.fiction-hero{min-height:690px;padding:70px clamp(22px,7vw,108px) 88px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;overflow:hidden;background:radial-gradient(circle at 78% 46%,rgba(177,60,255,.27),transparent 25%),linear-gradient(135deg,#070817,#180b2b 62%,#3b0d42);border-bottom:1px solid rgba(255,255,255,.12)}
.back-link{display:inline-block;margin-bottom:42px;color:#c8cde0;font:700 13px Montserrat,sans-serif}.fiction-copy h1{font:800 clamp(68px,10vw,142px)/.77 Montserrat,sans-serif;letter-spacing:-.075em;margin:0}.fiction-copy h1 em{font-style:normal;color:#d869ff}.fiction-copy>p:not(.eyebrow){max-width:700px;color:#d1d5e5;font-size:21px;line-height:1.6;margin:36px 0}.fiction-date{display:inline-flex;flex-direction:column;padding:16px 22px;border-left:3px solid #ffb100;background:rgba(5,7,20,.55)}.fiction-date strong{font:800 17px Montserrat,sans-serif;color:#ffb100}.fiction-date span{color:#d5d8e4}
.sound-stage{height:440px;display:flex;align-items:center;justify-content:center;gap:18px}.sound-stage span{display:block;width:12px;border-radius:999px;background:linear-gradient(#ffb100,#c84dff);box-shadow:0 0 32px rgba(200,77,255,.34)}.sound-stage span:nth-child(1),.sound-stage span:nth-child(5){height:90px}.sound-stage span:nth-child(2),.sound-stage span:nth-child(4){height:230px}.sound-stage span:nth-child(3){height:380px}
.fiction-intro{padding:100px clamp(22px,7vw,108px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.section-kicker{margin:0 0 15px;color:#ffb100;font:800 12px Montserrat,sans-serif;letter-spacing:.15em;text-transform:uppercase}.fiction-intro h2,.first-story h2,.fiction-cta h2{font:800 clamp(40px,5vw,70px)/.98 Montserrat,sans-serif;letter-spacing:-.05em;margin:0}.fiction-intro>p{color:#c6ccdd;font-size:21px;line-height:1.65;margin:0}
.first-story{margin:0 clamp(22px,7vw,108px) 100px;padding:clamp(30px,5vw,68px);border-radius:28px;display:grid;grid-template-columns:.6fr 1.4fr;gap:55px;align-items:center;background:radial-gradient(circle at 10% 20%,rgba(216,105,255,.2),transparent 32%),linear-gradient(135deg,#111833,#170d28);border:1px solid rgba(216,105,255,.3)}.story-index{font:800 clamp(110px,18vw,260px)/.8 Montserrat,sans-serif;color:rgba(255,255,255,.08)}.first-story>div:last-child>p:not(.section-kicker){font-size:19px;color:#c8cede;max-width:750px}.premiere-stamp{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.13)}.premiere-stamp time{font:800 15px Montserrat,sans-serif;color:#ffbd3d}.premiere-stamp span{color:#cbd1df}
.fiction-genres{padding:0 clamp(22px,7vw,108px) 100px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.fiction-genres article{padding:28px;min-height:220px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#151c38,#0c1024)}.fiction-genres span{font:800 38px Montserrat,sans-serif;color:rgba(216,105,255,.38)}.fiction-genres h3{font:800 21px Montserrat,sans-serif;margin:28px 0 10px}.fiction-genres p{color:#bfc6d8;margin:0}
.fiction-cta{margin:0 clamp(22px,7vw,108px) 100px;padding:48px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:linear-gradient(120deg,#3a1047,#17132f);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.fiction-cta h2{font-size:clamp(32px,4vw,54px)}.fiction-cta p:last-child{color:#cbd1df;font-size:18px}.fiction-cta a{padding:15px 22px;border-radius:999px;background:linear-gradient(135deg,#ffb100,#ff671d);color:#111;font:800 14px Montserrat,sans-serif;white-space:nowrap}
@media(max-width:900px){.fiction-hero{grid-template-columns:1fr;min-height:auto}.sound-stage{height:230px;grid-row:1}.sound-stage span:nth-child(1),.sound-stage span:nth-child(5){height:55px}.sound-stage span:nth-child(2),.sound-stage span:nth-child(4){height:130px}.sound-stage span:nth-child(3){height:210px}.fiction-intro,.first-story{grid-template-columns:1fr}.story-index{font-size:120px}.fiction-genres{grid-template-columns:1fr 1fr}.fiction-cta{grid-template-columns:1fr}.fiction-cta a{justify-self:start}}
@media(max-width:540px){.fiction-hero{padding-left:18px;padding-right:18px}.fiction-copy h1{font-size:70px}.fiction-copy>p:not(.eyebrow){font-size:18px}.fiction-intro{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.fiction-intro>p{font-size:18px}.first-story{margin-left:16px;margin-right:16px;padding:28px 22px}.fiction-genres{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.fiction-cta{margin-left:16px;margin-right:16px;padding:30px 22px}}