/* Mobile cinematic entrance. Desktop styles and media requests stay untouched. */
.mc-film { display: none; }
.mc-film [hidden] { display: none !important; }
.mc-film__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 767px) {
  html { scroll-padding-top: 88px; }
  body { --bg: #050505; --bg-2: #0c0c0b; }
  #network-canvas, .cursor-glow, .noise { display: none; }
  .site-header, .site-header.scrolled {
    top: max(10px, env(safe-area-inset-top)); height: 58px; width: calc(100% - 28px);
    padding: 0 8px 0 13px; border-radius: 13px; border-color: rgba(219,205,182,.15);
    background: rgba(7,7,6,.72); box-shadow: none; backdrop-filter: blur(18px);
  }
  .site-header .brand-glyph { width: 31px; height: 31px; border: 1px solid #75654f; border-radius: 8px; background: transparent; color: #e4d3b8; box-shadow: none; font-size: .75rem; }
  .site-header .brand-copy strong { font-size: .68rem; letter-spacing: .13em; }
  .site-header .brand-copy small { display: none; }
  .site-header .desktop-nav { display: none; }
  .site-header .menu-button { display: block; }
  .mobile-nav { top: calc(max(10px, env(safe-area-inset-top)) + 66px); right: 14px; background: rgba(10,10,9,.97); border-color: rgba(219,205,182,.15); }
  .mc-film {
    display: block; position: relative; isolation: isolate; z-index: 3; width: 100%;
    height: 100vh; height: 100svh; min-height: 440px; overflow: hidden; background: #000; color: #eee8df;
  }
  .mc-film__poster, .mc-film__video { position: absolute; inset: 0; width: 100%; height: 100%; }
  .mc-film__poster { z-index: 0; }
  .mc-film__poster img { width: 100%; height: 100%; object-fit: contain; }
  .mc-film__video { object-fit: contain; background: #000; visibility: hidden; pointer-events: none; }
  .mc-film__intro { z-index: 1; }
  .mc-film__loop { z-index: 2; }
  .mc-film[data-state="loading"][data-active="poster"] .mc-film__poster { visibility: hidden; }
  .mc-film[data-active="intro"] .mc-film__intro,
  .mc-film[data-active="loop"] .mc-film__loop { visibility: visible; }
  .mc-film__shade { position: absolute; z-index: 3; inset: 0; pointer-events: none; background: linear-gradient(to bottom,rgba(0,0,0,.12),transparent 22%,transparent 63%,rgba(0,0,0,.35) 78%,#000 100%); }
  .mc-film__invitation { position: absolute; z-index: 4; left: 24px; right: 24px; bottom: calc(81px + env(safe-area-inset-bottom)); opacity: 1; transition: opacity .6s ease; }
  .mc-film[data-state="playing"][data-active="intro"]:not([data-caption="visible"]) .mc-film__invitation,
  .mc-film[data-state="loading"] .mc-film__invitation { opacity: 0; visibility: hidden; pointer-events: none; }
  .mc-film__eyebrow { color: #d4c3a9; font: 600 .58rem var(--heading, sans-serif); letter-spacing: .19em; margin: 0 0 11px; }
  .mc-film h2 { font: 500 clamp(2rem,8.5vw,3.2rem)/.98 var(--heading, sans-serif); letter-spacing: -.045em; margin: 0 0 17px; }
  .mc-film__explore { display: inline-flex; align-items: center; gap: 27px; padding: 9px 0; font-size: .8rem; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(220,200,169,.55); }
  .mc-film__explore span { color: #c6a978; font-size: 1.1rem; }
  .mc-film__toolbar { position: absolute; z-index: 5; bottom: calc(14px + env(safe-area-inset-bottom)); left: 18px; right: 18px; display: flex; align-items: center; gap: 3px; }
  .mc-film__control { display: inline-flex; align-items: center; justify-content: center; min-width: 46px; min-height: 44px; padding: 0 10px; background: rgba(0,0,0,.58); color: #e0d9cd; border: 1px solid rgba(219,205,182,.2); border-radius: 7px; font-size: .65rem; cursor: pointer; touch-action: manipulation; }
  .mc-film__control:hover { background: #30291f; }
  .mc-film__index { margin-left: auto; padding-left: 8px; text-align: right; color: #ac9b85; font-size: .48rem; letter-spacing: .13em; }
  .mc-film a:focus-visible, .mc-film button:focus-visible { outline: 2px solid #e2bd83; outline-offset: 4px; }
  .mc-film__noscript { position: absolute; z-index: 4; left: 24px; top: 80px; font-size: .8rem; }
  .mc-film + .hero { min-height: auto; grid-template-columns: 1fr; padding-top: 78px; padding-bottom: 60px; gap: 0; background: linear-gradient(#000,#080807); }
  .mc-film + .hero::before, .mc-film + .hero .hero-grid, .mc-film + .hero .hero-visual, .mc-film + .hero .scroll-cue { display: none; }
  .mc-film + .hero .hero-copy { opacity: 1; transform: none; }
  .mc-film + .hero .availability { color: #cbbb9e; border-color: rgba(196,171,130,.2); background: rgba(196,171,130,.05); font-size: .58rem; letter-spacing: .035em; }
  .mc-film + .hero .availability span { background: #c2ab7f; box-shadow: 0 0 0 4px rgba(194,171,127,.08); animation: none; }
  .mc-film + .hero .hero-kicker { font-size: .6rem; line-height: 1.8; color: #aaa397; }
  .mc-film + .hero h1 { font-size: clamp(3.4rem,15vw,6rem); line-height: .86; }
  .mc-film + .hero h1 em { background: none; color: #c7b18d; }
  .mc-film + .hero .hero-intro { color: #b9b4ab; }
  .mc-film + .hero .hero-actions { display: grid; }
  .mc-film + .hero .button--primary { background: #d6c2a2; box-shadow: none; color: #18140e; }
  .mc-film + .hero .hero-proof { gap: 18px; }
  .mc-film + .hero .hero-proof span { color: #a9a296; }
}
@media (max-width: 767px) and (max-height: 600px) {
  .mc-film__invitation { bottom: 72px; }
  .mc-film h2 { font-size: 1.8rem; }
  .mc-film__eyebrow { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .mc-film__invitation { transition: none; }
}