html { scroll-behavior: auto; }
html { scroll-padding-top: 92px; }
.cinema-access-skip { position: fixed; top: -100px; left: 16px; z-index: 100; background: #b14a2c; color: #fff; padding: 12px 18px; }
.cinema-access-skip:focus { top: 12px; }
.cinema-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 30; min-height: 80px; padding: max(16px,env(safe-area-inset-top)) max(22px,5.2vw) 16px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: linear-gradient(#080b10dc,#080b1077,transparent); border-bottom: 1px solid transparent; transition: background .3s,border-color .3s,backdrop-filter .3s; font: 13px Inter,sans-serif; }
.cinema-nav.is-solid { background: #080b10f2; border-color: #ffffff18; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.cinema-brand { min-height: 44px; display: flex; align-items: center; flex-shrink: 0; }
.cinema-brand img { width: 181px; height: auto; }
.cinema-desktop-links { display: flex; gap: 30px; }
.cinema-desktop-links a { display: flex; align-items: center; min-height: 44px; color: #e2e8f0; }
.cinema-menu-toggle { display: none; width: 44px; height: 44px; background: transparent; border: 1px solid #c6ceda88; border-radius: 5px; color: #e2e8f0; padding: 10px; }
.cinema-menu-toggle span { display: block; height: 2px; background: currentColor; margin: 5px 0; }
.cinema-menu { position: fixed; inset: 0; margin: 0; width: 100%; max-width: none; height: 100%; max-height: none; border: 0; background: #080b10fa; color: #e2e8f0; padding: max(22px,env(safe-area-inset-top)) 24px; }
.cinema-menu::backdrop { background: #080b10d9; }
.cinema-menu-top { display: flex; align-items: center; justify-content: space-between; }
.cinema-menu button { min-height: 44px; padding: 10px 16px; background: #1e293b; color: #e2e8f0; border: 1px solid #718095; border-radius: 4px; }
.cinema-menu nav { display: grid; gap: 12px; margin-top: 50px; }
.cinema-menu a { display: block; padding: 15px 0; font: 30px Inter,sans-serif; border-bottom: 1px solid #ffffff25; }
.cinema-nav a:focus-visible,.cinema-nav button:focus-visible,.cinema-menu a:focus-visible,.cinema-menu button:focus-visible { outline: 3px solid #e1ae8c; outline-offset: 5px; }
#midthought-home .mt-nav { background: #0c1118; }
#midthought-home .cinema { height: 100svh; padding: 0; position: relative; background: #111b27; }
#midthought-home .cinema.is-interactive { height: 430svh; }
#midthought-home .cinema-stage { position: sticky; top: 0; height: 100svh; min-height: 460px; overflow: hidden; isolation: isolate; }
.cinema-world, #cinema-video, .cinema-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.cinema-world { transform-origin: 47.5% 56.5%; will-change: transform; }
.cinema-world svg { display: block; width: 100%; height: 100%; }
.cinema-product-reference { width: 100%; height: 100%; object-fit: cover; opacity: .75; }
.cinema-shot-placeholder { aspect-ratio: 16/9; background: radial-gradient(ellipse at 85% 20%,#46536977,transparent),#121a24; border: 1px solid #344154; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 20px; }
.cinema-shot-placeholder span { font: 9px 'JetBrains Mono',monospace; color: #93a5bc; letter-spacing: .06em; }
#midthought-home .cinema-shot-placeholder p { color: #e2e8f0; font-size: 23px; }
#cinema-video { object-fit: cover; }
.cinema-shade { background: linear-gradient(90deg, #080b1099, transparent 80%), linear-gradient(0deg, #080b10db, transparent 55%, #080b1050); pointer-events: none; }
.cinema-meta { position: absolute; top: 104px; left: 5.2%; right: 5.2%; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.cinema-meta > span:first-child { color: #f0f3f7; }
.cinema-badge { background: #0a111bdd; border: 1px solid #8490a766; border-radius: 4px; padding: 5px 10px; font-size: 11px; color: #e2e8f0; }
#midthought-home .cinema-copy { position: absolute; left: 5.2%; bottom: 18%; max-width: 760px; }
#midthought-home .cinema-eyebrow { color: #d9c5af; margin-bottom: 18px; }
#midthought-home .cinema h1 { font-size: clamp(44px, 6.5vw, 102px); line-height: 1.03; letter-spacing: -.058em; margin: 0; text-wrap: balance; color: #f3f1eb; }
#midthought-home .cinema-sub { margin-top: 24px; color: #e0e4e8; font-size: clamp(14px, 1.3vw, 18px); }
#midthought-home #cinema-action { margin-top: 24px; }
#midthought-home .cinema-at-horizon .cinema-copy { left: 5.2%; right: 54%; bottom: 23%; }
#midthought-home .cinema-at-horizon h1 { font-size: clamp(42px,5.5vw,84px); }
.cinema-still-toggle { position: absolute; bottom: 88px; right: 5.2%; min-height: 44px; border: 0; border-bottom: 1px solid #e2e8f044; background: #080b1066; color: #e2e8f0; padding: 8px 12px; font-size: 11px !important; }
.cinema-still-toggle:disabled { opacity: .7; cursor: default !important; }
#midthought-home .cinema-still-story { padding-block: 50px; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
#midthought-home .cinema-still-story img { aspect-ratio: 16/9; object-fit: cover; margin-bottom: 20px; }
#midthought-home .cinema-still-story h2 { font-size: 27px; margin: 14px 0; }
#midthought-home .cinema-still-story p:not(.mt-mono) { color: #a8b7c9; }
#midthought-home .cinema.is-still-story { height: 100svh; }
.cinema-bottom { position: absolute; bottom: 32px; left: 5.2%; right: 5.2%; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #e2e8f0; }
#midthought-home .cinema-skip { display: inline-flex; align-items: center; min-height: 44px; border-bottom: 1px solid #bbc3ca; }
.cinema-progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #8295a433; }
.cinema-progress span { display: block; width: 100%; height: 100%; background: #ce8160; transform: scaleX(0); transform-origin: left; }
#midthought-home .cinema-preview-note { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding-block: 24px; background: #131c28; border-bottom: 1px solid #344053; }
.cinema-preview-note strong { font-size: 13px; }
#midthought-home .cinema-preview-note p { font-size: 12px; color: #adbaca; margin-top: 4px; }
.cinema-upload { position: relative; display: inline-flex; min-height: 44px; align-items: center; padding: 10px 18px; border: 1px solid #77869c; border-radius: 4px; font-size: 12px; white-space: nowrap; cursor: pointer; }
.cinema-upload input { position: absolute; inset: 0; opacity: 0; width: 100%; cursor: pointer; }
.cinema-upload:focus-within, #midthought-home .cinema-skip:focus-visible { outline: 3px solid #e1ae8c; outline-offset: 5px; }
@media (max-width: 650px) {
  .cinema-nav { min-height: 72px; padding-block: max(12px,env(safe-area-inset-top)); }
  .cinema-brand img { width: 166px; }
  .cinema-desktop-links { display: none; }
  .cinema-menu-toggle { display: block; }
  .cinema-meta { align-items: flex-start; flex-direction: column; top: 88px; }
  .cinema-meta > span:first-child { display: none; }
  #midthought-home .cinema-copy,#midthought-home .cinema-at-horizon .cinema-copy { bottom: 24%; left: 6%; right: 6%; }
  #midthought-home .cinema h1,#midthought-home .cinema-at-horizon h1 { font-size: clamp(36px, 9.3vw, 52px); }
  #midthought-home .cinema-eyebrow,#midthought-home .cinema-sub { display: none; }
  #midthought-home #cinema-action { margin-top: 20px; }
  #midthought-home .cinema-at-horizon .cinema-copy { top: max(88px,12svh); bottom: auto; }
  #midthought-home .cinema-at-horizon h1 { font-size: clamp(28px,8vw,34px); }
  #midthought-home .cinema-at-horizon #cinema-action { margin-top: 8px; }
  .cinema-at-horizon .cinema-meta { display: none; }
  #midthought-home .cinema-still-story { grid-template-columns: 1fr; }
  .cinema-bottom { bottom: 24px; }
  #midthought-home .cinema-bottom .mt-mono { font-size: 9px; max-width: 55%; }
  #midthought-home .cinema-preview-note { align-items: flex-start; flex-direction: column; gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  #midthought-home .cinema.is-interactive { height: 100svh; }
  .cinema-world { will-change: auto; }
  .cinema-nav { transition: none; }
}
@media (max-height: 550px) and (min-width: 651px) {
  .cinema-meta { top: 86px; }
  #midthought-home .cinema-copy { bottom: 22%; }
  #midthought-home .cinema h1,#midthought-home .cinema-at-horizon h1 { font-size: 40px; }
  #midthought-home .cinema-sub,#midthought-home .cinema-eyebrow { display: none; }
  #midthought-home #cinema-action { margin-top: 12px; }
}

#cinema-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.cinema-product-reference { opacity: 1; }

.cinema:has(.cinema-copy[aria-hidden='true']) .cinema-shade { opacity: .35; }


.cinema-status-accessible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.cinema-playback { position: absolute; bottom: 142px; right: 5.2%; min-height: 44px; padding: 8px 14px; color: #fff; background: #080b10bb; border: 1px solid #ffffff66; border-radius: 4px; font: 12px Inter,sans-serif; cursor: pointer; }
.cinema-playback:focus-visible { outline: 3px solid #e1ae8c; outline-offset: 4px; }
.cinema-playback[hidden] { display: none; }