:root{--bg:#090807;--cream:#f3eadc;--gold:#d5a64d;--muted:#b4a99b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:4px}.shell{width:min(1440px,92%);margin:auto}.nav{display:flex;justify-content:flex-end;gap:38px;padding:27px 0;position:relative;z-index:3;font:12px Arial,sans-serif;letter-spacing:2px}.nav a:hover,.nav a[aria-current=page]{color:var(--gold)}.hero{min-height:475px;position:relative;overflow:hidden;border-bottom:1px solid var(--gold);background:radial-gradient(ellipse at 70% 45%,#57301c 0%,#140e0a 58%,#090807 100%)}.hero-art{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:45% center;opacity:.88;filter:contrast(1.08) saturate(.9)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090807 0%,rgba(9,8,7,.97) 24%,rgba(9,8,7,.55) 55%,rgba(9,8,7,.07) 100%),linear-gradient(0deg,#09080799,transparent 34%);pointer-events:none}.hero .shell{position:relative;z-index:2}.hero-content{padding:45px 0 70px;max-width:700px}.eyebrow,.genres,.fine,.section-link,.button,.poster-label{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:3px}.eyebrow{font-size:17px;letter-spacing:5px}.hero h1{font-size:clamp(55px,7vw,96px);line-height:1;margin:5px 0 12px;letter-spacing:-2px;font-weight:400}.genres{font-size:clamp(11px,1.4vw,17px);letter-spacing:3px}.rule{width:75px;height:3px;background:var(--gold);margin:23px 0}.intro{font-size:clamp(18px,2vw,24px);line-height:1.45;max-width:540px;margin:0 0 22px}.actions{display:flex;flex-wrap:wrap;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 25px;border:1px solid var(--gold);background:#090807b0;color:var(--gold);font-size:12px;letter-spacing:2px;transition:background .2s}.button:hover{background:#382819}.credentials{border-bottom:1px solid #594a34;background:linear-gradient(90deg,#0b0907,#14100c,#0b0907)}.credential-grid{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:115px;align-items:center}.credential{padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:18px;min-height:90px}.credential+.credential{border-left:1px solid #64502e}.credential h2{font-size:17px;letter-spacing:1px;font-weight:400;margin:0 0 8px}.fine{font-size:10px;color:var(--gold);letter-spacing:2px;line-height:1.6}.symbol{color:var(--gold);font-size:46px;line-height:1}.isa{height:95px;max-width:210px;object-fit:contain}.section{padding:45px 0 75px}.section-head{display:flex;align-items:center;gap:25px;margin-bottom:20px}.section-head h2{font-weight:400;letter-spacing:5px;font-size:25px;white-space:nowrap;margin:0}.line{height:1px;background:var(--gold);flex:1}.section-link{font-size:11px;color:var(--gold);white-space:nowrap;letter-spacing:2px}.posters{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.poster{display:block;position:relative;overflow:hidden;aspect-ratio:1.5;border:1px solid #54483b;background:#1b1510}.poster img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.85);transition:transform .25s}.poster:hover img{transform:scale(1.035)}.poster:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000c)}.poster-label{position:absolute;z-index:1;bottom:14px;left:20px;font-size:11px;letter-spacing:2px}.poster-title{position:absolute;z-index:1;top:18px;left:20px;font-size:26px;text-shadow:0 2px 8px #000}.footer{border-top:1px solid #483b2b;padding:30px 0;color:var(--muted);font:12px Arial,sans-serif;letter-spacing:1px}.footer .shell{display:flex;justify-content:space-between;gap:16px}.page-head{padding:75px 0 40px;background:linear-gradient(115deg,#1e140e,#090807 72%);border-bottom:1px solid #47351f}.page-head h1{font-size:clamp(42px,6vw,74px);font-weight:400;margin:0 0 12px}.page-head p{font-size:19px;color:var(--muted);margin:0}.works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 50px}.work{display:grid;grid-template-columns:38% 1fr;gap:23px;align-items:start;border-bottom:1px solid #342a20;padding-bottom:35px}.work img{width:100%;height:auto;display:block}.work h2{font-size:27px;font-weight:400;margin:0 0 10px}.work p{color:#d5c8b8;line-height:1.65}.work .fine{margin-bottom:12px}.bio{max-width:750px;font-size:20px;line-height:1.8}.bio p{margin-top:0}.contact-link{color:var(--gold);border-bottom:1px solid var(--gold)}@media(max-width:850px){.credential-grid{grid-template-columns:1fr}.credential+.credential{border-left:0;border-top:1px solid #45351f}.credential{justify-content:flex-start}.works{grid-template-columns:1fr}.hero-art{width:100%;opacity:.42}.hero:after{background:linear-gradient(90deg,#090807ee,#090807a6)}.section-head{flex-wrap:wrap}.line{display:none}}@media(max-width:600px){.nav{justify-content:center;gap:15px;font-size:10px;letter-spacing:1px}.hero-content{padding:55px 0 65px}.hero h1{font-size:55px}.eyebrow{font-size:12px}.genres{line-height:1.7}.posters{grid-template-columns:1fr}.poster{aspect-ratio:1.65}.section-head h2{font-size:20px}.section-link{font-size:10px}.work{grid-template-columns:34% 1fr;gap:15px}.work h2{font-size:22px}.footer .shell{flex-direction:column}}

/* APPROVED THEATER HOMEPAGE: October 24, 2026 */
:root{--bg:#080705;--cream:#fff7ed;--gold:#e2b65d}
.hero{height:470px;min-height:470px;background:radial-gradient(ellipse at 28% 20%,#2c1309 0%,#100906 38%,#050403 78%)}
.hero-art{width:54%;height:100%;object-fit:cover;object-position:center center;opacity:1;filter:none}
.hero:after{background:linear-gradient(90deg,rgba(12,5,3,.32) 0%,rgba(12,5,3,.20) 30%,rgba(12,5,3,.03) 58%,transparent 75%),linear-gradient(0deg,#07050488,transparent 25%)}
.hero .shell{width:min(1370px,89%)}
.nav{padding:34px 0 10px;gap:40px;font-size:12px;letter-spacing:1.5px}
.nav a[aria-current=page]{border-bottom:2px solid var(--gold);padding-bottom:9px}
.hero-content{padding:43px 0 0;max-width:720px}
.hero h1{font-size:clamp(58px,5.7vw,88px);letter-spacing:-2.5px;white-space:nowrap}
.eyebrow{font-size:18px;letter-spacing:5px}
.genres{font-size:18px;letter-spacing:3px}
.rule{margin:19px 0 17px;height:4px}
.intro{font-size:22px;line-height:1.25;max-width:550px;margin-bottom:20px}
.button{padding:17px 31px;font-size:14px;letter-spacing:1.5px}
.credentials{background:#0c0906}
.credential-grid{min-height:111px}
.credential{min-height:100px}
.credential h2{font-size:18px}
.isa{height:103px;max-width:205px}
.section{padding:22px 0 68px}
.section-head{margin-bottom:12px}
.section-head h2{font-size:26px}
.posters{gap:22px}
.poster{aspect-ratio:1.52}
.poster img{object-position:center 30%;filter:brightness(.92)}
@media(max-width:1000px){.hero h1{font-size:clamp(45px,6vw,76px)}.genres{font-size:14px}.hero-art{width:58%}.hero:after{background:linear-gradient(90deg,#0a0605d9 0%,#0a0605b8 42%,#0a060520 75%)}.hero-content{max-width:610px}}
@media(max-width:850px){.hero{height:auto;min-height:500px}.hero-art{width:100%;opacity:.52}.hero:after{background:linear-gradient(90deg,#090605ed,#0906059c)}.hero-content{padding:60px 0 65px}.credential-grid{grid-template-columns:1fr}.credential{justify-content:center}.credential+.credential{border-left:0;border-top:1px solid #45351f}}
@media(max-width:600px){.hero .shell{width:90%}.nav{padding:24px 0 6px;gap:15px;font-size:10px}.hero h1{font-size:clamp(40px,11vw,60px);white-space:normal}.hero-content{padding:65px 0}.intro{font-size:19px}.genres{font-size:12px}.eyebrow{font-size:13px}.button{font-size:11px;padding:14px 16px}.section-head h2{font-size:20px}}

/* V2: full-bleed layout rebuilt against approved theater reference */
.shell,.hero .shell{width:calc(100% - 104px);max-width:none;margin-inline:auto}
.hero{height:470px;min-height:470px;background:#080605}
.hero-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:1}
.hero:after{background:linear-gradient(90deg,rgba(3,2,2,.80) 0%,rgba(3,2,2,.68) 23%,rgba(3,2,2,.29) 46%,rgba(3,2,2,0) 75%)}
.hero-content{padding:47px 0 0;max-width:760px}
.hero h1{font-size:clamp(65px,5.55vw,92px);letter-spacing:-2.5px;line-height:1.02}
.nav{padding:37px 0 0;gap:40px;font-size:13px}
.eyebrow{font-size:17px;letter-spacing:4px}
.genres{font-size:17px;letter-spacing:3px}
.intro{font-size:22px;line-height:1.25;max-width:540px}
.credentials .shell{width:calc(100% - 104px)}
.credential-grid{min-height:110px}
.credential{min-height:108px;padding:10px 20px;gap:22px}
.credential:first-child{justify-content:flex-start;padding-left:60px}
.credential:last-child{justify-content:flex-end;padding-right:45px}
.credential h2{font-size:19px}
.isa{height:105px;max-width:240px}
.laurel{width:82px;height:75px;display:block;flex:none}
.laurel svg{width:100%;height:100%}
.story-icon{width:65px;height:65px;display:block;flex:none;color:var(--gold)}
.section{padding:22px 0 70px}
.section-head h2{font-size:27px;letter-spacing:5px}
.posters{gap:22px}
.poster{aspect-ratio:1.51}
.poster img{object-position:center 39%}
.poster:after{background:linear-gradient(transparent 55%,rgba(0,0,0,.72))}
.poster-name{position:absolute;z-index:2;top:20px;left:25px;font-size:clamp(29px,3.6vw,56px);line-height:.96;letter-spacing:1px;text-shadow:0 2px 15px #000b}
.poster-name.centered{left:0;right:0;text-align:center}
.poster-name.lake{top:35%;left:24px}
.poster-label{font-size:12px;bottom:16px}
@media(max-width:1050px){.shell,.hero .shell,.credentials .shell{width:calc(100% - 56px)}.credential:first-child{padding-left:10px}.credential:last-child{padding-right:10px}.credential h2{font-size:15px}.fine{font-size:9px}.hero h1{font-size:clamp(55px,6vw,78px)}.hero-content{max-width:680px}}
@media(max-width:850px){.hero{height:auto;min-height:510px}.hero-art{width:100%;opacity:1}.hero:after{background:linear-gradient(90deg,#070504e8,#0705048c)}.hero-content{padding:70px 0 65px}.credential-grid{grid-template-columns:1fr}.credential,.credential:first-child,.credential:last-child{justify-content:center;padding:15px}.credential+.credential{border-left:0;border-top:1px solid #45351f}.poster-name{font-size:clamp(25px,4vw,45px)}}
@media(max-width:600px){.shell,.hero .shell,.credentials .shell{width:calc(100% - 36px)}.nav{gap:15px;font-size:10px;padding-top:22px}.hero h1{font-size:clamp(43px,11vw,60px)}.hero-content{padding:85px 0 55px}.intro{font-size:19px}.posters{grid-template-columns:1fr}.poster-name{font-size:48px}.poster{aspect-ratio:1.5}.section-head{gap:12px}.section-head h2{font-size:20px}}

/* V3 — preserve approved theater screen and gargoyle sconces */
.hero-art{object-fit:fill;object-position:center;filter:none}
.hero:after{background:linear-gradient(90deg,rgba(4,2,2,.62) 0%,rgba(4,2,2,.43) 30%,rgba(4,2,2,.04) 58%,transparent 78%)}
.hero-content{padding-top:47px}
@media(max-width:850px){.hero-art{object-fit:cover;object-position:62% center}.hero:after{background:linear-gradient(90deg,#070504e8,#07050485)}}

/* V4: eliminate ghost lettering and preserve original hero proportions */
.hero{height:clamp(430px,30.6vw,535px);min-height:430px}
.hero-art{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero:after{background:linear-gradient(90deg,rgba(4,2,2,.68) 0%,rgba(4,2,2,.45) 28%,rgba(4,2,2,.05) 54%,transparent 76%)}
.hero-content{padding-top:clamp(40px,3vw,55px)}
@media(max-width:850px){.hero{height:auto;min-height:520px}.hero-art{object-fit:cover;object-position:63% center}.hero:after{background:linear-gradient(90deg,#070504e8,#07050485)}}

/* V5: single continuous theater scene; no overlapping image layers */
.hero{height:clamp(440px,27vw,520px);min-height:440px}
.hero-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:none;opacity:1}
.hero:after{background:linear-gradient(90deg,rgba(6,3,3,.34) 0%,rgba(6,3,3,.1) 36%,transparent 63%)}
.hero-content{padding-top:38px}
@media(max-width:850px){.hero{height:auto;min-height:530px}.hero-art{object-position:65% center}.hero:after{background:linear-gradient(90deg,#080505ed,#0805058c)}}

/* V6: detailed architectural wall; full-size awards band */
.hero{height:clamp(460px,28vw,525px);min-height:460px}
.hero-art{width:100%;height:100%;object-fit:cover;object-position:center 50%}
.hero:after{background:linear-gradient(90deg,rgba(3,2,2,.35) 0%,rgba(3,2,2,.22) 35%,transparent 65%)}
.credentials .shell{width:calc(100% - 104px)}
.credential-grid{min-height:148px;grid-template-columns:1.06fr .9fr 1.06fr}
.credential{min-height:140px;padding:16px 22px;gap:23px}
.credential:first-child{padding-left:30px}
.credential:last-child{padding-right:20px}
.credential h2{font-size:22px;line-height:1.1;letter-spacing:1px;margin-bottom:10px}
.credential .fine{font-size:11px;letter-spacing:1.8px;line-height:1.65}
.award-laurel{width:95px;height:100px;object-fit:contain;flex:none}
.isa{height:137px;max-width:260px;width:190px;object-fit:contain}
.story-icon{width:70px;height:70px}
@media(max-width:1050px){.credential h2{font-size:18px}.credential .fine{font-size:9px}.credential:first-child{padding-left:5px}.award-laurel{width:70px}.isa{height:110px}}
@media(max-width:850px){.credential-grid{grid-template-columns:1fr}.credential,.credential:first-child,.credential:last-child{min-height:118px;justify-content:center;padding:12px}.hero-art{object-position:62% center}.hero:after{background:linear-gradient(90deg,#070504dc,#07050478)}}
@media(max-width:600px){.credentials .shell{width:calc(100% - 36px)}}

/* V7: use the exact user-approved original PNG; no image manipulation. */
.hero{height:auto;min-height:0;aspect-ratio:1672/941;background:#050303;overflow:hidden}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;opacity:1;filter:none}
.hero:after{background:linear-gradient(90deg,rgba(3,2,2,.82) 0%,rgba(3,2,2,.67) 26%,rgba(3,2,2,.27) 47%,rgba(3,2,2,0) 73%)}
.hero-content{padding-top:clamp(54px,7vw,115px);padding-bottom:70px}
@media(max-width:1050px){.hero{aspect-ratio:auto;min-height:620px}.hero-art{object-fit:cover;object-position:64% center}.hero:after{background:linear-gradient(90deg,#050303e8 0%,#050303ac 45%,#05030325 100%)}}
@media(max-width:600px){.hero{min-height:610px}.hero-art{object-position:66% center}.hero-content{padding-top:105px;padding-bottom:60px}}

/* V8: desktop layout correction. Original artwork file remains untouched. */
@media (min-width: 851px) {
  .hero { height: 610px; min-height: 610px; aspect-ratio: auto; }
  .hero-art { object-fit: cover; object-position: center 42%; }
  .hero .shell { position: relative; height: 100%; }
  .hero .nav { position: absolute; top: 0; right: 0; display: flex; justify-content: flex-end; z-index: 5; padding-top: 28px; gap: 30px; }
  .hero-content { padding-top: 145px; padding-bottom: 35px; max-width: 760px; }
  .hero h1 { font-size: clamp(58px, 5.2vw, 88px); }
  .hero:after { background: linear-gradient(90deg,rgba(3,2,2,.80) 0%,rgba(3,2,2,.61) 24%,rgba(3,2,2,.16) 49%,transparent 75%); }
}
@media (min-width:851px) and (max-width:1100px) {
  .hero-content { padding-top: 145px; }
  .hero h1 { font-size: clamp(52px, 6vw, 70px); }
}


/* V9: targeted palette, navigation contrast and hero copy placement only. */
:root { --cream:#c8beb1; --muted:#a49b92; --gold:#b99555; }
body { color:var(--cream); }
.hero h1 { color:#d0c6b9; }
.hero .eyebrow,.hero .genres { color:#b6ac9e; }
.hero .intro { color:#bfb5a8; }
.nav a { color:#ded4c7; text-shadow:0 1px 5px rgba(0,0,0,.7); }
.nav a[aria-current=page] { color:#e4c58e; }
.credential h2,.section-head h2,.page-head h1,.work h2 { color:#c9bfb2; }
.poster-name,.poster-title { color:#d1c6b9; }
/* A transparent, localized navigation shade; does not modify source imagery. */
.hero .nav::before { content:''; position:absolute; z-index:-1; top:0; right:-22px; bottom:-17px; left:-30px; pointer-events:none; background:radial-gradient(ellipse 82% 110% at 54% 8%,rgba(9,6,5,.52) 0%,rgba(9,6,5,.30) 47%,rgba(9,6,5,.10) 75%,transparent 100%); border-radius:0; }
@media (min-width:1101px) {
  .hero-content { margin-left:clamp(110px,9.8vw,170px); max-width:620px; }
  .hero h1 { font-size:clamp(56px,4.6vw,78px); }
  .hero .intro { max-width:490px; }
}
@media (min-width:851px) and (max-width:1100px) {
  .hero-content { margin-left:clamp(36px,5vw,65px); max-width:560px; }
  .hero h1 { font-size:clamp(49px,5.4vw,62px); }
}
@media (min-width:851px) {
  /* Dim the brightest projection slightly while preserving the original PNG. */
  .hero:after { background:linear-gradient(180deg,rgba(6,4,3,.18),rgba(6,4,3,.09) 50%,transparent 82%),linear-gradient(90deg,rgba(3,2,2,.75) 0%,rgba(3,2,2,.52) 23%,rgba(3,2,2,.16) 48%,rgba(3,2,2,.12) 100%); }
}
@media (max-width:850px) {
  .hero-content { margin-left:0; }
  .hero .nav::before { left:-10px;right:-10px; }
}

/* V11: credentials band alignment only; hero, navigation and posters unchanged. */
@media (min-width:851px) {
  .credentials .shell { width:calc(100% - 104px); }
  .credential-grid { grid-template-columns:repeat(3,minmax(0,1fr)); min-height:148px; }
  .credential, .credential:first-child, .credential:last-child {
    justify-content:center; padding:14px 16px; gap:17px; min-width:0;
  }
  .credential:first-child .award-laurel {
    width:100px; height:96px; object-fit:contain; object-position:center;
    display:block; flex:0 0 100px; padding:6px 3px 9px;
  }
  .credential:nth-child(2) .isa {
    width:235px; max-width:100%; height:146px; object-fit:contain; display:block;
  }
  .credential:last-child .story-icon { flex:none; }
}
@media (min-width:851px) and (max-width:1150px) {
  .credential, .credential:first-child, .credential:last-child { gap:10px; padding:12px 8px; }
  .credential:first-child .award-laurel { width:78px; flex-basis:78px; height:86px; }
  .credential:nth-child(2) .isa { width:190px; height:135px; }
  .credential h2 { font-size:17px; }
  .credential .fine { font-size:9px; letter-spacing:1px; }
}

/* V13: rebalance spacing after removing redundant hero copy. */
.hero-content .rule{margin-bottom:28px}
.credential:first-child h2{margin-bottom:0}