.magazine-header{position:sticky;top:calc(-1 * var(--masthead-height,0px));z-index:80;background:#fff}.magazine-nav{background:#fff;box-shadow:0 8px 18px #15151508}.magazine-nav>a.nav-home,.nav-quick .nav-home{background:#dcff35;color:#151515;padding:12px 16px;border-radius:7px;font-weight:800;white-space:nowrap}.magazine-nav>.nav-more>summary{background:#c6b7ff;color:#251044;padding:12px 17px;border-radius:7px;min-height:44px}.nav-more .nav-chevron{color:#251044}.magazine-nav>.nav-more[open]>summary{background:#251044;color:#fff}.nav-more[open] .nav-chevron{color:inherit}.magazine-nav .nav-section-link{display:inline-block;transform-origin:center;will-change:transform}.nav-more .preview-links{background:#f1ebff;border:1px solid #d0bff2;border-top:4px solid #8860dd;border-image:none;box-shadow:0 20px 40px #25104425;max-height:calc(100dvh - 85px);overflow:auto}.nav-more .more-intro{color:#371d68}.nav-more .more-intro h2{letter-spacing:-.045em}.nav-more .more-grid{gap:12px}.nav-more .more-grid>a{padding:18px!important;border:0!important;border-radius:9px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.nav-more .more-grid>a small{color:inherit;opacity:.85}.nav-more .more-grid>a:hover{transform:translateY(-3px);box-shadow:0 6px 0 #25104415}.nav-more .more-title>span{color:inherit}.nav-quick{display:none}.nav-spotlight{animation:nav-nudge 1.7s ease-in-out}.magazine-nav:focus-within .nav-spotlight,.magazine-nav:hover .nav-spotlight{animation-play-state:paused}@keyframes nav-nudge{0%,100%{transform:scale(1) rotate(0)}35%,65%{transform:scale(1.09) rotate(-2deg)}}.paused .nav-spotlight{animation:none!important}.magazine-header .nav-preview-panel{max-height:calc(100dvh - 90px);overflow-y:auto}
@media(max-width:1100px){.nav-quick{display:flex;align-items:center;gap:8px;padding:10px 0;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.nav-quick a,.nav-quick button{font:inherit;font-size:13px;font-weight:750;padding:12px 14px;min-height:44px;border:0;border-radius:7px;cursor:pointer}.nav-quick [data-quick-menu]{margin-left:auto;background:#f2f2f2;color:#171717}.nav-quick [data-quick-more]{background:#c6b7ff;color:#251044}.magazine-nav.open{max-height:calc(100dvh - 66px);overflow-y:auto;overscroll-behavior:contain}.magazine-nav>a.nav-home{margin:8px 10px}.magazine-nav>.nav-more>summary{margin:8px 10px}.magazine-header .nav-preview-panel{position:static;max-height:none;overflow:visible}.nav-more .preview-links{grid-template-columns:1fr!important;gap:20px!important;padding:20px!important}.nav-more .more-grid{grid-template-columns:1fr!important}.magazine-nav .nav-section-link{display:block}.nav-spotlight{animation-name:nav-mobile-nudge}@keyframes nav-mobile-nudge{0%,100%{transform:translateY(0)}40%,60%{transform:translateY(-3px)}}}
@media(prefers-reduced-motion:reduce){.nav-spotlight{animation:none!important}.nav-more .more-grid>a{transition:none}.nav-more .more-grid>a:hover{transform:none}}
.nav-more .more-grid .more-title,.nav-more .more-grid .more-title>span{color:inherit!important} html{scroll-padding-top:80px}

/* Specials share one palette; only the awards card carries the dark accent. */
.nav-more .more-grid>a{background:#e9e0fb;color:#321954;border:1px solid #d9cbee!important}
.nav-more .more-grid>a:nth-child(1){background:#2c1847;color:#fff;border-color:#2c1847!important}
.nav-more .more-grid>a:hover{background:#ddcef7}.nav-more .more-grid>a:nth-child(1):hover{background:#412566}
/* Motion lives inside stable hit areas: navigation never changes width or position. */
.nav-word{display:inline-block;transform-origin:50% 50%;backface-visibility:visible}
.nav-section-link,.nav-more>summary,[data-quick-menu],[data-quick-more]{perspective:450px}
.nav-turn .nav-word{animation:nav-turn-360 1.45s cubic-bezier(.45,0,.2,1)}
.nav-heart .nav-word{animation:nav-heartbeat 1.65s ease-in-out}
.nav-bounce .nav-word{animation:nav-word-bounce 1.5s cubic-bezier(.2,.8,.2,1)}
@keyframes nav-turn-360{0%{transform:rotateY(0) scale(1)}45%{transform:rotateY(190deg) scale(1.2)}100%{transform:rotateY(360deg) scale(1)}}
@keyframes nav-heartbeat{0%,100%{transform:scale(1)}18%,48%{transform:scale(1.23);color:#6a37bd}30%,65%{transform:scale(.96)}80%{transform:scale(1.08)}}
@keyframes nav-word-bounce{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-7px) rotate(-7deg) scale(1.12)}55%{transform:translateY(3px) rotate(5deg)}78%{transform:translateY(-3px) rotate(-2deg)}}
.nav-social-stage{position:relative;min-width:48px;text-align:center}
.nav-social-icons{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}
.nav-social-icons img{position:absolute;width:26px;height:26px;object-fit:contain;opacity:0;transform:translateY(12px) scale(.6)}
.nav-social-show .nav-word{animation:nav-social-label 4.4s both}
.nav-social-show .nav-social-icons img{animation:nav-social-pop .95s both;animation-delay:calc(var(--logo-order) * .95s + .18s)}
@keyframes nav-social-label{0%,100%{opacity:1;transform:translateY(0)}7%,90%{opacity:0;transform:translateY(-8px)}}
@keyframes nav-social-pop{0%{opacity:0;transform:translateY(13px) rotate(-22deg) scale(.55)}22%,68%{opacity:1;transform:translateY(0) rotate(0) scale(1.06)}100%{opacity:0;transform:translateY(-13px) rotate(18deg) scale(.65)}}
.paused .nav-word,.paused .nav-social-icons img{animation:none!important}.paused .nav-social-icons img{opacity:0!important}.paused .nav-social-show .nav-word{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.nav-word,.nav-social-icons img{animation:none!important}.nav-social-icons img{opacity:0!important}.nav-social-show .nav-word{opacity:1!important;transform:none!important}}
@media(max-width:1100px){.nav-social-stage{text-align:left}.nav-social-icons{justify-content:flex-start;padding-left:10px}}