/* The story navigation becomes a single quiet control on small screens. */
.mobile-menu-toggle,.mobile-menu{display:none}
@media(max-width:680px){
 .site-header .primary-nav{display:none}
 .site-header{gap:12px}
 .site-header .header-actions{gap:8px;flex-shrink:0}
 .site-header .header-cta{min-height:44px;padding:10px 13px;font-size:10px;gap:12px}
 .mobile-menu-toggle,.mobile-menu-close{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;flex-shrink:0;border-radius:50%;padding:0;background:transparent;color:rgb(var(--ink));touch-action:manipulation}
 .mobile-menu-toggle span,.mobile-menu-close span{display:block;width:19px;height:1px;background:currentColor;border-radius:1px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
 .mobile-menu-toggle span:last-child{width:14px;align-self:flex-end;margin-right:12.5px}
 .mobile-menu-toggle:hover{background:rgba(var(--glass),.045)}
 .mobile-menu{position:fixed;z-index:70;inset:0;display:flex;flex-direction:column;width:100%;height:100dvh;overflow:auto;overscroll-behavior:contain;background:rgb(var(--surface));color:rgb(var(--ink));opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s .28s;isolation:isolate}
 .mobile-menu[hidden]{display:none}
 .mobile-menu.is-open{opacity:1;visibility:visible;transition-delay:0s}
 .mobile-menu-top{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:max(16px,env(safe-area-inset-top)) 22px 0}
 .mobile-menu-top .wordmark{font-size:25px}
 .mobile-menu-close{gap:0}
 .mobile-menu-close span{position:absolute;width:21px;transform:rotate(45deg)}
 .mobile-menu-close span:last-child{transform:rotate(-45deg)}
 .mobile-menu-content{display:flex;flex-direction:column;justify-content:center;flex:1;padding:32px 30px max(36px,env(safe-area-inset-bottom));transform:translateY(14px);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
 .mobile-menu.is-open .mobile-menu-content{transform:translateY(0)}
 .mobile-menu-nav{display:flex;flex-direction:column;width:100%}
 .mobile-menu-nav a{display:flex;align-items:center;justify-content:space-between;min-height:clamp(68px,11svh,92px);border-bottom:1px solid rgba(var(--muted),.16);font-family:Syne,Manrope,sans-serif;font-size:clamp(34px,10vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.045em;color:rgb(var(--ink))}
 .mobile-menu-nav a span{font-family:Manrope,sans-serif;font-size:18px;color:rgb(var(--muted));transition:transform .3s}
 .mobile-menu-nav a:hover span{transform:translate(3px,-3px)}
 .mobile-menu-nav a[aria-current=page] span{color:rgb(var(--ink))}
 .mobile-menu-explore{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:54px;padding:15px 22px;margin-top:34px;font-size:12px;flex-shrink:0}
 .mobile-menu-explore span{font-size:17px}
 body.is-mobile-menu-open{overscroll-behavior:none}
 .is-lab .mobile-menu-toggle{visibility:hidden}
}
@media(max-width:370px){
 .site-header{left:18px;right:18px;gap:8px}
 .site-header .wordmark{font-size:24px}
 .site-header .header-cta{font-size:9px;padding:10px 11px;gap:10px}
 .site-header .header-actions{gap:5px}
 .mobile-menu-top{padding-left:18px;padding-right:18px}
 .mobile-menu-content{padding-left:24px;padding-right:24px}
}
@media(max-width:680px) and (max-height:560px){
 .mobile-menu-content{justify-content:flex-start;padding-top:18px;padding-bottom:24px}
 .mobile-menu-nav a{font-size:32px;min-height:57px}
 .mobile-menu-explore{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu-content,.mobile-menu-toggle span,.mobile-menu-close span,.mobile-menu-nav a span{transition:none}}