/* A steady picture, two clear destinations, and room to read. */
.language-switch{display:flex;align-items:center;gap:.1rem;font-size:1rem;text-shadow:0 1px 7px #03121ca0}.language-switch button{padding:.6rem .45rem;min-width:44px;min-height:48px;border:0;border-radius:0;background:transparent;font-size:1rem;opacity:.75}.language-switch button[aria-pressed=true]{opacity:1;color:#efd4a1;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.language-switch button:hover{opacity:1}.language-switch>span{opacity:.5}
:root{color-scheme:dark;--ink:#061720;--paper:#f7f4ed;--amber:#efd4a1;--muted:#c8d1d3;--rule:#ffffff40;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;min-height:48px}a{color:inherit;text-decoration:none}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff;outline-offset:5px}h1,h2,h3,p{margin:0}img,video{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:var(--amber);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-6rem;left:1rem;z-index:100;padding:1rem;background:var(--ink)}.skip:focus{top:1rem}
#experience{position:relative;width:100%;height:100svh;height:100dvh;isolation:isolate;overflow:hidden;background:var(--ink)}
.scene-media,.frame,.veil,.transition-screen{position:absolute;inset:0}
.scene-media{z-index:0;transform:none;transition:none}.frame{opacity:0;overflow:hidden}.frame.is-current{opacity:1}.frame.is-leaving{opacity:0}
.frame img,.frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focal,50% 50%)}
.frame video{opacity:0;transition:opacity .4s}.frame video.is-playing{opacity:1}
.veil{z-index:2;pointer-events:none;background:linear-gradient(180deg,#03121ca8,transparent 24%,transparent 48%,#03121c80 70%,#03121ce8);transition:opacity .4s}
.masthead{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.8rem 4vw;z-index:5}
.brand{width:clamp(170px,16vw,230px);flex-shrink:0}.brand img{width:100%;height:auto}.header-right{display:flex;gap:.75rem;align-items:center}
.sound-control,.menu-control{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:50px;padding:.6rem .7rem;border:1px solid transparent;border-radius:0;background:transparent;text-shadow:0 1px 7px #03121ca0;font-size:1rem;line-height:1.25}
.sound-control:hover,.menu-control:hover{background:#04121c45;border-bottom-color:var(--amber)}.menu-symbol{font-size:1.4rem;line-height:1}.sound-bars{height:20px;display:flex;gap:3px;align-items:center}.sound-bars i{background:currentColor;width:2px;height:7px}.sound-bars i:nth-child(2){height:17px}.sound-bars i:nth-child(3){height:12px}.sound-bars i:nth-child(4){height:19px}.sound-on .sound-bars i{animation:sound-wave 1s ease-in-out infinite alternate}.sound-on .sound-bars i:nth-child(2){animation-delay:-.45s}.sound-on .sound-bars i:nth-child(3){animation-delay:-.2s}@keyframes sound-wave{to{transform:scaleY(.35)}}
.scene-location{position:absolute;left:4vw;top:7.1rem;display:flex;align-items:center;gap:.7rem;font-size:.9375rem;letter-spacing:.07em;text-shadow:0 2px 10px #000}.location-mark{width:24px;height:1px;background:var(--amber);flex-shrink:0}
.scene-story{position:absolute;left:4vw;bottom:13.1rem;max-width:min(550px,48vw);pointer-events:none;text-shadow:0 2px 14px #03121c90,0 1px 3px #03121c70;}
.scene-kicker{font-size:.9375rem;letter-spacing:.09em;line-height:1.45;color:var(--amber);margin-bottom:.8rem}
h1{font-size:clamp(3rem,5.3vw,5.4rem);font-weight:400;letter-spacing:-.045em;line-height:1}h1 span,h1 em{display:block}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em;margin-top:.08em}h1:focus{outline:none}
body:not([data-scene=large]) h1{font-size:clamp(2.65rem,4vw,4.2rem)}.scene-line{font-size:1.25rem;line-height:1.5;max-width:31rem;margin-top:1rem;color:#f5f5ed}
body[data-scene=nadezhda] .scene-story{left:auto;right:4vw;max-width:32vw}
.journey-panel{position:absolute;left:4vw;right:4vw;bottom:max(1.2rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.6rem;z-index:3;transition:opacity .25s;isolation:isolate}
.journey-panel:before{content:'';position:absolute;inset:-4rem -4vw -2rem;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,#03121c20 20%,#03121c90 78%,#03121cc0);}
.scene-choices{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(2rem,12vw,16rem)}
#aircraft-dialog{max-width:640px;background:#071923f2;border-radius:8px}#aircraft-dialog::backdrop{background:#020d1488;backdrop-filter:blur(4px)}#aircraft-choices{display:grid;padding:.5rem 1.5rem 1.5rem}#aircraft-choices .aircraft-option{min-height:100px;text-align:left;align-items:center;flex-direction:row;padding:1rem 0}#aircraft-choices .choice-words{text-align:left;order:0;flex:1}#aircraft-choices .choice-arrow{order:1}#aircraft-choices .choice-label{font-size:1.5rem}#aircraft-choices .choice-overline{font-size:1rem}
.scene-choice{display:flex;align-items:center;gap:1.1rem;padding:.85rem 0;min-height:94px;position:relative;color:#faf8f1;min-width:0;touch-action:manipulation;text-shadow:0 2px 9px #03121c90;border-top:1px solid #e8eff02b;}
.scene-choice:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#e8eff066,transparent);transform-origin:left;opacity:.5;transition:opacity .2s}.direction-next:after{background:linear-gradient(270deg,#e8eff066,transparent)}
.scene-choice:hover:after,.scene-choice:focus-visible:after{opacity:1}.scene-choice:hover .choice-arrow{border-color:var(--amber);background:#f0d4a11f;color:var(--amber)}.scene-choice:active .choice-arrow{background:#f0d4a138}.scene-choice:focus-visible{outline-offset:4px}
.choice-words{display:flex;flex-direction:column;gap:.35rem;min-width:0;flex:1}.choice-overline{font-size:.9375rem;line-height:1.3;color:#dfd7c6}.choice-label{font-size:1.5rem;line-height:1.2;font-weight:450;overflow-wrap:break-word}.choice-arrow{font-size:1.7rem;line-height:1;flex-shrink:0;width:50px;height:50px;display:grid;place-items:center;border:1px solid #f5f4eb77;border-radius:50%;transition:background .18s,border-color .18s,color .18s}.direction-next .choice-words{text-align:right}.direction-next .choice-arrow{margin-left:auto}
.journey-bottom{display:flex;justify-content:flex-end;align-items:center;gap:1rem;min-height:48px;text-shadow:0 2px 9px #03121c90}.journey-hint{font-size:.9375rem;line-height:1.4;color:#d9dedc}.journey-position{font-size:.9375rem;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap;color:#d9dedc}
.teaser-control{display:flex;align-items:center;gap:.55rem;min-height:48px;padding:.5rem 0;font-size:1.0625rem;justify-self:end;color:#f5f2e9}.teaser-control>span:first-child{font-size:1.35rem}.teaser-control>span:last-child{border-bottom:1px solid #f5f2e950;padding-bottom:2px}.teaser-control:hover{color:var(--amber)}.tour-complete .teaser-control{color:var(--amber)}.tour-complete .journey-hint{color:var(--amber)}
.is-travelling .scene-story,.is-travelling .journey-panel,.is-cinema .masthead,.is-cinema .scene-location{opacity:0;pointer-events:none}.is-travelling .scene-choice{pointer-events:none}
body[data-scene=large] .scene-media,.is-matched-arrival .scene-media{transform:none!important;transition:none}
.is-film-playing .veil,.is-matched-arrival .veil{opacity:0}.is-matched-arrival .scene-story,.is-matched-arrival .masthead,.is-matched-arrival .journey-bottom{text-shadow:0 2px 9px #03101990}
.transition-screen{z-index:1;pointer-events:none;opacity:0;transition:none;background:transparent}.transition-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;mask-image:none}.transition-screen.is-on{opacity:1}
.skip-transition{position:absolute;right:4vw;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:10;background:#04121ee8;border:1px solid var(--amber);padding:.75rem 1.25rem;border-radius:10px;font-size:1.125rem;min-height:52px}.visual-status{position:absolute;left:50%;top:8rem;transform:translateX(-50%);z-index:10;padding:1rem 1.25rem;background:#061720f5;border:1px solid var(--rule);border-radius:10px;font-size:1rem;max-width:90%;text-align:center}
dialog{position:fixed;padding:0;color:var(--paper);border:1px solid #b6cbc133;background:var(--ink);max-width:min(1150px,94vw);max-height:90dvh;width:100%;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#020d14df;backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:2;background:var(--ink)}.dialog-top h2{font-size:1rem;font-weight:400}.close-button{font-size:2rem;line-height:1;width:44px}.trailer-bottom{padding:1rem 1.5rem;font-size:.875rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}#trailer-player{width:100%;max-height:calc(90dvh - 140px);background:#000}#retry-trailer{padding:.5rem 1rem;border:1px solid var(--amber);border-radius:2rem;color:var(--paper)}#crew-dialog{max-width:1050px}.crew-layout{display:grid;grid-template-columns:200px 1fr;min-height:500px}#crew-list{display:flex;flex-direction:column;padding:1.5rem 0;border-right:1px solid var(--rule)}#crew-list button{text-align:left;font-size:1.05rem;padding:1rem 1.6rem;color:var(--muted);border-left:2px solid transparent}#crew-list button[aria-pressed=true]{color:var(--amber);border-left-color:var(--amber);background:#e7c8910a}#crew-person{display:grid;grid-template-columns:46% 1fr;min-height:490px}#crew-image{width:100%;height:100%;max-height:65dvh;object-fit:cover}.crew-copy{padding:2.5rem 2rem;align-self:center}.crew-copy h3{font-family:Georgia,serif;font-size:2.6rem;line-height:1.05;font-weight:400;margin-bottom:1.5rem;letter-spacing:-.025em}.crew-copy>p{font-size:1rem;line-height:1.6}.crew-copy #crew-line{margin-bottom:1rem}.crew-copy #crew-description{color:var(--muted)}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding:3rem}.credits-grid span{display:block;color:var(--muted);font-size:.875rem;margin-bottom:.75rem}.credits-grid strong{font-size:1.1rem;font-weight:400;line-height:1.6}.credit-note{padding:0 3rem 1.5rem;line-height:1.6;color:var(--muted);font-size:.875rem}.noscript{position:fixed;inset:auto 1rem 1rem;background:var(--ink);padding:1.5rem;z-index:99}.noscript a{display:block;margin-top:1rem;text-decoration:underline}


/* Secondary actions are grouped away from the two-direction journey. */
#menu-dialog{max-width:480px}.menu-content{padding:1.5rem 2rem 2rem;display:grid;gap:2rem}.menu-group{display:grid;gap:.75rem}.menu-group>p{font-size:1rem;color:var(--muted)}.menu-group>button{border:1px solid var(--rule);border-radius:8px;text-align:left;padding:.75rem 1rem;font-size:1.125rem;min-height:54px}.menu-group>button:hover{background:#203541}.language{display:flex;gap:.75rem}.language button{flex:1;border:1px solid var(--rule);border-radius:8px;padding:.7rem;font-size:1.125rem;min-height:54px}.language button[aria-pressed=true]{color:var(--ink);background:var(--amber);border-color:var(--amber)}.menu-signature{font-size:.875rem;line-height:1.5;color:var(--muted)}.dialog-top h2{font-size:1.25rem}.dialog-top .close-button{min-width:52px;min-height:52px}.trailer-bottom{font-size:1rem}.crew-copy>p{font-size:1.125rem}.credits-grid strong{font-size:1.25rem}.credit-note{font-size:1rem;line-height:1.6}
@media(max-aspect-ratio:1/1){.frame[data-scene=large] img{object-position:30% 50%}.transition-screen video{object-position:30% 50%}}
@media(max-width:900px){.masthead{padding:1.25rem 4vw}.brand{width:180px}.scene-location{top:6.3rem}.scene-story{max-width:60vw;bottom:13.3rem}body[data-scene=nadezhda] .scene-story{max-width:41vw}.scene-line{font-size:1.125rem}.choice-label{font-size:1.375rem}.scene-choice{padding:.9rem 0;gap:.75rem}.crew-layout{grid-template-columns:170px 1fr}.crew-copy{padding:1.5rem}}
@media(max-width:650px){
 #experience{display:flex;flex-direction:column;justify-content:flex-end;gap:1.25rem;padding:7.5rem 1rem max(.75rem,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
 .masthead{padding:1rem;gap:.75rem}.brand{width:140px}.header-right{gap:.5rem}.sound-control,.menu-control{min-height:48px;padding:.55rem .25rem;gap:.45rem;font-size:1rem}.sound-bars{display:none}.menu-symbol{display:none}.sound-control span:last-child{max-width:5rem}.scene-location{left:1rem;top:5.55rem;right:1rem;font-size:.875rem;letter-spacing:.03em;gap:.5rem}.location-mark{width:16px}
 .frame img,.frame video{object-position:var(--mobile-focal,var(--focal,50% 50%))}
 .scene-story,body[data-scene] .scene-story{position:relative;inset:auto;max-width:100%;flex-shrink:0}.scene-kicker{font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem}h1,body:not([data-scene=large]) h1{font-size:clamp(2.15rem,9vw,3.15rem);line-height:1.05}h1 span,h1 em{display:inline}h1 em:before{content:' '}.scene-line{font-size:1.125rem;line-height:1.45;margin-top:.65rem;max-width:100%}
 .journey-panel{position:relative;inset:auto;width:100%;flex-shrink:0;gap:.2rem}.journey-panel:before{inset:-2.5rem -1rem -1rem;background:linear-gradient(180deg,transparent,#03121c40 25%,#03121cac)}.scene-choices{column-gap:1.5rem;align-items:stretch}.scene-choice{min-height:114px;padding:.75rem 0;gap:.55rem;align-items:flex-start;flex-direction:column}.choice-arrow{font-size:1.45rem;width:42px;height:42px;order:0}.choice-words{padding:0;order:1;gap:.25rem}.choice-overline{font-size:.875rem;line-height:1.25}.choice-label{font-size:1.1875rem;line-height:1.3}.direction-next{align-items:flex-end}.direction-next .choice-words{text-align:right}.journey-bottom{display:flex;justify-content:flex-end;min-height:48px;gap:1rem}.journey-hint{display:none}.journey-position{font-size:.875rem}.teaser-control{font-size:1rem}.tour-complete .journey-position{display:none}.tour-complete .journey-hint{display:block;font-size:.875rem;max-width:55%}
 .skip-transition{right:1rem;left:1rem;bottom:max(1rem,env(safe-area-inset-bottom));font-size:1.0625rem}.visual-status{top:7.8rem;width:calc(100% - 2rem);max-width:none}.veil{background:linear-gradient(180deg,#03121cbb,transparent 25%,#03121c22 40%,#03121cb8 70%,#03121ced)}
 .dialog-top{padding:.65rem 1rem}.dialog-top h2{font-size:1.125rem}.menu-content{padding:1rem;gap:1.5rem}.crew-layout{display:flex;flex-direction:column;min-height:0}#crew-list{flex-direction:row;overflow-x:auto;padding:0;border:0;border-bottom:1px solid var(--rule)}#crew-list button{padding:.9rem;font-size:1.0625rem;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}#crew-list button[aria-pressed=true]{border-bottom-color:var(--amber)}#crew-person{grid-template-columns:38% 1fr;min-height:320px}#crew-image{height:100%;max-height:60dvh}.crew-copy{padding:1rem}.crew-copy h3{font-size:1.7rem;margin-bottom:1rem}.crew-copy>p{font-size:1rem}.credits-grid{gap:1.5rem;padding:1.5rem;grid-template-columns:1fr}.credit-note{padding:0 1.5rem 1rem}#trailer-player{max-height:65dvh}.trailer-bottom{padding:.8rem 1rem;font-size:.9375rem}.tour-complete .journey-hint{max-width:64%;font-size:.9375rem}
}
@media(max-height:760px) and (min-width:651px){.scene-story{bottom:11.7rem}h1,body:not([data-scene=large]) h1{font-size:clamp(2.3rem,3.4vw,3.5rem)}.scene-line{font-size:1.125rem;margin-top:.65rem}.scene-kicker{margin-bottom:.5rem}.scene-choice{min-height:82px}.journey-panel{gap:.35rem;bottom:.7rem}}
@media(max-height:540px) and (min-width:651px){#experience{overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding:7rem 4vw .5rem}.masthead{padding:.75rem 4vw}.brand{width:150px}.scene-location{top:4.7rem;font-size:.875rem}.scene-story,body[data-scene] .scene-story{position:relative;inset:auto;max-width:75%;flex-shrink:0}.scene-kicker{display:none}h1,body:not([data-scene=large]) h1{font-size:2rem}h1 span,h1 em{display:inline}h1 em:before{content:' '}.scene-line{font-size:1rem;margin-top:.4rem}.journey-panel{position:relative;inset:auto;width:100%;flex-shrink:0;gap:.35rem}.journey-hint,.journey-position{font-size:.875rem}.scene-choice{min-height:70px;padding:.65rem 0}.choice-label{font-size:1.25rem}.journey-bottom{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scene-media,.frame{transform:none!important}.frame video,.transition-screen{display:none}}
.motion-paused .sound-bars i{animation:none}.motion-paused .scene-media{transform:none!important}

/* Scene footage plays once, with the existing two directions always available. */
.has-living-scene .frame video{transition:none}
.has-living-scene .veil{opacity:1;background:linear-gradient(180deg,#03121c55,transparent 24%,transparent 55%,#03121c48 78%,#03121caa)}
.has-living-scene .scene-story{max-width:34vw}
.has-living-scene .scene-story h1{font-size:clamp(2.4rem,3.7vw,4rem)}
#moment-control{display:grid;place-items:center;width:48px;min-height:48px;padding:10px;opacity:.85}
#moment-control:hover{opacity:1;color:var(--amber)}
#moment-control svg{width:21px;height:21px;fill:currentColor;filter:drop-shadow(0 1px 3px #000)}
#moment-control>span{font-size:28px}
@media(max-width:650px){
 .has-living-scene .scene-story{max-width:100%}
 .has-living-scene .scene-story h1{font-size:clamp(2rem,8vw,3rem)}
 .has-living-scene .veil{background:linear-gradient(180deg,#03121c55,transparent 24%,transparent 40%,#03121c77 65%,#03121ce5)}
 .has-living-scene .scene-line{font-size:1rem}
 #moment-control{width:44px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.has-living-scene .frame video.is-playing{display:block}}

/* B: one invitation, history secondary; the frame never reacts to hovering. */
.scene-choices{display:flex;justify-content:flex-end;gap:0}
.scene-choice.direction-next{width:min(480px,100%);border-top:0;min-height:84px}
.scene-choice:after{display:none}
.choice-label{font-size:clamp(1.25rem,2.1vw,1.65rem)}
.choice-overline{font-size:.9375rem;color:#e1ddd3}
.journey-bottom{justify-content:space-between}
.teaser-control{margin-left:auto}
.journey-back{display:flex;align-items:center;gap:.65rem;min-height:48px;padding:.4rem .25rem;font-size:1rem;color:#ddd9d1;text-shadow:0 2px 6px #03121c}
.journey-back:hover{color:var(--amber)}
.scene-story,body[data-scene=nadezhda] .scene-story{bottom:13.1rem;max-width:32vw}
body[data-scene=loic] .scene-story{max-width:30vw}
body[data-scene=loic] h1{font-size:clamp(2.3rem,4vw,4rem)}
body[data-scene=loic] .veil{background:linear-gradient(180deg,#03121c65,transparent 25%),linear-gradient(90deg,#03121c77,transparent 44%),linear-gradient(0deg,#03121c99,transparent 35%)}
@media(max-aspect-ratio:1/1){.frame[data-scene=large] img{object-position:var(--mobile-focal,50% 50%)}}
@media(max-width:650px){
 #experience{gap:.8rem;padding-top:6.5rem}
 .scene-story,body[data-scene] .scene-story,body[data-scene=loic] .scene-story{inset:auto;max-width:100%}
 body[data-scene=loic] h1{font-size:clamp(2rem,8vw,3rem)}
 .scene-choice.direction-next{width:100%;min-height:74px;flex-direction:row;align-items:center;gap:1rem}
 .direction-next .choice-words{order:0;text-align:left}.direction-next .choice-arrow{order:1}
 .choice-label{font-size:1.25rem}.choice-overline{font-size:.875rem}
 .journey-panel{gap:0}.journey-back,.teaser-control{font-size:1rem}
 body[data-scene=loic] .veil{background:linear-gradient(180deg,#03121c70,transparent 20%,transparent 55%,#03121c80 78%,#03121cdc)}
}
@media(max-height:540px) and (min-width:651px){.scene-story,body[data-scene] .scene-story,body[data-scene=loic] .scene-story{inset:auto;max-width:75%}.scene-choice.direction-next{min-height:60px}.journey-panel{gap:0}}

#scene-title:focus-visible{outline:none}

/* Explicit playback remains visible when automatic motion is disabled. */
@media(prefers-reduced-motion:reduce){.is-film-playing .transition-screen{display:block}}

/* Keep the video above its poster on mobile hardware compositors. */
.scene-story,.scene-location{z-index:3}
@media(prefers-reduced-motion:reduce){.is-film-loading .transition-screen{display:block}}

/* The site opens in black; only the entry film reveals the establishing shot. */
.opening-pending #experience,.transition-screen.is-establishing{background:#000}
.opening-pending .scene-media,.opening-pending .masthead,.opening-pending .journey-panel{opacity:0;pointer-events:none}

/* The official artwork stays intact in landscape and portrait. Its fade follows
   the film clock, so buffering or a refused autoplay cannot run it ahead. */
#opening-logo{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none}
#opening-logo img{display:block;width:min(76vw,650px);height:auto;max-height:50dvh;object-fit:contain}

/* Kept outside the cinema-hidden header so sound remains reachable mid-film. */
.film-sound{position:absolute;z-index:7;top:8rem;right:4vw;display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid #eadbb766;border-radius:50%;color:#f6f3ec;background:#061720ad;backdrop-filter:blur(6px);cursor:pointer}
.film-sound svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.film-sound .sound-waves{display:none}.film-sound[aria-pressed=true] .sound-waves{display:block}.film-sound[aria-pressed=true] .sound-off{display:none}
.film-sound:hover{background:#12313ee0;border-color:#eadbb7}.film-sound:focus-visible{outline:2px solid #f4dab0;outline-offset:4px}
.is-cinema .film-sound{top:max(1rem,env(safe-area-inset-top))}
@media(max-width:650px){.film-sound{right:1rem;top:5.5rem}}

.film-sound .sound-label{display:none}.film-sound.needs-sound{display:flex;align-items:center;gap:10px;width:auto;max-width:calc(100% - 2rem);padding:10px 14px;border-radius:24px}.film-sound.needs-sound .sound-label{display:block;font-size:.9375rem;white-space:nowrap}.film-sound svg{flex-shrink:0}
.film-sound .sound-label-touch{display:none}
.film-sound.needs-sound{border-color:#d8e8dd6e;background:linear-gradient(120deg,#12333ad9,#081a26c9);box-shadow:0 3px 18px #00121c30;min-height:44px}
.film-sound.needs-sound .sound-label{font-size:.875rem;letter-spacing:.01em;font-weight:400;color:#f7eedc}
@media(pointer:coarse){.film-sound .sound-label-desktop{display:none}.film-sound .sound-label-touch{display:inline}.film-sound{min-height:48px;min-width:48px}}