:root{--bg:#07080a;--bg-2:#0b0c10;--ink:#f4f1ea;--ink-mute:#b6b1a8;--ink-dim:#6c685f;--line:#f4f1ea14;--line-2:#f4f1ea29;--accent:#1f7aff;--accent-soft:#3b8dff;--accent-hot:#67a5ff;--accent-glow:#1f7aff80;--pad:clamp(1.25rem, 3vw, 3rem);--max:1440px;--gutter:clamp(.75rem, 1.6vw, 1.6rem);--row-gap:clamp(5rem, 12vh, 9rem);--aspect:4 / 5;--serif:"Baskervville", Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.5}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{overflow-x:clip}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}::selection{background:var(--accent);color:#000}.chrome-nav{z-index:100;padding:1.25rem var(--pad);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto;transform:translateZ(0)}.chrome-nav>*{pointer-events:auto}.nav-mark{letter-spacing:.28em;text-transform:uppercase;color:#fff;align-items:center;gap:.55rem;font-size:.7rem;font-weight:700;display:inline-flex}.nav-mark:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%;animation:2.6s ease-in-out infinite nav-pulse}@keyframes nav-pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.nav-links{letter-spacing:.16em;text-transform:lowercase;color:#fff;gap:1.5rem;font-size:.7rem;display:flex}.nav-links a{opacity:.55;transition:opacity .3s}.nav-links a:hover,.nav-links a.is-active{opacity:1}.progress{background:var(--line);z-index:101;height:1px;position:fixed;inset:0 0 auto;transform:translateZ(0)}.progress-bar{background:var(--accent);transform-origin:0;height:100%;box-shadow:0 0 12px var(--accent);transform:scaleX(0)}.header{padding:clamp(7rem, 14vh, 11rem) var(--pad) clamp(4rem, 8vh, 7rem);max-width:var(--max);margin:0 auto}.header__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:clamp(3rem,6vh,5rem);display:flex}.header__eyebrow{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.header__crumb{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim);font-size:.65rem}.header__crumb a{color:var(--ink-mute)}.header__crumb a:hover{color:var(--accent)}.header__title{font-family:var(--serif);letter-spacing:-.025em;text-transform:lowercase;color:var(--ink);margin-bottom:clamp(1.5rem,3vh,2.5rem);font-size:clamp(3.5rem,11vw,10rem);font-style:italic;font-weight:400;line-height:.9}.header__intro{max-width:64ch;color:var(--ink-mute);margin-bottom:clamp(3rem,7vh,6rem);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.6}.toc{border-top:1px solid var(--line-2)}.toc__item{border-bottom:1px solid var(--line);grid-template-columns:clamp(2.4rem,4vw,4rem) minmax(0,1fr) auto auto;align-items:center;gap:clamp(.8rem,2vw,2rem);padding:clamp(1.2rem,2.4vh,1.8rem) 0;transition:padding .35s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.toc__item:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#1f7aff0a 50%,#0000 100%);transition:opacity .35s;position:absolute;inset:0 -100vw}.toc__item:hover:before{opacity:1}.toc__item:hover{padding-left:clamp(.5rem,1.5vw,1.2rem)}.toc__num{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-dim);font-size:.7rem}.toc__name{font-family:var(--sans);letter-spacing:-.02em;text-transform:lowercase;color:var(--ink);font-size:clamp(1.4rem,2.6vw,2.4rem);font-weight:700;line-height:1.05;transition:color .25s,transform .25s}.toc__item:hover .toc__name{color:var(--accent)}.toc__tags{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;font-size:.62rem}.toc__year{font-family:var(--mono);letter-spacing:.2em;color:var(--ink-mute);text-align:right;min-width:5ch;font-size:.65rem}@media (width<=700px){.toc__item{grid-template-columns:1.6rem 1fr auto}.toc__tags{display:none}}.work{padding:0 var(--pad);max-width:var(--max);margin:0 auto}.project{padding:var(--row-gap) 0 0;scroll-margin-top:6rem}.project__head{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(0,44ch);align-items:end;gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(2.5rem,5vh,4rem);padding-bottom:clamp(1.2rem,2.5vh,1.8rem);display:grid}.project__num{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem;font-size:.7rem}.project__title-row{flex-wrap:wrap;align-items:baseline;gap:1.2rem;margin-bottom:.6rem;display:flex}.project__title{font-family:var(--sans);letter-spacing:-.035em;text-transform:lowercase;color:var(--ink);font-size:clamp(2.4rem,6vw,5rem);font-weight:800;line-height:.95}.project__role{font-family:var(--serif);color:var(--accent-soft);font-size:clamp(1rem,1.4vw,1.3rem);font-style:italic}.project__meta{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;gap:1rem;font-size:.65rem;display:flex}.project__meta a{color:var(--ink-mute);border-bottom:1px solid;padding-bottom:1px}.project__meta a:hover{color:var(--accent)}.project__meta .dot{opacity:.4}.project__intro{color:var(--ink-mute);font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.6}@media (width<=800px){.project__head{grid-template-columns:1fr;align-items:start;gap:1.5rem}}.tiles{gap:var(--gutter);align-items:start;display:grid}.tiles+.tiles{margin-top:var(--gutter)}.tiles--grid-3{grid-template-columns:repeat(3,1fr)}.tiles--grid-2{grid-template-columns:repeat(2,1fr)}.tiles--grid-4{grid-template-columns:repeat(4,1fr)}.tiles--reel{grid-template-columns:1fr}@media (width<=900px){.tiles--grid-3,.tiles--grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.tiles--grid-3{grid-template-columns:1fr}}.tile{background:var(--bg-2);border:1px solid var(--line);cursor:zoom-in;transition:border-color .35s,transform .5s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.tile img,.tile video{will-change:transform;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .35s;display:block}.tile:hover{border-color:var(--accent)}.tile:hover img,.tile:hover video{filter:brightness(1.05);transform:scale(1.04)}.tile__overlay{opacity:0;pointer-events:none;background:linear-gradient(#07080a00 50%,#07080ad9 100%);flex-direction:column;justify-content:flex-end;padding:clamp(1rem,2vw,1.4rem);transition:opacity .3s;display:flex;position:absolute;inset:0}.tile:hover .tile__overlay{opacity:1}.tile__caption{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.4rem;font-size:.62rem}.tile__title{font-family:var(--serif);color:var(--ink);font-size:clamp(1rem,1.3vw,1.2rem);font-style:italic;font-weight:400;line-height:1.2}.tile--video:after{content:"⤢";border:1px solid var(--line-2);width:3.4rem;height:3.4rem;color:var(--ink);z-index:2;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#07080a8c;border-radius:999px;place-items:center;font-size:1.1rem;transition:opacity .25s,background .25s,border-color .25s,transform .35s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tile--video:hover:after{opacity:1;background:var(--accent);border-color:var(--accent);color:#000;transform:translate(-50%,-50%)scale(1.05)}.reveal{opacity:0;transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.is-in{opacity:1;transform:none}.tile.reveal{transition-duration:1.2s}.also{padding:var(--row-gap) var(--pad) 0;max-width:var(--max);margin:0 auto}.also__head{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:end;gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(2rem,4vh,3rem);padding-bottom:1.4rem;display:grid}.also__eyebrow{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem;font-size:.7rem}.also__title{font-family:var(--sans);letter-spacing:-.025em;text-transform:lowercase;font-size:clamp(2rem,4vw,3.4rem);font-weight:800;line-height:1}.also__title em{font-family:var(--serif);color:var(--accent-soft);font-style:italic;font-weight:400}.also__grid{column-count:3;column-gap:var(--gutter)}.also__grid>.tile{width:100%;margin:0 0 var(--gutter);break-inside:avoid;display:block}@media (width<=900px){.also__head{grid-template-columns:1fr;align-items:start}.also__grid{column-count:2}}@media (width<=560px){.also__grid{column-count:1}}.links{padding:var(--row-gap) var(--pad) 0;max-width:var(--max);margin:0 auto}.links__head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:clamp(1.5rem,3vh,2.5rem);padding-bottom:1.4rem;display:flex}.links__eyebrow{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-size:.7rem}.links__title{font-family:var(--sans);letter-spacing:-.025em;text-transform:lowercase;color:var(--ink);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.05}.links__list{flex-direction:column;display:flex}.links__item{border-bottom:1px solid var(--line);color:var(--ink-mute);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1rem,2vh,1.4rem) 0;transition:padding .3s cubic-bezier(.2,.7,.2,1),color .3s;display:grid}.links__item:hover{color:var(--ink);padding-left:clamp(.4rem,1.2vw,1rem)}.links__label{font-family:var(--sans);letter-spacing:-.01em;text-transform:lowercase;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:500}.links__host{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-size:.62rem}.links__arrow{font-family:var(--mono);color:var(--ink-dim);font-size:.85rem;transition:color .25s,transform .3s}.links__item:hover .links__arrow{color:var(--accent);transform:translate(4px)}@media (width<=560px){.links__item{grid-template-columns:minmax(0,1fr) auto;gap:1rem}.links__host{display:none}}.scene-close{margin-top:var(--row-gap);padding:clamp(7rem, 14vh, 11rem) var(--pad) clamp(5rem, 9vh, 8rem);text-align:center;background:radial-gradient(60% 50% at 50% 50%, #1f7aff26 0%, #0000 70%), var(--bg);border-top:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;display:flex;position:relative;overflow:hidden}.close-line{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-mute);font-size:.78rem}.close-name{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);text-transform:lowercase;font-size:clamp(2.6rem,6vw,4.8rem);font-style:italic;font-weight:400;line-height:.95}.close-ctas{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:.4rem;display:flex}.btn{letter-spacing:.04em;text-transform:lowercase;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.85rem;font-weight:500;transition:transform .25s,background .25s,color .25s,box-shadow .25s;display:inline-flex}.btn--primary{background:var(--ink);color:#000}.btn--primary:hover{background:var(--accent);color:#fff;box-shadow:0 8px 28px -6px var(--accent-glow);transform:translateY(-1px)}.btn--ghost{color:var(--ink);border:1px solid var(--line-2);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent-hot);background:#1f7aff1f;transform:translateY(-1px)}.site-footer{padding:2rem var(--pad) 3rem;border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.7rem;display:flex}.site-footer a:hover{color:var(--accent)}.footer-links{flex-wrap:wrap;gap:1.4rem;display:flex}.lightbox{z-index:200;-webkit-backdrop-filter:blur(20px);background:#030406eb;grid-template-columns:1fr minmax(320px,26vw);display:none;position:fixed;inset:0}.lightbox.is-on{display:grid}.lightbox__media{place-items:center;min-width:0;min-height:0;padding:clamp(2rem,5vh,4rem);display:grid;position:relative}.lightbox__media img,.lightbox__media video{object-fit:contain;border:1px solid var(--line);background:#000;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 30px 80px -20px #0009}.lightbox__info{background:var(--bg-2);border-left:1px solid var(--line);flex-direction:column;padding:clamp(2.5rem,5vh,4rem) clamp(1.5rem,3vw,2.5rem);display:flex;overflow-y:auto}.lightbox__project{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.65rem}.lightbox__title{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin-bottom:1.2rem;font-size:clamp(1.6rem,2.4vw,2.2rem);font-style:italic;font-weight:400;line-height:1.1}.lightbox__meta{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:1.8rem;font-size:.62rem}.lightbox__body{color:var(--ink-mute);font-size:.95rem;line-height:1.65}.lightbox__body p+p{margin-top:.9rem}.lightbox__close{border:1px solid var(--line-2);width:2.4rem;height:2.4rem;color:var(--ink);cursor:pointer;font-size:1rem;font-family:var(--mono);z-index:10;background:#07080a99;border-radius:999px;place-items:center;transition:background .2s,border-color .2s,transform .2s;display:grid;position:absolute;top:1.2rem;right:1.2rem}.lightbox__close:hover{background:var(--accent);border-color:var(--accent);color:#000;transform:rotate(90deg)}.lightbox__counter{font-family:var(--mono);letter-spacing:.22em;color:var(--ink-dim);font-size:.65rem;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}.lightbox__nav{border:1px solid var(--line);width:3rem;height:3rem;color:var(--ink);cursor:pointer;font-family:var(--mono);z-index:10;background:#07080a66;border-radius:999px;place-items:center;font-size:1rem;transition:background .2s,border-color .2s,color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{background:var(--accent);border-color:var(--accent);color:#000}.lightbox__nav--prev{left:1.4rem}.lightbox__nav--next{right:1.4rem}@media (width<=900px){.lightbox{grid-template-rows:1fr auto;grid-template-columns:1fr}.lightbox__info{border-left:0;border-top:1px solid var(--line);max-height:45vh}.lightbox__nav{display:none}}@media (width<=700px){.header__top{gap:.6rem}.nav-links{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}