@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/2e482247ef29dcb9-s.0z23a3hpu8ttr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/068feab4deafcd0f-s.02aqyp7acl16b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/db545dba463279ae-s.p.14a9xpaqsbppk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.iX1fDW_className{font-family:Archivo,Archivo Fallback;font-style:normal}.iX1fDW_variable{--font-archivo:"Archivo", "Archivo Fallback"}
@property --wdth{syntax:"<number>";inherits:true;initial-value:100}@property --lr{syntax:"<length>";inherits:false;initial-value:0}:root{--ground:#ecede8;--ink:#0b0c0e;--soft:#45484d;--accent:#0b0c0e;--accent-ink:#ecede8;--line:color-mix(in oklab, var(--ink) 18%, transparent);--tone:color-mix(in oklab, var(--ink) 7%, var(--ground));--pad:clamp(20px, 3.6vw, 60px);--header-h:76px;--gutter:max(var(--pad), calc((100vw - 1320px) / 2));--ease:cubic-bezier(.22, 1, .36, 1);--font:var(--font-archivo), "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:is([data-theme=quillprint],:root:has(main[data-theme=quillprint])){--ground:#13305f;--ink:#f6f3ec;--soft:#bcc8de;--accent:#ff7a2b;--accent-ink:#13305f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is([data-theme=rio],:root:has(main[data-theme=rio])){--ground:#4326e0;--ink:#f7f5ff;--soft:#d6ceff;--accent:#d7ff6b;--accent-ink:#1b0e66;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is([data-theme=ocean],:root:has(main[data-theme=ocean])){--ground:#ffc21a;--ink:#0b2a4a;--soft:#4a3d00;--accent:#0057b8;--accent-ink:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:is([data-theme=xyena],:root:has(main[data-theme=xyena])){--ground:#0c4a38;--ink:#eff7f0;--soft:#b6d5c5;--accent:#8cf5b5;--accent-ink:#06261d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is([data-theme=maverick],:root:has(main[data-theme=maverick])){--ground:#b81f17;--ink:#fff6f0;--soft:#ffd9cf;--accent:#ffe14d;--accent-ink:#4a0b07;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{font-variation-settings:"wdth" var(--wdth);margin:0}html{background:var(--ground);-webkit-text-size-adjust:100%;scrollbar-color:var(--ink) transparent;scrollbar-width:thin;overflow-x:clip}body{min-height:100dvh;font-family:var(--font);color:var(--ink);transition:color .5s var(--ease);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1.0625rem;font-weight:420;line-height:1.5;overflow-x:clip}::selection{background:var(--ink);color:var(--ground)}img,video,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}h1,h2,h3{text-wrap:balance;font-weight:640}p{text-wrap:pretty}.skip{z-index:20;background:var(--ink);color:var(--ground);border-radius:999px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip:focus-visible{transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ground{z-index:0;pointer-events:none;position:fixed;inset:0}.ground__base,.ground__wipe{position:absolute;inset:0}.ground__base{background:var(--ground)}.ground__wipe{visibility:hidden}.stage{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.header{z-index:5;height:var(--header-h);padding:0 var(--pad);justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:0;left:0;right:0}.header__brand{--wdth:112;letter-spacing:-.015em;padding:8px 0;font-size:1.125rem;font-weight:720}.header__nav{align-items:center;gap:clamp(14px,2vw,28px);display:flex}.header__status{--wdth:92;color:var(--soft);transition:color .5s var(--ease);font-size:.9375rem}.button{--wdth:100;background:var(--ink);min-height:52px;color:var(--ground);letter-spacing:-.01em;white-space:nowrap;transition:--wdth .45s var(--ease), background-color .5s var(--ease), color .5s var(--ease), transform .2s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:1.0625rem;font-weight:600;display:inline-flex}.button svg{transition:transform .45s var(--ease);flex:none}.button:hover{--wdth:112}.button:hover svg{transform:translate(4px)}.button:active{transform:scale(.98)}.button--small{min-height:42px;padding:0 18px;font-size:.9375rem}.button--small:hover svg{transform:none}.link{--wdth:100;transition:--wdth .45s var(--ease), background-size .45s var(--ease);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 7px)/100% 1.5px no-repeat;align-items:center;gap:6px;padding:10px 0;font-weight:560;display:inline-flex}.link:hover{--wdth:110;background-position:100% calc(100% - 7px);background-size:0% 1.5px}.link svg{width:16px;height:16px}.word{white-space:pre;animation:word-in .8s var(--ease) both;display:inline-block}.rise{animation:rise-in .7s var(--ease) both}@keyframes word-in{0%{opacity:0;filter:blur(12px);transform:translateY(.42em)}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}}.display{--wdth:104;letter-spacing:-.035em;max-width:11.5em;font-size:clamp(2.5rem,min(5.7vw,10.2vh),5.75rem);font-weight:640;line-height:.96}.title{--wdth:104;letter-spacing:-.04em;font-size:clamp(3rem,min(8.2vw,15vh),8.25rem);font-weight:680;line-height:.9}.lead{max-width:34em;color:var(--ink);font-size:clamp(1.0625rem,1.45vw,1.3125rem);line-height:1.42}.home{z-index:2;height:100dvh;min-height:620px;padding:var(--header-h) var(--pad) 0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,56fr) minmax(0,44fr);column-gap:clamp(16px,2.5vw,48px);display:grid;position:relative}.home__copy{grid-area:1/1;align-self:center;min-width:0}.panel>*+*{margin-top:clamp(16px,2.6vh,28px)}.home__figure{grid-area:1/2/3/3;min-height:0}.roles{border-top:1px solid var(--line);max-width:30em;display:grid}.roles li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:7px 0;font-size:.9375rem;display:flex}.roles li span:first-child{font-weight:620}.roles li span:last-child{color:var(--soft);text-align:right}.facts{flex-wrap:wrap;gap:8px;display:flex}.facts li{--wdth:92;border:1.5px solid var(--ink);border-radius:999px;padding:7px 14px;font-size:.9375rem;font-weight:560}.actions{flex-wrap:wrap;align-items:center;gap:10px 26px;display:flex}.dock{grid-area:2/1;min-width:0;padding-bottom:clamp(16px,3vh,30px)}.dock__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 20px;margin-bottom:10px;display:flex}.dock__hint,.dock__about{color:var(--soft);transition:color .5s var(--ease);align-items:center;gap:8px;font-size:.9375rem;font-weight:520;display:flex}.dock__about{padding:4px 0}.dock__about:hover{color:var(--ink)}.dock__about svg{flex:none;animation:1.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(4px)}}.dock__hint svg{animation:hint-tap 1.6s var(--ease) 2.4s 2 both;flex:none}.rail{gap:0 14px;display:flex}.tab{text-align:left;border-top:1px solid var(--line);animation:rise-in .7s var(--ease) backwards;animation-delay:calc(.45s + var(--n) * 70ms);flex:auto;align-content:start;gap:2px;padding:14px 0 0;display:grid;position:relative}.tab:before{content:"";background:var(--ink);transform-origin:0;height:3px;transition:transform .6s var(--ease);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.tab:hover:before{transform:scaleX(.34)}.tab[aria-selected=true]:before{transform:scaleX(1)}.tab__chip{background:var(--chip);width:22px;height:22px;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--ink) 55%, transparent);transition:width .5s var(--ease);border-radius:6px;margin-bottom:8px}.rail:not([data-touched]) .tab__chip{animation:chip-wave 6s var(--ease) infinite;animation-delay:calc(2.6s + var(--n) * .14s)}.tab:hover .tab__chip,.tab[aria-selected=true] .tab__chip{width:46px}.tab[aria-selected=true] .tab__chip{background:var(--accent);box-shadow:none}.tab__go{opacity:.4;width:16px;height:16px;transition:opacity .3s var(--ease), transform .5s var(--ease);position:absolute;top:17px;right:2px}.tab:hover .tab__go{opacity:1;transform:translate(-6px)}.tab[aria-selected=true] .tab__go{opacity:0}.tab__name{--wdth:100;letter-spacing:-.015em;white-space:nowrap;transition:--wdth .45s var(--ease);font-size:clamp(.9375rem,1.18vw,1.0625rem);font-weight:640;line-height:1.2}.tab:hover .tab__name{--wdth:108}.tab__short{--wdth:90;white-space:nowrap;color:var(--soft);transition:color .5s var(--ease);font-size:.8125rem;line-height:1.3}.when-still{display:none}@media (min-width:901px) and (max-height:760px){.panel>*+*{margin-top:14px}}@media (min-width:901px) and (max-height:680px){.display{font-size:min(5.2vw,8.4vh)}.roles li{padding-block:4px}.panel>*+*{margin-top:11px}.dock{padding-bottom:10px}.dock__top{margin-bottom:6px}.tab{padding-top:9px}.tab__chip{height:16px;margin-bottom:5px}.tab__go{top:9px}}@keyframes chip-wave{5%{width:46px}11%,to{width:22px}}@keyframes hint-tap{30%{transform:translate(3px,3px)}60%{transform:none}}@property --hole{syntax:"<length>";inherits:false;initial-value:0}.gate{--disc:#0b0c0e;z-index:60;background:var(--disc);color:#ecede8;pointer-events:none;visibility:hidden;clip-path:circle(var(--r,0px) at 50% 100%);position:fixed;inset:0}.gate[data-phase=peek]{visibility:visible;transition:clip-path .18s linear}.gate[data-phase=release]{visibility:visible;transition:clip-path .5s var(--ease)}.gate[data-phase=cover]{visibility:visible;pointer-events:auto;clip-path:circle(150vmax at 50% 100%);transition:clip-path .76s cubic-bezier(.65,0,.35,1)}.gate[data-phase=open]{visibility:visible;pointer-events:auto;clip-path:none;-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--hole), #000 calc(var(--hole) + 1.5px));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--hole), #000 calc(var(--hole) + 1.5px));mask-image:radial-gradient(circle at 50% 50%, transparent var(--hole), #000 calc(var(--hole) + 1.5px));animation:1.1s cubic-bezier(.65,0,.35,1) forwards gate-open}@keyframes gate-open{to{--hole:150vmax}}.gate__label{--wdth:104;letter-spacing:-.04em;opacity:var(--p,0);transform:translate(-50%, calc((1 - var(--p,0)) * 3vh));transition:bottom .76s cubic-bezier(.65, 0, .35, 1), transform .76s cubic-bezier(.65, 0, .35, 1), opacity .3s var(--ease), --wdth .76s var(--ease);justify-items:center;gap:.08em;font-size:clamp(2.25rem,6vw,5.25rem);font-weight:680;line-height:1;display:grid;position:absolute;bottom:5vh;left:50%}.gate__label svg{width:.5em;height:.5em;animation:1.2s ease-in-out infinite bob}.gate[data-phase=cover] .gate__label{--wdth:118;opacity:1;bottom:50%;transform:translate(-50%,50%)}.gate[data-phase=open] .gate__label{opacity:0;transition:opacity .3s var(--ease), transform .6s var(--ease);bottom:50%;transform:translate(-50%,50%)scale(1.25)}.figure{position:relative}.figure__overlay{object-fit:cover;opacity:0;max-width:none;transition:opacity .14s linear, --lr .5s var(--ease);-webkit-mask-image:radial-gradient(circle var(--lr) at var(--lx,50%) var(--ly,50%), transparent 0, transparent 58%, #000 100%);-webkit-mask-image:radial-gradient(circle var(--lr) at var(--lx,50%) var(--ly,50%), transparent 0, transparent 58%, #000 100%);mask-image:radial-gradient(circle var(--lr) at var(--lx,50%) var(--ly,50%), transparent 0, transparent 58%, #000 100%);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute}.figure__overlay[data-show]{opacity:1;transition:opacity .5s var(--ease), --lr .5s var(--ease)}.figure__overlay[data-shadow]{box-shadow:0 0 0 5px #0a0b0d,0 0 0 6px #ffffff29,0 30px 70px -14px #0009}.case{z-index:2;position:relative}.hero{min-height:100dvh;padding:var(--header-h) var(--pad) 0;grid-template-columns:minmax(0,56fr) minmax(0,44fr);column-gap:clamp(16px,2.5vw,48px);display:grid}.hero__copy{align-self:center;min-width:0;padding:24px 0 48px}.hero__copy>*+*{margin-top:clamp(16px,2.6vh,28px)}.hero__back{font-size:.9375rem}.hero__figure{height:calc(100dvh - var(--header-h));min-height:420px;top:var(--header-h);position:sticky}.meta{border-top:1px solid var(--line);max-width:34em;display:grid}.meta div{border-bottom:1px solid var(--line);grid-template-columns:7.5rem minmax(0,1fr);gap:16px;padding:9px 0;font-size:.9375rem;display:grid}.meta dt{font-weight:620}.meta dd{color:var(--soft);transition:color .5s var(--ease)}.case>section:not(.hero),.footer{padding-inline:max(var(--pad), calc((100vw - 1320px) / 2))}.case>section:not(.hero){margin-top:clamp(104px,17vh,210px)}.h2{--wdth:104;letter-spacing:-.032em;max-width:17em;margin-bottom:clamp(28px,5vh,60px);font-size:clamp(1.85rem,3.5vw,3.375rem);line-height:1.02}.caption{color:var(--soft);max-width:62ch;margin-top:16px;font-size:.875rem}.case>section.builds{padding-inline:0}.builds .h2{padding-inline:var(--gutter)}.shelf{--open:calc(100vw * 9 / 17);--inset:clamp(24px, 3vw, 44px);height:clamp(540px,76vh,720px);display:flex}.spine{background:var(--ground);min-width:0;color:var(--ink);transition:flex-grow .75s var(--ease);flex:1 1 0;position:relative;overflow:hidden}.spine[data-open]{flex-grow:9}.spine:has(.spine__tab:focus-visible){outline:2px solid var(--ink);outline-offset:-6px}.spine__tab{z-index:1;width:100%;color:inherit;transition:opacity .3s var(--ease);flex-direction:column;justify-content:space-between;align-items:center;padding:24px 0;display:flex;position:absolute;inset:0}.spine__tab:focus-visible{outline:none}.spine__tab svg{transition:transform .5s var(--ease);flex:none}.spine:hover .spine__tab svg{transform:rotate(90deg)}.spine__name{--wdth:100;writing-mode:vertical-rl;white-space:nowrap;letter-spacing:-.025em;font-size:clamp(1.25rem,2vw,1.875rem);font-weight:660;transform:rotate(180deg)}.spine[data-open] .spine__tab{opacity:0;pointer-events:none}.spine__panel{opacity:0;visibility:hidden;transition:opacity .2s var(--ease), visibility 0s .2s;position:absolute;inset:0}.spine[data-open] .spine__panel{opacity:1;visibility:visible;transition:opacity .45s var(--ease) .22s, visibility 0s}.spine__clip{height:100%}.spine__inner{width:var(--open);height:100%;padding:var(--inset);flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:relative}.spine__title{--wdth:104;letter-spacing:-.04em;font-size:clamp(2.5rem,5.2vw,5.25rem);font-weight:680;line-height:.92}.spine__result{--wdth:94;border:1.5px solid var(--ink);border-radius:999px;padding:7px 15px;font-size:clamp(.9375rem,1.15vw,1.0625rem);font-weight:600}.spine__body{max-width:25em;font-size:clamp(1rem,1.3vw,1.1875rem);line-height:1.42}.spine__inner[data-media=phone]>:not(.spine__media){max-width:56%}.spine__media{max-width:none;position:absolute}.spine__media--phone{right:var(--inset);border-radius:26px;width:auto;height:78%;bottom:-10%;box-shadow:0 0 0 6px #0a0b0d,0 30px 60px -20px #0000008c}.spine__frame{flex:1 1 0;align-self:stretch;align-items:flex-start;min-height:0;padding-top:8px;display:flex}.spine__frame img{border-radius:14px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 26px 60px -22px #0009}.spine__video{aspect-ratio:16/9;background:#05070d;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 26px 60px -22px #0009}.spine__video video{object-fit:cover;width:100%;height:100%}.spine__video .figure__toggle{background:#080a10b8;min-height:34px;padding:0 13px;bottom:10px;left:10px}.spine__video .figure__toggle:focus-visible{outline-color:#fff}@media (min-width:901px){.spine__frame:has(.spine__video){container-type:size}.spine__video{width:min(100cqw,177.778cqh)}}.spine__media--emblem{aspect-ratio:1;width:40%;bottom:clamp(12px,2vw,28px);right:clamp(12px,2vw,28px)}.spine[data-open] .spine__inner>*{animation:rise-in .65s var(--ease) both;animation-delay:.26s}.spine[data-open] .spine__inner>:nth-child(2){animation-delay:.32s}.spine[data-open] .spine__inner>:nth-child(3){animation-delay:.38s}.spine[data-open] .spine__inner>:nth-child(n+4){animation-delay:.44s}.spine[data-open] .spine__inner>.spine__media{animation-duration:.9s;animation-delay:.3s}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:901px){.spine{animation:linear both spine-in;animation-timeline:view();animation-range:entry calc(var(--i) * 3%) entry calc(46% + var(--i) * 6%)}@keyframes spine-in{0%{transform:translateY(calc(70px + var(--i) * 30px))}}}}.case>section.skills{--ground:#0b0c0e;--ink:#ecede8;--soft:#9c9e98;--line:#ecede833;background:var(--ground);color:var(--ink);padding:0}.skills ::selection{background:var(--ink);color:var(--ground)}.skills :focus-visible{outline-color:var(--ink)}.skills__pin{padding:clamp(64px, 12vh, 140px) var(--gutter)}.skills__grid{grid-template-columns:minmax(12rem,.4fr) minmax(0,1fr);align-items:stretch;gap:clamp(28px,6vw,104px);display:grid}.skills__index{border-top:1px solid var(--line);display:grid}.skilltab{--wdth:100;border-bottom:1px solid var(--line);text-align:left;letter-spacing:-.02em;color:var(--soft);transition:--wdth .7s var(--ease), color .4s var(--ease);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-size:clamp(1.125rem,1.7vw,1.5rem);font-weight:600;display:flex;position:relative}.skilltab:after{content:"";background:var(--ink);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.skilltab[aria-selected=true]:after{transform:scaleX(var(--fill,0))}.skilltab svg{opacity:0;transition:opacity .3s var(--ease), transform .5s var(--ease);flex:none;transform:translate(-12px)}.skilltab[aria-selected=true]{--wdth:116;color:var(--ink)}.skilltab[aria-selected=true] svg{opacity:1;transform:none}.skills__stage{display:grid}.skillset{visibility:hidden;grid-area:1/1;align-content:space-between;gap:clamp(28px,5vh,48px);display:grid}.skillset[data-on]{visibility:visible}.skillset__items{letter-spacing:-.038em;flex-wrap:wrap;align-items:center;gap:.08em .3em;font-size:clamp(2rem,5vw,5rem);font-weight:660;line-height:1.04;display:flex}.skillset__top{align-content:start;gap:clamp(22px,4vh,36px);display:grid}.skillset__items li{--wdth:100;max-width:100%;transition:opacity .3s var(--ease);align-items:center;gap:.3em;display:inline-flex}.skillset__items li[data-dim]{opacity:.38}.skillset__logos{flex-wrap:wrap;gap:10px;display:flex}.skillset__logos li{width:64px;height:64px;transition:transform .45s var(--ease), opacity .3s var(--ease);background:#ecede8;border-radius:18px;place-items:center;display:grid}.skillset__logos img{object-fit:contain;width:36px;height:36px}.skillset__logos li[data-hot]{transform:translateY(-6px)scale(1.1)}.skillset__logos li[data-dim]{opacity:.35}.skillset[data-on] .skillset__logos li{animation:logo-in .9s var(--ease) backwards;animation-delay:calc(.42s + var(--i) * 80ms)}@keyframes logo-in{0%{opacity:0;transform:translateY(14px)scale(.8)}}.skillset__items li:not(:last-child):after{content:"";background:var(--soft);border-radius:50%;flex:none;width:.15em;height:.15em}.skillset[data-on] .skillset__items li{animation:skill-in 1.15s var(--ease) both;animation-delay:calc(var(--i) * 95ms)}.skillset[data-on] .skillset__used{animation:rise-in .9s var(--ease) .6s both}@keyframes skill-in{0%{--wdth:68;opacity:0;filter:blur(10px);transform:translateY(.3em)}}.skillset__used{color:var(--soft);flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:.9375rem;display:flex}.skillset__used>span{margin-right:4px}.usedin{border:1.5px solid var(--line);min-height:40px;color:var(--ink);transition:border-color .3s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 15px 0 11px;font-weight:560;display:inline-flex}.usedin:hover{border-color:var(--ink)}.usedin i{background:var(--chip);border-radius:5px;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px #ecede873}.skills .caption{margin-top:clamp(28px,5vh,48px)}@media (min-width:901px) and (min-height:520px){.case>section.skills{height:calc(100svh + var(--steps) * 30vh)}.skills__pin{flex-direction:column;justify-content:center;height:100svh;padding-block:clamp(20px,5vh,72px);display:flex;position:sticky;top:0}.skills .h2{margin-bottom:clamp(14px,4vh,48px);font-size:clamp(1.6rem,min(3.5vw,6vh),3.375rem)}.skilltab{padding-block:clamp(6px,1.45vh,13px);font-size:clamp(1rem,min(1.7vw,2.7vh),1.5rem)}.skillset__items{font-size:clamp(1.75rem,min(5vw,8.4vh),5rem)}.skillset__logos li{border-radius:28%;width:clamp(42px,7.2vh,64px);height:clamp(42px,7.2vh,64px)}.skillset__logos img{width:56%;height:56%}.skills .caption{margin-top:clamp(10px,2.6vh,40px)}}.case:has(>.skills:last-child)+.footer{padding-top:clamp(56px,10vh,120px)}.statement{align-content:center;min-height:36vh;display:grid}.statement__text{--wdth:102;letter-spacing:-.034em;text-wrap:balance;max-width:19em;font-size:clamp(1.85rem,4.4vw,4.375rem);font-weight:620;line-height:1.05}.figure__video{background:#f3f1ec;overflow:hidden}.figure__video video{object-fit:cover;width:100%;height:100%}.figure__toggle{color:#fff;background:#0b0c0e;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:.875rem;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:12px}.figure__toggle:focus-visible{outline-offset:3px;outline-color:#0b0c0e}.zt__lead{max-width:40em;margin-bottom:clamp(32px,6vh,64px);font-size:clamp(1.0625rem,1.45vw,1.3125rem);line-height:1.42}.zt__grid{grid-template-columns:minmax(9rem, .9fr) repeat(var(--stages), minmax(0, 1fr));grid-template-rows:auto repeat(3,auto);display:grid}.zt__lanes,.zt__stage{grid-row:1/-1;grid-template-rows:subgrid;display:grid}.zt__lane,.zt__cell{border-top:1px solid var(--line);min-height:112px;padding:22px 16px 22px 0;position:relative}.zt__lane{align-content:start;gap:2px;display:grid}.zt__lane b{letter-spacing:-.015em;font-size:1.125rem;font-weight:660}.zt__lane small,.zt__cell span{color:var(--soft);font-size:.9375rem;line-height:1.35}.zt__title{letter-spacing:-.02em;align-items:baseline;gap:10px;padding:0 12px 16px 0;font-size:clamp(1.125rem,1.7vw,1.5rem);display:flex}.zt__title span{font-variant-numeric:tabular-nums;color:var(--soft);font-size:.875rem;font-weight:560}.zt__cell b{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.zt__cell[data-on]:before{content:"";background:var(--accent);width:17px;height:17px;box-shadow:0 0 0 5px var(--ground);border-radius:50%;position:absolute;top:-9px;left:0}.zt__cell[data-on] span{color:var(--ink);font-weight:560}.zt__lanes>.zt__lane:last-child,.zt__stage>.zt__cell:last-child{border-top-style:dashed}.rows{border-top:1px solid var(--line)}.row{border-bottom:1px solid var(--line);grid-template-columns:2.5rem minmax(0,.85fr) minmax(0,1.15fr);align-items:baseline;gap:8px clamp(16px,3vw,48px);padding:clamp(20px,3.6vh,38px) 0;display:grid}.row__n{font-variant-numeric:tabular-nums;color:var(--soft);font-size:.9375rem;font-weight:560}.row__title{--wdth:104;letter-spacing:-.036em;font-size:clamp(1.9rem,4.4vw,3.75rem);font-weight:660;line-height:1}.row__body{max-width:34em;font-size:clamp(1.0625rem,1.45vw,1.3125rem);line-height:1.42}.steps__list{perspective:1400px;display:grid}.step{top:calc(28px + var(--i) * 16px);padding-bottom:26px;position:sticky}.step__card{transform-origin:50% 0;background:var(--ink);min-height:min(54vh,480px);color:var(--ground);will-change:transform;border-radius:30px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(20px,4vw,64px);padding:clamp(24px,3.6vw,56px);display:grid;position:relative;overflow:hidden}.step:nth-child(2n) .step__card{background:var(--accent);color:var(--accent-ink)}.step__card[data-has-image]{min-height:min(72vh,660px)}.step__copy{align-content:start;gap:16px;max-width:30em;display:grid}.step__n{display:none}.step__card[data-has-image] .step__n{font-variant-numeric:tabular-nums;border:1.5px solid;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:640;display:grid}.step__title{--wdth:104;letter-spacing:-.036em;font-size:clamp(2rem,4.4vw,4rem);font-weight:660;line-height:.98}.step__body{font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.42}.step__image{border-radius:26px;width:auto;height:min(86vh,800px);margin-bottom:calc(-1*clamp(24px,3.6vw,56px) - 190px);box-shadow:0 0 0 6px #0a0b0d,0 30px 60px -20px #0000008c}.step__big{--wdth:125;letter-spacing:-.04em;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px currentColor;opacity:.55;font-variant-numeric:lining-nums;align-self:end;margin-bottom:-.06em;font-size:clamp(9rem,24vw,21rem);font-weight:800;line-height:.74}.case>section.claim{background:var(--accent);color:var(--accent-ink);padding-block:clamp(64px,12vh,150px)}.claim__text{--wdth:102;letter-spacing:-.034em;max-width:18em;font-size:clamp(1.85rem,4.2vw,4.25rem);font-weight:600;line-height:1.04}.claim__text strong{--wdth:122;white-space:nowrap;font-weight:800}.claim__demo{margin-top:clamp(40px,8vh,84px)}.claim__ends{justify-content:space-between;margin-bottom:12px;font-weight:620;display:flex}.claim__ends span:last-child{--wdth:100;transition:--wdth .6s var(--ease), font-weight .6s var(--ease);font-weight:420}.claim__ends span[data-on]{--wdth:118;font-weight:800}.claim__bar{background:color-mix(in oklab, var(--accent-ink) 20%, transparent);border-radius:999px;height:16px;overflow:hidden}.claim__bar span{background:var(--accent-ink);transform-origin:0;border-radius:999px;height:100%;display:block}.claim__meta{flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin-top:14px;font-size:.9375rem;display:flex}.claim__clock{font-variant-numeric:tabular-nums;min-width:4.6ch;font-size:1.5rem;font-weight:680}.claim__meta .link{margin-left:auto}.claim__meta .link:disabled{opacity:.4;cursor:default}.claim__note{max-width:62ch;margin-top:clamp(28px,5vh,48px);font-size:.875rem}.shot img{border-radius:18px;width:100%;height:auto;box-shadow:0 40px 90px -34px #00000080}.ledger__rows{border-top:1px solid var(--line)}.ledger__row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:baseline;gap:8px 32px;padding:clamp(14px,2.2vh,22px) 0;display:grid}.ledger__row dt{color:var(--soft);transition:color .5s var(--ease)}.ledger__row dd{--wdth:102;letter-spacing:-.024em;font-variant-numeric:tabular-nums;text-wrap:balance;font-size:clamp(1.25rem,2.3vw,2.125rem);font-weight:620;line-height:1.14}.decisions__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,80px);display:grid}.decisions__grid li{border-top:1px solid var(--line);padding:26px 0 30px}.decisions__grid h3{letter-spacing:-.022em;font-size:clamp(1.25rem,1.9vw,1.625rem);line-height:1.15}.decisions__grid p{max-width:34em;color:var(--soft);transition:color .5s var(--ease);margin-top:10px}.stack__rows div{border-top:1px solid var(--line);grid-template-columns:minmax(9rem,16rem) minmax(0,1fr);gap:6px 32px;padding:15px 0;display:grid}.stack__rows div:last-child{border-bottom:1px solid var(--line)}.stack__rows dt{font-weight:620}.stack__rows dd{color:var(--soft);text-wrap:balance;max-width:62ch;transition:color .5s var(--ease)}.next{padding:clamp(56px, 11vh, 130px) max(var(--pad), calc((100vw - 1320px) / 2));background:var(--ground);color:var(--ink);margin-top:clamp(104px,17vh,210px);display:block;position:relative}.next__name span{font-weight:300}.next__name{--wdth:100;letter-spacing:-.04em;transition:--wdth .8s var(--ease);font-size:clamp(3rem,10.5vw,11rem);font-weight:700;line-height:.88;display:block}.next:hover .next__name{--wdth:116}.next__line{align-items:center;gap:16px;max-width:44em;margin-top:clamp(20px,4vh,40px);font-size:clamp(1.0625rem,1.45vw,1.3125rem);line-height:1.4;display:flex}.next__line svg{width:28px;height:28px;transition:transform .6s var(--ease);flex:none}.next:hover .next__line svg{transform:translate(10px)}.next:focus-visible{outline-offset:-8px}.footer{z-index:2;padding-top:clamp(72px,14vh,170px);padding-bottom:32px;position:relative}.footer__lead{color:var(--soft);transition:color .5s var(--ease);font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:520}.footer__mail{--wdth:100;letter-spacing:-.04em;transition:--wdth .8s var(--ease);margin-top:8px;font-size:clamp(2.1rem,8.4vw,8.75rem);font-weight:680;line-height:1;display:inline-block}.footer__mail:hover{--wdth:110}.footer__row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-top:clamp(40px,8vh,90px);padding-top:14px;display:flex}.footer__links{flex-wrap:wrap;gap:4px 28px;display:flex}.footer__fine{color:var(--soft);font-size:.875rem}.lost{z-index:2;min-height:100dvh;padding:var(--header-h) var(--pad) 40px;align-content:center;justify-items:start;gap:24px;display:grid;position:relative}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.row__title{animation:linear both row-in;animation-timeline:view();animation-range:entry entry 90%}@keyframes row-in{0%{--wdth:66;opacity:.3}}.ledger__row dd,.decisions__grid li,.stack__rows div{animation:linear both settle;animation-timeline:view();animation-range:entry entry 70%}@keyframes settle{0%{opacity:.2;transform:translate(28px)}}}}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero__figure{order:-1;height:64svh;min-height:340px;position:relative;top:0}.hero__copy{padding:20px 0 8px}.shelf{height:auto;display:block}.spine{transition:none}.spine__tab,.spine[data-open] .spine__tab{padding:16px var(--gutter);opacity:1;pointer-events:auto;flex-direction:row-reverse;position:static}.spine__name{writing-mode:horizontal-tb;white-space:normal;text-align:left;font-size:1.9rem;transform:none}.spine[data-open] .spine__tab svg,.spine[data-open]:hover .spine__tab svg{transform:rotate(45deg)}.spine__panel,.spine[data-open] .spine__panel{opacity:1;transition:grid-template-rows .5s var(--ease), visibility 0s .5s;grid-template-rows:0fr;display:grid;position:static}.spine[data-open] .spine__panel{transition:grid-template-rows .5s var(--ease), visibility 0s;grid-template-rows:1fr}.spine__clip{height:auto;min-height:0;overflow:hidden}.spine__inner{width:auto;height:auto;padding:0 var(--gutter) 26px}.spine__title{display:none}.spine__inner[data-media=phone]>:not(.spine__media){max-width:none}.spine__media{position:static}.spine__media--phone{object-fit:cover;object-position:top;border-radius:22px 22px 0 0;width:min(64%,240px);height:290px;margin:10px 0 -26px 6px}.spine__frame{flex:none}.spine__frame img{border-radius:12px;width:100%;max-height:none}.spine__media--emblem{width:170px}.skills__pin{padding-block:56px}.skilltab:after{display:none}.skills__grid{grid-template-columns:minmax(0,1fr);gap:22px}.skills__index{margin-inline:calc(var(--gutter) * -1);padding:6px var(--gutter);scrollbar-width:none;border:0;gap:8px;display:flex;overflow-x:auto}.skilltab{border:1.5px solid var(--line);border-radius:999px;flex:none;min-height:40px;padding:0 16px;font-size:.9375rem}.skilltab svg{display:none}.skillset__items{gap:.14em;display:grid}.skillset__items li:not(:last-child):after{display:none}.skillset__logos{gap:8px}.skillset__logos li{border-radius:15px;width:52px;height:52px}.skillset__logos img{width:30px;height:30px}.skilltab[aria-selected=true]{--wdth:100;background:var(--ink);border-color:var(--ink);color:var(--ground)}.zt__grid{border-left:2px solid var(--line);padding-left:22px;display:block}.zt__lanes{display:none}.zt__stage{padding-bottom:26px;display:block;position:relative}.zt__stage:before{content:"";background:var(--accent);border-radius:50%;width:16px;height:16px;position:absolute;top:5px;left:-31px}.zt__title{padding:0 0 6px}.zt__cell{border:0;min-height:0;padding:2px 0;display:none}.zt__cell[data-on]{display:block}.zt__cell[data-on]:before{display:none}.zt__cell b{clip-path:none;width:auto;height:auto;margin-right:6px;font-weight:660;position:static}.zt__cell b:after{content:":"}.case>section:not(.hero),.next{margin-top:72px}.statement{min-height:0}.h2{margin-bottom:24px}.case>section.claim,.next{padding-block:56px}.footer{padding-top:64px}.step__card,.step__card[data-has-image]{grid-template-columns:minmax(0,1fr);min-height:0}.step__image{object-fit:cover;object-position:top;border-radius:22px 22px 0 0;justify-self:center;width:min(78%,320px);height:auto;max-height:46vh;margin-bottom:calc(-1*clamp(24px,3.6vw,56px))}.step__big{justify-self:end;font-size:7rem}.ledger__row,.stack__rows div,.decisions__grid{grid-template-columns:minmax(0,1fr)}.row{grid-template-columns:1.75rem minmax(0,1fr)}.row__body{grid-column:2}:root{--header-h:64px}.header__status,.header .button span{display:none}.header .button{padding:0 13px}.home{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:100dvh}.home__figure{grid-area:1/1;height:52svh;min-height:320px}.home__copy{grid-area:2/1;padding:20px 0 28px}.dock{grid-area:3/1;padding-bottom:22px}.rail{margin:0 calc(var(--pad) * -1);padding:1px var(--pad) 4px;scrollbar-width:none;overflow-x:auto}.tab{flex:none;min-width:122px}}@media (prefers-reduced-motion:reduce){.word,.rise,.tab,.rail:not([data-touched]) .tab__chip,.dock__about svg,.dock__hint svg,.spine[data-open] .spine__inner>*,.skillset[data-on] .skillset__items li,.skillset[data-on] .skillset__logos li,.skillset[data-on] .skillset__used{animation:none}*{transition-duration:.01ms!important}.statement__text span{opacity:1!important}.step__card{transform:none!important}.when-motion{display:none}.when-still{display:inline}}