/* Seasonal styling is separate from the main RCS design. */
.announcement{background:#36172f;border-top-color:#ff66b3}.announcement .wrap>span{color:#fff0f7}.christmas-star{color:#ffd799;margin-right:7px;font-size:13px}
.header:after{content:"";position:absolute;left:0;right:0;bottom:-21px;height:42px;background:url('./christmas-lights.svg?v=twinkle3') repeat-x center top;background-size:288px 42px;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 5px #5976bd44)}
.film-hero .eyebrow{color:#ffd59c}.film-hero .hero-copy .eyebrow>span{background:#ffd59c;box-shadow:0 0 0 5px #ffd59c15}.hero-copy h1{max-width:670px}.cta{border-top:1px solid #ad80524d}.cta .eyebrow{color:#ffd59c}
.christmas-layer{position:fixed;inset:0;z-index:35;pointer-events:none;overflow:hidden;contain:strict;transition:opacity .2s}
.snowman-flight{width:clamp(280px,32vw,420px);position:absolute;left:0;top:0;will-change:transform;transform:translate3d(-500px,0,0);filter:drop-shadow(0 5px 7px #08051c36);visibility:hidden}
.snowman-flight img{display:block;width:100%;height:auto;animation:snowman-bob 3.4s ease-in-out infinite}
html[data-christmas-motion="on"] .snowman-flight{visibility:visible}
html[data-christmas-motion="off"] .christmas-layer{display:none}
html[data-christmas-suspended="true"] .snowman-flight img{animation-play-state:paused}
body:has(dialog[open]) .christmas-layer{opacity:0}
@keyframes snowman-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.christmas-toggle{position:fixed;z-index:45;bottom:18px;left:18px;display:flex;align-items:center;gap:8px;border:1px solid #c78dad75;background:#211424e8;color:#fff4fa;border-radius:30px;padding:10px 14px;font-size:10px;font-weight:600;line-height:1.2;box-shadow:0 4px 22px #100d1530;backdrop-filter:blur(10px)}
.christmas-toggle[hidden]{display:none}.christmas-toggle:hover{background:#392038}.christmas-toggle svg{width:16px;height:16px;fill:none;stroke:#ffd59c;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.effects-state{color:#ffc1e2;padding-left:7px;border-left:1px solid #a06a8866;min-width:23px}
@media(max-width:800px){.snowman-flight{width:320px}.announcement{font-size:9px}}
@media(max-width:600px){.snowman-flight{width:clamp(210px,62vw,280px)}.christmas-toggle{left:10px;bottom:calc(61px + env(safe-area-inset-bottom));padding:9px 11px;font-size:9px;gap:6px}.christmas-toggle svg{width:14px;height:14px}.header:after{background-size:240px 35px;height:35px;bottom:-17px}.christmas-star{font-size:11px;margin-right:4px}.hero-copy .eyebrow{letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){.snowman-flight img{animation:none}.header:after{background-image:url('./christmas-lights-still.svg?v=twinkle3')}}


/* Small inline sound control; no advert panel or video embed. */
.christmas-controls{position:fixed;z-index:45;left:18px;bottom:18px;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100vw - 36px)}
.christmas-controls .christmas-toggle,.christmas-controls .christmas-sound-toggle{position:static;min-height:44px;font-size:12px;padding:10px 12px;display:flex;align-items:center;gap:7px;border:1px solid #c78dad75;background:#211424f5;color:#fff4fa;border-radius:30px;font-family:inherit;font-weight:600;line-height:1.2;box-shadow:0 4px 22px #100d1530;cursor:pointer}
.christmas-controls button[hidden]{display:none}
.christmas-controls button:hover{background:#392038}
.christmas-controls button:focus-visible{outline:3px solid #ff0a9b;outline-offset:3px}
.christmas-sound-toggle svg{width:16px;height:16px;fill:none;stroke:#ffd59c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){.christmas-controls{left:10px;bottom:calc(66px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px);gap:5px}.christmas-controls .christmas-toggle,.christmas-controls .christmas-sound-toggle{padding:9px 10px;font-size:12px;gap:5px}}
/* Annual UK schedule: hide seasonal layers until the calendar has resolved. */
html:not([data-season="christmas"]) .christmas-layer,html:not([data-season="christmas"]) .christmas-controls{display:none!important}
html:not([data-season="christmas"]) .header:after{display:none}
.newyear-fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:34;contain:strict}
.newyear-toggle{position:fixed;z-index:45;bottom:18px;left:18px;min-height:44px;background:#211424f5;color:#fff;border:1px solid #ff0a9b;border-radius:30px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.newyear-toggle[hidden]{display:none}.newyear-toggle:focus-visible{outline:3px solid #ff0a9b;outline-offset:3px}@media(max-width:600px){.newyear-toggle{left:10px;bottom:calc(66px + env(safe-area-inset-bottom))}}