:root{--mat-rgb: 14 22 19;--mat: rgb(var(--mat-rgb));--surface: #15211c;--surface-2: #1b2a24;--text: #ece6da;--text-soft: #cfc8bb;--muted: #8f9d95;--accent: #f3a33b;--accent-ink: #1c1205;--line: rgb(205 235 220 / .06);--line-strong: rgb(205 235 220 / .14);--paper: #f1ece2;--display: var(--font-archivo), system-ui, sans-serif;--mono: var(--font-plex-mono), ui-monospace, monospace;--measure: 42rem;--gutter: clamp(1rem, 4vw, 2.5rem);--header: 3.75rem;--ease-out: cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 3.5rem)}body{margin:0;background-color:var(--mat);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgb(243 163 59 / .07),transparent 70%),linear-gradient(var(--line-strong) 1px,transparent 1px),linear-gradient(90deg,var(--line-strong) 1px,transparent 1px),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:100% 100%,60px 60px,60px 60px,12px 12px,12px 12px;background-attachment:fixed;color:var(--text);font:400 1.0625rem/1.75 var(--display);-webkit-font-smoothing:antialiased;overflow-x:clip}img,video{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}::selection{background:var(--accent);color:var(--accent-ink)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:-100vw}.skip:focus{left:1rem;top:1rem;z-index:100;padding:.5rem 1rem;background:var(--accent);color:var(--accent-ink)}.kicker{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 .75rem;font:500 .75rem/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.kicker:before{content:"";width:1.5rem;height:1px;background:currentColor}.specs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;font:500 .75rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.specs li{padding:.55rem .75rem;border:1px solid rgb(255 255 255 / .25);background:rgb(var(--mat-rgb) / .45);backdrop-filter:blur(6px)}.section-title{display:flex;align-items:center;gap:1rem;margin:0 0 2rem;font:500 .8rem/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.section-title:before{content:"";width:.6rem;height:.6rem;background:var(--accent);flex:none}.section-title:after{content:"";flex:1;height:1px;background:var(--line-strong)}.section-title span{max-width:70%}.chapter-cta{display:inline-flex;gap:.5rem;margin-top:1.5rem;font:500 .8rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-decoration:none;transition:translate .3s var(--ease-out)}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background-image:linear-gradient(rgb(0 0 0 / .5),transparent);border-bottom:1px solid transparent;color:var(--text)}.site-header a{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:.6rem;font:800 1.15rem var(--display);letter-spacing:-.01em}.brand span span{color:var(--accent)}.brand-mark{width:.7rem;height:.7rem;border:2px solid var(--accent);rotate:45deg}.site-header nav a{font:500 .75rem var(--mono);letter-spacing:.16em;text-transform:uppercase}.site-header nav a:hover{color:var(--accent)}.progress{display:none}.site-footer{margin-top:clamp(4rem,10vw,8rem);padding:0 var(--gutter) 2.5rem;border-top:1px solid var(--line-strong);overflow:hidden;text-align:center;color:var(--muted);font:400 .75rem var(--mono);letter-spacing:.08em}.footer-mark{margin:0;font:900 clamp(3.5rem,16vw,13rem) / 1 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgb(205 235 220 / .22);white-space:nowrap}.footer-nav a{color:var(--text-soft);text-transform:uppercase;letter-spacing:.14em;text-decoration:none}.footer-nav a:hover{color:var(--accent)}.hero{position:relative;display:grid;align-items:end;overflow:hidden;isolation:isolate;background:#050806}.hero-full{min-height:100svh}.hero-tall{min-height:min(78svh,52rem)}.hero-media{position:absolute;inset:0;z-index:-2;animation:hero-in 2.4s var(--ease-out) both}.hero-media img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--mat) 0%,rgb(var(--mat-rgb) / .82) 25%,rgb(var(--mat-rgb) / .4) 50%,transparent 75%),linear-gradient(to bottom,rgb(0 0 0 / .45),transparent 25%)}.hero:before{--s: 1.75rem;content:"";position:absolute;inset:calc(var(--header) + .5rem) var(--gutter) var(--gutter);border:1px solid rgb(255 255 255 / .35);mask:conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));pointer-events:none}.hero-text{text-shadow:0 1px 24px rgb(0 0 0 / .45);padding:2rem calc(var(--gutter) + 1.5rem) clamp(4rem,10vw,7rem);max-width:70rem}.hero-text>*{animation:rise 1s var(--ease-out) both}.hero-text>:nth-child(2){animation-delay:.12s}.hero-text>:nth-child(3){animation-delay:.24s}.hero-text>:nth-child(4){animation-delay:.36s}.hero h1{margin:0;font-size:clamp(2.75rem,8.5vw,7.5rem);font-weight:900;line-height:.92;letter-spacing:-.035em}.hero-tall h1{font-size:clamp(2.5rem,6.5vw,5.5rem)}.subtitle{margin:1rem 0 0;max-width:36rem;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.5;color:var(--text-soft)}.scroll-cue{position:absolute;right:calc(var(--gutter) + 1.5rem);bottom:calc(var(--gutter) + 1.5rem);width:1px;height:4rem;background:#ffffff40;overflow:hidden}.scroll-cue:before{content:"";position:absolute;inset:-1.5rem -1rem}.scroll-cue span{position:absolute;inset:0;background:var(--accent);animation:cue 2.2s ease-in-out infinite}.welcome{max-width:52rem;margin:clamp(4rem,12vw,9rem) auto;padding-inline:var(--gutter)}.eyebrow{font:500 .75rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.lead{margin:0;font-size:clamp(1.35rem,2.7vw,2.1rem);font-weight:500;line-height:1.4;letter-spacing:-.01em;text-wrap:pretty}.signature{margin-top:1.5rem;font-size:1.25rem;font-style:italic;color:var(--accent)}.chapters>.section-title{max-width:80rem;margin-inline:auto;padding-inline:var(--gutter)}.chapter{--fade: to top;position:relative;display:grid;align-items:end;min-height:min(92svh,58rem);overflow:hidden;isolation:isolate;border-top:1px solid var(--line-strong)}.chapter-media{position:absolute;inset:0;z-index:-1;transition:transform 1.2s var(--ease-out)}.chapter-media img{width:100%;height:100%;object-fit:cover}.chapter-media:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--fade),rgb(var(--mat-rgb) / .96) 0%,rgb(var(--mat-rgb) / .7) 35%,transparent 75%)}.chapter.planned .chapter-media img{filter:grayscale(.85) contrast(1.05) brightness(.8)}.chapter:has(.chapter-cta:hover,.chapter-cta:focus-visible) .chapter-media{transform:scale(1.03)}.chapter-text{max-width:38rem;padding:clamp(2.5rem,7vw,6rem) calc(var(--gutter) + .5rem);color:var(--text-soft)}.chapter-no{margin:0 0 .5rem;font:900 clamp(5rem,13vw,10rem) / .8 var(--display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgb(243 163 59 / .75)}.chapter h3{margin:0;font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:.95;color:var(--text)}.chapter-subtitle{margin:.5rem 0 0;font:500 .85rem var(--mono);letter-spacing:.06em;color:var(--muted)}.chapter .specs li{border-color:var(--line-strong)}.chapter-cta:hover,.chapter-cta:focus-visible,.next-project:hover .chapter-cta{translate:.5rem 0}@media(min-width:56rem){.chapter{--fade: to right;align-items:center}.chapter:nth-of-type(2n){--fade: to left}.chapter:nth-of-type(2n) .chapter-text{justify-self:end}}.section-nav{position:sticky;top:var(--header);z-index:10;display:flex;gap:.25rem;justify-content:safe center;overflow-x:auto;padding:.6rem var(--gutter);background:rgb(var(--mat-rgb) / .85);backdrop-filter:blur(12px);border-block:1px solid var(--line-strong);scrollbar-width:none}.section-nav a{flex:none;padding:.45rem .85rem;border:1px solid transparent;color:var(--text-soft);font:500 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.section-nav a:hover{border-color:var(--accent);color:var(--accent)}.prose{max-width:var(--measure);margin-inline:auto;padding-inline:var(--gutter);color:var(--text-soft)}.prose>:first-child{margin-top:0}.prose h2,.prose h3{margin:2.5em 0 .75em;color:var(--text)}.prose h2{font-size:1.75rem}.prose ul,.prose ol{padding-left:1.25rem}.prose strong{color:var(--text)}.report{margin-top:clamp(3.5rem,9vw,7rem)}.report>p:first-of-type{font-size:1.25rem;line-height:1.65;color:var(--text)}.report>p:first-of-type:first-letter{float:left;margin:.06em .12em 0 0;font:900 3.6em/.8 var(--display);color:var(--accent)}.band{max-width:80rem;margin:clamp(4.5rem,11vw,9rem) auto 0;padding-inline:var(--gutter)}.band-intro{max-width:var(--measure);margin:-.5rem 0 2rem;color:var(--muted)}.steps{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));margin:0;padding:0;list-style:none}.step a{position:relative;display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--line-strong);color:inherit;text-decoration:none;transition:border-color .3s,transform .4s var(--ease-out)}.step a:hover{border-color:var(--accent);transform:translateY(-4px)}.step-no{position:absolute;top:-.75rem;left:-.75rem;z-index:1;display:grid;place-items:center;min-width:2.75rem;height:2.75rem;padding-inline:.5rem;background:var(--accent);color:var(--accent-ink);font:900 1.6rem/1 var(--display);box-shadow:0 6px 18px #0006}.step-media{display:block;aspect-ratio:4 / 3;overflow:hidden;background:repeating-linear-gradient(-45deg,var(--surface-2) 0 6px,var(--surface) 6px 12px)}.step-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.85);transition:filter .4s,transform .8s var(--ease-out)}.step a:hover img{filter:none;transform:scale(1.05)}.step-text{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem 1.25rem}.step-title{font-size:1.25rem;font-weight:800;line-height:1.2;color:var(--text)}.step time{font:400 .75rem var(--mono);letter-spacing:.06em;color:var(--muted)}.gallery{margin:0;padding:0;list-style:none}.gallery a{color:inherit;text-decoration:none}.gallery figure{margin:0}.gallery img{border:1px solid var(--line-strong);transition:filter .4s,border-color .3s}.gallery a:hover img{border-color:var(--accent);filter:brightness(1.08)}.gallery figcaption{display:flex;gap:.6rem;margin-top:.6rem;font-size:.875rem;line-height:1.45;color:var(--muted)}.part-no{flex:none;font:500 .75rem/1.9 var(--mono);color:var(--accent)}.gallery-wall .gallery{display:grid;gap:1.75rem 1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.gallery-wall img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.gallery-strip .gallery{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1.25rem;scrollbar-color:var(--accent) var(--line-strong);scrollbar-width:thin}.gallery-strip li{flex:none;scroll-snap-align:start;max-width:85vw}.gallery-strip img{width:auto;height:clamp(14rem,50vh,28rem);max-width:85vw;object-fit:cover}.gallery-strip figcaption{max-width:28rem}.strip-controls{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.strip-controls button,.lightbox button{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--line-strong);border-radius:50%;background:rgb(var(--mat-rgb) / .6);color:var(--text);font:400 1.1rem/1 var(--display);cursor:pointer;transition:border-color .2s,color .2s}.strip-controls button:hover,.lightbox button:hover{border-color:var(--accent);color:var(--accent)}.lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:1rem 4.5rem;border:0;background:#050907f2;color:var(--text)}.lightbox::backdrop{backdrop-filter:blur(8px)}.lightbox[open]{display:grid;place-items:center;animation:fade-in .3s ease both}.lightbox figure{margin:0}.lightbox img{max-height:84dvh;width:auto;margin:0 auto}.lightbox figcaption{display:flex;justify-content:center;gap:1rem;margin-top:1rem;font-size:.95rem;color:var(--text-soft)}.lightbox-count{font:500 .8rem/1.8 var(--mono);color:var(--accent)}.lightbox button{position:fixed}.lightbox-prev{left:1rem;top:50%}.lightbox-next{right:1rem;top:50%}.lightbox-close{right:1rem;top:1rem}@media(max-width:40rem){.lightbox{padding-inline:.5rem}.lightbox-prev,.lightbox-next{top:auto;bottom:1rem}}.screen{padding:clamp(.5rem,2vw,1.25rem);background:#040605;border:1px solid var(--line-strong);box-shadow:0 0 120px #f3a33b14}.screen video{width:100%;max-width:52rem;margin-inline:auto}.cinema .band-intro{margin-top:1.5rem}.next-project{position:relative;display:grid;place-items:center;min-height:min(70svh,40rem);margin-top:clamp(5rem,12vw,10rem);overflow:hidden;isolation:isolate;color:var(--text);text-align:center;text-decoration:none}.next-project img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}.next-project:after{content:"";position:absolute;inset:0;z-index:-1;background:rgb(var(--mat-rgb) / .62)}.next-project:hover img{transform:scale(1.04)}.next-text{display:flex;flex-direction:column;align-items:center;padding:var(--gutter)}.next-title{font-size:clamp(2.5rem,8vw,6.5rem);font-weight:900;line-height:.95;letter-spacing:-.035em}.entry-head{position:relative;max-width:64rem;margin-inline:auto;padding:calc(var(--header) + clamp(4rem,12vw,8rem)) var(--gutter) clamp(2.5rem,6vw,4rem)}.entry-head h1{position:relative;margin:0;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:900;line-height:.95;letter-spacing:-.035em}.entry-head .kicker{position:relative}.entry-no{position:absolute;right:var(--gutter);bottom:.5rem;margin:0;font:900 clamp(9rem,28vw,20rem) / .8 var(--display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgb(243 163 59 / .35);pointer-events:none}.step-rail{position:sticky;top:var(--header);z-index:10;display:flex;align-items:center;gap:1rem;padding:.6rem var(--gutter);background:rgb(var(--mat-rgb) / .85);backdrop-filter:blur(12px);border-block:1px solid var(--line-strong);overflow-x:auto;scrollbar-width:none}.rail-project{flex:none;color:var(--text-soft);font:500 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.rail-project:before{content:"← ";color:var(--accent)}.step-rail ol{display:flex;gap:.35rem;margin:0 0 0 auto;padding:0;list-style:none}.step-rail ol a{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--line-strong);color:var(--text-soft);font:800 .9rem var(--display);text-decoration:none}.step-rail ol a:hover{border-color:var(--accent);color:var(--accent)}.step-rail ol a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.entry{margin-top:clamp(2.5rem,6vw,4rem)}.meta{font:400 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.entry p:has(>img:only-child){display:inline-block;vertical-align:top;margin:.75rem 1rem .75rem 0;padding:.5rem .5rem 1.5rem;background:var(--paper);box-shadow:0 1px 2px #0006,0 12px 30px #00000059;rotate:-.8deg;transition:rotate .3s var(--ease-out)}.entry p:has(>img:only-child):nth-of-type(2n){rotate:.9deg}.entry p:has(>img:only-child):hover{rotate:0deg}.pager{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.25rem;max-width:64rem;margin:clamp(4rem,10vw,7rem) auto 0;padding-inline:var(--gutter)}.pager-card{position:relative;display:flex;align-items:flex-end;min-height:13rem;overflow:hidden;isolation:isolate;border:1px solid var(--line-strong);color:var(--text);text-decoration:none;transition:border-color .3s}.pager-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}.pager-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(var(--mat-rgb) / .95),rgb(var(--mat-rgb) / .35))}.pager-card:hover{border-color:var(--accent)}.pager-card:hover img{transform:scale(1.05)}.pager-text{display:flex;flex-direction:column;padding:1.25rem 1.5rem}.pager-next{justify-content:flex-end;text-align:right}.pager-next .pager-text{align-items:flex-end}.pager-title{font-size:1.6rem;font-weight:800;line-height:1.1}.not-found{text-align:center}.not-found .entry-no{position:static}@keyframes hero-in{0%{transform:scale(1.12);filter:brightness(.3)}}@keyframes rise{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes fade-in{0%{opacity:0}}@keyframes cue{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes drift{to{transform:translateY(25%) scale(1.08)}}@keyframes fade-out{to{opacity:0;transform:translateY(-3rem)}}@keyframes settle{0%{transform:scale(1.2) translateY(-5%)}}@keyframes header-solid{to{background-color:rgb(var(--mat-rgb) / .82);border-bottom-color:var(--line-strong);backdrop-filter:blur(12px)}}@keyframes grow{0%{transform:scaleX(0)}}@supports (animation-timeline: view()){.site-header{animation:header-solid linear both;animation-timeline:scroll(root);animation-range:0 40vh}.progress{display:block;position:absolute;inset:auto 0 -1px;height:2px;background:var(--accent);transform-origin:left;animation:grow linear both;animation-timeline:scroll(root)}.hero-media img{animation:drift linear both;animation-timeline:scroll(root);animation-range:0 100svh}.hero-text{animation:fade-out linear both;animation-timeline:scroll(root);animation-range:0 60svh}.chapter-media img{animation:settle linear both;animation-timeline:view();animation-range:entry 0% cover 50%}.chapter-text>*,.step,.gallery-wall li,.welcome>*,.band .section-title{animation:rise linear both;animation-timeline:view();animation-range:entry 5% entry 80%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}