@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{color:oklch(20% .018 72);font-synthesis:none;text-rendering:optimizelegibility;--ink:oklch(20% .018 72);--muted:oklch(46% .025 72);--paper:oklch(98.5% .004 80);--honey:oklch(81.7% .161 75.1);--experience-active:oklch(75% .2 145);--line:oklch(78% .025 72);--project-surface:oklch(93% .015 75);--project-frame:#000;background:oklch(98.5% .004 80);font-family:Poppins,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;overflow-x:clip}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip}main{color:var(--ink);background:var(--paper);transition:color .65s cubic-bezier(.22,1,.36,1),background-color .65s cubic-bezier(.22,1,.36,1);overflow-x:clip}main[data-theme=dark]{--ink:oklch(97% .006 80);--muted:oklch(78% .015 80);--paper:#000;--line:oklch(34% .012 145);--project-surface:oklch(23% .014 145);--project-frame:#fff}a{color:inherit}.content{width:min(100% - 2.5rem,1200px);margin-inline:auto}.hero{--composition-width:100%;--hero-bg-dark:#090b0d;--hero-photo-size:clamp(5rem, 9vw, 8rem);--hero-identity-gap:clamp(1rem, 2vw, 1.75rem);height:calc(var(--stack-3-top-desktop) + 33.9286vw);color:oklch(13% .018 72);isolation:isolate;transition:color .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.hero[data-theme=dark]{color:oklch(97% .006 80)}.hero[data-theme=dark] small{color:oklch(78% .015 80)}.hero__background{z-index:0;background:#61afaf;position:absolute;inset:0}.hero[data-theme=dark] .hero__background{background:var(--hero-bg-dark)}.hero__background-image{width:var(--composition-width);max-width:none;height:auto;transition:opacity .65s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero__background-image--light{opacity:1}.hero__background-image--dark,.hero[data-theme=dark] .hero__background-image--light{opacity:0}.hero[data-theme=dark] .hero__background-image--dark{opacity:1}.hero__birds{z-index:1;pointer-events:none;opacity:1;width:100%;height:clamp(5rem,12vw,9rem);transform:translate3d(0, var(--birds-scroll-offset,0px), 0);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(clamp(3.5rem,9vw,7rem) - 10px);left:0}.hero[data-theme=dark] .hero__birds{opacity:0;transform:translate3d(0, calc(var(--birds-scroll-offset,0px) + clamp(12rem, 35vh, 24rem)), 0)}.hero__bird{aspect-ratio:1;object-fit:contain;animation-name:bird-crossing;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;left:-1rem}.hero__bird--1{width:12px;animation-duration:30s;animation-delay:-9s;top:14%}.hero__bird--2{width:15px;animation-duration:22.8s;animation-delay:-2s;top:52%}.hero__bird--3{width:18px;animation-duration:16.8s;animation-delay:-7s;top:30%}@keyframes bird-crossing{to{transform:translate(calc(100vw + 2rem))}}.hero__stack{top:var(--stack-top-desktop);pointer-events:none;transform:translate3d(0, var(--stack-parallax-y,0px), 0);will-change:transform;position:absolute;left:0;right:0}.hero__stack:after{background:var(--stack-fill);content:"";height:calc(100svh + 2px);transition:background-color .65s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% - 1px);left:0;right:0}.hero__stack--1{z-index:2}.hero__stack--2{z-index:4}.hero__stack--3{z-index:6}.hero__stack--1{--stack-fill:#8bbeb5}.hero__stack--2{--stack-fill:#285942}.hero__stack--3{--stack-fill:#0e1c14}.hero[data-theme=dark] .hero__stack--1{--stack-fill:#203c2c}.hero[data-theme=dark] .hero__stack--2{--stack-fill:#0e1d18}.hero[data-theme=dark] .hero__stack--3{--stack-fill:#000}.hero__stack-image{width:var(--composition-width);max-width:none;height:auto;transition:opacity .65s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero__stack-image--light{opacity:1;position:relative}.hero__stack-image--dark,.hero[data-theme=dark] .hero__stack-image--light{opacity:0}.hero[data-theme=dark] .hero__stack-image--dark{opacity:1}.hero__fireflies{pointer-events:none;visibility:hidden;opacity:0;transform:translate3d(0, calc(clamp(12rem, 35vh, 24rem) + var(--fireflies-scroll-offset,0px)), 0);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),visibility 0s linear .9s;position:absolute;inset:0}.hero[data-theme=dark] .hero__fireflies{visibility:visible;opacity:1;transform:translate3d(0, var(--fireflies-scroll-offset,0px), 0);transition-delay:0s}.hero__fireflies--between-back{z-index:3;--fireflies-scroll-offset:var(--fireflies-back-scroll-offset,0px)}.hero__fireflies--between-front{z-index:5;--fireflies-scroll-offset:var(--fireflies-middle-scroll-offset,0px)}.hero__fireflies--foreground{z-index:6;--fireflies-scroll-offset:var(--fireflies-front-scroll-offset,0px)}.hero__firefly{top:var(--firefly-y);left:var(--firefly-x);width:var(--firefly-size,5px);aspect-ratio:1;animation:firefly-drift var(--firefly-drift-duration) linear infinite;position:absolute}.hero__firefly:before{content:"";animation:firefly-blink var(--firefly-blink-duration) ease-in-out var(--firefly-blink-delay,0s) infinite;background:#fff;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 7px 3px #a6ff82e6,0 0 20px 9px #4aff657a,0 0 38px 15px #23cf5433}.hero__firefly--1{--firefly-x:18%;--firefly-y:47%;--firefly-size:1px;--firefly-drift-duration:12.4s;--firefly-blink-duration:4.1s;--firefly-blink-delay:-1.2s;--drift-x-1:28px;--drift-y-1:-18px;--drift-x-2:-20px;--drift-y-2:24px;--drift-x-3:16px;--drift-y-3:31px}.hero__firefly--2{--firefly-x:76%;--firefly-y:52%;--firefly-size:4px;--firefly-drift-duration:15.2s;--firefly-blink-duration:5.3s;--firefly-blink-delay:-3.4s;--drift-x-1:-34px;--drift-y-1:16px;--drift-x-2:21px;--drift-y-2:-27px;--drift-x-3:-18px;--drift-y-3:-35px}.hero__firefly--3{--firefly-x:88%;--firefly-y:61%;--firefly-size:2px;--firefly-drift-duration:10.8s;--firefly-blink-duration:3.7s;--firefly-blink-delay:-.8s;--drift-x-1:-26px;--drift-y-1:-23px;--drift-x-2:12px;--drift-y-2:19px;--drift-x-3:-31px;--drift-y-3:28px}.hero__firefly--4{--firefly-x:8%;--firefly-y:82%;--firefly-size:5px;--firefly-drift-duration:13.7s;--firefly-blink-duration:4.8s;--firefly-blink-delay:-2.1s;--drift-x-1:38px;--drift-y-1:-22px;--drift-x-2:17px;--drift-y-2:30px;--drift-x-3:-24px;--drift-y-3:-14px}.hero__firefly--5{--firefly-x:91%;--firefly-y:78%;--firefly-size:5px;--firefly-drift-duration:16.1s;--firefly-blink-duration:5.6s;--firefly-blink-delay:-4.3s;--drift-x-1:-42px;--drift-y-1:20px;--drift-x-2:-13px;--drift-y-2:-34px;--drift-x-3:26px;--drift-y-3:11px}.hero__firefly--6{--firefly-x:73%;--firefly-y:89%;--firefly-size:5px;--firefly-drift-duration:11.6s;--firefly-blink-duration:4.4s;--firefly-blink-delay:-1.7s;--drift-x-1:31px;--drift-y-1:-29px;--drift-x-2:-25px;--drift-y-2:-12px;--drift-x-3:18px;--drift-y-3:24px}@keyframes firefly-drift{0%,to{transform:translate(0,0)}24%{transform:translate3d(var(--drift-x-1), var(--drift-y-1), 0)}53%{transform:translate3d(var(--drift-x-2), var(--drift-y-2), 0)}78%{transform:translate3d(var(--drift-x-3), var(--drift-y-3), 0)}}@keyframes firefly-blink{0%,58%,to{opacity:1;filter:brightness()}64%{opacity:.38;filter:brightness(.72)}70%{opacity:.92;filter:brightness(1.08)}76%{opacity:.55;filter:brightness(.82)}84%{opacity:1;filter:brightness()}}@media (width>=761px){.hero__stack{left:-5px;right:-5px}.hero__layer{transform:translate3d(0, calc(var(--hero-content-offset-y) + var(--hero-scroll-offset,0px)), 0)}}.theme-toggle{z-index:7;aspect-ratio:1;width:3rem;color:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:50%;place-items:center;padding:0;transition:color .45s cubic-bezier(.22,1,.36,1),background-color .18s ease-out,transform .18s ease-out;display:grid;position:absolute;top:clamp(1.25rem,3vw,2.5rem);right:clamp(1.25rem,3vw,2.5rem)}.theme-toggle:hover{background:color-mix(in oklch, currentColor 12%, transparent);transform:rotate(8deg)}.theme-toggle:focus-visible{outline:3px solid var(--honey);outline-offset:4px}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem}.hero__content{grid-template-columns:minmax(0,1fr) minmax(14rem,.65fr);align-items:center;height:100%;padding-block:clamp(3rem,7vw,7rem);display:grid;position:absolute;inset:0}.hero__layer{grid-area:1/1/auto/-1;grid-template-columns:subgrid;height:100%;opacity:var(--hero-content-opacity,1);will-change:transform, opacity;align-items:center;display:grid}.hero[data-content-hidden] .hero__layer{pointer-events:none}.hero__menu-layer{z-index:5}.hero__identity-layer{z-index:3;pointer-events:none}.hero__menu-layer nav{grid-column:2}.hero__identity-layer .hero__photo{grid-area:1/1;justify-self:start}.hero__identity-layer .hero__name{margin-left:calc(var(--hero-photo-size) + var(--hero-identity-gap));grid-area:1/1}.hero__photo{width:var(--hero-photo-size);aspect-ratio:1;object-fit:cover;border:2px solid;border-radius:50%;display:block}small{color:var(--muted);letter-spacing:.12em;font-size:.8rem;font-weight:700}.hero__name small{color:var(--hero-bg-dark)}h1{letter-spacing:-.04em;text-wrap:balance;max-width:9ch;margin:.5rem 0 0;font-size:clamp(3rem,7vw,6rem);line-height:.9}nav{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}nav a{font-size:clamp(1.55rem,3vw,2.8rem);font-weight:700;line-height:1.15;text-decoration:none;transition:transform .18s ease-out;display:inline-block}nav a:before{content:"—";margin-right:.65rem;display:inline-block}nav a:hover,nav a:focus-visible{transform:translate(.35rem)}a:focus-visible{outline:3px solid var(--honey);outline-offset:5px}.about{padding:clamp(5rem,10vw,9rem) 0 40px}.experience,.projects{padding:40px 0}.contact{padding:40px 0 clamp(5rem,10vw,9rem)}.about{z-index:8;isolation:isolate;grid-template-columns:minmax(0,1.4fr) minmax(14rem,.6fr);gap:40px clamp(3rem,7vw,8rem);display:grid;position:relative}.about:before{z-index:-1;background:var(--paper);content:"";width:100vw;transition:background-color .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 50%;transform:translate(-50%)}h2{letter-spacing:-.04em;margin:.5rem 0 0;font-size:clamp(3.5rem,9vw,7.5rem);line-height:.88}.lead{text-wrap:pretty;max-width:34ch;margin:2.5rem 0;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.35}.stack-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-self:center;font-size:.8rem;font-weight:700}.resume{align-self:start;padding-top:.75rem}.resume h3{letter-spacing:-.03em;margin:0 0 .65rem;font-size:clamp(1.75rem,3vw,2.5rem)}.resume p{max-width:30ch;color:var(--muted);margin:0;line-height:1.5}.about__stack{border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.about__stack>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.8rem;font-weight:700}.about__stack ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.about__stack li{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:.45rem;padding:.58rem .85rem;font-size:.9rem;font-weight:600;line-height:1;display:inline-flex}.about__stack li svg{width:.95rem;height:.95rem;color:var(--ink);flex:none}.download-button{border:2px solid var(--ink);border-radius:999px;justify-content:space-between;align-items:center;gap:2rem;width:100%;margin-top:1.25rem;padding:.9rem 1rem;font-weight:800;text-decoration:none;transition:background-color .18s ease-out,color .18s ease-out;display:flex}.download-button:hover{color:var(--paper);background:var(--ink)}.experience__header{grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);align-items:end;gap:clamp(2rem,6vw,6rem);margin-bottom:clamp(2.5rem,6vw,5rem);display:grid}.experience__header p{max-width:42ch;color:var(--muted);text-wrap:pretty;margin:0 0 .25rem;line-height:1.6}.experience__layout{grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.experience__timeline{margin:0;padding:0;list-style:none;position:relative}.experience__timeline:before{z-index:2;background:var(--line);content:"";width:1px;position:absolute;top:1.7rem;bottom:1.7rem;left:.4rem}.experience__timeline>li{position:relative}.experience__timeline>li:before{z-index:3;aspect-ratio:1;border:2px solid var(--paper);background:var(--line);content:"";border-radius:50%;width:.85rem;transition:background-color .18s ease-out,box-shadow .18s ease-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.experience__timeline button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.35rem 0 .35rem 1.75rem;transition:color .18s ease-out;display:grid}.experience__main{--experience-interaction-shift:0rem;min-height:4.75rem;transform:translate3d(calc(var(--experience-scroll-shift,0rem) + var(--experience-interaction-shift)), 0, 0);border-radius:.3rem;grid-template-columns:minmax(0,1fr);align-items:center;padding:.9rem 1rem;transition:color .18s ease-out,background-color .18s ease-out,transform .12s cubic-bezier(.22,1,.36,1);display:grid}.experience__label{gap:.2rem;display:grid}.experience__label strong{letter-spacing:-.03em;font-size:clamp(1.25rem,2.3vw,1.8rem)}.experience__label>span{color:var(--muted);font-size:.9rem;line-height:1.4;transition:color .18s ease-out}.experience__toggle{font-size:1.5rem;font-weight:500;line-height:1;transition:transform .24s cubic-bezier(.22,1,.36,1)}.experience__timeline button:hover .experience__label>span,.experience__timeline button:focus-visible .experience__label>span{color:var(--ink)}.experience__timeline button:hover .experience__main,.experience__timeline button:focus-visible .experience__main{--experience-interaction-shift:.35rem}.experience__timeline .is-active>button{color:var(--ink)}.experience__timeline .is-active .experience__main{color:var(--paper);background:var(--ink)}.experience__timeline .is-active>button:hover .experience__label>span,.experience__timeline .is-active>button:focus-visible .experience__label>span,.experience__timeline .is-active .experience__label>span{color:var(--paper)}.experience__timeline .is-active:before{box-shadow:none;background:0 0}.experience__timeline .is-active .experience__toggle{transform:rotate(180deg)}.experience__active-marker{top:var(--experience-marker-y,0px);z-index:4;aspect-ratio:1;border:2px solid var(--paper);background:var(--experience-active);width:.85rem;box-shadow:0 0 0 3px color-mix(in oklch, var(--experience-active) 28%, transparent);opacity:var(--experience-marker-visible,0);border-radius:50%;transition:top .42s cubic-bezier(.22,1,.36,1),opacity .18s ease-out;display:block;position:absolute;left:0;transform:translateY(-50%)}.experience__timeline button:focus-visible{outline:3px solid var(--honey);outline-offset:4px}.experience__desktop-details{border-top:2px solid var(--ink);min-height:20rem;padding-top:1.5rem;display:grid}.experience__detail-content{animation:.32s cubic-bezier(.22,1,.36,1) both experience-detail-in}.experience__detail-content h3{letter-spacing:-.04em;margin:.5rem 0 1.25rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95}.experience__detail-content p{max-width:58ch;color:var(--muted);text-wrap:pretty;margin:0;line-height:1.65}.experience__detail-content p+p{margin-top:.95rem}.experience__detail-cta{color:var(--ink);text-underline-offset:.28em;margin-top:1.2rem;font-size:.95rem;font-weight:800;text-decoration:underline;text-decoration-thickness:.08em;transition:transform .18s ease-out,color .18s ease-out;display:inline-flex}.experience__detail-cta:hover,.experience__detail-cta:focus-visible{color:var(--experience-active);transform:translate(.25rem)}.experience__detail-cta:focus-visible{outline:3px solid var(--honey);outline-offset:4px}.experience__empty{max-width:24ch;color:var(--muted);text-align:center;place-self:center;margin:0;font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.45}.experience__mobile-details,.experience__detail-close{display:none}@keyframes experience-detail-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translate(0,0)}}.section-title{margin-bottom:clamp(2rem,5vw,4rem)}.contact__intro{max-width:42ch;color:var(--muted);margin:calc(-1*clamp(1rem,2vw,2rem)) 0 clamp(2rem,5vw,4rem);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.5}.contact__channels{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.contact__channels li{border-bottom:1px solid var(--line)}.contact__channels li:nth-child(odd){padding-right:clamp(1rem,3vw,3rem)}.contact__channels li:nth-child(2n){padding-left:clamp(1rem,3vw,3rem)}.contact__channels a,.contact__channel-pending{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.4rem;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700;text-decoration:none;display:flex}.contact__channels a{transition:transform .18s ease-out}.contact__channels a:hover,.contact__channels a:focus-visible{transform:translate(.35rem)}.contact__channel-label{align-items:center;gap:.75rem;display:inline-flex}.contact__channel-label svg{flex:none;width:1.15em;height:1.15em}.contact__channel-pending>:last-child{color:var(--muted);font-size:.8rem;font-weight:600}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,6vw,6rem) clamp(1.5rem,4vw,4rem);display:grid}.project-card h3{border-top:1px solid var(--line);letter-spacing:-.03em;margin:0 0 10px;padding-top:.75rem;font-size:clamp(1.5rem,3vw,2.5rem)}.project-card__description{color:var(--muted);margin:.8rem 0 0;font-weight:400}.project-card__visual{aspect-ratio:5/4;background:var(--project-surface);outline:2px solid var(--project-frame);outline-offset:2px;border-radius:14px;place-items:end center;width:100%;transition:background-color .65s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.project-card__visual--splitup{background:#8f7cfb}.project-card__visual--mywl{background:#ff6796}.project-card__visual--quantumnet{background:#184ab1}.project-card__visual{color:inherit;text-decoration:none}.project-card__intro{z-index:15;color:#fff;pointer-events:none;background:0 0;width:100%;padding:1rem 1.15rem;font-size:clamp(.82rem,1.35vw,1rem);font-weight:400;line-height:1.35;position:absolute;top:0;left:0}.project-card__more{z-index:20;color:#fff;opacity:0;background:#000000e6;justify-content:center;align-items:center;gap:.35rem;width:100%;height:10%;font-size:.78rem;font-weight:700;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .22s ease-out;display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.project-card__visual:hover .project-card__more,.project-card__visual:focus-visible .project-card__more{opacity:1;transform:translateY(0)}.project-card__visual:focus-visible{outline:3px solid var(--honey);outline-offset:4px}.device-mockup{background:oklch(18% .01 72);transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .24s ease-out;position:relative}.device-mockup__screen{background:oklch(88% .01 72);overflow:hidden}.device-mockup__screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.device-mockup__screen span{color:oklch(42% .015 72);text-align:center;place-items:center;width:100%;height:100%;padding:1rem;font-size:.8rem;font-weight:700;display:grid}.phone-preview{place-items:end center;width:100%;height:100%;display:grid;position:relative}.phone-preview--cycling .device-mockup{will-change:transform, opacity;transition-duration:.72s,.52s;transition-timing-function:cubic-bezier(.22,1,.36,1),ease-out}.visual--phone .device-mockup{--phone-x:0rem;--phone-y:0rem;--phone-rotate:0deg;--phone-scale:1;aspect-ratio:2/3;width:min(62.4%,16.9rem);height:auto;transform:translate3d(calc(-50% + var(--phone-x)), var(--phone-y), 0) rotate(var(--phone-rotate)) scale(var(--phone-scale));transform-origin:50% 100%;border-radius:2rem 2rem 0 0;padding:.6rem .6rem 0;position:absolute;bottom:0;left:50%}.visual--phone .device-mockup--main{z-index:3}.visual--phone .device-mockup--rear{z-index:2;opacity:1}.visual--phone .device-mockup--rear:after{content:"";z-index:2;pointer-events:none;background:#0006;border-radius:2rem 2rem 0 0;position:absolute;inset:0}.visual--phone .device-mockup--left{--phone-x:-3.15rem;--phone-rotate:-7deg;--phone-scale:.92}.visual--phone .device-mockup--right{--phone-x:3.15rem;--phone-rotate:7deg;--phone-scale:.92}.project-card:hover .visual--phone .device-mockup--main,.visual--phone:hover .device-mockup--main{--phone-y:-.55rem}.project-card:hover .visual--phone .device-mockup--left,.visual--phone:hover .device-mockup--left{--phone-x:-3.75rem;--phone-y:-.42rem;--phone-rotate:-9deg}.project-card:hover .visual--phone .device-mockup--right,.visual--phone:hover .device-mockup--right{--phone-x:3.75rem;--phone-y:-.42rem;--phone-rotate:9deg}.visual--phone .device-mockup:before{content:"";z-index:1;background:oklch(34% .01 72);border-radius:999px;width:32%;height:.35rem;position:absolute;top:.7rem;left:50%;transform:translate(-50%)}.visual--phone .device-mockup__screen{border-radius:1.45rem 1.45rem 0 0;height:100%}.visual--desktop{padding:3rem 2rem 0}.visual--desktop .device-mockup{transform-origin:50% 100%;border-radius:.85rem .85rem 0 0;width:min(92%,34rem);padding:.65rem .65rem 0;transform:translate(0,0)scale(1)}.project-card:hover .visual--desktop .device-mockup,.visual--desktop:hover .device-mockup{transform:scale(1.012)}.visual--desktop .device-mockup:after{content:"";aspect-ratio:1;background:oklch(45% .01 72);border-radius:50%;width:.3rem;position:absolute;top:.25rem;left:50%;transform:translate(-50%)}.visual--desktop .device-mockup__screen{aspect-ratio:16/10;border-radius:.35rem .35rem 0 0}.desktop-preview__screen{aspect-ratio:16/10;border-radius:.35rem .35rem 0 0;overflow:hidden}.desktop-preview__track{width:300%;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1);display:flex}.desktop-preview__image{object-fit:cover;object-position:top;flex:0 0 33.3333%;width:33.3333%;height:100%}@keyframes mywl-slide{0%,27%{transform:translate(0)}33%,60%{transform:translate(-33.3333%)}66%,93%{transform:translate(-66.6667%)}to{transform:translate(0)}}@media (width>=761px){.hero{--hero-photo-size:clamp(6.5rem, 11.7vw, 10.4rem)}h2{font-size:clamp(3.15rem,8.1vw,6.75rem)}.visual--phone .device-mockup{--phone-y:.75rem;width:min(56%,15rem)}.project-card:hover .visual--phone .device-mockup--main,.visual--phone:hover .device-mockup--main{--phone-y:.2rem}.project-card:hover .visual--phone .device-mockup--left,.visual--phone:hover .device-mockup--left,.project-card:hover .visual--phone .device-mockup--right,.visual--phone:hover .device-mockup--right{--phone-y:.33rem}}@media (width<=760px){.experience__active-marker,.hero__firefly--1,.hero__firefly--5,.hero__firefly--6{display:none}.hero__firefly--2{--firefly-size:2px}.hero__firefly--3{--firefly-size:1px}.hero__firefly--4{--firefly-size:3px}.visual--phone .device-mockup{--phone-y:2.5rem;width:min(50%,13rem)}.visual--phone .device-mockup__screen{width:calc(100% + 2px);margin-right:-2px}.hero{--composition-width:calc(294.737svh - 117.895px);--hero-photo-size:clamp(6rem, 10.8vw, 9.6rem);height:100svh}.hero__stack{top:var(--stack-top-mobile)}.hero__content{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:3rem}.hero__layer{grid-column:1;height:auto}.hero__menu-layer{transform:translate3d(0, calc(var(--hero-scroll-offset,0px) + var(--mobile-hero-menu-offset-y)), 0)}.hero__identity-layer{transform:translate3d(0, calc(var(--hero-scroll-offset,0px) + var(--mobile-hero-photo-offset-y)), 0);grid-row:1}.hero__identity-layer .hero__name{transform:none}.hero__menu-layer{grid-row:2}.hero__menu-layer nav{grid-column:1}.about,.experience__header,.experience__layout,.project-grid,.contact__channels{grid-template-columns:1fr}.about{gap:40px 3.5rem}.experience__header{gap:1.5rem}.experience__layout{gap:0}.experience__timeline{border-top:0;display:block}.experience__timeline:before{display:none}.experience__timeline>li:before{display:block;top:2.8rem}.experience__timeline>li:not(:last-child):after{z-index:2;background:var(--line);content:"";width:1px;position:absolute;top:2.8rem;bottom:-2.8rem;left:.4rem}.experience__timeline button{padding:1.25rem 0 1.25rem 1.75rem}.experience__main{border-radius:0;padding:0}.experience__desktop-details{display:none}.experience__mobile-details{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .22s ease-out;display:grid}.experience__mobile-details>div{overflow:hidden}.experience__timeline .is-active>button{display:none}.experience__timeline .is-active .experience__mobile-details{opacity:1;grid-template-rows:1fr}.experience__mobile-details .experience__detail-content{padding:1.25rem 2.75rem 1.5rem 1.75rem;animation:none;position:relative}.experience__detail-close{aspect-ratio:1;border:1px solid var(--line);width:2rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;font-size:1.35rem;display:grid;position:absolute;top:1.1rem;right:0}.experience__detail-content h3{font-size:clamp(2rem,10vw,3.25rem)}.resume{padding-top:0}.about__stack{flex-flow:wrap;align-items:center;gap:.75rem 1rem}.contact__channels li:nth-child(n){padding-inline:0}.hero__birds{top:10%}}@media (width<=460px){.hero{--hero-photo-size:4.8rem}.hero__photo{width:var(--hero-photo-size)}h1{font-size:clamp(2.5rem,14vw,4rem)}}@media (prefers-reduced-motion:reduce){.experience__active-marker{transition-duration:.01ms}.device-mockup{transition-duration:.01ms!important}.project-card:hover .visual--phone .device-mockup--main,.visual--phone:hover .device-mockup--main{--phone-y:0rem}.project-card:hover .visual--phone .device-mockup--left,.visual--phone:hover .device-mockup--left{--phone-x:-3.15rem;--phone-y:0rem;--phone-rotate:-7deg}.project-card:hover .visual--phone .device-mockup--right,.visual--phone:hover .device-mockup--right{--phone-x:3.15rem;--phone-y:0rem;--phone-rotate:7deg}.project-card:hover .visual--desktop .device-mockup,.visual--desktop:hover .device-mockup{transform:translate(0,0)scale(1)}.hero__bird,.experience__detail-content{animation:none}.experience__main{transition-duration:.01ms;--experience-scroll-shift:0rem!important}.experience__mobile-details{transition-duration:.01ms!important}.hero__firefly,.hero__firefly:before{animation:none}.hero__bird--1{left:20%}.hero__bird--2{left:48%}.hero__bird--3{left:76%}.hero__stack,.hero__layer{will-change:auto}html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}.theme-toggle:hover{transform:none}}@media (prefers-reduced-motion:reduce) and (width>=761px){.project-card:hover .visual--phone .device-mockup--main,.visual--phone:hover .device-mockup--main,.project-card:hover .visual--phone .device-mockup--left,.visual--phone:hover .device-mockup--left,.project-card:hover .visual--phone .device-mockup--right,.visual--phone:hover .device-mockup--right{--phone-y:.75rem}}