.proj{min-height:100vh;position:relative}.proj__bar{z-index:100;padding:1.1rem var(--gutter);mix-blend-mode:difference;color:var(--on-blend);transition:transform var(--duration-scene) 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__bar .theme-toggle{margin-left:auto}.proj__back,.proj__brand{align-items:center;margin:-.9rem -1.25rem -.9rem 0;padding:.9rem 1.25rem .9rem 0;display:inline-flex;position:relative}.proj__back{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.04em;text-transform:uppercase}.proj__back .arrow{transition:transform var(--duration-card) var(--ease-out);display:inline-block}.proj__back:hover .arrow{transform:translate(-.35em)}.proj__brand{font-family:var(--serif);font-variation-settings:"opsz" 30;font-weight:480;font-size:var(--fs-brand);letter-spacing:-.01em;white-space:nowrap}.proj__brand sup{font-size:.6em}@media (width<=420px){.proj__bar{gap:.45rem}.proj__back{font-size:var(--fs-meta)}}.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;font-weight:340;font-size:var(--fs-title);letter-spacing:-.045em;text-wrap:balance;margin:0;line-height:.84}@media (width<=760px){.proj__title{font-size:12vw}}.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;font-style:italic;font-weight:360;font-size:var(--fs-h3);letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;margin-top:clamp(1.6rem,4vh,2.8rem);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);font-size:var(--fs-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.5rem;display:block}.proj__meta .v{color:var(--ink);font-size:var(--fs-lead)}@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, var(--bg), var(--bg-2) 55%, color-mix(in oklab, var(--bg-2) 94%, var(--accent)));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;font-weight:300;font-size:var(--fs-display);letter-spacing:-.04em;color:color-mix(in oklab, var(--ink) 5%, transparent)}.shot__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--duration-cinema) 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 var(--duration-layout) ease}.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{max-width:100%;font-family:var(--serif);font-variation-settings:"opsz" 120;font-weight:350;font-size:var(--fs-display);letter-spacing:-.04em;flex-wrap:wrap;align-items:baseline;gap:.6em;line-height:.9;display:inline-flex}.proj__next a .arrow{color:var(--accent);transition:transform var(--duration-layout) 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{margin-top:clamp(1.5rem,3vh,2.25rem)}.proj__play:hover .arrow{transform:translate(.15em,-.15em)}.proj__summary{max-width:44ch;color:var(--ink-2);font-size:var(--fs-lead);text-wrap:pretty;margin-top:clamp(1.4rem,3vh,2.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 var(--duration-cinema) 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 var(--duration-scene) ease}.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 var(--duration-layout) 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{font-size:var(--fs-micro);transition:color var(--duration-layout);padding-top:.45rem}.scenes__item.is-on .scenes__num{color:var(--accent)}.scenes__title{font-family:var(--serif);font-variation-settings:"opsz" 60;font-weight:400;font-size:var(--fs-h4);letter-spacing:-.02em;line-height:1.1}.scenes__cap{transition:grid-template-rows var(--duration-scene) 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);font-size:var(--fs-body);text-wrap:pretty;opacity:0;transition:opacity var(--duration-scene) .15s;line-height:1.5;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);font-size:var(--fs-body);margin-top:.6rem;line-height:1.5}}@media (prefers-reduced-motion:reduce){.device{transform:none!important}.scene__glow{opacity:1}}