@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--bg:#101716;--ink:#e7dfd1;--quiet:#b6afa3;--gold:#d9b98c;--line:#d9b98c3d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.68 'DM Sans',Arial,sans-serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px clamp(20px,5vw,90px);border-bottom:1px solid var(--line)}.site-nav>a{font:17px 'DM Serif Display',Georgia,serif;letter-spacing:.07em;text-decoration:none}.site-nav>a span{color:var(--gold)}.site-nav nav{display:flex;gap:24px}.site-nav nav a{text-decoration:none;color:var(--quiet);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.site-nav a:hover{color:var(--gold)}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700}.hero{display:grid;grid-template-columns:43fr 57fr;min-height:640px;background:#18211d}.hero-copy{padding:clamp(45px,7.5vw,115px) clamp(25px,5.5vw,90px);align-self:center}.hero-copy h1,.gallery h2,.outro h2{font:clamp(47px,5.1vw,82px)/1.04 'DM Serif Display',Georgia,serif;letter-spacing:-.038em;margin:27px 0}.hero-copy h1 em{color:var(--gold);font-weight:400}.hero-copy>p{font-size:18px;color:#cdc1af;line-height:1.65;max-width:520px}.small-link{display:inline-block;margin-top:28px;color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.hero-media{margin:0;position:relative;background:#0c100e;min-height:440px;overflow:hidden}.hero-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.hero-media figcaption{position:absolute;bottom:22px;left:25px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:8px 13px;background:#111a16e3}
.gallery{max-width:1500px;margin:auto;padding:100px clamp(18px,5vw,80px)}.gallery-title{max-width:830px;margin-bottom:52px}.gallery h2{font-size:clamp(40px,4.2vw,68px)}.gallery-title>p{max-width:675px;color:var(--quiet);font-size:16px}.stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);background:#202821;border:1px solid var(--line)}.main-photo{margin:0;background:#070b09;min-width:0}.main-photo img{display:block;width:100%;height:min(53vw,590px);min-height:360px;object-fit:contain}.main-photo figcaption{padding:11px 18px;color:#b1ada4;font-size:11px;letter-spacing:.07em}.stage-description{padding:clamp(24px,3.1vw,50px);display:flex;flex-direction:column;justify-content:center}.stage-count{color:var(--gold);font-size:12px;letter-spacing:.18em}.stage-description h3{font:clamp(33px,3.3vw,52px)/1.13 'DM Serif Display',Georgia,serif;margin:25px 0 15px}.stage-description p{color:#cdc1b3;font-size:16px;line-height:1.68}.stage-controls{display:flex;gap:10px;margin-top:35px}.stage-controls button{background:transparent;border:1px solid #b9a57c80;color:var(--ink);padding:10px 15px;cursor:pointer;font-size:12px}.stage-controls button:hover{background:#414334}.stage-key{margin-top:48px;color:var(--quiet);font-size:11px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px}.dot.real{background:#d9b98c}.dot.concept{background:#93a5a2}
.filmstrip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;margin:20px 0 0}.filmstrip button{background:#1c2521;border:1px solid #8979604d;color:var(--quiet);text-align:left;position:relative;padding:5px;cursor:pointer}.filmstrip button:hover,.filmstrip button.selected{border-color:var(--gold);color:var(--ink)}.filmstrip button img{width:100%;aspect-ratio:1.28;object-fit:cover;display:block}.filmstrip button span{display:block;font-size:10px;line-height:1.35;padding:6px 4px}.filmstrip button small{position:absolute;top:8px;right:8px;background:#131c19e3;font-size:9px;color:white;padding:3px 5px}.footnote{margin-top:50px;border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:46px;color:var(--quiet);font-size:13px;line-height:1.8}.footnote strong{color:var(--ink)}.outro{background:#1e2822;text-align:center;padding:95px 20px;border-top:1px solid var(--line)}.outro h2{font-size:clamp(35px,3.5vw,57px)}.outro>p{color:var(--quiet)}.outro a{display:inline-block;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:5px;color:var(--gold);margin:18px 15px 0;font-size:13px}footer{border-top:1px solid var(--line);padding:25px clamp(20px,5vw,80px);display:flex;justify-content:space-between;gap:25px;color:var(--quiet);font-size:11px;letter-spacing:.06em}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-copy{padding:75px 35px}.hero-media{height:470px}.stage{grid-template-columns:1fr}.main-photo img{height:60vw;min-height:330px}.stage-description{padding:32px}.stage-key{margin-top:24px}.filmstrip{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:610px){.site-nav{flex-wrap:wrap;padding:18px}.site-nav nav{gap:16px}.site-nav nav a{font-size:10px}.site-nav>a{font-size:13px}.hero-copy{padding:65px 22px}.hero-copy h1{font-size:52px}.hero-media{height:270px;min-height:270px}.hero-copy>p{font-size:16px}.gallery{padding:75px 15px}.gallery h2{font-size:42px}.main-photo img{height:290px;min-height:290px}.stage-description h3{font-size:39px}.filmstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.filmstrip button span{font-size:9px}.footnote{grid-template-columns:1fr;gap:6px}.outro{padding:65px 20px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* v7.11 — documentary video and social channels */
.recorded-build{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);max-width:1500px;margin:0 auto 105px;border:1px solid var(--line);background:#1c2521}
.recorded-build-image{position:relative;min-height:450px;overflow:hidden;background:#070b09}
.recorded-build-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.recorded-build-image>span{position:absolute;left:20px;bottom:20px;padding:6px 10px;background:#111a16df;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.recorded-build-copy{padding:clamp(32px,5.2vw,83px);align-self:center}
.recorded-build-copy h2{font:clamp(35px,4vw,64px)/1.08 'DM Serif Display',Georgia,serif;margin:20px 0 25px;letter-spacing:-.03em}
.recorded-build-copy>p{max-width:580px;color:#c6c0b5;font-size:16px;line-height:1.75}
.recorded-build-copy strong{color:#efdfbf}
.recorded-build-links{display:grid;gap:13px;margin-top:30px}
.recorded-build-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;border:1px solid #d9b98c65;padding:13px 17px;color:var(--gold);font-size:13px}
.recorded-build-links a:hover{background:#354039}
.recorded-build-links span{font-size:18px;flex-shrink:0}
.recorded-build-copy p.recorded-build-note{font-size:12px;line-height:1.6;color:#9c9a92;margin-top:22px}
@media(max-width:780px){.recorded-build{grid-template-columns:1fr;margin:0 15px 60px}.recorded-build-image{min-height:250px}.recorded-build-copy{padding:30px 24px 42px}}

/* v7.12 — user-supplied YouTube playlist; loading is initiated by the visitor */
.build-playlist{max-width:1200px;margin:0 auto 100px;padding:0 clamp(18px,3vw,36px)}
.build-playlist-head{max-width:790px;margin:0 0 30px}
.build-playlist-head h2{font:clamp(35px,4vw,61px)/1.1 'DM Serif Display',Georgia,serif;letter-spacing:-.03em;margin:15px 0}
.build-playlist-head p{color:var(--quiet);max-width:620px}
.build-playlist-frame{background:#0b100d;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line)}
.build-playlist-frame iframe{border:0;width:100%;height:100%;display:block}
.build-playlist-launch{position:absolute;inset:0;display:block;padding:0;border:0;width:100%;height:100%;background:#101815;cursor:pointer;color:#fff}
.build-playlist-launch img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.55)}
.build-playlist-launch:hover img{filter:brightness(.68)}
.build-playlist-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;position:absolute;inset:0;text-align:center;font-size:clamp(15px,2vw,23px);font-weight:600}
.build-playlist-play{display:grid;place-items:center;background:#d9b98ce5;color:#101716;width:70px;height:70px;border-radius:50%;font-size:23px;padding-left:4px}
.build-playlist-footnote{font-size:12px;color:var(--quiet);margin-top:15px}
.build-playlist-footnote a{color:var(--gold)}
@media(max-width:610px){.build-playlist{margin-bottom:65px}.build-playlist-play{width:54px;height:54px}}

/* v7.14 — editable narrative introduced alongside gallery */
.build-story{max-width:1480px;margin:0 auto;padding:clamp(60px,8vw,115px) clamp(20px,6vw,85px);display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(28px,7vw,110px);border-bottom:1px solid var(--line)}
.build-story h2{font:clamp(38px,3.7vw,62px)/1.1 'DM Serif Display',Georgia,serif;letter-spacing:-.032em;margin:25px 0}
.build-story-status{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#a89a82}
.build-story-prose{color:#d6cbbd;font-size:17px;line-height:1.78;max-width:740px}
.build-story-prose p{margin:0 0 22px}
.build-story-prose .build-story-next{padding-top:15px;color:#a8ad9f;font-size:13px;border-top:1px solid var(--line)}
@media(max-width:760px){.build-story{grid-template-columns:1fr;padding:65px 22px}.build-story h2{font-size:41px}.build-story-prose{font-size:16px}}