:root{--bg:#120f1c;--bg-deep:#100c16;--ink:#fff1dc;--muted:#d1c0c7;--accent:#ff9a45;--accent-dark:#ffc181;--gold:#ffbb69;--line:#ffffff26;--card:#241b30;--card-strong:#2b2137;--shadow:0 22px 65px #0006}
body{background:radial-gradient(ellipse at 8% 0,#51274c77,transparent 38%),radial-gradient(ellipse at 100% 25%,#703a1b55,transparent 36%),#120f1c;color:var(--ink)}
body::before{background-image:radial-gradient(#ffce8b45 1px,transparent 1px);background-size:48px 48px;opacity:.18}
.site-header{background:#1c1429ed;border-color:#ed9d434d;box-shadow:0 12px 50px #0007}.brand-mark{box-shadow:0 0 22px #ff8b4540}.site-nav a:hover{color:#ffbe7c}
.eyebrow,.pill{background:#ff9b4519;color:#ffc181}.button-primary{background:#ff9a45;color:#21121b;border-color:#ff9a45;box-shadow:0 5px 24px #e8792525}.button-primary:hover{background:#ffb56b;color:#21121b}.button-secondary{color:#ffe8ca;border-color:#ffc18177;background:#ffffff05}.text-link{color:#ffc181}
.service-gateway-card,.proof-card,.character-introduction,.panda-case-study,.collection-card,.commission-card,.contact-card,.process-grid article,.package-card,.faq-item,.studio-letter-intro,.ww-feature{background:#231b2d;color:#fff1dc;border-color:#ffc18130}.service-gateway-card-dark,.studio-cta{background:linear-gradient(135deg,#352038,#48271f)}
input,textarea,select{background:#fff8ee;color:#211522}.hero-stats li{border-color:var(--line)}
.halloween-hero{grid-template-columns:1fr 1.08fr;gap:52px;padding-top:64px;padding-bottom:40px}.halloween-hero h1{font-size:clamp(3.4rem,5.8vw,5.4rem);max-width:13ch;line-height:.98;letter-spacing:-.035em}.halloween-hero h1 em{color:#ffa65a;font-style:italic}.halloween-hero .hero-text{color:#f0dfd9;max-width:39ch}.haunt-note{max-width:43ch;color:#c4b0c2;line-height:1.75;font-size:.95rem}.halloween-signoff{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:#c5a9cd;margin-top:26px}
.haunted-gallery{display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:1fr 1fr;gap:16px;min-width:0;position:relative}.haunted-gallery::before{content:'';position:absolute;inset:-35px;background:radial-gradient(ellipse,#d5632630,transparent 67%);z-index:-1}.haunted-gallery figure{position:relative;margin:0;overflow:hidden;border:1px solid #ffaa584d;border-radius:100px 100px 12px 12px;background:#1d1424;box-shadow:0 15px 35px #0008}.haunted-gallery img{display:block;width:100%;height:100%;object-fit:cover}.haunted-gallery figcaption{position:absolute;inset:auto 0 0;padding:30px 12px 13px;background:linear-gradient(transparent,#100b17f2);font-size:.65rem;line-height:1.4;color:#ffdfae;letter-spacing:.035em}.haunted-main{grid-row:1/3;transform:rotate(-3deg);height:590px}.haunted-ash{height:287px;transform:rotate(3deg)}.haunted-ash img{object-position:35% 56%}.haunted-musicians{height:287px;transform:rotate(2deg)}.haunted-musicians img{object-position:center 35%}
.haunted-interlude{display:grid;grid-template-columns:160px 1fr 160px;align-items:center;gap:38px;padding:30px 50px;margin:35px 0 60px;text-align:center;border-block:1px solid #ffb16b33;background:linear-gradient(90deg,transparent,#63244825,transparent)}.haunted-interlude h2{font-size:clamp(2.5rem,4.6vw,4rem);margin-top:15px}.haunted-interlude p:not(.eyebrow){color:#cdbdcc}.haunted-interlude>img{width:150px;height:300px}.haunted-interlude>img:last-child{transform:scaleX(-1)}.halloween-beach-feature{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center}.halloween-beach-feature .hero-film{margin:0}.new-film-card{padding:18px;border:1px solid #ffaa5833;background:#20172a;border-radius:20px}.new-film-card span{color:#ffc181}.new-film-card p{color:#d8c1d7}
:focus-visible{outline:3px solid #ffc181;outline-offset:5px}
@media(max-width:800px){.halloween-hero{grid-template-columns:1fr;gap:36px;padding-top:40px}.halloween-hero h1{max-width:17ch}.haunted-main{height:540px}.haunted-ash,.haunted-musicians{height:262px}.haunted-gallery{max-width:600px;width:100%;margin:auto}.haunted-interlude{grid-template-columns:85px 1fr;gap:15px;padding:25px 8px}.haunted-interlude>img{width:85px;height:210px}.haunted-interlude>img:last-child{display:none}.halloween-beach-feature{grid-template-columns:1fr;gap:20px}.halloween-beach-feature .hero-film{max-width:390px;margin:auto}}
@media(max-width:450px){.haunted-main{height:420px}.haunted-ash,.haunted-musicians{height:202px}.haunted-gallery{gap:12px}.haunted-gallery figcaption{font-size:.57rem;padding-inline:8px}.halloween-hero h1{font-size:3.35rem}.haunted-interlude h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.gateway-card,.featured,.website-kit-feature-secondary,.song-story,.character-start,.join-cast,.merch-development,.art-promise,.featured-book-film,.book-story-card{background:#241b30;color:#fff1dc;border-color:#ffc18130}

/* Homepage panels that previously inherited the light palette. */
.scope-card,.website-kit-feature-mark{background:var(--card);color:var(--ink);border:1px solid #ffc18130;box-shadow:var(--shadow)}
.scope-card p,.website-kit-feature-mark span{color:var(--muted)}
.scope-card .eyebrow{color:#ffc181}
.scope-card h2,.website-kit-feature-mark strong{color:var(--ink)}
.scope-card .button-primary:hover,.scope-card .button-primary:focus-visible,.website-kit-feature-secondary .button-primary:hover,.website-kit-feature-secondary .button-primary:focus-visible{background:#ffb56b;color:#21121b;border-color:#ffc181}
.studio-links a{color:#ffc181;text-underline-offset:3px}.studio-links a:hover,.studio-links a:focus-visible{color:#fff1dc}