:root{
  --ink:#15110d;
  --black:#080807;
  --paper:#ead7ad;
  --paper-2:#f4e6c5;
  --gold:#c58c28;
  --gold-light:#efc05b;
  --red:#7b1617;
  --red-dark:#300507;
  --cream:#f5e6c4;
  --muted:#b6a47f;
  --line:rgba(230,188,90,.42);
  --shadow:0 24px 65px rgba(0,0,0,.4);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:Georgia,'Times New Roman',serif;line-height:1.55}
a{color:inherit}
img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:50;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,68px);background:rgba(8,8,7,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{text-decoration:none;display:flex;align-items:center;gap:13px}.brand-mark{font:900 1.18rem/1 Arial,sans-serif;letter-spacing:.035em;color:var(--black);background:var(--gold-light);padding:10px 12px;text-transform:uppercase}.brand-text{font:700 .82rem/1.1 Arial,sans-serif;letter-spacing:.2em;color:var(--cream)}
.site-nav{display:flex;gap:26px}.site-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font:700 .72rem/1 Arial,sans-serif;color:#d6c49f}.site-nav a:hover{color:var(--gold-light)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--cream);padding:9px 12px;text-transform:uppercase;letter-spacing:.12em}
.hero{
  position:relative;
  aspect-ratio:12/5;
  min-height:0;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:#030302 url('assets/hero-stage-v3.png') center center/100% 100% no-repeat;
}
.hero:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(3,3,2,.14) 0%,rgba(3,3,2,.06) 34%,rgba(3,3,2,0) 48%);
}
.hero-copy{
  position:relative;
  z-index:2;
  width:35.5%;
  max-width:680px;
  padding:clamp(34px,3.6vw,68px) clamp(22px,2.4vw,46px) clamp(34px,3.6vw,68px) clamp(28px,4vw,76px);
}
.eyebrow,.section-kicker{font:800 .78rem/1.2 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);margin:0 0 14px}
h1{font-size:clamp(2.85rem,4.25vw,5.25rem);line-height:.88;margin:0 0 20px;text-transform:uppercase;letter-spacing:-.05em;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-weight:900;color:#efe0be;text-shadow:0 3px 0 #4b2714}h1 span{color:#fff0cc}
.genre{max-width:500px;text-transform:uppercase;color:var(--gold-light);font:800 clamp(.76rem,1vw,.98rem)/1.35 Arial,sans-serif;letter-spacing:.05em}
.hero h2{font-size:clamp(1.7rem,2.45vw,3rem);line-height:1.02;margin:24px 0 14px;max-width:520px;color:#f3e4c1}.dek{font-size:clamp(.85rem,.95vw,1.02rem);max-width:500px;color:#d5bd8c;margin-bottom:0}
.paper-section{background:linear-gradient(rgba(255,255,255,.04),rgba(0,0,0,.03)),#e7d5ae;color:var(--ink);padding:clamp(55px,7vw,95px) clamp(22px,7vw,110px)}
.story-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px}.story-grid h2,.paper-section h2{font-size:clamp(2.6rem,5vw,5rem);line-height:1;margin:0 0 25px;text-transform:uppercase}.synopsis p{font-size:1.16rem}.at-a-glance{border-left:1px solid rgba(51,33,19,.25);padding-left:50px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}.facts div{padding-top:18px;border-top:1px solid rgba(58,35,19,.28)}.facts strong,.facts span,.facts small{display:block}.facts strong{text-transform:uppercase;letter-spacing:.1em;font:800 .72rem/1.2 Arial,sans-serif;color:#6c2a20}.facts span{font-size:1.15rem;font-weight:700;margin-top:8px}.facts small{margin-top:4px;color:#4d4032}
.dark-section{padding:clamp(60px,7vw,100px) clamp(18px,4vw,70px);background:linear-gradient(180deg,#0a0908,#120b08 55%,#080807);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-heading{text-align:center;max-width:820px;margin:0 auto 45px}.section-heading h2{margin:0 0 12px;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.95;text-transform:uppercase;color:#f0dbac}.section-heading p:last-child{color:#cdb78c;font-size:1.1rem}.section-heading.ink h2{color:var(--ink)}.section-heading.ink p:last-child{color:#5c4a35}
.evidence-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1500px;margin:0 auto}.evidence-grid figure{margin:0;background:#130f0b;border:1px solid #9b6b25;box-shadow:0 10px 32px rgba(0,0,0,.25);overflow:hidden}.evidence-grid img{width:100%;aspect-ratio:.76;object-fit:cover}.evidence-grid figcaption{padding:16px 14px 18px}.evidence-grid strong{display:block;text-transform:uppercase;color:var(--gold-light);font:800 .78rem/1.2 Arial,sans-serif;letter-spacing:.1em;margin-bottom:7px}.evidence-grid span{font-size:.9rem;color:#cfbb95}.evidence-grid .loose-card{transform:rotate(-.7deg) translateY(9px);box-shadow:0 16px 45px rgba(0,0,0,.48)}
.locker-grid{max-width:1500px;margin:70px auto 0;display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:start}.locker-card,.rehearsal-card{display:grid;grid-template-columns:.9fr 1.1fr;background:#e6d2a5;color:#1f160d;border:1px solid #a16e26;box-shadow:var(--shadow);overflow:hidden}.locker-card>div,.rehearsal-card>div{padding:35px}.locker-card h3,.rehearsal-card h3{font-size:2.2rem;line-height:1;margin:0 0 20px;text-transform:uppercase}.locker-card img,.rehearsal-card img{width:100%;height:100%;object-fit:cover}.memo{padding:17px;border-left:4px solid var(--red);background:rgba(255,255,255,.25);font-family:'Courier New',monospace}.rehearsal-card{transform:rotate(.45deg)}.handwriting{font-family:'Segoe Print','Bradley Hand',cursive;font-size:1.18rem;color:#173b73}.handwriting strong{font-size:1.45rem}.handwriting em{color:#9d1e1e}
.audience-section{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding:clamp(60px,8vw,110px) clamp(22px,8vw,130px);background:linear-gradient(110deg,#4c090a,#180507);border-bottom:1px solid var(--line)}.audience-copy h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1;margin:0 0 24px}.audience-copy p,.audience-copy li{font-size:1.06rem;color:#e1cda7}.audience-copy ul{padding-left:20px}.audience-copy em{color:#8fc8ff;font-family:'Segoe Print','Bradley Hand',cursive}.audience-section img{box-shadow:var(--shadow);transform:rotate(-1deg);border:1px solid var(--gold)}
.notebook-section{padding-top:85px;padding-bottom:100px}.notebook-links{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notebook-links a{text-decoration:none;background:#f0dfb8;color:#21170e;border:1px solid rgba(66,38,17,.25);padding:24px 26px;box-shadow:0 10px 25px rgba(56,34,18,.1);transition:.2s}.notebook-links a:hover{transform:translateY(-3px);border-color:#9f6326}.notebook-links strong,.notebook-links span{display:block}.notebook-links strong{text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.notebook-links span{color:#5d4a34}
.npx-section{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:75px clamp(22px,8vw,130px);background:#13100c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.npx-section h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1;margin:0 0 18px}.npx-section p{max-width:760px;color:#d0bb92}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 22px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font:800 .75rem/1 Arial,sans-serif;border:1px solid var(--gold)}.button.primary{background:var(--gold);color:#120c07}.button.secondary{color:var(--gold-light)}
.collection-section{padding:80px clamp(22px,8vw,130px);background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.8)),url('assets/hero-stage.png') center 60%/cover;color:#f3e3c0}.case-list{max-width:870px;margin:0 auto;display:grid;gap:10px}.case-list a{text-decoration:none;padding:18px 22px;border:1px solid rgba(229,184,84,.26);background:rgba(7,7,6,.74);font-size:1.15rem;transition:.2s}.case-list a:hover{border-color:var(--gold-light);transform:translateX(5px)}.case-list span{display:block;font-size:.86rem;color:#af9c78}.case-list .current{color:var(--gold-light);border-color:var(--gold);box-shadow:inset 4px 0 0 var(--gold)}
.closing{position:relative;text-align:center;padding:80px 20px 95px;background:radial-gradient(circle at 50% 0,#4d0a0b,transparent 55%),#050504;border-top:1px solid #6f4219}.closing p,.closing strong{display:block;margin:0}.closing p{font-size:clamp(1.55rem,3vw,3.4rem);color:#ebd9b2}.closing strong{font-size:clamp(1.7rem,3.4vw,3.8rem);font-style:italic;color:var(--gold-light)}.rec-light{position:absolute;right:7%;bottom:38px;width:12px;height:12px;border-radius:50%;background:#ff2a20;box-shadow:0 0 5px #fff,0 0 16px #ff2a20,0 0 35px #ff2a20;animation:pulse 2.2s infinite}@keyframes pulse{50%{opacity:.45;transform:scale(.85)}}
@media (max-width:1050px){.hero{aspect-ratio:auto;min-height:690px;background-size:auto 100%;background-position:center top}.hero-copy{width:48%;max-width:520px;padding:48px 24px 48px 34px}.story-grid,.audience-section,.locker-grid{grid-template-columns:1fr}.at-a-glance{border-left:0;border-top:1px solid rgba(51,33,19,.25);padding:35px 0 0}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-grid figure:last-child{grid-column:span 2;max-width:50%;justify-self:center}.npx-section{align-items:flex-start;flex-direction:column}}
@media (max-width:760px){.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#090807;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.menu-toggle{display:block}.brand-text{display:none}.hero{min-height:720px;background-size:auto 60%;background-position:center bottom;background-repeat:no-repeat}.hero:after{background:linear-gradient(180deg,rgba(3,3,2,.98) 0%,rgba(3,3,2,.93) 48%,rgba(3,3,2,.2) 76%,rgba(3,3,2,0) 100%)}.hero-copy{width:100%;max-width:none;padding:48px 24px 320px}.hero h2{max-width:520px}.story-grid{gap:35px}.facts{grid-template-columns:1fr}.evidence-grid{grid-template-columns:1fr}.evidence-grid figure:last-child{grid-column:auto;max-width:none}.locker-card,.rehearsal-card{grid-template-columns:1fr}.locker-card img,.rehearsal-card img{max-height:420px}.notebook-links{grid-template-columns:1fr}.audience-section{gap:30px}.cta-row{width:100%}.button{flex:1}.closing{padding-bottom:80px}}

/* V4 hero correction: the hero is a dedicated panoramic asset, never a cropped background. */
.hero{
  display:block;
  width:100%;
  min-height:0;
  aspect-ratio:auto;
  overflow:hidden;
  background:#030302;
  border-bottom:1px solid var(--line);
}
.hero::after{display:none}
.hero-art{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:contain;
  object-position:center;
}
.brand-mark{
  text-transform:none;
  letter-spacing:.01em;
  font-weight:900;
}
@media (max-width:1050px){
  .hero{min-height:0;background:#030302}
}
@media (max-width:760px){
  .hero{height:270px;min-height:270px;background:#030302}
  .hero-art{width:auto;height:100%;max-width:none;object-fit:initial;object-position:left center}
}

/* v5 corrections */
.paper-section .section-kicker, .locker-card .section-kicker, .rehearsal-card .section-kicker{color:#7b2a20}
.evidence-grid img{object-position:center center}
.locker-card img,.rehearsal-card img,.audience-section img{object-position:center center}

/* v6: exact sitewide header lockup and navigation language */
.site-header{
  min-height:124px;
  padding:0 3.2vw;
  background:#050504;
  border-bottom:2px solid #b98215;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.brand{
  display:block;
  flex:0 0 auto;
  line-height:0;
}
.brand img{
  display:block;
  width:min(590px,44vw);
  height:auto;
}
.site-nav{
  display:flex;
  align-items:center;
  gap:clamp(34px,4.5vw,76px);
}
.site-nav a{
  position:relative;
  color:#f2eadb;
  text-decoration:none;
  text-transform:uppercase;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:700;
  letter-spacing:.045em;
  font-size:clamp(.88rem,1.1vw,1.3rem);
  white-space:nowrap;
  padding:46px 0 38px;
}
.site-nav a.active{color:#d59b20}
.site-nav a.active::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:26px;
  height:4px;
  background:#d59b20;
}
.menu-toggle{color:#f2eadb}
@media (max-width:1100px){
  .site-header{min-height:96px;padding:0 24px}
  .brand img{width:min(470px,48vw)}
  .site-nav{gap:24px}
  .site-nav a{font-size:.82rem;padding:36px 0 30px}
  .site-nav a.active::after{bottom:20px;height:3px}
}
@media (max-width:760px){
  .site-header{min-height:78px;padding:0 18px}
  .brand img{width:min(355px,72vw)}
  .site-nav{top:78px;gap:0;align-items:flex-start}
  .site-nav a{width:100%;padding:13px 0;font-size:.9rem}
  .site-nav a.active::after{display:none}
}

/* v7 production-asset correction: standalone exports only; no composite-layout cropping. */
.evidence-grid img{
  display:block;
  width:100%;
  aspect-ratio:1.82 / 1;
  height:auto;
  object-fit:cover;
  object-position:center;
  background:#0c0907;
}
.locker-card img,
.rehearsal-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  object-position:center;
  background:#0c0907;
}
@media (max-width:1050px){
  .evidence-grid img{aspect-ratio:1.82 / 1}
  .locker-card img,.rehearsal-card img{min-height:300px}
}
@media (max-width:760px){
  .evidence-grid img{aspect-ratio:1.82 / 1}
  .locker-card img,.rehearsal-card img{min-height:0;max-height:none;height:auto;object-fit:contain;background:#0c0907}
}