:root{--paper:oklch(96.4% .012 84);--paper-2:oklch(93.6% .016 84);--ink:oklch(24.5% .05 292);--ink-2:oklch(41% .045 292);--ink-3:oklch(57% .035 292);--ink-4:oklch(72% .025 292);--hair:oklch(24.5% .05 292/.12);--hair-2:oklch(24.5% .05 292/.06);--hair-strong:oklch(24.5% .05 292/.22);--violet:oklch(52% .14 285);--coral:oklch(66% .135 35);--grid-line:oklch(52% .14 285/.16);--display:"Fraunces", "Iowan Old Style", Georgia, serif;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-giant:clamp(4rem, 10.5vw, 11.5rem);--text-display:clamp(3.2rem, 7vw, 7.5rem);--text-h1:clamp(2.4rem, 4.6vw, 4.8rem);--text-h2:clamp(1.9rem, 3vw, 3rem);--text-h3:clamp(1.4rem, 2vw, 2rem);--text-body-lg:clamp(1.125rem, .6vw + .9rem, 1.375rem);--text-body:clamp(1rem, .3vw + .9rem, 1.125rem);--text-label:clamp(.6875rem, .2vw + .6rem, .78rem);--space-xs:clamp(8px, 1vw, 12px);--space-sm:clamp(12px, 1.5vw, 16px);--space-md:clamp(16px, 2vw, 24px);--space-lg:clamp(24px, 3vw, 40px);--space-xl:clamp(40px, 5vw, 64px);--space-2xl:clamp(64px, 8vw, 120px);--space-3xl:clamp(96px, 14vw, 220px);--gutter:clamp(20px, 5vw, 80px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--soft:"SOFT" 100, "WONK" 0;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.14  0 0 0 0 0.12  0 0 0 0 0.23  0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}*,:before,:after{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--paper);color:var(--ink);font:400 var(--text-body) / 1.55 var(--sans);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:var(--grain);margin:0;overflow-x:clip}main{z-index:1;position:relative;overflow-x:clip}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}::selection{background:oklch(88% .06 285)}:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--mono);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase}.world{z-index:1;-webkit-user-select:none;user-select:none;touch-action:pan-y;touch-action:pan-y pinch-zoom;width:100%;height:100%;position:relative}body.is-dragging,body.is-dragging *{-webkit-user-select:none!important;user-select:none!important}.note{--shown:0;z-index:3;pointer-events:none;opacity:var(--shown);will-change:transform;position:absolute;top:0;left:0}.note__dot{border:1px solid var(--ink);background:var(--paper);width:10px;height:10px;transform:scale(calc(.4 + var(--shown) * .6));border-radius:50%;position:absolute;top:-5px;left:-5px}.note__dot:after{content:"";background:var(--coral);border-radius:50%;position:absolute;inset:2.5px}.note__line{width:var(--len);background-image:linear-gradient(90deg, var(--ink-2) 60%, transparent 0);transform-origin:0 0;height:1px;transform:rotate(var(--ang)) scaleX(var(--shown));background-size:6px 1px;position:absolute;top:0;left:0}.note__label{left:var(--dx);top:var(--dy);border:1px solid var(--hair);color:var(--ink);font:500 11px/1 var(--mono);letter-spacing:.04em;white-space:nowrap;background:oklch(98.5% .008 84/.92);border-radius:999px;padding:6px 10px;position:absolute;translate:6px -50%;box-shadow:0 6px 18px -10px oklch(24.5% .05 292/.35)}.note--left .note__label{translate:calc(-100% - 6px) -50%}.world-port{z-index:0}.world__stage{position:absolute;left:0;right:0}.world canvas{display:block}.section-head{color:var(--ink-3);align-items:center;gap:14px;display:flex}.section-head__n{color:var(--coral)}.section-head__n:after{content:"";vertical-align:middle;background:var(--hair-strong);width:44px;height:1px;margin-left:14px;display:inline-block}.section-head--center{justify-content:center}.btn{isolation:isolate;border:1px solid var(--ink);height:54px;font:500 15px/1 var(--sans);letter-spacing:-.005em;transition:color .45s var(--ease-out), border-color .45s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:0 28px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;border-radius:inherit;background:var(--ink);transition:transform .55s var(--ease-out);position:absolute;inset:-1px;transform:translateY(102%)}.btn:hover{color:var(--paper)}.btn:hover:before{transform:none}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:before{background:var(--violet)}.btn--ink:hover{border-color:var(--violet)}.arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .45s var(--ease-back)}a:hover>.arrow,button:hover>.arrow{transform:translate(4px)}.link-pill{border:1px solid var(--hair-strong);font:500 14px/1 var(--sans);transition:background .35s var(--ease-out), border-color .35s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;display:inline-flex}.link-pill:hover{border-color:var(--ink);background:oklch(100% 0 0/.5)}.magnetic{display:inline-block}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--hair);color:var(--ink-2);font:400 12px/1 var(--mono);letter-spacing:.01em;transition:border-color .3s, color .3s, transform .4s var(--ease-back);border-radius:999px;padding:6px 11px}.tags li:hover{border-color:var(--ink-3);color:var(--ink);transform:translateY(-2px)}.lineart{fill:none;stroke:var(--ink-3);stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.lineart .draw{stroke-dasharray:1;stroke-dashoffset:0}.lineart .dashed{stroke-dasharray:.02 .03}.glyph{fill:currentColor;flex:none;width:.9em;height:.9em}.has-cursor,.has-cursor *{cursor:none!important}.cursor__dot,.cursor__ring{z-index:100;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;top:0;left:0}.cursor-on .cursor__dot,.cursor-on .cursor__ring{opacity:1}.cursor__dot{background:var(--ink);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px}.cursor__ring{width:38px;height:38px;transition:opacity .3s, width .45s var(--ease-back), height .45s var(--ease-back), margin .45s var(--ease-back), background-color .3s, border-color .3s;border:1px solid oklch(24.5% .05 292/.35);border-radius:50%;place-items:center;margin:-19px 0 0 -19px;display:grid}.cursor__tag{z-index:100;background:var(--ink);color:var(--paper);font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .25s, scale .35s var(--ease-back);border-radius:999px;padding:6px 9px;position:fixed;top:0;left:0;scale:.8}.cursor__tag.is-on{opacity:1;scale:1}.cursor__ring[data-mode=link]{background:oklch(52% .14 285/.1);border-color:#0000;width:64px;height:64px;margin:-32px 0 0 -32px}.cursor__ring[data-mode=drag],.cursor__ring[data-mode=press],.cursor__ring[data-mode=hello],.cursor__ring[data-mode=copy],.cursor__ring[data-mode=view]{border:1.5px solid var(--coral);background:0 0;width:46px;height:46px;margin:-23px 0 0 -23px}.isogrid{z-index:0;pointer-events:none;opacity:0;will-change:transform;border-radius:50%;width:520px;height:520px;transition:opacity .4s;position:fixed;top:0;left:0;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000);mask-image:radial-gradient(closest-side,#000 30%,#0000)}.isogrid.is-on{opacity:1}.isogrid__plane{will-change:transform;background-image:repeating-linear-gradient(30deg, var(--grid-line) 0 1px, transparent 1px 44px), repeating-linear-gradient(150deg, var(--grid-line) 0 1px, transparent 1px 44px), repeating-linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 44px);width:100vw;height:100vh;position:absolute;top:0;left:0}.header{z-index:50;padding:20px var(--gutter);transition:transform .6s var(--ease-out);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto}.header:before{content:"";z-index:-1;background:0 0;border-bottom:1px solid #0000;transition:background .4s,border-color .4s;position:absolute;inset:0}.header.is-scrolled:before{border-color:var(--hair-2);background:oklch(96.4% .012 84/.94)}.header.is-hidden{transform:translateY(-110%)}.header__brand{font:500 15px/1 var(--sans);justify-self:start;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.header__brand .glyph{color:var(--coral);transition:transform .8s var(--ease-back)}.header__brand:hover .glyph{transform:rotate(135deg)scale(1.15)}.header__nav{border:1px solid var(--hair);background:oklch(97.5% .01 84/.92);border-radius:999px;gap:4px;padding:5px;display:flex}.header__nav a{font:500 14px/1 var(--sans);border-radius:999px;padding:8px 15px;text-decoration:none;transition:background .3s,color .3s}.header__nav a:hover{background:var(--ink);color:var(--paper)}.header__time{color:var(--ink-2);font:400 12px/1 var(--mono);letter-spacing:.06em;justify-self:end;align-items:center;gap:8px;display:inline-flex}.header__time .dot{background:oklch(72% .13 160);border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse;box-shadow:0 0 oklch(72% .13 160/.5)}@keyframes pulse{70%{box-shadow:0 0 0 8px oklch(72% .13 160/0)}to{box-shadow:0 0 oklch(72% .13 160/0)}}.rail{left:calc(var(--gutter) - 14px);z-index:40;border:1px solid var(--hair-2);color:var(--ink-2);font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:opacity .4s, transform .5s var(--ease-out);background:oklch(96.4% .012 84/.94);border-radius:999px;align-items:center;gap:12px;padding:9px 14px;display:flex;position:fixed;bottom:20px}.rail.is-away{opacity:0;transform:translateY(12px)}.rail__n{color:var(--coral)}.rail__line{background:var(--hair);width:64px;height:1px;position:relative;overflow:hidden}.rail__line span{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.intro{z-index:90;background:var(--paper);place-items:center;display:grid;position:fixed;inset:0}.intro__inner{justify-items:center;gap:18px;display:grid}.intro__rosette{width:120px;height:120px;stroke:var(--violet)}.intro__rosette .draw{stroke-dashoffset:1px}.intro__name{font:400 13px/1.2 var(--mono);letter-spacing:.24em;text-transform:uppercase;overflow:hidden}.intro__name span{display:block}.splash{z-index:85;background-color:var(--paper);background-image:var(--grain);touch-action:none;overscroll-behavior:none;will-change:transform;position:fixed;inset:0}.splash__stage{z-index:2;will-change:transform;position:absolute;inset:0}.splash__hint,.splash__meta{z-index:4;font:400 var(--text-label) / 1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--ink-3);position:absolute;overflow:hidden}.splash__hint{bottom:clamp(20px,4svh,40px);left:50%;translate:-50%}.splash__meta{top:clamp(20px,4svh,40px)}.splash__meta--start{left:var(--gutter)}.splash__meta--end{right:var(--gutter)}.splash__hint>span,.splash__meta>span{align-items:center;gap:10px;padding:2px 0;display:inline-flex}@media (width<=599px){.splash__meta--end{display:none}}.splash__hint i{background:var(--coral);width:6px;height:6px;animation:splash-pulse 1.8s var(--ease-in-out) infinite;border-radius:50%}@keyframes splash-pulse{50%{opacity:.35;scale:.6}}.hero{min-height:100svh;padding:96px var(--gutter) 120px;align-items:center;display:flex;position:relative;overflow:clip}.hero__world{width:60vw;height:100svh;position:absolute;top:0;right:-1vw}.hero__copy{z-index:2;pointer-events:none;max-width:50vw;position:relative}.hero__copy a,.hero__copy button{pointer-events:auto}.hero__eyebrow{margin-bottom:var(--space-lg);color:var(--ink-2);align-items:center;gap:10px;display:inline-flex}.hero__eyebrow .glyph{color:var(--coral)}.hero__title{min-height:1.74em;margin-bottom:var(--space-lg);font:400 min(var(--text-giant), 17vh) / .87 var(--display);letter-spacing:-.04em;font-variation-settings:var(--soft)}.type__line{white-space:nowrap;display:block}.caret{vertical-align:-.02em;background:var(--coral);border-radius:3px;width:.07em;height:.74em;margin-left:.05em;display:inline-block}.caret--idle{animation:1.1s step-end infinite blink}.caret--small{width:.06em;height:.8em;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero__build{margin-bottom:var(--space-md);font:italic 380 clamp(1.6rem, 2.7vw, 2.6rem) / 1.15 var(--display);letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "WONK" 1}.rotator{color:var(--coral);white-space:nowrap}.hero__intro{max-width:36ch;margin-bottom:var(--space-lg);color:var(--ink-2);font-size:var(--text-body-lg);text-wrap:pretty}.hero__ctas{flex-wrap:wrap;gap:12px;display:flex}.hero__foot{z-index:2;color:var(--ink-3);position:absolute;bottom:30px;left:50%;translate:-50%}.hero__scroll{align-items:center;gap:12px;display:inline-flex}.hero__scroll i{background:var(--hair);width:1px;height:36px;position:relative;overflow:hidden}.hero__scroll i:after{content:"";background:var(--ink);animation:descend 2.4s var(--ease-in-out) infinite;position:absolute;inset:0}@keyframes descend{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.about{padding:var(--space-3xl) var(--gutter) var(--space-2xl);position:relative}.about__rosette{top:calc(var(--space-3xl) - 40px);right:var(--gutter);width:clamp(110px,13vw,200px);height:auto;position:absolute}.statement{max-width:19em;margin-top:var(--space-xl);font:380 var(--text-h1) / 1.06 var(--display);letter-spacing:-.025em;font-variation-settings:var(--soft);text-wrap:balance}.about__grid{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.about__world{height:min(90vh,880px);margin-left:calc(var(--gutter) * -.5);grid-column:1/span 7;position:relative}.world-dots{z-index:3;border:1px solid var(--hair);color:var(--ink-2);white-space:nowrap;background:oklch(96.4% .012 84/.92);border-radius:999px;align-items:center;gap:14px;margin:0;padding:8px 14px;display:flex;position:absolute;bottom:2%;left:50%;translate:-50%}.world-dots__row{gap:6px;display:inline-flex}.world-dots__row i{background:var(--hair-strong);width:6px;height:6px;transition:background .3s, transform .4s var(--ease-back);border-radius:50%}.world-dots__row i.is-on{background:var(--coral);transform:scale(1.5)}.about__side{grid-column:8/span 5}.about__body p{margin-bottom:var(--space-md);color:var(--ink-2);font-size:var(--text-body-lg);text-wrap:pretty}.stats__school{margin-top:var(--space-lg);color:var(--coral)}.stats{border-top:1px solid var(--hair);grid-template-columns:1fr 1fr;margin:12px 0 0;display:grid}.stat{border-bottom:1px solid var(--hair);flex-direction:column-reverse;gap:8px;padding:22px 16px 22px 0;display:flex}.stat:nth-child(odd){border-right:1px solid var(--hair)}.stat:nth-child(2n){padding-left:22px}.stat dt{color:var(--ink-3)}.stat dd{font:400 clamp(2.4rem, 4vw, 3.8rem) / 1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-variation-settings:var(--soft);margin:0}.stat dd.stat__value--word{font-variation-settings:"SOFT" 100, "WONK" 1;padding-top:.32em;font-size:clamp(1.6rem,2.4vw,2.3rem);font-style:italic}.work{padding-top:var(--space-3xl);position:relative;overflow:clip}.work__giant{top:calc(var(--space-3xl) + 22vh);z-index:0;white-space:nowrap;font:300 21vw/.8 var(--display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px var(--hair-strong);pointer-events:none;position:absolute;left:0}.work__title{margin-top:var(--space-md);text-align:center;font:380 var(--text-display) / .95 var(--display);letter-spacing:-.035em;font-variation-settings:var(--soft);position:relative}.work__stage{height:100svh;padding:0 var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:2vw;display:grid;position:relative}.work__world{height:100%;position:relative}.role{z-index:2;max-width:25rem;position:relative}.role--left{align-self:start;margin-top:16vh}.role--right{place-self:end;margin-bottom:12vh}.role__dates{color:var(--ink-3)}.role__company{font:400 var(--text-h1) / .95 var(--display);letter-spacing:-.035em;font-variation-settings:var(--soft);margin:10px 0 6px}.role__title{color:var(--coral)}.role__metric{align-items:baseline;gap:10px;margin-top:14px;display:flex}.role__metric strong{font:400 clamp(2rem, 3vw, 2.8rem) / 1 var(--display);letter-spacing:-.03em;font-variation-settings:var(--soft)}.role__metric span{color:var(--ink-3)}.role__product{color:var(--ink-2);font:italic 380 1.2rem/1.35 var(--display);margin:14px 0 12px}.role__points{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.role__points li{color:var(--ink-2);padding-left:20px;font-size:15px;line-height:1.5;position:relative}.role__points li:before{content:"";background:var(--violet);opacity:.7;width:6px;height:6px;position:absolute;top:.62em;left:2px;transform:rotate(45deg)}.work__links{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.work__link{fill:none;stroke:var(--ink-3);stroke-width:.09px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.work__stairs{right:var(--gutter);opacity:.8;width:clamp(80px,9vw,140px);position:absolute;top:8vh}.projects{margin-top:var(--space-2xl);position:relative}.projects__pin{height:100svh;overflow:hidden}.projects__track{will-change:transform;height:100%;display:flex}.panel{flex:none;height:100%;position:relative}.panel--intro{width:64vw;padding:0 var(--gutter);flex-direction:column;justify-content:center;display:flex}.projects__title{margin:var(--space-lg) 0 var(--space-md);font:380 var(--text-giant) / .86 var(--display);letter-spacing:-.045em;font-variation-settings:var(--soft)}.projects__sub{max-width:26ch;color:var(--ink-2);font:italic 380 var(--text-h3) / 1.25 var(--display)}.projects__orbits{width:min(44vw,640px);margin-top:var(--space-xl)}.projects__hint{margin-top:var(--space-lg);color:var(--ink-3);align-items:center;gap:10px;display:inline-flex}.panel--project{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:2vw;width:84vw;padding:0 4vw;display:grid}.panel__show{z-index:1;place-items:center;height:80svh;display:grid;position:relative}.panel--flip .panel__show{order:2}.panel__actions{flex-wrap:wrap;gap:10px;display:flex}.link-pill--ink{border-color:var(--ink);background:var(--ink);color:var(--paper)}.link-pill--ink:hover{border-color:var(--violet);background:var(--violet)}.showcase{-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:visible}.sc-face{stroke:#3b3456;stroke-width:1.1px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;stroke-opacity:0;vector-effect:non-scaling-stroke}.sc-inlay{fill:none;stroke:#fff;stroke-opacity:.6;stroke-width:1.4px;stroke-dasharray:1;vector-effect:non-scaling-stroke}.sc-keyrow{fill:none;stroke:#bdb7d4;stroke-width:1.4px;vector-effect:non-scaling-stroke}.sc-niche{fill:#3b3456;fill-opacity:.45}.sc-arch__frame{stroke:#fdf9f2;stroke-width:9px;stroke-linejoin:round;stroke-dasharray:1;filter:drop-shadow(0 1px #3b345640)}.sc-orbit{stroke:#fff;stroke-opacity:.45;stroke-width:1.2px;vector-effect:non-scaling-stroke}.sc-star{animation:3.2s ease-in-out infinite twinkle}@keyframes twinkle{50%{opacity:.15}}.sc-plant{transform-box:fill-box;transform-origin:50% 100%}.sc-cube{transform-box:fill-box;animation:5.5s ease-in-out infinite sc-bob}@keyframes sc-bob{50%{translate:0 -10px}}.sc-device{transition:translate .6s var(--ease-out)}.showcase:hover .sc-device--laptop{translate:0 -8px}.showcase:hover .sc-device--phone{translate:0 -16px}.sc-page{transition:opacity .5s}.sc-url{fill:#8b85a3;font:500 30px var(--mono);letter-spacing:.04em}.sc-glow{pointer-events:none}.is-previewing,.is-previewing body{overflow:hidden}.preview{z-index:80;perspective:1600px;background:oklch(96.4% .012 84/.97);grid-template-rows:1fr auto;place-items:center;gap:22px;padding:74px 4vw 34px;display:grid;position:fixed;inset:0}.preview__close{border:1px solid var(--hair-strong);color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:inline-flex;position:absolute;top:24px;right:28px}.preview__close:hover{border-color:var(--ink)}.preview__stage{justify-content:center;align-items:flex-end;gap:28px;width:100%;max-width:1240px;max-height:100%;display:flex}.preview__window{background:#fff;border-radius:14px;flex:auto;width:min(980px,166svh - 415px);max-width:980px;overflow:hidden;box-shadow:0 50px 90px -40px oklch(24.5% .05 292/.5),0 0 0 1px oklch(24.5% .05 292/.08)}.preview__bar{background:#efedf5;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.preview__bar i{background:#f2a99a;border-radius:50%;width:11px;height:11px}.preview__bar i:nth-child(2){background:#f5d48c}.preview__bar i:nth-child(3){background:#a8dcc8}.preview__url{height:24px;color:var(--ink-2);text-transform:none;letter-spacing:.02em;background:#fff;border-radius:7px;flex:1;align-items:center;margin-left:12px;padding:0 12px;display:flex}.preview__screen{aspect-ratio:1440/866;background:#111018;position:relative;overflow:hidden}.preview__screen img{will-change:transform;width:100%;height:auto;transition:opacity .5s;position:absolute;top:0;left:0}.preview__cursor{--press:0;opacity:0;transform-origin:0 0;pointer-events:none;width:20px;height:27px;position:absolute;top:0;left:0}.preview__cursor svg{fill:#fff;stroke:#111;stroke-width:2.4px;stroke-linejoin:round;width:100%;height:100%;display:block}.preview__cursor:after{content:"";width:24px;height:24px;opacity:var(--press);transform:scale(calc(1 + var(--press) * 1.6));border:2px solid #fff;border-radius:50%;position:absolute;top:-12px;left:-12px}.preview__window--photo{width:min(1100px,100%);margin:0}.preview__window--photo img{width:100%;height:auto;display:block}.preview__window--photo figcaption{color:var(--ink-3);padding:12px 16px}.preview__phone{aspect-ratio:390/844;background:#1f1c30;border-radius:34px;flex:none;width:clamp(150px,15vw,230px);padding:8px;box-shadow:0 40px 70px -36px oklch(24.5% .05 292/.6)}.preview__phone img{object-fit:cover;object-position:top;border-radius:27px;width:100%;height:100%;display:block}.preview__meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;display:flex}.preview__meta p{color:var(--coral)}.preview__meta h3{font:400 clamp(1.8rem, 3vw, 2.6rem) / 1 var(--display);letter-spacing:-.03em;font-variation-settings:var(--soft);margin:0}.panel__num{z-index:-1;font:300 clamp(8rem, 16vw, 16rem) / .8 var(--display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px var(--hair-strong);pointer-events:none;position:absolute;top:-.78em;left:-.08em}.panel__text{z-index:2;max-width:30rem;position:relative}.panel__category{color:var(--coral)}.panel__name{font:400 var(--text-display) / .9 var(--display);letter-spacing:-.04em;font-variation-settings:var(--soft);margin:14px 0 18px}.panel__desc{color:var(--ink-2);font-size:var(--text-body-lg);text-wrap:pretty;margin-bottom:20px}.panel__text .tags{margin-bottom:26px}.panel--end{width:46vw;padding:0 var(--gutter);place-content:center;justify-items:start;gap:18px;display:grid}.panel__end-kicker{color:var(--ink-3)}.stack{padding:var(--space-3xl) 0 var(--space-2xl);position:relative}.marquee{white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.marquee__track{will-change:transform;display:inline-flex}.marquee__item{font:italic 380 clamp(3rem, 8.5vw, 8.5rem) / 1.08 var(--display);letter-spacing:-.035em;font-variation-settings:"SOFT" 100, "WONK" 1;align-items:center;gap:.4em;padding-right:.4em;display:inline-flex}.marquee__item .glyph{width:.28em;height:.28em;color:var(--coral)}.marquee--outline .marquee__item{font-variation-settings:var(--soft);color:#0000;-webkit-text-stroke:1px var(--ink-4);font-style:normal}.marquee--outline .marquee__item .glyph{color:var(--ink-4)}.stack__grid{gap:var(--space-lg);margin-top:var(--space-2xl);padding:0 var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.stack__text{grid-column:1/span 5}.stack__title{margin:var(--space-md) 0 10px;font:380 var(--text-display) / .92 var(--display);letter-spacing:-.04em;font-variation-settings:var(--soft)}.stack__sub{margin-bottom:var(--space-lg);color:var(--ink-2);font:italic 380 1.3rem/1.3 var(--display)}.tiers{counter-reset:tier;margin:0;padding:0;list-style:none}.tier{border-top:1px solid var(--hair);transition:transform .5s var(--ease-back), background .4s;border-radius:4px;outline:none;grid-template-columns:9.5rem 1fr;gap:16px;padding:20px 12px;display:grid;position:relative}.tier:last-child{border-bottom:1px solid var(--hair)}.tier.is-on,.tier:focus-visible{background:color-mix(in oklch, var(--tier) 22%, transparent);transform:translate(10px)}.tier__label{height:1.6rem;color:var(--ink-2);align-items:center;gap:10px;display:flex}.tier__label i{background:var(--tier);width:10px;height:10px;transition:transform .5s var(--ease-back);flex:none;transform:rotate(45deg)}.tier.is-on .tier__label i{transform:rotate(225deg)scale(1.3)}.tier__count{color:var(--ink-4);margin-left:auto}.tier__items{font:380 1.3rem/1.45 var(--display);font-variation-settings:var(--soft)}.stack__world{grid-column:6/span 7;height:min(92vh,900px);position:relative}.stack__cube{width:clamp(70px,7vw,110px);position:absolute;top:6%;right:4%}.contact{padding:var(--space-3xl) var(--gutter) 32px;position:relative;overflow:clip}.contact__rosette{z-index:0;opacity:.3;width:min(82vw,900px);position:absolute;top:46%;left:50%;translate:-50% -50%}.contact__giant{z-index:2;margin-top:var(--space-lg);font:380 var(--text-giant) / .88 var(--display);letter-spacing:-.045em;font-variation-settings:var(--soft);display:grid;position:relative}.contact__line{display:block}.contact__line--1{font-variation-settings:"SOFT" 100, "WONK" 1;justify-self:end;font-style:italic}.contact__world{z-index:1;height:min(96svh,960px);margin:-14vh 0 -8vh;position:relative}.contact__cta{z-index:2;justify-items:center;gap:var(--space-md);text-align:center;display:grid;position:relative}.contact__body{max-width:34ch;color:var(--ink-2);font-size:var(--text-body-lg)}.mail{border-bottom:1px solid var(--ink);font:380 clamp(1.8rem, 4.6vw, 4.6rem) / 1.1 var(--display);letter-spacing:-.03em;font-variation-settings:var(--soft);padding-bottom:6px;transition:color .35s,border-color .35s}.mail:hover{color:var(--violet);border-color:var(--violet)}.mail__note{min-height:1.4em;color:var(--ink-3);text-transform:none;letter-spacing:.02em;transition:color .3s}.mail__note.is-copied{color:var(--violet)}.socials{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.footer{z-index:2;margin-top:var(--space-2xl);border-top:1px solid var(--hair);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;display:flex;position:relative}.footer p:first-child{align-items:center;gap:8px;display:inline-flex}.footer .glyph{color:var(--coral)}.footer__colophon{font:italic 380 1.05rem/1.3 var(--display)}.footer__top{transition:color .3s}.footer__top:hover{color:var(--ink)}@media (width<=899px){.note__label{padding:5px 8px;font-size:10px}.header{grid-template-columns:1fr auto;padding:14px 18px}.header__nav,.rail{display:none}.hero{flex-direction:column;justify-content:flex-end;padding-bottom:84px}.hero__world{width:100%;height:58svh;right:0}.hero__copy{max-width:none;margin-top:48svh}.hero__title{font-size:clamp(3.4rem,17vw,6rem)}.hero__foot{padding-left:0}.about__rosette{width:90px;top:80px}.about__grid,.stack__grid{grid-template-columns:1fr}.about__world,.stack__world{height:72svh;margin:0 calc(var(--gutter) * -1);grid-column:auto}.about__side,.stack__text{grid-column:auto}.stack__world{order:-1}.work__giant{top:calc(var(--space-3xl) + 4vh);font-size:30vw}.work__stage{gap:var(--space-lg);grid-template-columns:1fr;height:auto}.work__world{height:74svh;margin:0 calc(var(--gutter) * -1);order:-1}.role--left,.role--right{place-self:auto;margin:0}.work__links,.work__stairs{display:none}.projects__pin{height:auto}.projects__track{flex-direction:column}.panel,.panel--intro,.panel--project,.panel--end{width:100%;height:auto}.panel--intro{padding-bottom:var(--space-xl)}.projects__orbits{width:100%}.panel--project{padding:var(--space-xl) var(--gutter);grid-template-columns:1fr}.panel--flip .panel__show{order:0}.panel__show{aspect-ratio:1000/1060;height:auto}.preview{padding:70px 16px 24px}.preview__window{width:100%}.preview__phone{display:none}.panel__num{font-size:34vw}.panel--end{padding:var(--space-xl) var(--gutter)}.tier{grid-template-columns:1fr;gap:6px}.contact__world{height:70svh;margin:-4vh calc(var(--gutter) * -1) 0}.footer{text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){.caret,.hero__scroll i:after,.header__time .dot{animation:none}}