/* Thumb-reachable navigation; desktop presentation is untouched. */
@media(max-width:760px){
 body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
 .site-header,.is-home .site-header{position:fixed;inset:auto 10px calc(10px + env(safe-area-inset-bottom,0px));height:66px;padding:0 12px;gap:10px;border-radius:24px;z-index:50;transition:transform .28s cubic-bezier(.22,.61,.36,1),visibility .28s;background:#242424ed;color:#fff;border:1px solid #ffffff40;box-shadow:0 8px 30px #0003}
 .is-inner .site-header{color:#fff}
 .site-header.nav-concealed{transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom,0px)));visibility:hidden;pointer-events:none}
 .site-header .wordmark{font-size:22px;letter-spacing:-.04em;gap:6px}
 .site-header .brand-icon{width:28px;height:28px}
 .site-header .header-cta{font-size:12px;white-space:nowrap;padding:10px 9px;min-height:44px}
 .header-cta .cta-desktop{display:none}
 .header-cta .cta-mobile{display:inline}
 .menu-toggle{flex-shrink:0;min-width:44px;min-height:44px;cursor:pointer}
 .mobile-nav{position:fixed;inset:auto 10px calc(86px + env(safe-area-inset-bottom,0px));z-index:51;border-radius:24px;padding:12px 20px;max-height:calc(100dvh - 110px - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px));overflow:auto;overscroll-behavior:contain;background:#242424f5;border:1px solid #ffffff40;box-shadow:0 12px 32px #0003}
 .mobile-nav a{min-height:44px;font-size:16px}
 .mobile-nav a:last-child{border:0}
 .preview-badge{top:10px}
 /* Keep scene playback controls above the floating navigation. */
 .moment-bottom{bottom:calc(94px + env(safe-area-inset-bottom,0px))}
 .moment-copy{bottom:calc(220px + env(safe-area-inset-bottom,0px))}
 @media(max-height:650px){.moment-copy{bottom:calc(208px + env(safe-area-inset-bottom,0px))}}
 @media(prefers-reduced-motion:reduce){.site-header,.is-home .site-header{transition:none}}
}
@media(min-width:761px){.header-cta .cta-mobile{display:none}}