@import "https://fonts.googleapis.com/css2?family=Alex+Brush&family=Antonio:wght@100..700&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500&family=Fraunces:ital,wght@0,700;0,900;1,300&display=swap";:root{--black:#080808;--panel:#111;--paper:#f2ede4;--muted:#777060;--line:#f2ede41a;--acid:#d4ff3c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}html[data-portfolio-restoring=true]{scroll-behavior:auto!important}html[data-portfolio-restoring=true] body{visibility:hidden}body{background:var(--black);color:var(--paper);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}main{min-width:320px;overflow:clip visible}.section{border-top:1px solid var(--line);padding:112px 64px}.topbar{z-index:20;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 64px;display:flex;position:fixed;top:0;left:0}.brand{letter-spacing:-.45px;font:900 18px/28px Fraunces,Georgia,serif}.brand span{color:var(--acid)}.desktop-nav{display:block}.menu-button{color:var(--muted);letter-spacing:2.2px;text-transform:uppercase;font-size:11px;line-height:17px;position:relative}.gooey-nav-container{--gooey-color-1:var(--acid);--gooey-color-2:#f2ede4;--gooey-color-3:#8ea926;--gooey-color-4:#fff;position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;gap:8px;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container nav li{color:var(--muted);cursor:pointer;border-radius:100vw;transition:color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav li a{color:inherit;letter-spacing:2.2px;text-transform:uppercase;padding:9px 13px;font-size:11px;line-height:17px;display:inline-block;position:relative}.gooey-nav-container nav li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px var(--paper)}.gooey-nav-container nav li:after{content:"";z-index:-1;background:var(--acid);opacity:0;border-radius:100vw;transition:opacity .3s,transform .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav li:hover{color:var(--paper)}.gooey-nav-container nav li.active{color:var(--black)}.gooey-nav-container nav li.active:after{opacity:1;transform:scale(1)}.gooey-effect{z-index:1;opacity:1;pointer-events:none;place-items:center;width:0;height:0;transition:left .42s cubic-bezier(.22,1,.36,1),top .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:0;left:0}.gooey-text{color:var(--paper);letter-spacing:2.2px;text-transform:uppercase;font-size:11px;line-height:17px;transition:color .3s}.gooey-text.active{color:var(--black)}.gooey-filter{filter:blur(2px)contrast(100)blur();mix-blend-mode:lighten}.gooey-filter:before{content:"";z-index:-2;background:var(--black);content:"";z-index:-2;background:var(--black);top:0;left:0;width:100vw;height:68px;position:absolute;inset:-75px}.gooey-filter:after{content:"";z-index:-1;background:var(--acid);opacity:0;border-radius:100vw;position:absolute;inset:0;transform:scale(0)}.gooey-effect.active:after{animation:.3s both gooey-pill}@keyframes gooey-pill{to{opacity:1;transform:scale(1)}}.gooey-particle,.gooey-point{opacity:0;transform-origin:50%;border-radius:100%;width:12px;height:12px;display:block}.gooey-particle{animation:gooey-particle var(--time) ease 1 -350ms;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.gooey-point{background:var(--color);opacity:1;animation:gooey-point var(--time) ease 1 -350ms}@keyframes gooey-particle{0%{opacity:1;transform:rotate(0deg) translate(var(--start-x), var(--start-y));animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{opacity:1;transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));animation-timing-function:ease}85%{opacity:1;transform:rotate(calc(var(--rotate) * .66)) translate(var(--end-x), var(--end-y))}to{opacity:1;transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5))}}@keyframes gooey-point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .25))}38%,85%{opacity:1}65%{opacity:1;transform:scale(var(--scale));animation-timing-function:ease}to{opacity:0;transform:scale(0)}}.menu-toggle,.menu-button,.mobile-menu{display:none}.story-sequence{position:relative}.story-visual{z-index:3;pointer-events:none;width:100%;height:100svh;position:fixed;top:0;left:0;right:0}.story-card{--story-hero-left:50%;--story-hero-top:18.7%;--story-hero-width:290px;--story-hero-height:429px;--story-contents-left:calc(50% + 78px);--story-contents-top:41%;--story-contents-width:470px;--story-contents-height:342px;--story-about-left:calc(50% + 7px);--story-about-top:-84px;--story-about-width:560px;--story-about-height:746px;--story-about-translate:0%;left:var(--story-hero-left);top:var(--story-hero-top);width:var(--story-hero-width);height:var(--story-hero-height);transform-style:preserve-3d;will-change:left, top, width, height, transform, border-radius;border-radius:30px;position:absolute;transform:translate(-50%)perspective(1200px)rotate(-6.79deg)rotateY(0);box-shadow:0 24px 70px #00000040}.story-face{border-radius:inherit;backface-visibility:hidden;transform-style:preserve-3d;will-change:opacity;position:absolute;inset:0;overflow:hidden}.story-face img{width:100%;height:100%;display:block}.story-anchor{visibility:hidden;pointer-events:none}.story-anchor-hero{width:290px;height:429px;position:absolute;top:18.7%;left:50%;transform:translate(-50%)}.story-anchor-contents{width:376px;height:274px;position:absolute;top:calc(41% + 34px);right:calc(9% + 47px)}.story-anchor-about{width:560px;height:746px;position:absolute;top:-91.2px;left:-35px}.story-hero{opacity:1;transform:rotateY(0)}.story-hero img{object-fit:cover;object-position:50% 42%;transform:scale(1.12)}.story-contents{opacity:0;transform:rotateY(180deg)}.story-contents img{object-fit:cover}.story-about{opacity:0;transform:rotateY(0)}.story-about img{object-fit:contain}@keyframes portavia-story-card{0%,8%{left:var(--story-hero-left);top:var(--story-hero-top);width:var(--story-hero-width);height:var(--story-hero-height);border-radius:30px;transform:translate(-50%)perspective(1200px)scale(1)rotate(-6.79deg)rotateY(0)}26%{transform:translate(-24%)perspective(1200px)scale(.916)rotate(8.36deg)rotateY(125deg)}45%,55%{left:var(--story-contents-left);top:var(--story-contents-top);width:var(--story-contents-width);height:var(--story-contents-height);border-radius:30px;transform:translate(0%)perspective(1200px)scale(1)rotate(4.51deg)rotateY(180deg)}75%{transform:translate(0%)perspective(1200px)scale(.93)rotate(8.9deg)rotateY(305deg)}92%,to{left:var(--story-about-left);top:var(--story-about-top);width:var(--story-about-width);height:var(--story-about-height);transform:translateX(var(--story-about-translate)) perspective(1200px) scale(1) rotate(0deg) rotateY(360deg);border-radius:0}}@keyframes portavia-story-hero{0%,25%{opacity:1}27%,to{opacity:0}}@keyframes portavia-story-contents{0%,24%{opacity:0}26%,74%{opacity:1}76%,to{opacity:0}}@keyframes portavia-story-about{0%,74%{opacity:0}76%,to{opacity:1}}@supports (animation-timeline:scroll()){.story-card,.story-face{animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 220vh}.story-card{animation-name:portavia-story-card}.story-hero{animation-name:portavia-story-hero}.story-contents{animation-name:portavia-story-contents}.story-about{animation-name:portavia-story-about}}.story-card,.story-face{animation:none!important}.hero{background:radial-gradient(circle at 15% 90%,#d4ff3c12,#0000 30%),radial-gradient(circle at 85% 15%,#3caaff0a,#0000 28%),linear-gradient(#08080873,#08080805 50%,#080808e6);height:100svh;min-height:781px;position:relative}.grid-noise{opacity:.025;background-image:linear-gradient(var(--paper) 1px, transparent 1px), linear-gradient(90deg, var(--paper) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0}.hero-name{z-index:2;white-space:nowrap;font-family:Antonio,sans-serif;font-size:clamp(112px,12.2vw,160px);line-height:.84;position:absolute;top:46.5%}.hero-first{font-weight:900;left:5.5%}.hero-last{letter-spacing:6px;color:#0000;-webkit-text-stroke:1px #f2ede447;font-style:italic;font-weight:300;right:7.5%}.portrait-card{z-index:3;border-radius:30px;width:290px;height:429px;position:absolute;top:18.7%;left:50%;overflow:hidden;transform:translate(-50%)rotate(-6.79deg);box-shadow:0 24px 70px #00000040}.portrait-card .flip-face img{object-fit:cover;object-position:50% 42%;width:100%;height:100%;transform:scale(1.12)}.role-sticker{z-index:5;color:var(--black);background:var(--acid);letter-spacing:1.2px;text-transform:uppercase;padding:12px 20px;font:400 12px/16px DM Mono,monospace;position:absolute;top:67.7%;left:32%}.hero-role{z-index:4;color:var(--acid);letter-spacing:4.2px;text-transform:uppercase;margin:0;font:400 12px/16px DM Mono,monospace;position:absolute;top:67.9%;right:9.8%}.availability{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;align-items:center;gap:20px;font:400 12px/16px DM Mono,monospace;display:flex;position:absolute;bottom:12.2%;right:5.5%}.availability i{background:var(--line);width:32px;height:1px}.availability b{background:var(--acid);opacity:.5;border-radius:50%;width:8px;height:8px}.contents{grid-template-columns:525px 1fr;gap:112px;height:100svh;min-height:820px;display:grid;position:relative}.contents-copy{width:525px}.eyebrow,.section-label{color:var(--acid);letter-spacing:1.2px;text-transform:uppercase;font:400 12px/16px DM Mono,monospace}.contents h2{margin:20px 0 36px;font:900 58px/1.5 Fraunces,Georgia,serif}.contents h2 em,.skills-heading h2 em{color:#0000;-webkit-text-stroke:1px #f2ede442;font-weight:300}.content-links{border-top:1px solid var(--line)}.content-links a{border-bottom:1px solid var(--line);grid-template-columns:41px 1fr 20px;align-items:center;height:86px;display:grid}.content-links span{color:var(--acid);letter-spacing:1.2px;font:400 12px/16px DM Mono,monospace}.content-links strong{font:900 26px/38px Fraunces,Georgia,serif}.content-links img{width:20px;height:20px;transition:transform .25s}.content-links a:hover img{transform:translate(3px,-3px)}.contents-photo{border-radius:30px;width:470px;height:342px;position:absolute;top:41%;right:9%;overflow:hidden;transform:rotate(4.51deg)}.contents-photo .flip-face img{object-fit:cover;width:100%;height:100%}.about{height:100svh;min-height:820px;margin-top:4cm}.section-label{align-items:center;gap:24px;width:100%;display:flex}.section-label i{background:var(--line);flex:1;height:1px}.about-layout{grid-template-columns:minmax(0,756px) 1fr;gap:20px;padding-top:48px;display:grid}.about-copy h2{background:linear-gradient(90deg,#fff,#999);color:#0000;-webkit-background-clip:text;margin:0;font:700 86px/.9 Fraunces,Georgia,serif}.signature{color:#bace5b;text-transform:capitalize;margin:22px 0 -6px;font:400 86px/1 Alex Brush,cursive}.intro{color:#fff6;width:519px;margin:0;font:italic 16px/1.4 Arial,sans-serif}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);height:126px;margin-top:35px;display:grid}.stats>div{border-right:1px solid var(--line);padding:20px 25px 18px 0}.stats>div:not(:first-child){padding-left:25px}.stats>div:last-child{border:0}.stats strong{font:900 35px/52px Fraunces,Georgia,serif;display:block}.stats>div>span{color:var(--muted);font-size:11px}.quick-contact{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.quick-contact span{border:1px solid var(--line);color:var(--muted);padding:13px 17px;font-size:13px}.about-photo{height:560px;position:relative;overflow:visible}.about-portrait-card{width:560px;height:746px;position:absolute;top:-260px;left:-167.307px}.about-portrait-card .flip-face img{object-fit:contain;width:100%;height:100%}.flip-card{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.flip-face{border-radius:inherit;backface-visibility:hidden;transform-style:preserve-3d;position:absolute;inset:0;overflow:hidden}.flip-front{transform:rotateY(0)}.flip-back{transform:rotateY(180deg)}.flip-face img{display:block}@keyframes portavia-image-flip{0%{transform:perspective(1200px)scale(1)rotate(0)rotateY(0)}28%{transform:perspective(1200px)scale(.916)rotate(8.36deg)rotateY(125deg)}55%{transform:perspective(1200px)scale(.918)rotate(8.9deg)rotateY(171deg)}80%{transform:perspective(1200px)scale(.971)rotate(6.47deg)rotateY(284deg)}to{transform:perspective(1200px)scale(1)rotate(5deg)rotateY(340deg)}}@supports (animation-timeline:view()){.flip-card{animation:linear both portavia-image-flip;animation-timeline:view();animation-range:entry cover 72%}.flip-hero{animation-timeline:scroll(root);animation-range:0 190vh}}.story-anchor-about-label{width:207px;height:40px;position:absolute;top:387.164px;left:2px}.story-about-label{z-index:5;color:var(--black);background:var(--acid);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;opacity:0;transform-origin:0;will-change:opacity, transform;padding:12px 20px;font:400 12px/16px DM Mono,monospace;position:absolute;transform:scaleX(0)}.marquee{background:var(--acid);height:70px;color:var(--black);white-space:nowrap;align-items:center;font:400 15px/28px DM Mono,monospace;display:flex;overflow:hidden}.marquee div{animation:24s linear infinite marquee}@keyframes marquee{0%{transform:translate(-10%)}to{transform:translate(-60%)}}.experience{z-index:4;background:var(--panel);height:auto;min-height:100vh;position:relative}.project-stack{width:100%;max-width:1600px;margin:64px auto 0;position:relative}.project-stack-card{box-sizing:border-box;transform-origin:50%;width:min(70% + 38px,100%);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;background:#0b0b0b;border-radius:28px;margin:0 auto 120px;position:sticky;top:80px;overflow:hidden;box-shadow:0 36px 90px #0000006b}a.project-stack-card{cursor:pointer;display:block}a.project-stack-card:focus-visible{outline:2px solid var(--acid);outline-offset:6px}.project-stack-card img{width:100%;height:auto;display:block}.project-stack-end{width:100%;height:55vh}.projects{z-index:4;background:var(--black);isolation:isolate;height:100svh;min-height:700px;padding:0 64px;position:relative;overflow:hidden}.projects>.section-label{z-index:4;width:auto;position:absolute;top:64px;left:64px;right:64px}.project-wheel-container{-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.project-wheel-center{-webkit-user-select:none;user-select:none;height:100svh;position:absolute;top:28%;left:50%;transform:translate(-50%)}.project-wheel-items{transform-origin:50% 180vh;-webkit-user-select:none;user-select:none;outline:none;display:flex;transform:rotate(0)}.project-wheel-items:focus-visible:after{content:"";border:1px solid var(--acid);pointer-events:none;border-radius:22px;width:450px;height:630px;position:absolute;top:-5px;left:-225px}.project-wheel-item{opacity:0;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;position:absolute;transform:translate(-50%)}.project-wheel-card{color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#e7e3da;border:10px solid #000;border-radius:25px;width:430px;height:610px;display:block;position:relative;overflow:hidden}.project-wheel-card:active{cursor:grabbing}.project-wheel-card-link:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.project-wheel-image,.project-wheel-placeholder{width:100%;height:100%;position:absolute;inset:0}.project-wheel-image{object-fit:cover;pointer-events:none}.project-wheel-placeholder{background:linear-gradient(#08080812 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#08080812 1px,#0000 1px) 0 0/30px 30px,linear-gradient(145deg,#f2ede4,#bab4a9) 0 0/100% 100%}.project-wheel-item:nth-child(3n+2) .project-wheel-placeholder{background:linear-gradient(#0808080f 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#0808080f 1px,#0000 1px) 0 0/30px 30px,linear-gradient(145deg,#c7c2b8,#f2ede4) 0 0/100% 100%}.project-wheel-item:nth-child(3n) .project-wheel-placeholder{background:linear-gradient(#0808080e 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#0808080e 1px,#0000 1px) 0 0/30px 30px,linear-gradient(145deg,#ddd8ce,#9e988e) 0 0/100% 100%}.project-wheel-hint{z-index:4;color:var(--muted);letter-spacing:2px;text-transform:uppercase;pointer-events:none;margin:0;font:500 10px/16px DM Mono,monospace;position:absolute;bottom:44px;right:64px}.skills{background:var(--panel);height:1275.5px}@media screen and (height<=1000px){.project-wheel-card{width:350px;height:497px}.project-wheel-items:focus-visible:after{width:370px;height:517px;left:-185px}}@media screen and (height<=800px){.project-wheel-card{width:300px;height:400px}.project-wheel-items:focus-visible:after{width:320px;height:420px;left:-160px}}.skills-heading{justify-content:space-between;align-items:flex-end;padding-top:24px;display:flex}.skills-heading h2{width:300px;height:104px;margin:0;font:900 58px/.9 Fraunces,Georgia,serif}.skills-heading p{width:384px;color:var(--muted);margin:0;font-size:14px;line-height:23px}.skills-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:80px;display:grid}.skills-grid .skill-tilt-shell{background:var(--panel);perspective:800px;min-height:397px;position:relative}.skills-grid .skill-tilt-shell:nth-child(-n+3){min-height:428px}.skill-tilt-shell:hover{z-index:2}.skills-grid article{background:var(--panel);height:100%;transform-style:preserve-3d;transform-origin:50%;will-change:transform;padding:40px;position:relative}.skill-top{justify-content:space-between;display:flex}.skill-top span{color:#f2ede41f;font:400 30px/36px DM Mono,monospace}.skill-top b{color:var(--acid);letter-spacing:1.2px;font:400 12px/16px DM Mono,monospace}.skills-grid h3{min-height:64px;margin:0;padding-top:32px;font:900 21px/31px Fraunces,Georgia,serif}.skills-grid p{min-height:103px;color:var(--muted);margin:0;padding-top:12px;font-size:14px;line-height:23px}.tags{flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:82px;padding-top:24px;display:flex}.tags span{border:1px solid var(--line);height:25px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;padding:5px 11px;font:400 10px/15px DM Mono,monospace}.card-line{background:var(--line);height:1px;margin-top:8px;display:block}.contact{background:radial-gradient(circle at 45% 45%, #d4ff3c0b, transparent 28%), var(--black);height:1165px;padding-top:96px;padding-bottom:38px;position:relative}.contact-top{z-index:2;align-items:center;display:flex;position:relative}.contact-top .section-label{flex:1}.contact-top>span{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;margin-left:24px;font:400 12px/16px DM Mono,monospace}.contact-hero{z-index:2;width:620px;padding-top:190px;position:relative}.contact-hero h2{margin:0;font:900 107px/1 Antonio,sans-serif}.contact-hero h2.outline{color:#0000;-webkit-text-stroke:1px #f2ede457;width:max-content;font-style:italic;font-weight:300}.contact-hero h2.acid{color:var(--acid)}.contact-hero>p{width:512px;color:var(--muted);margin:55px 0 0;font-size:14px;line-height:26px}.contact-actions{gap:16px;margin-top:48px;display:flex}.contact-actions a{border:1px solid var(--acid);background:var(--acid);min-width:280px;color:var(--black);padding:21px 40px;font-size:14px}.contact-actions a span{float:right}.contact-actions a.secondary{border-color:var(--line);min-width:199px;color:var(--paper);background:0 0}.contact-lanyard-loader,.contact-lanyard{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.contact-lanyard-loader{pointer-events:none}.contact-lanyard-loader .contact-lanyard{pointer-events:auto}.contact-lanyard canvas{touch-action:none;width:100%!important;height:100%!important}.contact-lanyard-hint{color:#f2ede447;letter-spacing:2px;text-transform:uppercase;pointer-events:none;font:500 10px/16px DM Mono,monospace;position:absolute;bottom:42px;right:36px}.contact-lanyard-static{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.contact-lanyard-static:before{content:"TXY · INTERACTION DESIGN";width:76px;height:420px;color:var(--acid);letter-spacing:2px;text-align:center;writing-mode:vertical-rl;background:#070807;padding-top:24px;font:600 10px/18px DM Mono,monospace;position:absolute;top:-80px;left:50%;overflow:hidden;transform:translate(-50%)}.contact-lanyard-static-card{z-index:1;aspect-ratio:.662;background:linear-gradient(#08090814 1px, transparent 1px), linear-gradient(90deg, #08090814 1px, transparent 1px), var(--acid);width:245px;color:var(--black);background-size:20px 20px;border-radius:16px;margin-top:190px;padding:32px 28px;position:relative;transform:rotate(4deg);box-shadow:0 28px 70px #00000057}.contact-lanyard-static-card b,.contact-lanyard-static-card span,.contact-lanyard-static-card strong,.contact-lanyard-static-card small,.contact-lanyard-static-card em{display:block}.contact-lanyard-static-card b{font:900 46px/1 Fraunces,Georgia,serif}.contact-lanyard-static-card span{letter-spacing:2px;margin-top:16px;font:600 9px/14px DM Mono,monospace}.contact-lanyard-static-card strong{margin-top:74px;font:900 42px/.92 Fraunces,Georgia,serif}.contact-lanyard-static-card small{letter-spacing:1px;margin-top:24px;font:600 10px/15px DM Mono,monospace}.contact-lanyard-static-card em{letter-spacing:1px;opacity:.6;font:500 9px/14px DM Mono,monospace;position:absolute;bottom:30px;left:28px}.contact-bottom{z-index:2;border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:33px;display:flex;position:absolute;bottom:38px;left:64px;right:64px}.contact-data{gap:40px;display:flex}.contact-data span{color:var(--paper);white-space:nowrap;font-size:12px}.contact-data b{color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:400;display:block}.socials{gap:32px;display:flex}.socials a{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;font:400 12px/16px DM Mono,monospace}@media (width<=1024px){.contact{height:auto;min-height:0}.contact-hero{width:min(620px,100%)}.contact-lanyard{width:100%;height:100%;margin:0;position:absolute;inset:0}.contact-bottom{margin-top:44px;position:static}}@media (width>=1155px){.story-anchor-hero{width:370px;height:513px;left:calc(50% - min(50vw,662.5px) + 676px)}.story-anchor-contents{right:calc(50% - min(50vw,662.5px) + 167px)}.story-card{--story-hero-left:calc(50% - min(50vw, 662.5px) + 676px);--story-hero-width:370px;--story-hero-height:513px}.topbar{padding-left:calc(50% - min(50vw,662.5px) + 78px);padding-right:calc(50% - min(50vw,662.5px) + 78px)}.hero-first{left:calc(50% - min(50vw,662.5px) + 78px)}.portrait-card{aspect-ratio:370/513;width:clamp(320px,27.9vw,370px);height:auto;left:calc(50% - min(50vw,662.5px) + 676px)}.hero-last{left:calc(50% - min(50vw,662.5px) + 863px);right:auto}.role-sticker{left:calc(50% - min(50vw,662.5px) + 426px)}.hero-role{left:calc(50% - min(50vw,662.5px) + 873px);right:auto}.availability{right:calc(50% - min(50vw,662.5px) + 78px)}.contents,.about{padding-left:calc(50% - min(50vw,662.5px) + 70px);padding-right:calc(50% - min(50vw,662.5px) + 70px)}.contents-photo{right:calc(50% - min(50vw,662.5px) + 120px)}.section-label,.about-layout,.skills-heading,.skills-grid,.project-stack,.contents-copy{max-width:1700px;margin-left:auto;margin-right:auto}}@media (width>=1600px){.story-anchor-contents{width:451.2px;height:328px;top:calc(41% + 41px);right:calc(50% - min(50vw,795px) + 200.4px)}.story-card{--story-contents-left:calc(50% + 87px);--story-contents-width:564px;--story-contents-height:410px;--story-about-left:calc(50% + 20px);--story-about-top:-100px;--story-about-width:672px;--story-about-height:895px}.contents,.about{padding:134.4px calc(50% - min(50vw,795px) + 84px)}.contents-copy{transform-origin:0 0;transform:scale(1.2)}.contents-photo{right:calc(50% - min(50vw,795px) + 144px);transform:rotate(4.51deg)scale(1.2)}.about .section-label,.about-layout{transform-origin:0 0;width:1185px;margin-left:0;margin-right:0;transform:scale(1.2)}}@media (width<=760px){.story-anchor-hero{width:230px;height:340px;top:145px;left:50%}.story-anchor-contents{width:70.4%;height:184px;top:383px;left:14.8%;right:auto}.story-anchor-about{left:50%;transform:translate(-50%)}.story-card{--story-hero-left:50%;--story-hero-top:145px;--story-hero-width:230px;--story-hero-height:340px;--story-contents-left:6%;--story-contents-top:360px;--story-contents-width:88vw;--story-contents-height:230px;--story-about-left:50%;--story-about-top:20px;--story-about-width:420px;--story-about-height:560px;--story-about-translate:-50%}.section{height:auto;padding:80px 24px}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080808eb;height:68px;padding:0 24px;position:fixed}.desktop-nav{display:none}.menu-button{cursor:pointer;display:block}.close-copy{display:none}.mobile-menu{z-index:15;border-top:1px solid var(--line);background:var(--black);flex-direction:column;padding:24px;transition:transform .35s;display:flex;position:fixed;inset:68px 0 auto;transform:translateY(-120%)}.mobile-menu a{border-bottom:1px solid var(--line);padding:16px 0;font:900 36px/40px Fraunces,Georgia,serif;transition:color .3s;position:relative}.mobile-menu a.active{color:var(--acid)}.menu-toggle:checked~.topbar .open-copy{display:none}.menu-toggle:checked~.topbar .close-copy{display:inline}.menu-toggle:checked~.mobile-menu{transform:translateY(0)}.hero{height:760px;min-height:760px}.hero-name{z-index:4;font-size:68px;top:450px}.hero-first{left:24px}.hero-last{top:510px;right:22px}.portrait-card{width:230px;height:340px;top:145px}.role-sticker{font-size:10px;top:585px;left:20px}.hero-role{letter-spacing:2px;font-size:9px;top:635px;right:24px}.availability{gap:10px;font-size:9px;bottom:32px;left:24px;right:auto}.availability i{width:16px}.contents{min-height:680px;display:block}.contents h2{font-size:46px}.contents-photo{width:88%;height:230px;margin:0 auto;position:relative;top:48px;right:auto}.about-layout{flex-direction:column;display:flex}.about-copy h2,.signature{font-size:52px}.intro{width:100%}.stats{grid-template-columns:1fr 1fr;height:auto}.stats>div:nth-child(2){border-right:0}.stats>div{border-bottom:1px solid var(--line)}.quick-contact{grid-template-columns:1fr}.about-photo{margin-top:50px}.about-portrait-card{left:50%;transform:translate(-50%)}.story-anchor-about-label{left:50%;transform:translate(-22%)}.project-stack{margin-top:48px}.project-stack-card{aspect-ratio:auto;will-change:auto;border-radius:18px;width:70%;margin:0 0 16px;position:relative;top:auto;transform:none!important}.project-stack-card img{width:100%;height:auto}.project-stack-end{height:0}.projects{height:100svh;min-height:650px;padding:0 24px}.projects>.section-label{top:88px;left:24px;right:24px}.project-wheel-center{top:30%}.project-wheel-card{border-width:8px;border-radius:25px;width:min(300px,78vw);height:min(400px,104vw)}.project-wheel-items:focus-visible:after{width:min(300px,78vw);height:min(400px,104vw);left:min(-39vw,-150px)}.project-wheel-hint{bottom:28px;right:24px}.skills-heading{flex-direction:column;align-items:flex-start;gap:24px}.skills-heading h2{height:auto;font-size:48px}.skills-heading p{width:100%}.skills-grid{grid-template-columns:1fr}.skills-grid .skill-tilt-shell,.skills-grid .skill-tilt-shell:nth-child(-n+3){min-height:380px}.skills-grid article{padding:32px}.contact{height:auto;min-height:980px}.contact-top>span{display:none}.contact-hero{width:100%;padding-top:130px}.contact-hero h2{font-size:70px}.contact-hero>p{width:100%}.contact-actions,.contact-data,.socials{flex-direction:column}.contact-actions a{min-width:100%}.contact-lanyard{width:100%;height:100%;margin:0}.contact-lanyard-hint{bottom:18px;right:16px}.contact-lanyard canvas{touch-action:pan-y}.contact-bottom{flex-direction:column;align-items:flex-start;gap:36px;margin-top:48px;position:static}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div,.flip-card{animation:none}.project-stack-card{will-change:auto;margin-bottom:24px;position:relative;top:auto;transform:none!important}.project-stack-end{height:0}.project-wheel-item{opacity:1}.project-wheel-hint{display:none}.skill-tilt-card{will-change:auto;transform:none!important}.contact-lanyard canvas{display:none}}._page_176l4_1{background:#080808;min-width:320px;min-height:100vh;line-height:0;overflow-x:hidden}._gallery_176l4_9{width:100%;margin:0;padding:0}._image_176l4_15{width:100vw;max-width:none;height:auto;margin:0 0 -1px;padding:0;display:block}._backButton_176l4_24{z-index:10;color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808c2;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:92px;height:44px;padding:0 17px;font:500 12px/1 DM Mono,monospace;transition:border-color .18s,background .18s;display:inline-flex;position:fixed;top:24px;left:24px}._backButton_176l4_24:hover,._backButton_176l4_24:focus-visible{background:#080808eb;border-color:#d4ff3c;outline:none}@media (width<=760px){._backButton_176l4_24{min-width:82px;height:40px;padding:0 14px;font-size:10px;top:14px;left:14px}}