/* Mobile video grade is encoded once; avoid full-screen live filter/blend layers. */
.mobile-video-toggle{display:none}
@media(max-width:900px){
  .mobile-video-stage{background:#080604;contain:layout paint;isolation:isolate}
  .mobile-video-stage:before{content:'';position:absolute;inset:0;background:url('assets/videos/mobile-portrait-poster.jpg') 50% 50%/cover no-repeat}
  .mobile-video-stage video{filter:none!important;opacity:0;object-position:50% 50%;transform:none;transition:opacity .25s linear;will-change:opacity}
  .mobile-video-stage.video-playing video{display:block;opacity:1}
  .mobile-video-toggle:not([hidden]){display:block;position:fixed;right:18px;bottom:calc(110px + env(safe-area-inset-bottom));z-index:9;padding:7px 12px;border:1px solid rgba(212,183,123,.34);border-radius:999px;background:#201c15cc;color:#d8c8a7;font:11px/1.3 "PingFang SC",system-ui,sans-serif;letter-spacing:.04em;cursor:pointer}
  .mobile-video-toggle:focus-visible{outline:2px solid #d4b77b;outline-offset:3px}
  .brand-slogan,.tag,.cta,.top .nav,.top .nav>.site-menu-trigger{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .top .nav{background:rgba(30,26,20,.9)}
  .bar{width:100%!important;transform:scaleX(0);transform-origin:0 50%;will-change:transform;box-shadow:none}
  .site-logo{filter:none}
}
@media(prefers-reduced-motion:reduce){.mobile-video-stage video{transition:none}}
@media(max-width:900px) and (orientation:landscape) and (max-height:560px){.mobile-video-toggle:not([hidden]){bottom:16px;right:60px}}

/* Short or landscape screens use the wider source rather than enlarging a portrait crop. */
@media(max-width:900px) and (min-aspect-ratio:7/10){
  .mobile-video-stage:before{background-image:url('assets/videos/mobile-poster-640.jpg');background-position:58% 50%}
  .mobile-video-stage video{object-position:58% 50%}
}