/* Storm-blue / ice-blue direction. Previous source remains saved in version history. */
:root{--frost:#edf6ff;--silver:#d5e8f8;--ink:#23394e;--tone-base:231 243 253;--tone-panel:250 253 255;--tone-panel-2:229 241 251}.hero.cinema{overflow:hidden}.hero.cinema:before{content:'';position:absolute;z-index:0;inset:0 -8% 0 20%;pointer-events:none;background:radial-gradient(ellipse at 76% 36%,#263e5c70 0%,#36567455 24%,#6896bc29 42%,transparent 66%);filter:blur(25px)}.hero.cinema .hero-art{width:82%;right:-3%;top:-3%;height:106%;mask-image:linear-gradient(90deg,transparent,#000 21%,#000 89%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent);mask-composite:intersect}.cinema .hero-art .hero-symbol-scene>img{filter:contrast(1.3) saturate(1.23) brightness(.93);opacity:1}.hero-symbol-scene:after{content:'';position:absolute;inset:4% 0 25% 22%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 67% 40%,#334e75a8,transparent 67%);mix-blend-mode:multiply}.s-light-overlay{z-index:2;opacity:1}.s-gold-trail{stroke-width:4;filter:drop-shadow(0 0 5px #fff0bfdd) drop-shadow(0 0 15px #edb95eaa);opacity:1}.s-light-core{filter:drop-shadow(0 0 5px #fff2ce) drop-shadow(0 0 12px #edb95e)}.s-glint{filter:drop-shadow(0 0 10px #ffe0a9dd)}.hero.cinema h1{font-size:clamp(54px,5.9vw,88px);max-width:720px}.hero.cinema h1,.hero.cinema h1 em{animation:none!important;background:none!important;color:#263b50!important;-webkit-text-fill-color:#263b50!important;text-shadow:none!important}.hero.cinema h1 em{color:#496881!important;-webkit-text-fill-color:#496881!important;font-style:normal}.hero.cinema .hero-description{color:#304f69}.hero-coordinate{background:#f2f8ff80;border-color:#ffffffb0;color:#304f69}.hero-bottom{color:#385b78}
@media(min-width:1600px){.hero.cinema .hero-art{width:79%;right:0}.hero.cinema .hero-copy{max-width:800px}}
@media(min-width:721px) and (max-width:1050px){.hero.cinema .hero-art{width:94%;right:-11%}.hero.cinema h1{font-size:62px}.hero.cinema .hero-copy{width:65%}}
@media(max-width:720px){.hero.cinema{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-content:start;min-height:0;height:auto;max-height:none;padding:25px 24px 42px}.hero.cinema:before{inset:145px -65% 140px -65%;background:radial-gradient(ellipse at 55% 40%,#233f637d,#3e648649 33%,transparent 65%);filter:blur(20px)}.hero.cinema .hero-copy{display:contents;transform:none}.hero.cinema .eyebrow{grid-row:1;position:relative;z-index:3;font-size:7px;letter-spacing:.08em;margin:0 0 16px}.hero.cinema h1{grid-row:2;position:relative;z-index:3;font-size:clamp(36px,9.8vw,46px);line-height:1.05;letter-spacing:-.06em;margin:0;max-width:100%}.hero.cinema .hero-art{grid-row:3;position:relative;inset:auto;left:auto;right:auto;width:calc(100% + 260px);height:335px;margin:-12px -105px -22px -155px;transform:none!important;mask-image:linear-gradient(180deg,transparent,#000 13%,#000 78%,transparent);mask-composite:add;z-index:1}.hero.cinema .hero-symbol-scene{transform-origin:64% 48%}.hero.cinema .hero-description{grid-row:4;position:relative;z-index:3;margin:0;max-width:100%;font-size:13px;line-height:1.65}.hero.cinema .actions{grid-row:5;position:relative;z-index:3;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:13px 18px;margin:19px 0 0}.hero.cinema .actions .button{padding:13px 18px;font-size:10px}.hero.cinema .actions .text-button{font-size:10px;gap:8px}.hero.cinema .play-circle{width:26px;height:26px}.hero.cinema .consultation-hint{grid-row:6;position:relative;z-index:3;margin:12px 0 0;font-size:9px!important;max-width:290px}.hero.cinema .hero-coordinate,.hero.cinema .hero-bottom,.hero.cinema .scroll-cue{display:none}.hero.cinema .s-gold-trail{stroke-width:4.5}.hero.cinema .hero-art .hero-symbol-scene>img{filter:contrast(1.36) saturate(1.26) brightness(.91)}.hero-symbol-scene:after{inset:2% 0 25% 20%}.hero.cinema #light-field{opacity:.45}}
@media(max-width:370px){.hero.cinema .hero-art{height:300px}.hero.cinema h1{font-size:36px}.hero.cinema .actions{gap:12px}}
.hero.cinema h1 em{background:linear-gradient(110deg,#3e5d77 15%,#7e99af 48%,#3e5d77 80%)!important;background-size:220% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;animation:storm-word 14s ease-in-out infinite!important}@keyframes storm-word{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.motion-paused .hero.cinema h1 em{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.hero.cinema h1 em{animation:none!important}}
.hero-symbol-scene:after{opacity:.3}.s-rim-light{stroke:#ffe0a0;stroke-width:2;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 3px #f2c773bb);pointer-events:none}.cinema .hero-art .hero-symbol-scene>img{filter:contrast(1.25) saturate(1.23) brightness(1.02)}@media(max-width:720px){.hero.cinema .hero-art{width:calc(100% + 340px);height:400px;margin:-12px -62px -22px -278px}.hero.cinema .hero-art .hero-symbol-scene>img{filter:contrast(1.27) saturate(1.25) brightness(1.02)}.s-rim-light{stroke-width:2.4;opacity:.95}}@media(max-width:370px){.hero.cinema .hero-art{height:360px}}
/* Lighter editorial title, leaving the glass S as the visual focus. */
.hero.cinema h1{font-weight:400;font-size:clamp(50px,4.5vw,76px);letter-spacing:-.045em;line-height:1.12;max-width:850px;margin-bottom:24px}.hero-headline-first,.hero-headline-second{display:block}.hero-headline-second{white-space:nowrap}.hero-mobile-break{display:none}.hero.cinema .hero-copy{width:65%;max-width:850px}
@media(min-width:721px) and (max-width:1050px){.hero.cinema h1{font-size:clamp(42px,4.9vw,52px)}.hero.cinema .hero-copy{width:70%}}
@media(max-width:720px){.hero.cinema .hero-copy{width:auto;max-width:none}.hero.cinema h1{font-size:clamp(37px,10.7vw,42px);font-weight:400;line-height:1.11;letter-spacing:-.05em;margin:0}.hero-mobile-break{display:block}.hero-headline-second{white-space:normal}}
/* Match the image and SVG bounds, then dissolve both side edges before they can show. */
@media(max-width:720px){.hero.cinema .hero-art{--mobile-art-height:400px}.hero.cinema .hero-symbol-scene{position:absolute;top:0;left:50%;width:calc(var(--mobile-art-height)*1.5);height:var(--mobile-art-height);margin-left:calc(var(--mobile-art-height)*-.75);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 85%,transparent 100%)}.hero.cinema .hero-art .hero-symbol-scene>img{object-fit:fill}.hero.cinema .s-light-overlay{overflow:hidden}}
@media(max-width:370px){.hero.cinema .hero-art{--mobile-art-height:360px}}
@media(min-width:721px){.hero.cinema .hero-symbol-scene{position:absolute;inset:0;margin:auto;width:100%;height:auto;aspect-ratio:3/2;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 82%,transparent 100%)}.cinema .hero-art .hero-symbol-scene>img{object-fit:fill}}
/* Feather each axis on a separate layer: no mask-composite dependency in Safari. */
.hero.cinema .hero-art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 87%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 87%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
.hero.cinema .hero-symbol-scene{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 72%,transparent 100%)}
.scroll-atmosphere header{isolation:isolate;background:transparent;border-bottom:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.scroll-atmosphere header:before{content:'';position:absolute;inset:0 0 -42px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(var(--tone-base)/.98) 0%,rgb(var(--tone-base)/.93) 50%,rgb(var(--tone-base)/.55) 76%,rgb(var(--tone-base)/0) 100%)}
@media(max-width:720px){.hero.cinema .hero-art{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 23%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 23%,#000 70%,transparent 100%)}.hero.cinema .hero-symbol-scene{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 82%,transparent 100%)}.hero.cinema:before{filter:none;background:radial-gradient(ellipse at 55% 40%,#233f6350 0%,#3e648625 33%,transparent 65%)}}
/* The wide storm wash reached its rectangular top edge; the feathered photo supplies the blue depth. */
.hero.cinema:before{content:none}
/* Restore the original pearl-silver palette; retain the current layout and seamless masks. */
:root{--frost:#f4f7fa;--silver:#d9e2e9;--ink:#17232b;--tone-base:234 240 245;--tone-panel:249 252 255;--tone-panel-2:237 244 249}
.hero-symbol-scene:after{background:none}
.cinema .hero-art .hero-symbol-scene>img,.hero.cinema .hero-art .hero-symbol-scene>img{filter:saturate(.96) contrast(1.065)}
.hero.cinema h1{color:#17232b!important;-webkit-text-fill-color:#17232b!important}
.hero.cinema h1 em{background:linear-gradient(110deg,#425969 15%,#879aa7 48%,#425969 80%)!important;background-size:220% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.hero.cinema .hero-description,.hero-coordinate{color:#354e60}.hero-bottom{color:#4b677c}
/* Local graphite depth. Explicit ellipse radii keep every stop inside the layer bounds. */
.hero.cinema:before{content:'';inset:0;filter:none;background:radial-gradient(ellipse 33% 43% at 64% 54%,rgb(49 59 72 / .32) 0%,rgb(65 76 89 / .20) 42%,rgb(79 91 104 / .06) 75%,transparent 100%)}
.hero.cinema .hero-symbol-scene:after{inset:0;opacity:1;mix-blend-mode:multiply;background:radial-gradient(ellipse 34% 39% at 63% 43%,rgb(43 52 65 / .48) 0%,rgb(61 72 85 / .32) 45%,rgb(79 91 104 / .10) 76%,transparent 100%),radial-gradient(ellipse 34% 29% at 37% 65%,rgb(54 63 76 / .32) 0%,rgb(69 80 93 / .17) 46%,transparent 100%)}
@media(max-width:720px){.hero.cinema:before{content:none}}
/* Soft light deepens the graphite mids while preserving the photograph's luminous gold and sun. */
.hero.cinema .hero-symbol-scene:after{mix-blend-mode:soft-light}
/* Extend the graphite bed beneath the sun, with transparent stops before every rectangular edge. */
.hero.cinema:before{background:radial-gradient(ellipse 37% 36% at 62% 62%,rgb(49 59 72 / .42) 0%,rgb(65 76 89 / .29) 44%,rgb(79 91 104 / .09) 77%,transparent 100%)}
.hero.cinema .hero-symbol-scene:after{background:radial-gradient(ellipse 36% 40% at 61% 44%,rgb(43 52 65 / .48) 0%,rgb(61 72 85 / .32) 45%,rgb(79 91 104 / .10) 76%,transparent 100%),radial-gradient(ellipse 43% 34% at 44% 65%,rgb(45 55 68 / .63) 0%,rgb(57 68 81 / .46) 40%,rgb(79 91 104 / .16) 74%,transparent 100%)}
/* A separate lower graphite veil gives the pale rays a visible dark bed, away from the solar core. */
.hero.cinema .hero-symbol-scene:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(ellipse 43% 25% at 45% 74%,rgb(50 60 73 / .51) 0%,rgb(62 73 86 / .37) 40%,rgb(82 93 106 / .14) 74%,transparent 100%)}
.hero.cinema .hero-symbol-scene:before{-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 65%,#000 78%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,transparent 65%,#000 78%,#000 100%)}