.proj{min-height:100vh;position:relative}.proj__bar{z-index:100;padding:1.1rem var(--gutter);mix-blend-mode:difference;color:#e9e2d4;transition:transform .6s var(--ease-out);justify-content:space-between;align-items:baseline;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.proj__bar.is-hidden{transform:translateY(-120%)}.proj__back,.proj__brand{align-items:center;margin:-.9rem -1.25rem;padding:.9rem 1.25rem;display:inline-flex;position:relative}.proj__back{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.proj__back .arrow{transition:transform .35s var(--ease-out);display:inline-block}.proj__back:hover .arrow{transform:translate(-.35em)}.proj__brand{font-family:var(--serif);font-variation-settings:"opsz" 30;letter-spacing:-.01em;white-space:nowrap;font-size:1.05rem;font-weight:480}.proj__brand sup{font-size:.6em}.proj__resume{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin:-.9rem 0;padding:.9rem .2rem;font-size:.72rem}.proj__resume:hover{opacity:.55}@media (width<=420px){.proj__bar{gap:.45rem}.proj__back{font-size:.62rem}}.proj__hero{padding:clamp(7rem, 18vh, 12rem) var(--gutter) clamp(2.5rem, 7vh, 5rem)}.proj__index{color:var(--ink-3);margin-bottom:clamp(1.4rem,4vh,2.6rem)}.proj__title{font-family:var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(3.2rem,13vw,13rem);font-weight:340;line-height:.84}.proj__title .accent{font-style:normal}.proj__title em{font-style:italic;font-weight:300}.proj__tagline{max-width:22ch;font-family:var(--serif);font-variation-settings:"opsz" 40;letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;margin-top:clamp(1.6rem,4vh,2.8rem);font-size:clamp(1.35rem,3.2vw,2.4rem);font-style:italic;font-weight:360;line-height:1.16}.proj__meta{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1.4rem clamp(1.2rem,3vw,2.5rem);margin-top:clamp(2.6rem,7vh,4.5rem);padding-top:1.5rem;display:grid}.proj__meta .k{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.5rem;font-size:.62rem;display:block}.proj__meta .v{color:var(--ink);font-size:clamp(.92rem,1.2vw,1.05rem)}@media (width<=680px){.proj__meta{grid-template-columns:repeat(2,1fr)}}.proj__gallery{padding-top:clamp(2rem,6vh,5rem)}.shot{margin:clamp(1.5rem,5vh,5rem) auto 0;position:relative;overflow:clip}.shot__media{aspect-ratio:16/10;background:var(--bg-2);content-visibility:auto;width:100%;position:relative;overflow:clip}.shot__ph{background:linear-gradient(135deg,#15110d,#1b1611 55%,#21140b);place-items:center;display:grid;position:absolute;inset:0}.shot__ph:after{content:attr(data-n);font-family:var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.04em;color:#e9e2d40d;font-size:clamp(3rem,9vw,8rem);font-weight:300}.shot__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s var(--ease-out);position:absolute;inset:0;transform:scale(1.12)}.shot.is-loaded .shot__img{opacity:1}.shot[data-block] .shot__ph{transition:opacity .4s}.shot[data-block].is-loaded .shot__ph{opacity:0}.shot__cap{padding:0 var(--gutter);color:var(--ink-3);justify-content:space-between;gap:1rem;margin-top:.8rem;display:flex}.shot--full{width:100%}.shot--full .shot__media{aspect-ratio:16/9}.shot--wide{width:min(1400px,92vw)}.shot--inset{width:min(880px,76vw)}.shot--inset .shot__media{aspect-ratio:4/3}.shot--left{width:min(1080px,80vw);margin-left:var(--gutter)}.shot--right{width:min(1080px,80vw);margin-right:var(--gutter);margin-left:auto}.shot-pair{grid-template-columns:1fr 1fr;gap:clamp(.5rem,1.5vw,1.2rem);width:min(1500px,94vw);margin:clamp(1.5rem,5vh,5rem) auto 0;display:grid}.shot-pair .shot{width:100%;margin:0}.shot-pair .shot__media{aspect-ratio:4/5}@media (width<=720px){.shot-pair{grid-template-columns:1fr}.shot--wide,.shot--inset,.shot--left,.shot--right{width:100%;margin-left:0;margin-right:0}}.proj__next{border-top:1px solid var(--line);padding:clamp(3rem, 8vh, 6rem) var(--gutter) clamp(1.5rem, 4vh, 2.5rem);margin-top:clamp(5rem,14vh,10rem)}.proj__next .k{color:var(--ink-3);margin-bottom:1.1rem}.proj__next a{font-family:var(--serif);font-variation-settings:"opsz" 120;letter-spacing:-.04em;align-items:baseline;gap:.6em;font-size:clamp(2.6rem,9vw,7rem);font-weight:350;line-height:.9;display:inline-flex}.proj__next a .arrow{color:var(--accent);transition:transform .4s var(--ease-out)}.proj__next a:hover .arrow{transform:translate(.3em)}.proj__foot{padding:0 var(--gutter) clamp(2.5rem, 6vh, 4rem);color:var(--ink-3);justify-content:space-between;gap:1rem;display:flex}@media (prefers-reduced-motion:reduce){.shot__img{opacity:1;transform:none}}.proj__play{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);transition:border-color .3s var(--ease-out), background-color .3s var(--ease-out);border-radius:999px;align-items:center;gap:.6rem;margin-top:clamp(1.5rem,3vh,2.25rem);padding:.85rem 1.25rem;font-size:.75rem;display:inline-flex}.proj__play:hover{border-color:var(--accent);background:#ff4d0014}.proj__play .arrow{color:var(--accent);transition:transform .35s var(--ease-out)}.proj__play:hover .arrow{transform:translate(.15em,-.15em)}.proj__summary{max-width:44ch;color:var(--ink-2);text-wrap:pretty;margin-top:clamp(1.4rem,3vh,2.2rem);font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.55}.proj__summary strong{color:var(--ink);font-weight:500}.scenes{padding:clamp(2rem, 6vh, 5rem) var(--gutter) 0 0;grid-template-columns:minmax(0,1fr) minmax(16rem,24rem);column-gap:clamp(2rem,5vw,6rem);display:grid;position:relative}.scenes--phone{padding-left:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(16rem,26rem)}.scenes__media{min-width:0}.scene{align-items:center;min-height:100svh;padding:clamp(2rem,8vh,6rem) 0;display:flex;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 clamp(3rem,9vw,9rem));mask-image:linear-gradient(90deg,#0000 0,#000 clamp(3rem,9vw,9rem))}.scenes--phone .scene{justify-content:center;-webkit-mask-image:none;mask-image:none}.scene__glow{filter:blur(48px);opacity:0;transition:opacity 1.2s var(--ease-out);pointer-events:none;background:radial-gradient(55% 50% at 45% 55%,#ff4d0057,#0000 70%),radial-gradient(40% 40% at 70% 30%,#e9e2d41a,#0000 70%);position:absolute;inset:10% -10% 10% -20%}.scene.is-on .scene__glow{opacity:1}.device{background:var(--bg-2);transform-style:preserve-3d;will-change:transform;position:relative;overflow:clip}.device--desktop{aspect-ratio:16/10;width:min(1180px,74vw);margin-left:calc(var(--gutter) * -.5);border:1px solid #e9e2d42e;border-radius:0;transform:perspective(2200px)rotateY(-9deg)rotateX(2deg);box-shadow:0 0 0 1px #0009,0 40px 120px -20px #000c,inset 0 1px #ffffff14}.device--phone{aspect-ratio:390/844;border:10px solid #1a1612;border-radius:3.2rem;width:min(360px,78vw);transform:perspective(1800px)rotateY(-10deg)rotateX(4deg);box-shadow:0 0 0 1px #e9e2d429,0 50px 120px -30px #000000e6,inset 0 0 0 1px #00000080}.device--phone:before{content:"";z-index:2;background:#0a0806;border-radius:999px;width:7.2rem;height:2rem;position:absolute;top:.7rem;left:50%;transform:translate(-50%)}.device__video,.device__poster{object-fit:cover;object-position:top left;background:var(--bg-2);width:100%;height:100%;position:absolute;inset:0}.device__video{opacity:0;transition:opacity .6s}.device.is-playing .device__video{opacity:1}.device:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(115deg,#ffffff14 0%,#fff0 32% 70%,#ffffff0a 100%);position:absolute;inset:0}.scenes__rail{align-self:start;align-items:center;height:100svh;display:flex;position:sticky;top:0}.scenes__list{border-top:1px solid var(--line);width:100%;list-style:none}.scenes__item{border-bottom:1px solid var(--line);color:var(--ink-3);transition:color .5s var(--ease-out);grid-template-columns:2.2rem 1fr;column-gap:.4rem;padding:1.2rem 0;display:grid}.scenes__item.is-on{color:var(--ink)}.scenes__num{padding-top:.45rem;font-size:.72rem;transition:color .4s}.scenes__item.is-on .scenes__num{color:var(--accent)}.scenes__title{font-family:var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.02em;font-size:clamp(1.35rem,1.9vw,1.75rem);font-weight:400;line-height:1.1}.scenes__cap{transition:grid-template-rows .7s var(--ease-out);grid-template-rows:0fr;display:grid}.scenes__item.is-on .scenes__cap{grid-template-rows:1fr}.scenes__cap>p{color:var(--ink-2);text-wrap:pretty;opacity:0;font-size:.95rem;line-height:1.5;transition:opacity .6s .15s;overflow:hidden}.scenes__item.is-on .scenes__cap>p{opacity:1;padding-top:.7rem}.proj.is-checking>*{visibility:hidden}.scene__cap{display:none}@media (width<=900px){.scenes,.scenes--phone{grid-template-columns:1fr;padding-left:0}.scenes__rail{display:none}.scene{flex-direction:column;align-items:flex-start;min-height:0;padding:clamp(2rem,6vh,4rem) 0;-webkit-mask-image:none;mask-image:none}.scenes--phone .scene{align-items:center}.device--desktop{border-left:0;border-radius:0;width:100%;margin-left:0;transform:perspective(1400px)rotateY(-6deg)}.scene__cap{padding:0 var(--gutter);margin-top:1.4rem;display:block}.scene__cap .scenes__num{color:var(--accent);margin-right:.5rem;display:inline-block}.scene__cap .scenes__title{display:inline}.scene__cap p{color:var(--ink-2);margin-top:.6rem;font-size:.95rem;line-height:1.5}}@media (prefers-reduced-motion:reduce){.device{transform:none!important}.scene__glow{opacity:1}}html{overflow-anchor:none}.stages{--gap:clamp(.75rem, 1.4vw, 1.25rem);--r:0;gap:clamp(2.2rem, 5vh, 4rem) var(--gap);padding:clamp(2rem, 6vh, 5rem) var(--gutter) 0;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.stage{flex-direction:column;grid-column:span 6;min-width:0;display:flex;position:relative}.stage--hero .stage__card{aspect-ratio:16/9}.stage--full .stage__card{aspect-ratio:21/9}.stage--wide{grid-column:span 4}.stage--wide .stage__card{aspect-ratio:3/2}.stage--half{grid-column:span 3}.stage--half .stage__card{aspect-ratio:4/3}.stage--third{grid-column:span 2}.stage--third .stage__card{aspect-ratio:3/4}.stage--square{grid-column:span 2}.stage--square .stage__card{aspect-ratio:1}.stage--story{grid-template-columns:minmax(0,2fr) minmax(0,4fr);align-items:center;column-gap:clamp(2rem,5vw,6rem);padding:clamp(1rem,3vh,2.5rem) 0;display:grid}.stage--story.stage--flip{grid-template-columns:minmax(0,4fr) minmax(0,2fr)}.stage--story.stage--flip .stage__card{order:-1}.stage--story .stage__card{aspect-ratio:4/3}.stage--story .stage__cap{margin:0;padding:0}.stage--story .stage__title{font-variation-settings:"opsz" 96;font-size:clamp(1.8rem,3vw,2.9rem)}.stage--story .stage__cap p{max-width:34ch;font-size:clamp(1rem,1.2vw,1.12rem)}.stage__card{isolation:isolate;width:100%;position:relative;container-type:size}.stage__field{display:none}.stage__field:before{content:"";background:var(--f-wash);position:absolute;inset:0}.stage__field:after{content:"";mix-blend-mode:overlay;opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stage__orb{filter:blur(16cqw);opacity:1;will-change:transform;border-radius:50%;width:80cqw;height:80cqw;animation:26s ease-in-out infinite alternate orb-a;position:absolute}.stage__orb--1{background:var(--f-orb-1);top:-40%;left:-30%}.stage__orb--2{background:var(--f-orb-2);animation-name:orb-b;animation-duration:32s;bottom:-45%;right:-30%}@keyframes orb-a{to{transform:translate(12%,14%)scale(1.1)}}@keyframes orb-b{to{transform:translate(-10%,-12%)scale(.94)}}.stage__field--grid:before{background-image:linear-gradient(var(--f-line) 1px, transparent 1px), linear-gradient(90deg, var(--f-line) 1px, transparent 1px), var(--f-wash);background-size:33.3333% 33.3333%,33.3333% 33.3333%,100% 100%}.field-ink,.field-ember,.field-coral,.field-dusk{--f-base:#17140f;--f-wash:radial-gradient(120% 80% at 50% 110%, #262118 0%, #1a1612 55%, #120f0c 100%);--f-orb-1:#ff783c1a;--f-orb-2:#0000004d;--f-line:#e9e2d40f}.field-graphite,.field-slate,.field-sky,.field-teal{--f-base:#16181d;--f-wash:radial-gradient(120% 80% at 50% 110%, #262a33 0%, #191c22 55%, #0f1114 100%);--f-orb-1:#8caadc1f;--f-orb-2:#00000059;--f-line:#e9e2d40f}.field-navy,.field-indigo{--f-base:#0e1320;--f-wash:radial-gradient(120% 80% at 50% 110%, #1a2440 0%, #111828 55%, #0a0e18 100%);--f-orb-1:#5a82dc24;--f-orb-2:#00000a66;--f-line:#e9e2d40f}.field-bone,.field-sand,.field-lime{--f-base:#ebe5d9;--f-wash:radial-gradient(120% 80% at 50% -10%, #f6f1e8 0%, #ebe5d9 60%, #ddd5c6 100%);--f-orb-1:#ffffffb3;--f-orb-2:#785a3c1a;--f-line:#14110d12}.field-fog,.field-mint{--f-base:#e6e8ec;--f-wash:radial-gradient(120% 80% at 50% -10%, #f3f4f7 0%, #e6e8ec 60%, #d6d9df 100%);--f-orb-1:#fffc;--f-orb-2:#3c507814;--f-line:#14110d12}.stage__scene{z-index:1;perspective:2400px;perspective-origin:50% 45%;place-items:center;padding:5cqh 4cqw;display:grid;position:absolute;inset:0}.dev-float{transform:translate(var(--px,0%), var(--py,0%));will-change:transform;position:relative}.dev{width:min(var(--dw,74cqw), calc(88cqh * var(--ar,1.6)));transform-style:preserve-3d;transform:rotateX(calc(var(--rx,0deg) + var(--tx,0deg))) rotateY(calc(var(--ry,0deg) + var(--ty,0deg))) rotate(var(--rz,0deg)) scale(var(--s,1));transition:transform .9s var(--ease-out);will-change:transform;position:relative}.dev__media{pointer-events:none;-webkit-user-select:none;user-select:none;content-visibility:auto;background:#f4f5f7;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.dev__media>.block-shell,.dev__media>.dev__video,.dev__media>.dev__poster{position:absolute;inset:0}.dev__video,.dev__poster{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;transform:scale(var(--zoom,1));transform-origin:var(--focus,50% 50%)}.dev__frame{transform-origin:0 0;opacity:0;background:#fff;border:0;transition:opacity .6s .2s;position:absolute;top:0;left:0}.dev.is-live .dev__frame{opacity:1}.dev__video{opacity:0;transition:opacity .6s}.dev.is-playing .dev__video{opacity:1}.dev__glare{z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(70% 70% at var(--gx,30%) var(--gy,20%), #ffffff12, transparent 70%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.stage__card:hover .dev__glare{opacity:1}.dev--screen{--ar:1.6;width:var(--dw,100cqw);aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px #e9e2d41a,0 30px 80px -40px #000c}.dev--screen .dev__media{border-radius:inherit}.stage__scene{padding:0}.block-scroll{scrollbar-width:none}.block-scroll::-webkit-scrollbar{display:none}.dev--laptop{--ar:1.5}.dev--laptop .dev__screen{aspect-ratio:16/10;background:#0b0b0d;border-radius:1.1cqw 1.1cqw .3cqw .3cqw;padding:1.1%;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 .5px #ffffff40,0 40px 90px -30px #000c,0 10px 24px -14px #0009}.dev--laptop .dev__screen:before{content:"";z-index:5;background:#141418;border-radius:50%;width:.45cqw;height:.45cqw;position:absolute;top:.45%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #2a2a30}.dev--laptop .dev__media{border-radius:.5cqw .5cqw 0 0;inset:1.1%}.dev--laptop .dev__base{background:linear-gradient(#3a3a40 0%,#202024 40%,#121215 100%);border-radius:0 0 .9cqw .9cqw;height:1.3cqw;margin:0 -3%;position:relative;box-shadow:inset 0 1px #ffffff47,0 24px 50px -16px #000c}.dev--laptop .dev__base:before{content:"";background:#0b0b0d;border-radius:0 0 .5cqw .5cqw;width:12%;height:40%;position:absolute;top:0;left:50%;transform:translate(-50%)}.dev--laptop .dev__base:after{content:"";filter:blur(.9cqw);background:#0006;border-radius:50%;height:1.2cqw;position:absolute;bottom:-1.2cqw;left:4%;right:4%}.dev--phone{--ar:.462;width:var(--dw,100cqw);aspect-ratio:390/844;border-radius:calc(var(--dw,100cqw) * .12);background:#000;overflow:hidden;box-shadow:0 0 0 1px #e9e2d41a,0 30px 80px -40px #000c}.dev--phone .dev__media{border-radius:inherit;background:#000;position:absolute;inset:0}.dev--phone .dev__glare{display:none}.dev--window{--ar:1.6;width:min(var(--dw,70cqw), calc(88cqh * var(--ar)));aspect-ratio:16/10;background:#ececef;border-radius:.9cqw;overflow:hidden;box-shadow:inset 0 0 0 1px #fff9,0 0 0 1px #00000059,0 40px 90px -30px #000000bf,0 10px 24px -12px #00000080}.dev--window .dev__bar{z-index:5;background:linear-gradient(#f4f4f6,#e8e8ec);border-bottom:1px solid #0000001a;align-items:center;gap:.6cqw;height:2.8cqw;padding:0 1.1cqw;display:flex;position:absolute;inset:0 0 auto}.dev--window .dev__bar i{background:#ff5f57;border-radius:50%;width:.85cqw;height:.85cqw;box-shadow:inset 0 0 0 1px #0000001f}.dev--window .dev__bar i:nth-child(2){background:#febc2e}.dev--window .dev__bar i:nth-child(3){background:#28c840}.dev--window.dev--dark{background:#1d1d21;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #0009,0 40px 90px -30px #000c}.dev--window.dev--dark .dev__bar{background:linear-gradient(#2a2a2f,#202024);border-bottom-color:#ffffff14}.dev--window .dev__media{top:2.8cqw}.dev--bare{--ar:1.6;width:var(--dw,60cqw);aspect-ratio:var(--da,16 / 10);border-radius:var(--r);box-shadow:0 0 0 1px #00000014,0 40px 90px -30px #0000008c,0 10px 24px -14px #0006}.dev--bare .dev__media{border-radius:inherit}.dev--bare.dev--flat{box-shadow:none;border-radius:0}.dev--bare.dev--flat .dev__media{background:0 0}.dev-float--fill{position:absolute;inset:0;transform:none}.dev--fill{width:auto;position:absolute;inset:0;transform:none}.dev--fill .dev__media{border-radius:var(--r);background:0 0;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 100%);mask-image:linear-gradient(#000 0% 50%,#0000 100%)}.stage--mask-none .dev--fill .dev__media{-webkit-mask-image:none;mask-image:none}.dev--panel{aspect-ratio:auto;border-radius:var(--r);width:auto;height:auto;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #e9e2d41a,0 30px 80px -40px #000c}.dev--panel .dev__media{border-radius:inherit;background:#fafafa}.stage--guide{--spot-ring:var(--accent);--spot-dim:#0e0c0975}.stage--guide>.stage__cap{margin:0 0 clamp(1.5rem,4vh,2.5rem)}.guide{grid-template-columns:minmax(14rem,21rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.guide__screen{position:sticky;top:clamp(1.5rem,14vh,8rem)}.guide__notes{margin:0;padding:18vh 0 38vh;list-style:none}.guide__note{opacity:.3;min-height:46vh;transition:opacity .4s var(--ease-out);grid-template-columns:2.4rem 1fr;column-gap:.4rem;display:grid}.guide__note.is-active{opacity:1}.guide__num{color:var(--accent);padding-top:.45rem;font-size:.7rem}.guide__title{font-family:var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:400;line-height:1.15}.guide__note p{color:var(--ink-2);text-wrap:pretty;margin-top:.55rem;font-size:.95rem;line-height:1.55}@media (width<=900px){.guide{grid-template-columns:minmax(0,1fr);gap:0}.guide__screen{z-index:2;order:-1;top:.75rem}.guide__notes{padding:2rem 0 30vh}.guide__note{min-height:34vh}}.guide--story{--sw:62%;--shift:61.3%;grid-template-columns:minmax(0,1fr);gap:0}.guide--story>.guide__screen,.guide--story>.guide__notes{grid-area:1/1}.guide--story>.guide__screen{top:max(4.5rem, calc(50vh - (100vw - 2 * var(--gutter)) * .194));z-index:1;width:var(--sw);transition:transform 1.1s var(--ease-out)}.guide--story[data-side=left]>.guide__screen{transform:translateX(var(--shift))}.stage--dev-phone .guide--story{--pw:min(60rem, 100%);--sw:38%;--shift:163.2%;max-width:60rem;margin-inline:auto}.stage--dev-phone .guide--story>.guide__screen{top:max(4.5rem, calc(50vh - min(60rem, 100vw - 2 * var(--gutter)) * .411))}.guide--story>.guide__notes{z-index:2;padding:0;position:relative}.guide--story .guide__note{width:calc(100% - var(--sw) - clamp(1.5rem, 4vw, 4rem));align-content:center;min-height:92vh}.guide--story .guide__note[data-side=right]{margin-left:auto}.guide--story .guide__note:first-child{align-content:start;min-height:70vh;padding-top:12vh}.guide--story .guide__title{font-size:clamp(1.5rem,2.2vw,2.1rem)}@media (width<=900px){.guide--story>.guide__screen,.guide--story>.guide__notes{grid-area:auto}.guide--story>.guide__screen{z-index:3;background:var(--bg);box-shadow:0 1rem 1.5rem -.5rem var(--bg);padding-bottom:1rem;top:.75rem}.stage--dev-phone .guide--story>.guide__screen{padding-top:.75rem;top:0}.stage--dev-phone .guide--story>.guide__screen .stage__card{width:min(62vw,46vh);margin-inline:auto}.guide--story>.guide__screen{width:100%;transform:none!important}.guide--story .guide__note,.guide--story .guide__note:first-child{align-content:start;width:100%;min-height:60vh;padding-top:2rem}}.stage--tour{--ph:min(76vh, 46rem);padding-block:clamp(.5rem,3vh,2rem)}.tour{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(2rem,6vw,7rem);display:grid}.tour__stage{top:max(4.5rem, calc(50vh - var(--ph) / 2));place-self:start center;position:sticky}.tour__phone{height:var(--ph);aspect-ratio:390/844;position:relative;container-type:size}.tour__phone:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ff6e3217,#0000 75%);position:absolute;inset:8% -30% -6%}.tour .dev--phone{aspect-ratio:auto;border-radius:12cqw;width:100%;height:100%;box-shadow:0 0 0 1px #e9e2d424,0 0 0 .9cqw #050403,0 0 0 calc(.9cqw + 1px) #e9e2d414,0 50px 100px -40px #000000e6}.tour__screen{position:absolute;inset:0}.tour__tabs{border-top:1px solid var(--line);justify-self:start;width:100%;max-width:36rem;margin:0;padding:0;list-style:none}.tour__tab{border-bottom:1px solid var(--line);position:relative}.tour__btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.4rem minmax(0,1fr);column-gap:.4rem;padding:1.05rem .25rem 1.1rem;display:grid;position:static}.tour__btn:focus-visible{outline-offset:2px}.tour__num{color:var(--ink-3);transition:color .4s var(--ease-out);padding-top:.42rem;font-size:.7rem}.tour__title{font-family:var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.02em;color:var(--ink-3);text-wrap:balance;transition:color .4s var(--ease-out);font-size:clamp(1.2rem,1.5vw,1.45rem);font-weight:400;line-height:1.15;display:block}.tour__btn:hover .tour__title{color:var(--ink-2)}.tour__cap{transition:grid-template-rows .55s var(--ease-out);grid-template-rows:0fr;display:grid}.tour__cap>span{min-height:0;overflow:hidden}.tour__p{max-width:46ch;color:var(--ink-2);text-wrap:pretty;opacity:0;padding-top:.55rem;font-size:.95rem;line-height:1.5;transition:opacity .35s;display:block}.tour__tab.is-active .tour__num{color:var(--accent)}.tour__tab.is-active .tour__title{color:var(--ink)}.tour__tab.is-active .tour__cap{grid-template-rows:1fr}.tour__tab.is-active .tour__p{opacity:1;transition-delay:.12s}.tour__bar{pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.tour__bar i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.tour__tab:not(.is-active) .tour__bar i{transform:scaleX(0)!important}@media (width<=760px){.stage--tour{--ph:min(60svh, 33rem)}.tour{grid-template-columns:minmax(0,1fr);row-gap:1.6rem}.tour__stage{order:-1;position:relative;top:0}.tour__tabs{max-width:none;margin-inline:calc(-1 * var(--gutter));width:auto;padding:0 var(--gutter) .25rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;border-top:0;gap:.6rem;display:flex;position:relative;overflow-x:auto}.tour__tabs::-webkit-scrollbar{display:none}.tour__tab{scroll-snap-align:start;border:1px solid var(--line);opacity:.55;transition:opacity .4s var(--ease-out);flex:0 0 min(78%,19rem)}.tour__tab.is-active{opacity:1}.tour__btn{align-content:start;height:100%;padding:.95rem .95rem 1.05rem .7rem}.tour__cap{grid-template-rows:1fr}.tour__p{opacity:1;font-size:.9rem}.tour__tab:not(.is-active) .tour__title{color:var(--ink-2)}}@media (prefers-reduced-motion:reduce){.tour__cap,.tour__p,.tour__title,.tour__num{transition:none}}.stage__cap{grid-template-columns:2.4rem 1fr;column-gap:.4rem;margin-top:1.1rem;padding:0 .25rem;display:grid}.stage__num{color:var(--accent);padding-top:.5rem;font-size:.7rem}.stage__title{font-family:var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.3rem,1.7vw,1.6rem);font-weight:400;line-height:1.12}.stage__cap p{max-width:52ch;color:var(--ink-2);text-wrap:pretty;margin-top:.55rem;font-size:.95rem;line-height:1.5}.stage--overlay .stage__cap{z-index:3;pointer-events:none;color:var(--cap-ink,#fff);background:linear-gradient(to top, var(--cap-shade,#00000073), transparent);grid-template-columns:2.4rem minmax(0,40ch);margin:0;padding:clamp(1.2rem,3cqw,2.4rem) clamp(1.2rem,3cqw,2.6rem);position:absolute;bottom:0;left:0;right:0}.stage--overlay .stage__cap p,.stage--overlay .stage__num{color:inherit;opacity:.82}.stage--overlay .stage__cap .stage__num{opacity:1;color:var(--accent)}.stage--overlay.stage--dark-cap .stage__cap{--cap-ink:#14110d;--cap-shade:#ffffff59}@media (width<=900px){.stage--wide,.stage--half,.stage--third,.stage--square{grid-column:span 3}.stage--story,.stage--story.stage--flip{grid-template-columns:1fr;row-gap:1.2rem}.stage--story.stage--flip .stage__card{order:0}}@media (width<=640px){.stages{gap:2.2rem var(--gap)}.stage--wide,.stage--half,.stage--third,.stage--square{grid-column:span 6}.stage--hero .stage__card,.stage--full .stage__card,.stage--wide .stage__card,.stage--half .stage__card,.stage--story .stage__card{aspect-ratio:4/3}.stage--third .stage__card,.stage--square .stage__card{aspect-ratio:4/5}.stage--dev-laptop .stage__card,.stage--dev-window .stage__card{aspect-ratio:16/11}.stage--dev-laptop .dev,.stage--dev-window .dev{--dw:94cqw!important}.stage--dev-phone .dev{--dw:100cqw!important}.stage--overlay .stage__cap{color:inherit;background:0 0;grid-template-columns:2.4rem 1fr;margin-top:1.1rem;padding:0 .25rem;position:static}.stage--overlay .stage__cap p{color:var(--ink-2);opacity:1}.stage__scene{perspective:1200px}}@media (prefers-reduced-motion:reduce){.stage__orb{animation:none}.dev{transition:none}}.stage--dev-screen .stage__card{aspect-ratio:16/10!important}.stage--dev-phone .stage__card{aspect-ratio:390/844!important}.hub{padding:clamp(2.5rem, 7vh, 5rem) var(--gutter) 0}.hub__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:clamp(1.2rem,3vh,2rem);display:flex}.hub__h{font-family:var(--serif);font-variation-settings:"opsz" 80;letter-spacing:-.03em;font-size:clamp(1.9rem,3.6vw,3rem);font-weight:400;line-height:1}.hub__h i{color:var(--ink-2);font-style:italic;font-weight:300}.hub__count{color:var(--ink-3)}.hub__list{border-top:0}@media (width<=640px){.hub__head{align-items:flex-end}.hub__h i{display:block}}