@font-face{font-family:Akira;src:url(/assets/Akira%20Expanded%20Demo-Sl8kDxMq.otf)}.site-header{position:sticky;top:0;z-index:50;background:#faf9f6f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block:1px solid #222}.nav-shell{max-width:1600px;margin:auto;min-height:88px;padding:16px clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{color:#171717;text-decoration:none;flex-shrink:0}.nav-brand strong{font:24px/1.2 Akira,sans-serif;display:flex;gap:10px;align-items:center}.nav-brand strong>span{font:28px/1 Georgia,serif;transition:transform .3s}.nav-brand:hover strong>span{transform:translate(3px,-3px)}.nav-tagline{display:block;margin-top:7px;font:700 9px/1.4 Courier New,monospace;letter-spacing:.12em}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,36px)}.desktop-nav a{color:#555;text-decoration:none;display:flex;gap:7px;align-items:baseline;font:700 16px/1.4 Calibri,Arial,sans-serif;padding-block:8px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav-number{font:10px Courier New,monospace;color:#777}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#111;border-color:#111}.nav-contact{flex-shrink:0;background:#191919;color:#fff;border:2px solid #191919;text-decoration:none;padding:12px 18px;font:700 16px/1.2 Calibri,Arial,sans-serif;box-shadow:4px 4px #aaa;transition:transform .2s,box-shadow .2s}.nav-contact span{margin-left:16px}.nav-contact:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #aaa}.site-header a:focus-visible,.site-header summary:focus-visible{outline:2px solid #222;outline-offset:5px}.nav-progress{height:4px;background:repeating-linear-gradient(135deg,#ddd 0,#ddd 3px,#faf9f6 3px,#faf9f6 8px)}.nav-progress>span{display:block;width:100%;height:100%;background:#171717;transform:scaleX(0);transform-origin:left}.mobile-nav{display:none}#home,#experience,#tech-stack,#projects,#hackathons,#contact{scroll-margin-top:120px}@media (max-width:1050px){.desktop-nav{display:none}.mobile-nav{display:block}.nav-contact{margin-left:auto}.mobile-nav summary{list-style:none;cursor:pointer;border:2px solid #222;padding:11px 14px;font:700 15px/1.3 Calibri,Arial,sans-serif}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{display:inline-block;margin-left:12px;transition:transform .2s}.mobile-nav[open] summary span{transform:rotate(45deg)}.mobile-nav nav{position:absolute;top:100%;left:0;right:0;background:#faf9f6;border-bottom:2px solid #222;padding:12px 24px 20px;box-shadow:0 10px #0001}.mobile-nav nav a{display:flex;gap:20px;padding:16px 4px;border-bottom:1px solid #ccc;color:#222;text-decoration:none;font:700 20px/1.3 Calibri,Arial,sans-serif}.mobile-nav nav a>span:first-child{font:12px/2 Courier New,monospace;color:#777}.mobile-nav nav a>span:last-child{margin-left:auto}.mobile-nav nav a[aria-current]{background:#eee}}@media (max-width:600px){.nav-shell{min-height:76px;padding:14px 20px;gap:12px}.nav-brand strong{font-size:20px}.nav-tagline{font-size:8px}.nav-contact{display:none}.mobile-nav{margin-left:auto}}@media (prefers-reduced-motion:reduce){.site-header *{transition:none}}@media (min-width: 1051px){.nav-shell{min-height:66px;padding-block:10px}.desktop-nav a{font-size:19px;padding-block:5px}.nav-number{font-size:11px}.nav-brand strong{font-size:22px}.nav-tagline{margin-top:4px}.nav-contact{font-size:18px;padding:9px 16px}}.ExperienceMain{width:min(1400px,calc(100% - 64px));margin:0 auto;padding:20px 0 12px}.experience-eyebrow{font:700 12px/1.5 Courier New,monospace;letter-spacing:.16em;text-align:center;margin-bottom:16px}.experience-board{position:relative;padding-inline:clamp(210px,20vw,280px)}.experience-entries{position:relative;z-index:1}.experience-entry{padding:32px 0 36px;border-top:2px solid #222}.experience-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font:700 12px/1.5 Courier New,monospace;letter-spacing:.04em}.experience-entry h3{margin:18px 0 8px;font:700 clamp(27px,2.4vw,38px)/1.15 Georgia,serif}.experience-company{font:700 18px/1.5 Calibri,Arial,sans-serif}.experience-company>span{font-weight:400;color:#555}.experience-entry ul{padding-left:20px;margin-top:22px;font:19px/1.6 Calibri,Arial,sans-serif}.experience-entry li+li{margin-top:10px}.experience-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.experience-technologies span{border:1px solid #444;padding:6px 10px;background:#faf9f6;font:700 12px/1.4 Courier New,monospace}.experience-photo{position:absolute;width:clamp(160px,16vw,220px);margin:0;padding:12px 12px 0;border:2px solid #222;background:#fff;box-shadow:6px 7px #222;rotate:var(--photo-angle);transition:rotate .3s,box-shadow .3s}.experience-photo:before{content:"";position:absolute;width:70px;height:20px;top:-11px;left:calc(50% - 35px);background:#ddd9cfc9;border:1px solid #aaa6;rotate:-5deg}.photo-space{aspect-ratio:4 / 5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#777;background:repeating-linear-gradient(135deg,#f1f0ec 0,#f1f0ec 1px,#faf9f6 1px,#faf9f6 12px);border:1px solid #ccc;font:12px Courier New,monospace;letter-spacing:.12em}.photo-cross{font:300 42px/1 Georgia,serif}.experience-photo figcaption{padding:15px 2px;font:italic 15px/1.4 Georgia,serif;text-align:center}.photo-one{top:50px;left:5px;--photo-angle: -7deg}.photo-two{top:34%;right:0;--photo-angle: 8deg}.photo-three{bottom:35px;left:0;--photo-angle: -4deg}.experience-photo:hover{rotate:0deg;box-shadow:9px 10px #222}@media (max-width: 1150px){.experience-board{padding:0;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:42px}.experience-photos{display:flex;flex-direction:column;justify-content:space-around;gap:48px;padding:20px 8px}.experience-photo{position:relative;width:100%;inset:auto}}@media (max-width: 700px){.ExperienceMain{width:calc(100% - 48px)}.experience-board{display:block}.experience-entry{padding:26px 0 30px}.experience-entry ul{font-size:18px}.experience-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding:24px 8px 12px}.experience-photo{padding:8px 8px 0}.experience-photo figcaption{font-size:13px;padding:12px 0}.photo-three{grid-column:1 / -1;width:48%;justify-self:center}}@media (prefers-reduced-motion: reduce){.experience-photo{transition:none}}.HackathonsMain{width:min(1400px,calc(100% - 64px));margin-inline:auto}.hackathon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.hackathon-card{border:2px solid #222;background:#fffd;padding:clamp(24px,3vw,40px);transition:transform .3s,box-shadow .3s}.hackathon-card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:7px 7px #222}.hackathon-meta{display:flex;justify-content:space-between;font:700 13px/1.5 Courier New,monospace;padding-bottom:32px}.hackathon-award{display:inline-block;padding:7px 10px;background:#222;color:#fff;font:700 13px/1.4 Courier New,monospace}.hackathon-card h3{font:700 clamp(26px,2.4vw,38px)/1.2 Georgia,serif;margin-top:18px}.project-image-placeholder{min-height:200px;aspect-ratio:16 / 9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #ccc;background:repeating-linear-gradient(135deg,#eeede9 0,#eeede9 1px,#faf9f6 1px,#faf9f6 14px);font-family:Courier New,monospace;text-align:center}.project-image-placeholder>span{font:40px/1 Georgia,serif;color:#777}.project-image-placeholder strong{font-size:22px}.project-image-placeholder small{font-size:10px;letter-spacing:.1em}@media (max-width: 700px){.HackathonsMain{width:calc(100% - 48px)}.hackathon-grid{grid-template-columns:minmax(0,1fr);gap:24px}}.MainSection{background:#fffc url(/assets/try3-CghKaIpH.png);background-repeat:no-repeat;background-size:cover;background-blend-mode:lighten;height:92vh}.MainSectionIntro{padding-top:10vh;margin-inline:2vw;display:flex;justify-content:center;gap:12vw}.MainSectionIntro img{border-radius:50%;border:1px solid #707070;object-fit:cover}.MainSectionIntroText{display:flex;flex-direction:column;justify-content:center;gap:2vh;font-family:Calibri;padding-right:10vw}.MainSectionIntroText h1{font-size:7vh;font-weight:700}.MainSectionIntroText p{padding-left:3vw;padding-top:5vh;font-size:3vh}.MainSectionContacts{padding-top:10vh;margin-inline:4vw}.ConnectionBox{width:fit-content;padding-inline:1.8vw;height:92px;background-color:#fff;border:2px solid black;box-shadow:10px 10px #000;display:flex;justify-content:space-around;align-items:center;gap:1vw}.ConnectionBoxIcons{display:flex;align-items:center;gap:1vw;transition:.3s ease;overflow:hidden;width:45px}.ConnectionBoxIcons p{font-size:1em;font-family:Calibri}.ConnectionBoxIcons:hover{width:150px}.ConnectionBox a{color:#000}@media only screen and (max-width: 600px){.MainSectionIntro{flex-direction:column;align-items:center;gap:5vh}.MainSectionIntro img{width:80vw}.MainSectionIntroText h1{font-size:4vh;align-self:center}.MainSectionIntroText p{font-size:3vh;align-self:center}.MainSectionIntro{gap:3vh}.ConnectionBox{width:95%;height:8vh;gap:0vw;margin:0}}*{margin:0;padding:0}.SeperatorContainer{padding-bottom:6vh}.SeperatorContainerExtra{padding-top:10vh}.SeperatorMain{height:6vh;width:100%;overflow:hidden;background:repeating-linear-gradient(45deg,black 0 20px,transparent 20px 40px)}.FooterContainer{margin-top:5vh;border-top:2px solid black;padding-bottom:1vh;text-align:center}@media only screen and (max-width: 600px){.SeperatorContainer{padding-top:5vh}}.TechStackMain{margin-inline:5vw}.TechStackTitle{font-size:3.5em;font-family:Times New Roman;font-weight:700;text-align:center;padding-top:2vh;padding-bottom:5vh}.TechStackCardsSection{display:flex;flex-wrap:wrap;justify-content:space-around;gap:2rem}@media only screen and (max-width: 600px){.TechStackTitle{font-size:2.5em}}@font-face{font-family:Courier New;src:url(/assets/COUR-BjOIY8in.TTF)}.TechStackCardMain{border:2px solid black;padding:3vw;width:20vw;height:40vh;background:#fffc url(/assets/try3-CghKaIpH.png);background-blend-mode:lighten;transition:all .2s ease-out}.TechStackCardMain:hover{box-shadow:10px 10px #000;transition:all .2s ease-in-out;transform:scale(1.05);background:#ffffffe6 url(/assets/try3-CghKaIpH.png)}.TechStackCardMain h1{font-size:2.2em;font-family:Times New Roman;font-weight:700}.TechStackCardMain ul{padding-left:1.5vw;font-size:1.8em;padding-top:4vh;font-family:Calibri}.TechStackCardMain ul li{padding-bottom:.5vh}.TechStackCardMain p{font-size:1.8em;font-family:Calibri;padding-top:2.5vh;padding-bottom:1vh;font-family:Courier New;color:#000}@media only screen and (max-width: 600px){.TechStackCardMain{width:85vw;height:40vh;padding:10vw;background:#ffffffe6 url(/assets/try3-CghKaIpH.png)}.TechStackCardMain h1{font-size:2em}.TechStackCardMain ul,.TechStackCardMain p{font-size:1.5em}}.ProjectsMain{padding-top:4vh;margin-inline:5vw}.ProjectsCardsSection{padding-top:6vh;display:flex;flex-wrap:wrap;justify-content:space-around;gap:5vw}.ProjectBtnContainer{padding-top:10vh;display:flex;width:100%;justify-content:center}.ProjectBtnContainer button{border:2px solid black;padding:1.5vh 3vw;font-family:Calibri;font-weight:700;font-size:2rem;background:#ffffffb3 url(/assets/try3-CghKaIpH.png);background-blend-mode:lighten;background-size:250%;background-position:center;transition:all .25s ease-out}.ProjectBtnContainer button:hover{box-shadow:10px 10px #000;transition:all .2s ease-in-out;transform:scale(1.05);background-color:#4e4e4ebb;background-size:180%;background-position:center;cursor:pointer;font-size:2.2rem;text-shadow:-1px -1px 0 rgb(255,255,255),1px -1px 0 rgb(255,255,255),-1px 1px 0 rgb(255,255,255),1px 1px 0 rgb(255,255,255)}@media only screen and (max-width: 600px){.ProjectsCardsSection{gap:7vh}}@font-face{font-family:Akira;src:url(/assets/Akira%20Expanded%20Demo-Sl8kDxMq.otf)}.ProjectCardMain{width:30vw;height:60vh;overflow:hidden;border:2px solid black;transition:all .2s;display:flex;flex-direction:column}.ProjectCardMain:hover{box-shadow:10px 10px #000;transition:all .2s ease-in-out;transform:scale(1.05)}.ProjectCardMain img{width:100%;height:40%;object-fit:cover}.ProjectCardTextContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:1vw}.ProjectCardTitle{font-family:Akira;font-size:2rem;width:50%}.ProjectCardInfoContainer{padding-top:2vh;font-family:Calibri;font-size:1.2rem;padding-right:5%}.ProjectCardDesc{font-size:1.2rem;padding-top:4vh;margin:1vw}.ProjectCardBtns{padding:2vh;display:flex;justify-content:center;align-items:flex-end;gap:2vw;flex-grow:1}.ProjectCardBtns button{width:7vw;border:2px solid black;background:transparent;transition:.3s;font-size:2em;font-weight:700;font-family:Calibri}.ProjectCardBtns button:hover{cursor:pointer;scale:.95;box-shadow:3px 3px #000;translate:2px 3px;scale:110%;transition:.3s}@media only screen and (max-width: 600px){.ProjectCardMain{width:85vw;height:fit-content}.ProjectCardMain img{height:20vh}.ProjectCardTextContainer{flex-direction:column;margin:3vw}.ProjectCardTitle{font-size:1.5rem;text-align:center}.ProjectCardTitle{width:100%;text-align:start}.ProjectCardInfoContainer{padding-top:1vh;font-size:1rem;padding-right:0%}.ProjectCardDesc{font-size:1rem;padding-top:2vh;margin:3vw}.ProjectCardBtns{flex-direction:column;align-items:center;gap:1vh}}@font-face{font-family:Courier New;src:url(/assets/COUR-BjOIY8in.TTF)}.ContactMeMain{display:flex;flex-direction:column;align-items:center}.ContactMeForm{border:2px solid black;padding:4vw;box-shadow:10px 10px #000;width:45vw;height:fit-content;display:flex;flex-direction:column;gap:2vh}input,textarea{font-size:2em;font-family:Calibri}input{border:none;outline:none;border-bottom:2px solid black}textarea{padding:.5vw;border:2px solid black;height:15vh}label{font-family:Courier New;font-size:2.5em;padding-bottom:2vh}.ContactMeFormBtn{margin-top:5vh;width:15vw;height:5vh;align-self:flex-end;border:2px solid black;box-shadow:10px 10px #000;transition:.3s;font-family:Courier New;font-size:2em}.ContactMeFormBtn:hover{cursor:pointer;background-color:#616161;color:#fff;scale:.95;box-shadow:3px 3px #000;translate:6px 6px;transition:.3s}@media only screen and (max-width: 600px){.ContactMeForm{width:85vw}input{width:100%}.ContactMeFormBtn,.ContactMeFormBtn:hover{width:40vw}}html{scroll-behavior:smooth}.TechStackCardsSection{align-items:stretch}.TechStackCardMain{flex:1 1 240px;box-sizing:border-box}.MainSectionIntroText{min-width:0}@media (min-width: 801px) and (max-width: 1100px){.MainSectionIntro{gap:5vw}.MainSectionIntroText{padding-right:2vw}.MainSectionIntroText h1{font-size:5vh}}@media (max-width: 800px){.TechStackCardMain,.ProjectCardMain{width:85vw;flex-basis:100%}.ProjectCardBtns button{width:auto;padding-inline:12px}.TechStackTitle{font-size:clamp(28px,6vw,48px)}}body{background:#faf9f6}.portfolio-site{position:relative;isolation:isolate;overflow:clip}.motion-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.drifting-grid{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;opacity:.32;background-image:radial-gradient(#777 1px,transparent 1px);background-size:28px 28px;animation:grid-drift 28s linear infinite;transform:translate(var(--pointer-x, 0px),var(--pointer-y, 0px))}.orbit{position:absolute;border:1px solid #888;border-radius:50%;width:50vw;aspect-ratio:1;opacity:.22;animation:orbit-drift 18s ease-in-out infinite alternate}.orbit:after{content:"";position:absolute;top:25px;right:25px;bottom:25px;left:25px;border:1px dashed #888;border-radius:inherit;animation:rotate-mark 70s linear infinite}.orbit-one{top:15%;right:-25%}.orbit-two{top:65%;left:-30%;animation-delay:-9s}.floating-mark{position:absolute;color:#777;opacity:.3;font:80px Georgia,serif;animation:mark-drift 12s ease-in-out infinite}.mark-one{top:4%;left:6%}.mark-two{top:28%;right:8%;animation-delay:-4s}.mark-three{top:50%;left:3%;animation-delay:-7s}.mark-four{top:85%;right:4%;animation-delay:-2s}.dotted-patch{position:absolute;top:55%;right:-5%;width:230px;height:230px;border:2px solid #222;opacity:.12;background:repeating-linear-gradient(45deg,#222 0 2px,transparent 2px 12px);animation:rotate-mark 90s linear infinite}.MainSection{position:relative;background-color:#ffffffa6;animation:texture-drift 25s ease-in-out infinite alternate;min-height:92vh;height:auto;padding-bottom:5vh;box-sizing:border-box}.MainSectionIntro{align-items:center}.portrait{position:relative;flex:0 0 auto;width:clamp(240px,31vw,440px);aspect-ratio:529 / 540;animation:portrait-arrive 1s cubic-bezier(.2,.8,.2,1) both}.MainSectionIntro .portrait img{width:100%;height:100%;display:block;box-sizing:border-box}.googly-eyes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;visibility:hidden}.googly-eyes.is-visible{visibility:visible}.googly-eye{position:absolute;width:14.5%;aspect-ratio:1;top:32%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 40%,#dedede);border:2px solid #222;box-shadow:2px 4px #0003,inset -2px -3px 4px #0002;opacity:0}.eye-left{left:30%;top:35.5%}.eye-right{left:50%;top:31.5%}.is-visible .googly-eye{animation:eye-pop .85s cubic-bezier(.2,.8,.3,1.3) both}.is-visible .eye-right{animation-delay:.14s}.googly-pupil{position:absolute;width:45%;height:45%;left:27.5%;top:27.5%;border-radius:50%;background:#151515;transform:translate(var(--eye-x, 0px),var(--eye-y, 0px));transition:transform 75ms ease-out}.googly-pupil:after{content:"";position:absolute;width:25%;height:25%;border-radius:50%;background:#fff;left:20%;top:13%}.eye-spark{position:absolute;font-size:clamp(25px,4vw,50px);opacity:0}.spark-one{left:17%;top:26%}.spark-two{right:24%;top:20%}.is-visible .eye-spark{animation:sparkle .8s .2s both}.is-visible .spark-two{animation-delay:.36s}.MainSectionIntroText{animation:intro-arrive .9s .15s both}.ConnectionBox{animation:intro-arrive .9s .35s both;transition:box-shadow .25s,transform .25s}.ConnectionBox:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:14px 14px #000}.ConnectionBoxIcons svg{flex-shrink:0;transition:transform .3s}.ConnectionBoxIcons:hover svg{transform:rotate(-12deg)}.SeperatorMain{background-size:57px 57px;animation:stripe-march 4s linear infinite}.scroll-reveal{opacity:0;translate:0 32px;transition:opacity .7s var(--reveal-delay),translate .7s cubic-bezier(.2,.8,.2,1) var(--reveal-delay)}.scroll-reveal.revealed{opacity:1;translate:0 0}.TechStackTitle{position:relative;width:fit-content;margin-inline:auto}.TechStackTitle:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:#222;transform:scaleX(0);transform-origin:left;transition:transform .9s .25s}.TechStackTitle.revealed:after{transform:scaleX(1)}.TechStackCardMain{background-color:#fff9;height:auto;min-height:40vh;background-position:center;animation:texture-drift 35s ease-in-out infinite alternate}.TechStackCardMain li{transition:transform .25s}.TechStackCardMain li:hover{transform:translate(8px)}.ProjectCardMain{background:#faf9f6;height:auto;min-height:60vh}.ProjectCardMain img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s;filter:saturate(.7)}.ProjectCardMain:hover img{transform:scale(1.04);filter:saturate(1)}button{cursor:pointer;transition:transform .25s,box-shadow .25s,background-color .25s}button:hover{transform:translate(-3px,-3px);box-shadow:5px 5px #222}button:active{transform:translate(1px,1px);box-shadow:1px 1px #222}.ContactMeForm input,.ContactMeForm textarea{transition:box-shadow .25s,background-color .25s}.ContactMeForm input:focus,.ContactMeForm textarea:focus{outline:2px solid #222;outline-offset:3px;box-shadow:5px 5px #bbb;background:#fff}@keyframes grid-drift{to{background-position:56px 56px}}@keyframes stripe-march{to{background-position:57px 0}}@keyframes orbit-drift{to{transform:translate(30px,-50px) scale(1.12)}}@keyframes mark-drift{50%{transform:translate(15px,-25px) rotate(30deg)}}@keyframes rotate-mark{to{transform:rotate(360deg)}}@keyframes texture-drift{0%{background-position:48% 45%}to{background-position:52% 55%}}@keyframes portrait-arrive{0%{opacity:0;transform:translateY(30px) rotate(-7deg) scale(.94)}to{opacity:1;transform:none}}@keyframes intro-arrive{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes eye-pop{0%{opacity:0;transform:translateY(-40px) scale(0) rotate(-35deg)}50%{opacity:1;transform:translateY(4px) scale(1.3,.8) rotate(12deg)}75%{transform:translateY(-5px) scale(.9,1.12) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(-45deg)}45%{opacity:1;transform:scale(1.2) rotate(10deg)}to{opacity:0;transform:scale(.5) translateY(-25px) rotate(40deg)}}@media (max-width: 800px){.MainSectionIntro{flex-direction:column;gap:4vh}.portrait{width:min(72vw,360px)}.MainSectionIntroText{padding-right:0}.MainSectionIntroText h1{font-size:clamp(24px,5vw,42px)}.MainSectionIntroText p{font-size:20px;padding-top:2vh}.MainSectionContacts{padding-top:6vh}.TechStackCardMain{box-sizing:border-box}.ProjectCardMain{min-height:0}.motion-backdrop .floating-mark{font-size:45px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-reveal{opacity:1;translate:none}.is-visible .googly-eye{opacity:1}.is-visible .eye-spark{display:none}}*,*:before,*:after{box-sizing:border-box}#root{width:100%;min-width:0}.HeaderMain{min-height:64px;height:auto;padding:12px 0}.HeaderCategories{flex-wrap:wrap;gap:clamp(12px,2vw,28px);font-size:16px}.MainSection{padding:clamp(40px,6vw,96px) clamp(24px,5vw,96px) 64px;min-height:calc(100svh - 64px)}.MainSectionIntro{max-width:1400px;margin:0 auto;padding:0;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr);gap:clamp(32px,6vw,100px)}.portrait{width:min(100%,420px);justify-self:center}.MainSectionIntroText{padding:0;gap:28px}.MainSectionIntroText h1{font-size:clamp(30px,3.5vw,64px);line-height:1.15;text-wrap:balance}.intro-name{display:block;margin-top:20px}.MainSectionIntroText p{padding:0;font-size:clamp(18px,1.6vw,28px);line-height:1.5}.MainSectionContacts{max-width:1400px;margin:0 auto;padding-top:64px}.ConnectionBox{width:fit-content;max-width:100%;height:auto;min-height:88px;padding:18px 24px;gap:24px;flex-wrap:wrap;justify-content:flex-start}.ConnectionBox a{text-decoration:none;min-width:0;max-width:100%}.ConnectionBoxIcons,.ConnectionBoxIcons:hover{width:auto;gap:12px;overflow:visible}.ConnectionBoxIcons svg{width:42px;height:42px}.social-label{display:grid;grid-template-columns:0fr;opacity:0;transition:grid-template-columns .35s ease,opacity .25s ease}.social-label>span{white-space:nowrap;overflow:hidden;min-width:0;font:800 clamp(21px,1.5vw,26px)/1.4 Calibri,Arial,sans-serif;overflow-wrap:anywhere}.ConnectionBox a:hover .social-label,.ConnectionBox a:focus-visible .social-label{grid-template-columns:1fr;opacity:1}.ConnectionBox a:focus-visible{outline:2px solid #222;outline-offset:6px}.TechStackMain,.ProjectsMain,.ContactMeMain{width:min(1400px,calc(100% - 64px));margin-inline:auto}.TechStackTitle{max-width:100%;font-size:clamp(28px,3.5vw,54px);line-height:1.15;padding:0 0 22px;margin-bottom:48px;overflow-wrap:normal}.TechStackTitle:after{bottom:0}.TechStackCardsSection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.TechStackCardMain{width:auto;min-width:0;height:auto;min-height:0;padding:clamp(24px,2.5vw,40px);background:#ffffffe0;display:flex;flex-direction:column}.TechStackCardMain h1{font-size:clamp(26px,2vw,34px);line-height:1.15;overflow-wrap:normal}.TechStackCardMain ul{font-size:clamp(20px,1.6vw,25px);line-height:1.5;padding:28px 0 0 24px}.TechStackCardMain p{padding:28px 0 0;font-size:clamp(17px,1.3vw,21px);line-height:1.55;overflow-wrap:break-word}.TechStackCardMain:hover,.ProjectCardMain:hover{transform:translateY(-5px)}.ProjectsCardsSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),480px));justify-content:center;gap:40px;padding-top:0}.ProjectCardMain{width:100%;min-width:0;height:auto;min-height:0;overflow:hidden}.ProjectCardMain img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;flex-shrink:0}.ProjectCardTextContainer{margin:24px 24px 0;gap:16px}.ProjectCardTitle{width:100%;font-size:clamp(24px,2.2vw,34px);overflow-wrap:anywhere}.ProjectCardInfoContainer{padding:0;font-size:18px;line-height:1.6}.ProjectCardDesc{margin:24px;padding:0;font-size:19px;line-height:1.5}.ProjectCardBtns{flex-wrap:wrap;flex-direction:row;align-items:stretch;gap:16px;padding:0 24px 28px}.ProjectCardBtns a{flex:1 1 140px;text-decoration:none}.ProjectCardBtns button{width:100%;height:100%;padding:12px 16px;font-size:22px;line-height:1.25}.ProjectBtnContainer{padding-top:48px}.SeperatorContainer{padding-bottom:clamp(40px,6vw,80px)}.SeperatorContainerExtra{padding-top:clamp(48px,7vw,96px)}.SeperatorMain{height:clamp(24px,3vw,44px)}.ContactMeForm{width:min(100%,760px);padding:clamp(24px,4vw,56px);gap:24px}.ContactMeForm>div{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px}.ContactMeForm label{font-size:clamp(20px,2vw,28px);padding:0}.ContactMeForm input,.ContactMeForm textarea{width:100%;min-width:0;font-size:20px;padding:8px}.ContactMeForm textarea{min-height:160px;resize:vertical}.ContactMeFormBtn{width:auto;min-width:150px;height:auto;padding:12px 24px;font-size:22px;margin-top:12px}.portrait-smile{position:absolute;left:39%;top:55.5%;width:23%;height:10%;opacity:0;transform-origin:center;filter:drop-shadow(2px 3px 0 #0003)}.is-visible .portrait-smile{animation:smile-spin .85s cubic-bezier(.2,.8,.3,1.15) .08s both}@keyframes smile-spin{0%{opacity:0;transform:rotate(-360deg) scale(0)}65%{opacity:1;transform:rotate(12deg) scale(1.2)}85%{transform:rotate(-8deg) scale(.94)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@media (max-width: 1050px){.TechStackCardsSection{grid-template-columns:repeat(2,minmax(0,1fr))}.ConnectionBox{width:100%}.social-label{grid-template-columns:1fr;opacity:1}.ConnectionBox a{flex:1 1 240px}.ConnectionBoxIcons{gap:16px}}@media (max-width: 700px){.HeaderLogo{padding-left:16px}.HeaderCategories{gap:12px;padding-right:16px}.HeaderCategories li{font-size:14px}.MainSection{padding:36px 24px 48px}.MainSectionIntro{grid-template-columns:minmax(0,1fr);gap:32px}.portrait{width:min(75vw,320px)}.MainSectionIntroText{text-align:center;gap:20px}.MainSectionIntroText h1{font-size:clamp(28px,7vw,42px)}.intro-name{margin-top:12px}.MainSectionIntroText p{font-size:19px}.MainSectionContacts{padding-top:36px}.ConnectionBox{padding:20px;gap:20px}.ConnectionBox a{flex-basis:100%}.ConnectionBoxIcons svg{width:32px;height:32px}.social-label{max-width:calc(100% - 48px)}.TechStackMain,.ProjectsMain,.ContactMeMain{width:calc(100% - 48px)}.TechStackCardsSection{grid-template-columns:minmax(0,1fr);gap:24px}.TechStackTitle{margin-bottom:32px}.TechStackCardMain{padding:28px}.TechStackCardMain h1{font-size:28px}.TechStackCardMain ul,.TechStackCardMain p{padding-top:20px}.ContactMeForm>div{grid-template-columns:minmax(0,1fr);gap:6px}.ContactMeFormBtn,.ContactMeFormBtn:hover{width:auto}}@media (hover: none){.social-label{grid-template-columns:1fr;opacity:1}.ConnectionBox a{flex-basis:100%}}@media (prefers-reduced-motion: reduce){.is-visible .portrait-smile{opacity:1;transform:rotate(-12deg)}}@media (max-width: 400px){.HeaderMain{flex-direction:column;align-items:center;gap:12px}.HeaderLogo,.HeaderCategories{padding:0}.TechStackCardMain{padding:22px}.ConnectionBox{padding:16px}}@media (max-width: 1050px),(hover: none){.social-label{min-width:0}.social-label>span{white-space:normal}}.project-date-row{display:flex;justify-content:flex-end;padding:12px 18px;border-bottom:1px solid #ccc;font:700 13px/1.4 Courier New,monospace;background:#faf9f6}.projects-collapsed>.ProjectCardMain:nth-child(n+5){display:none}.projects-expanded>.ProjectCardMain{opacity:1;translate:none}@media (max-width: 1050px){.projects-collapsed>.ProjectCardMain:nth-child(n+4){display:none}}@media (max-width: 1050px),(hover: none){.ConnectionBoxIcons{width:100%}.social-label{display:block;flex:1;width:auto;max-width:none}.social-label>span{display:block}}.ProjectCardMain>img{background:#fff;padding:20px}