/* Homepage preview only. No imported media or ongoing animation. */
@property --cosmic-strength{syntax:'<number>';inherits:true;initial-value:0}
body.cosmic-ready{--cosmic-strength:0;--electric-pink:#ff95dc;--electric-blue:#79dbff;transition:--cosmic-strength 2.6s ease-in-out,background-color 2.6s ease-in-out}
body.cosmic-disco{--cosmic-strength:1;background-color:#000;color:#e9edf3}
body.cosmic-ready .cosmic-surface{background-image:linear-gradient(rgb(0 0 0 / var(--cosmic-strength)),rgb(0 0 0 / var(--cosmic-strength))),var(--cosmic-base,none)!important}
body.cosmic-ready :is(.section-number,h2,h3,.recognition-item strong,.recognition-item span,.category-heading,.poster-kind,.poster-image,.poster-card,.poster-actions a,.reel-button,.header-reel,.about-reel-link,.representation-card,.contact-direct,.hairline,.other-work-tile,.bts-pagination button,.dialog-close,.dialog-caption,.player-caption-category,.player-caption-director,.player-caption-cast,.header a,footer,.bts-page-indicator){transition:color 2.6s ease-in-out,border-color 2.6s ease-in-out,box-shadow 2.6s ease-in-out,text-shadow 2.6s ease-in-out,background-color 2.6s ease-in-out}
body.cosmic-disco :is(.section-number,.about-kicker,.poster-kind,.volition-eyebrow,.other-work-tile-index,.player-caption-category,.player-caption-director,.player-caption-cast>span:first-child){color:var(--electric-pink)!important;text-shadow:0 0 13px #ed74ce30}
body.cosmic-disco :is(.section-heading h2,.about-title,.about-name,.category-heading,.poster-info h3,.other-work-tile h3,.recognition-item strong,.bts-page-indicator){color:var(--electric-blue)!important;text-shadow:0 0 18px #59c7ff28}
body.cosmic-disco :is(h2 em,.contact-tony-name,.recognition-item:nth-child(2) strong,.tds-vip-link){color:var(--electric-pink)!important;text-shadow:0 0 15px #f271d63b}
body.cosmic-disco :is(.section-heading p,.poster-description,.about-copy p,.representation-card p,.volition-story p,.volition-logline,.volition-reviews blockquote,.other-work-footnote){color:#c4cbd6!important;text-shadow:none}
body.cosmic-disco .about-copy .lead{color:#edf0f7!important}
body.cosmic-disco :is(.header,footer,.recognition,.recognition-item,.category-heading,.poster-card,.dialog-caption){border-color:#78d8ff57!important}
body.cosmic-disco .poster-image{border-color:#92dfff9c!important;box-shadow:0 0 0 1px #85d8ff28,0 0 19px #6cc6ff17,0 0 30px #e58ed00d}
body.cosmic-disco .poster-card:nth-child(even) .poster-image{border-color:#f1a5dc9c!important;box-shadow:0 0 0 1px #f3a3dc28,0 0 19px #eb87d017}
body.cosmic-disco :is(.reel-button,.header-reel,.about-reel-link,.contact-direct,.poster-actions a:not(:has(.imdb-mark)),.bts-pagination button,.representation-card,.other-work-tile){border-color:#8bdcff91!important;color:#d9f2ff;box-shadow:0 0 14px #63caff16}
body.cosmic-disco :is(.reel-button,.header-reel,.about-reel-link,.contact-direct,.bts-pagination button):hover{border-color:#f5b5e7!important;box-shadow:0 0 19px #ee85d63b;color:#fff}
body.cosmic-disco :is(a,button):focus-visible{outline:2px solid #f3a6e0;outline-offset:5px}
body.cosmic-disco .hairline{background:linear-gradient(90deg,#8adaff99,#ef9ed680,transparent)!important}
body.cosmic-disco .producer-diamond{color:#8adaff;filter:drop-shadow(0 0 4px #73cfff66)}
body.cosmic-disco .film-dialog{border-color:#8bdcff9c;box-shadow:0 0 0 1px #e996d54d,0 0 44px #6dcfff26,0 30px 100px #000c}
body.cosmic-disco .film-dialog::backdrop{background:#000d}
body.cosmic-disco .film-dialog .dialog-caption h2{color:#9ee2ff!important;text-shadow:0 0 15px #67ceff35}
body.cosmic-disco .film-dialog .player-caption-cast{color:#cbd3df!important;text-shadow:none}
body.cosmic-disco .film-dialog .dialog-close{color:#f6bfeb;background:#05070d;border-color:#f3a6e09c;box-shadow:0 0 15px #ef8dd333}
body.cosmic-disco :is(.bts-lightbox,.volition-review-dialog,#tds-contact){color:#e9edf3;border-color:#9cdbff88;box-shadow:0 0 30px #8adaff22}
body.cosmic-disco .bts-pagination button:disabled{color:#83909e!important;box-shadow:none;opacity:.45}
body.cosmic-disco .shandy-symbol-link{filter:drop-shadow(0 0 5px #d7a3f04d)}
@media(prefers-reduced-motion:reduce){body.cosmic-ready,body.cosmic-ready *{transition-duration:.01ms!important}}
/* Colour-role reversal refinements, cosmic state only. */
body.cosmic-disco #top .section-number{color:var(--electric-blue)!important;text-shadow:0 0 12px #79dbff2e}
body.cosmic-disco #about .about-kicker{color:var(--electric-blue)!important;-webkit-text-fill-color:var(--electric-blue)!important}
body.cosmic-disco #about .about-name{color:var(--electric-pink)!important;-webkit-text-fill-color:var(--electric-pink)!important}
body.cosmic-disco #about .lead strong{color:var(--electric-pink)!important}
body.cosmic-disco #about .lead>span{color:var(--electric-blue)!important}
body.cosmic-disco :is(.reel-button,.header-reel,.about-reel-link){color:#ffd0ee!important;border-color:var(--electric-pink)!important;box-shadow:0 0 15px #ff95dc26}
body.cosmic-disco #films .section-heading h2{color:var(--electric-pink)!important}
body.cosmic-disco #films .section-heading h2 em{color:var(--electric-blue)!important}
body.cosmic-disco #top .category-heading{color:var(--electric-pink)!important}
body.cosmic-disco #top .category-heading::before,body.cosmic-disco #top .producer-diamond::before{border-color:var(--electric-blue)!important;box-shadow:0 0 8px #79dbff40}
body.cosmic-disco #volition>.section-heading .section-number,body.cosmic-disco .volition-making .section-number{color:#f1f5fb!important;text-shadow:none}
body.cosmic-disco #volition>.section-heading h2{color:var(--electric-blue)!important}
body.cosmic-disco #volition .volition-eyebrow{color:var(--electric-pink)!important;text-shadow:0 0 15px #ff95dc26}
body.cosmic-disco .volition-making h3{color:var(--electric-pink)!important;text-shadow:0 0 15px #ff95dc26}
body.cosmic-disco .volition-making h3 em{color:var(--electric-blue)!important}
body.cosmic-disco #volition :is(.volition-actions button,.volition-actions a,.press-link,.webisode-info h4){color:var(--electric-blue)!important;border-color:#79dbff9c!important}
body.cosmic-disco #volition :is(.volition-reviews>a,.webisode-card){border-color:#ff95dc66!important;box-shadow:0 0 15px #79dbff12}
body.cosmic-disco #volition :is(.volition-press-intro>span,.volition-awards>span){color:var(--electric-pink)!important}
body.cosmic-disco #volition :is(.volition-press-intro p,.volition-awards p,.volition-reviews q){color:#d9e2ee!important}
body.cosmic-disco #other-work .section-heading h2{color:var(--electric-pink)!important}
body.cosmic-disco #other-work .section-heading h2 em{color:var(--electric-blue)!important}
body.cosmic-disco #other-work .cosmic-amp{color:#f1f5fb!important}
body.cosmic-disco #contact .contact-direct{color:var(--electric-pink)!important;border-color:var(--electric-pink)!important;box-shadow:0 0 18px #ff95dc22}
body.cosmic-disco #contact .contact-tony-name{color:var(--electric-blue)!important;text-shadow:0 0 12px #79dbff2e}
body.cosmic-disco #contact .representation-card{border-color:#ff95dc9c!important;box-shadow:0 0 15px #ff95dc12}
body.cosmic-disco #contact .representation-card h3{color:var(--electric-pink)!important}
body.cosmic-disco #contact .representation-card>span{color:var(--electric-blue)!important}
body.cosmic-disco #contact .representation-card a{color:#bcecff!important;border-color:#79dbff66!important}
body.cosmic-disco .shandy-symbols{filter:drop-shadow(0 0 4px #79dbff73) drop-shadow(0 0 7px #ff95dc40)}
body.cosmic-disco .shandy-symbols [stroke="#d5b4d2"]{stroke:var(--electric-pink)}
body.cosmic-disco .shandy-symbols [fill="#d5b4d2"]{fill:var(--electric-pink)}
body.cosmic-disco .shandy-symbols [stroke="#b6d9f0"],body.cosmic-disco .shandy-symbols [stroke="#c9dfef"]{stroke:var(--electric-blue)}
body.cosmic-disco .shandy-symbols [fill="#dceaf3"]{fill:#effbff}
body.cosmic-disco .header .header-reel,body.cosmic-disco #top :is(.reel-button,.about-reel-link){color:#ffd0ee!important;border-color:var(--electric-pink)!important;box-shadow:0 0 17px #ff95dc30!important}
body.cosmic-disco #volition .open-reviews{background:#030307!important;border-color:#ff95dc91!important;box-shadow:0 0 18px #79dbff16}
body.cosmic-disco #volition .open-reviews strong{color:var(--electric-blue)!important}
body.cosmic-disco #volition .volition-episode{border-color:#79dbff66!important;box-shadow:0 0 13px #ff95dc12}
body.cosmic-disco #volition :is(.volition-episode-number,.volition-episode-action){color:var(--electric-blue)!important}
body.cosmic-disco #volition .volition-episode-title{color:var(--electric-pink)!important}
body.cosmic-disco .header .header-reel[class]{border-color:var(--electric-pink)!important;box-shadow:0 0 17px #ff95dc30!important;color:#ffd0ee!important}
body.cosmic-disco #volition .volition-making .section-number{color:#f1f5fb!important;text-shadow:none}
body.cosmic-disco #volition :is(.volition-episode,.volition-episode-meta){background:#030307!important}
/* One shared interpolation clock avoids competing late button colour transitions. */
body.cosmic-ready .header .header-reel[class],body.cosmic-ready #top>.hero .hero-links .reel-button[class],body.cosmic-disco.cosmic-ready .header .header-reel[class],body.cosmic-disco.cosmic-ready #top>.hero .hero-links .reel-button[class]{border-color:color-mix(in srgb,var(--cosmic-reel-border),#ff95dc calc(var(--cosmic-strength)*100%))!important;color:color-mix(in srgb,var(--cosmic-reel-ink),#ffd0ee calc(var(--cosmic-strength)*100%))!important;transition:box-shadow 2.6s ease-in-out,text-shadow 2.6s ease-in-out,background-color 2.6s ease-in-out!important}
.film-dialog .player-caption-artist{font:400 clamp(11px,1.15vw,14px)/1.5 'DM Sans',sans-serif;letter-spacing:.15em;color:#d5b4d2;margin:0 0 12px;overflow-wrap:anywhere;text-transform:uppercase}
body.cosmic-disco .film-dialog .player-caption-artist{color:#ff95dc;text-shadow:0 0 12px #ff95dc26}
body.cosmic-ready .film-dialog .player-caption-artist{transition:color 2.6s ease-in-out,text-shadow 2.6s ease-in-out}
@media(prefers-reduced-motion:reduce){body.cosmic-ready .header .header-reel[class],body.cosmic-ready #top>.hero .hero-links .reel-button[class]{transition-duration:.01ms!important}}

/* Final credit hierarchy, shared by normal and cosmic homepage players. */
.film-dialog .player-caption-cast{color:#edf2f7!important}
.film-dialog .player-caption-cast>span:first-child{color:#a5d8f3!important}
body.cosmic-disco .film-dialog .player-caption-cast{color:#edf2f7!important}
body.cosmic-disco .film-dialog .player-caption-cast>span:first-child{color:var(--electric-blue)!important;text-shadow:0 0 10px #79dbff20}
.poster-card[data-film="Robson Arms — Seasons 2 & 3"] .poster-description{white-space:pre-line}

/* Keep the opening awards and biography details on the theme fade. */
body.cosmic-ready :is(.recognition,.recognition-item,#about .about-kicker,#about .about-name,#about .about-copy p,#about .about-copy strong,#about .about-copy em,#about .about-copy .lead>span,footer .footer-normal-toggle){transition:color 2.6s ease-in-out,border-color 2.6s ease-in-out,text-shadow 2.6s ease-in-out,box-shadow 2.6s ease-in-out,background-color 2.6s ease-in-out!important}
body.cosmic-ready #about :is(.about-kicker,.about-name){-webkit-text-fill-color:currentColor!important}
@media(prefers-reduced-motion:reduce){body.cosmic-ready :is(.recognition,.recognition-item,#about .about-kicker,#about .about-name,#about .about-copy p,#about .about-copy strong,#about .about-copy em,#about .about-copy .lead>span,footer .footer-normal-toggle){transition-duration:.01ms!important}}

/* Discreet hero mode lever, independent of the existing film frame. */
#top>.hero .cosmic-lever{position:absolute;z-index:8;right:clamp(92px,10vw,170px);top:50%;transform:translateY(-50%);width:60px;height:150px;padding:0;border:0;border-radius:5px;background:none;color:#a8bdca;font:400 9px/1.2 Jost,sans-serif;letter-spacing:.22em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:none;text-shadow:none}
.cosmic-lever .lever-label{position:absolute;left:0;width:60px;text-align:center;white-space:nowrap;color:#fff;transition:color 2.6s ease-in-out}.cosmic-lever .lever-cinema{top:0}.cosmic-lever .lever-cosmic{bottom:0}
.cosmic-lever .lever-plate{position:absolute;left:14px;top:23px;width:32px;height:102px;border:1px solid #72828d;border-radius:7px;background:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(100deg,#20262b,#454b4f 28%,#262c31 62%,#161c21);box-shadow:inset 1px 0 1px #c1d2dc38,inset -1px 0 2px #0009,0 3px 8px #0008;transition:box-shadow .22s ease,border-color .22s ease}
.cosmic-lever .lever-screw{position:absolute;top:5px;left:12px;width:6px;height:6px;border-radius:50%;border:1px solid #89949a;background:linear-gradient(135deg,#525d65 43%,#171e23 44% 56%,#727d83 57%);box-shadow:0 1px 2px #000}
.cosmic-lever .lever-light{position:absolute;top:19px;left:13px;width:5px;height:5px;border-radius:50%;background:#a9e3ff;box-shadow:0 0 4px #79dbff99,0 0 8px #79dbff44;transition:background-color 2.6s ease-in-out,box-shadow 2.6s ease-in-out}
.cosmic-lever .lever-slot{position:absolute;top:34px;left:8px;width:14px;height:53px;border-radius:10px;background:linear-gradient(90deg,#080d10,#171d21 65%,#080c0e);border:1px solid #73818a;box-shadow:0 0 0 2px #13191c,inset 0 2px 4px #000}
.cosmic-lever .lever-arm{position:absolute;top:65px;left:13px;width:6px;height:16px;border-radius:3px;background:linear-gradient(90deg,#606a70,#c4ced4 48%,#68747c 70%,#303a40);box-shadow:1px 2px 3px #000b;transform:translateY(-36px);transform-origin:50% 4px;transition:transform 1.2s ease-in-out}
.cosmic-lever .lever-knob{position:absolute;left:-4px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 36% 28%,#e6edf0,#9ba9b3 22%,#52606a 48%,#202b32 70%,#95a3ab 88%,#20272c);box-shadow:0 2px 3px #0009}
.cosmic-lever[aria-checked=true] .lever-arm{transform:translateY(0)}

#top>.hero .cosmic-lever:hover .lever-plate,#top>.hero .cosmic-lever:focus-visible .lever-plate{border-color:#a3d9f5;box-shadow:inset 1px 0 1px #c1d2dc38,inset -1px 0 2px #0009,0 0 10px #79dbff44}
#top>.hero .cosmic-lever:focus-visible{outline:1px solid #a3d9f5;outline-offset:5px}
@media(max-width:900px){#top>.hero .cosmic-lever{right:54px}}
@media(max-width:600px){#top>.hero .cosmic-lever{top:34%;right:22px;width:48px;height:128px;font-size:8px}.cosmic-lever .lever-label{width:48px}.cosmic-lever .lever-plate{left:8px;top:15px;transform:scale(.82);transform-origin:50% 0}.cosmic-lever .lever-cosmic{bottom:14px}}
@media(prefers-reduced-motion:reduce){.cosmic-lever .lever-arm,.cosmic-lever .lever-plate{transition:none!important}}

.cosmic-lever[aria-checked=true] .lever-light{background:#ff95dc;box-shadow:0 0 4px #ff95dc99,0 0 8px #ff95dc44}
.cosmic-lever[aria-checked=true] .lever-cinema{color:#79dbff}
.cosmic-lever[aria-checked=true] .lever-cosmic{color:#ff95dc}
@media(prefers-reduced-motion:reduce){.cosmic-lever .lever-light,.cosmic-lever .lever-label{transition:none!important}}

@media(max-width:600px){#top>.hero .cosmic-lever{top:var(--lever-mobile-y,50%)}}

@media(max-width:360px){#top>.hero .cosmic-lever{right:0}}
