/* A full-bleed sphere with a shared accessible filmstrip and one on-demand player. */
.hero-promise{max-width:560px;margin:24px auto 0;text-align:center;pointer-events:none}
.hero-promise-title{font:400 clamp(18px,1.9vw,25px)/1.4 Inter,Arial,sans-serif;letter-spacing:-.45px;color:#c4dfe0;margin:0 0 10px}
.hero-promise-body{font:400 13px/1.8 Inter,Arial,sans-serif;letter-spacing:0;color:#8faeba;max-width:475px;margin:auto}
.hero-title-wrap{top:11.5%}
.hero .orb-viewport{top:65%;width:min(66svh,82vw);height:min(66svh,82vw)}
.hero .hero-intro{display:none}
html[dir=rtl] .hero-promise-title,html[dir=rtl] .hero-promise-body{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.85}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;margin-bottom:10px}
.gallery-view-toggle{display:flex;gap:4px;padding:4px;border:1px solid #6f99a54a;border-radius:40px;background:#101f2b}
.gallery-view-toggle button{min-height:42px;padding:10px 24px;font-size:12px;border-radius:30px;color:#91afbf;background:transparent;transition:background .2s,color .2s;white-space:nowrap}
.gallery-view-toggle button[aria-pressed=true]{background:#c5dfd9;color:#132a30}
.gallery-view-toggle button:disabled{opacity:.4}
.gallery-toolbar .film-filters{margin:0;gap:6px}
.gallery-toolbar .film-filters button{font-size:9px;padding:9px 13px}
.film-globe-area{position:relative;margin-inline:calc(-1 * var(--corridor-inset));width:calc(100% + 2 * var(--corridor-inset));isolation:isolate}
.film-globe-area[hidden]{display:none}
.film-globe-stage{position:relative;width:100%;height:clamp(620px,86svh,1050px);overflow:clip;background:radial-gradient(ellipse at 50% 50%,#24415422,transparent 69%);touch-action:pan-y}
#film-globe{display:block;width:100%;height:100%;border:0;outline:none;box-shadow:none;touch-action:pan-y;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
#film-globe:focus-visible{outline:none;box-shadow:none}
.film-globe-area:has(#film-globe:focus-visible) .sphere-hint{color:#b4d4d8;text-decoration:underline;text-underline-offset:4px}
.expertise{padding-top:0}
@media(min-width:801px){.film-globe-stage{height:clamp(480px,68svh,760px)}}
#film-globe:active{cursor:grabbing}
.sphere-selection{display:flex;align-items:center;justify-content:center;gap:28px;padding:16px 20px 5px;position:relative;z-index:2}
.sphere-previous,.sphere-next{width:44px;height:44px;border:1px solid #668b9b65;border-radius:50%;background:#0d1c27;color:#bed9de;font-size:22px;flex-shrink:0}
.sphere-previous:hover,.sphere-next:hover{background:#c6ddd6;color:#142b30}
.sphere-play{display:grid;grid-template-columns:1fr auto;column-gap:20px;text-align:start;background:none;padding:5px 12px;color:#c8dfe4;max-width:500px;min-width:230px}
.sphere-selected-title{font:400 22px/1.3 Inter,Arial,sans-serif;letter-spacing:-.5px;grid-column:1}
.sphere-play-label{font:10px/1.8 Inter,Arial,sans-serif;color:#7e9fae;margin-top:8px;grid-column:1}
.sphere-play>span:last-child{grid-column:2;grid-row:1/3;font-size:28px;align-self:center}
.sphere-hint{text-align:center;padding-inline:22px;margin:16px 0 5px;font:10px/1.8 Inter,Arial,sans-serif;color:#718f9f;letter-spacing:.3px}
.demo-section[data-gallery-view=globe] .film-library{display:none}
.demo-section[data-gallery-view=strip] .film-library{margin:40px auto 20px;max-width:none}
.demo-section[data-gallery-view=strip] .film-grid{gap:22px;padding:4px 3px 20px}
.demo-section[data-gallery-view=strip] .film-card{flex:0 0 clamp(230px,24vw,370px)}
.demo-section[data-gallery-view=strip] .film-card-copy strong{font-size:15px;line-height:1.5;margin-top:3px}
.demo-section[data-gallery-view=strip] .film-thumb img{opacity:.9}
.demo-section[data-gallery-view=strip] .film-card-number,.demo-section[data-gallery-view=strip] .film-card-time{font-size:9px}
#film-dialog{width:min(1180px,calc(100% - 28px));max-width:none;max-height:calc(100svh - 28px);padding:0;margin:auto;border:1px solid #6b96a14f;border-radius:12px;background:#080f18;color:#d2e3e9;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 90px #0008}
#film-dialog::backdrop{background:#02070dee;backdrop-filter:none}
.film-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:10px 20px;background:#0b1721;position:sticky;top:0;z-index:10;border-bottom:1px solid #6c94a52d;font:9px/1.5 Inter,Arial,sans-serif;letter-spacing:1.1px;color:#82a6b9}
.film-dialog-close{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:16px;border:1px solid #6d9aa646;background:transparent;color:#c0d9df}
.film-dialog-close:hover{background:#c9e3dd;color:#132c32}
#film-dialog .cinema-corridor{width:100%;margin:0;scroll-margin:0;cursor:auto}
#film-dialog .corridor-stage{padding:0;perspective:none;overflow:hidden}
#film-dialog .corridor-side,#film-dialog .corridor-floor,#film-dialog .corridor-light,#film-dialog .corridor-hint{display:none}
#film-dialog .cinema{width:100%;max-width:none;border:0;border-radius:0;box-shadow:none;transform:none!important;opacity:1!important}
#film-dialog #showcase-video{width:100%;height:min(60svh,650px);aspect-ratio:auto;max-height:none;object-fit:contain}
#film-dialog .cinema-detail{width:100%;margin:0;padding:25px 28px;gap:35px}
#film-dialog .cinema-caption h3{font-size:32px}
#film-dialog .cinema-caption>p:not(.micro){font-size:12px;max-width:650px}
#film-dialog .cinema-navigation{align-self:center}
#film-dialog .cinema-topline{font-size:8px;background:linear-gradient(#02070cbb,transparent)}
html[dir=rtl] .sphere-selected-title,html[dir=rtl] .sphere-hint,html[dir=rtl] .sphere-play-label{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
@media(max-width:800px){.hero{min-height:860px}.hero-title-wrap{top:clamp(112px,12svh,155px);width:calc(100% - 36px);max-width:450px}.hero .hero-copy h1,html[dir=rtl] .hero .hero-copy h1{font-size:clamp(31px,7vw,39px)}.hero-promise{margin-top:22px;max-width:385px}.hero-promise-title{font-size:18px;margin-bottom:9px}.hero-promise-body{font-size:12px;line-height:1.8;max-width:365px}.hero .orb-viewport{top:58%;width:90vw;height:90vw;max-width:460px;max-height:460px}.hero .scene-experience .art-bottom{top:calc(58% + min(45vw,230px));bottom:auto}.gallery-toolbar{justify-content:center;gap:20px}.gallery-toolbar .film-filters{justify-content:center}.gallery-view-toggle{justify-content:center}.gallery-view-toggle button{font-size:11px;min-width:125px}.film-globe-stage{height:clamp(500px,80svh,800px)}.sphere-selection{gap:15px;padding-top:10px}.sphere-selected-title{font-size:20px}.sphere-play{min-width:210px;max-width:400px;padding-inline:7px}.sphere-hint{font-size:10px}.demo-section[data-gallery-view=strip] .film-card{flex-basis:250px}#film-dialog .cinema-detail{padding:22px;gap:22px}#film-dialog .cinema-caption h3{font-size:28px}}
@media(max-width:520px){.hero .hero-copy h1,html[dir=rtl] .hero .hero-copy h1{font-size:31px}.hero-promise-title{font-size:17px}.hero-promise-body{font-size:12px;max-width:330px}.film-globe-stage{height:clamp(480px,135vw,630px)}.gallery-view-toggle{width:100%;max-width:350px}.gallery-view-toggle button{flex:1;min-width:0;padding:10px 14px}.gallery-toolbar .film-filters button{font-size:8px;padding:9px}.sphere-selection{gap:8px;padding-inline:12px}.sphere-previous,.sphere-next{width:38px;height:38px;font-size:19px}.sphere-play{min-width:0;max-width:240px;flex:1;column-gap:12px}.sphere-selected-title{font-size:17px;line-height:1.4}.sphere-play-label{font-size:9px}.sphere-play>span:last-child{font-size:23px}.sphere-hint{font-size:9px;margin-top:12px}.demo-section[data-gallery-view=strip] .film-card{flex-basis:230px}.demo-section[data-gallery-view=strip] .film-grid{gap:17px}.demo-section[data-gallery-view=strip] .film-card-copy strong{font-size:13px}#film-dialog{width:calc(100% - 16px);max-height:calc(100svh - 16px);border-radius:8px}.film-dialog-bar{padding:7px 13px;min-height:54px;font-size:8px}#film-dialog #showcase-video{height:min(51svh,460px)}#film-dialog .cinema-detail{display:flex;padding:20px 18px;gap:18px}#film-dialog .cinema-caption h3{font-size:26px}#film-dialog .cinema-caption>p:not(.micro){font-size:11px}#film-dialog .cinema-navigation{align-self:flex-end;width:auto}#film-dialog .cinema-actions button{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){.gallery-view-toggle button{transition:none}}
.demo-section[data-gallery-view=strip] .film-card[data-orientation=portrait]{flex-basis:clamp(175px,16vw,235px)}
.film-card[data-orientation=portrait] .film-thumb{aspect-ratio:var(--poster-aspect,9/16);background:transparent}
.film-card[data-orientation=portrait] .film-thumb img{object-fit:contain}
#film-dialog.is-portrait{width:min(calc(min(64svh,720px) * var(--video-aspect,.5625) + 2px),calc(100% - 28px));min-width:280px}
#film-dialog.is-portrait #showcase-video{display:block;width:auto;height:min(64svh,720px);max-width:100%;margin:auto;aspect-ratio:var(--video-aspect,9/16)}
#film-dialog.is-portrait .cinema-screen{background:#050b12}
#film-dialog.is-portrait .cinema-detail{display:flex;flex-wrap:wrap;gap:18px;padding:20px}
#film-dialog.is-portrait .cinema-caption h3{font-size:25px}
@media(max-width:520px){#film-dialog.is-portrait{width:min(calc(min(56svh,510px) * var(--video-aspect,.5625) + 2px),calc(100% - 16px));min-width:min(280px,calc(100% - 16px))}#film-dialog.is-portrait #showcase-video{height:min(56svh,510px)}}