:root{--bg:#171216;--panel:#241b21;--panel2:#30232b;--text:#f7efe8;--muted:#c4b3b7;--gold:#d7b783;--red:#9d3c50;--line:#49343d;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100vw - var(--max))/2));background:rgba(23,18,22,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:22px}.brand strong,.brand small{display:block;letter-spacing:.12em}.brand strong{font-size:12px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.04em;margin-top:3px}.topbar nav{display:flex;gap:22px;color:var(--muted);font-size:13px}.topbar nav a:hover{color:var(--gold)}main{max-width:var(--max);margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:54px 0 64px}.hero-art{min-height:450px;position:relative;overflow:hidden;border:1px solid #65404a;border-radius:12px;background:radial-gradient(ellipse at 50% 28%,#795044 0,#4a2932 36%,#20171d 75%);box-shadow:0 24px 70px #0006}.curtain{position:absolute;top:0;bottom:0;width:25%;background:repeating-linear-gradient(90deg,#5c1d30 0,#7d263d 18px,#401726 34px);z-index:2;opacity:.95}.curtain-left{left:0;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.curtain-right{right:0;clip-path:polygon(0 0,100% 0,100% 100%,22% 100%)}.spotlight{position:absolute;top:-30px;left:15%;width:70%;height:340px;background:linear-gradient(180deg,#f5dca555,transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(4px)}.stage{position:absolute;z-index:3;left:14%;right:14%;top:25%;text-align:center;text-shadow:0 4px 20px #000}.stage-sign{font-size:10px;letter-spacing:.28em;color:#e8c99c}.stage-title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:700;line-height:.97;margin:22px 0;color:#fff1d8}.stage-title em{font-style:normal;color:var(--gold)}.stage-subtitle{font-size:13px;letter-spacing:.08em;color:#f3dfcb}.hero-copy .eyebrow,.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold);font-weight:700}.hero h1{font:600 clamp(40px,5vw,60px)/1.08 "Playfair Display",Georgia,serif;margin:14px 0 18px}.lede{color:#d9cbd0;font-size:17px;max-width:490px}.meta{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.meta span{border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:12px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:0;border-radius:6px;padding:12px 18px;font:600 13px "DM Sans",Arial;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--red);color:white}.primary:hover{background:#b14a5e}.secondary{border:1px solid #775c64;color:var(--text);background:transparent}.secondary:hover{border-color:var(--gold)}.small-note{font-size:11px;color:#a9949d;margin-top:18px}.small-note code,code{color:#f0d6a9;background:#392a32;padding:2px 5px;border-radius:4px}.section{padding:38px 0 54px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.section-heading h2,.credits h2{font:600 31px/1.2 "Playfair Display",Georgia,serif;margin:4px 0}.section-heading .eyebrow{margin:0}.section-note{font-size:11px;color:var(--muted)}.video-frame{background:#080708;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative;min-height:180px}.video-frame video{display:block;width:100%;max-height:72vh;background:#080708}.video-error{padding:28px;text-align:center;color:var(--muted)}.video-error[hidden]{display:none}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chapter{padding:0;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s}.chapter:hover{transform:translateY(-3px);border-color:var(--gold)}.chapter-art{height:130px;display:grid;place-items:center;background:linear-gradient(135deg,#53313d,#24202a);color:var(--gold);font:600 38px "Playfair Display",Georgia,serif}.chapter-info{padding:14px}.chapter-info strong{display:block;font-size:14px}.chapter-info span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.cast-section{background:linear-gradient(90deg,#21171d,transparent);padding-left:22px;padding-right:22px;border-radius:8px}.cast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cast-card{padding:16px;border:1px solid var(--line);border-radius:8px;background:#21191f}.cast-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#49303a;color:var(--gold);font-weight:700;margin-bottom:12px}.cast-card strong{display:block;font-size:13px}.cast-card span{font-size:11px;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-item{min-height:145px;border-radius:8px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(135deg,#49313a,#201a20);display:flex;align-items:end;padding:14px;background-size:cover;background-position:center;position:relative}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#120d10cc,transparent 70%)}.gallery-item span{position:relative;font-size:12px;font-weight:600}.credits{text-align:center;padding:58px 18px 68px;border-top:1px solid var(--line)}.credits p:last-child{color:var(--muted);max-width:600px;margin:14px auto 0}footer{display:flex;justify-content:space-between;gap:16px;max-width:var(--max);margin:auto;padding:22px 24px 32px;color:#8e7d84;font-size:11px;border-top:1px solid var(--line)}
@media(max-width:760px){.topbar{padding:12px 16px;align-items:flex-start}.topbar nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.brand small{display:none}.brand-mark{width:34px;height:34px}.topbar nav a:nth-child(4){display:none}main{padding:0 16px}.hero{grid-template-columns:1fr;gap:28px;padding:28px 0 42px}.hero-art{min-height:330px}.hero h1{font-size:42px}.hero-copy{order:-1}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2,.credits h2{font-size:27px}.chapter-grid{grid-template-columns:repeat(2,1fr);gap:10px}.chapter-art{height:100px}.cast-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item{min-height:120px}.cast-section{padding-left:12px;padding-right:12px}footer{padding-left:16px;padding-right:16px}}@media(max-width:390px){.topbar nav a{font-size:10px}.chapter-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}}
