/* Home hero and mobile quick navigation; newsletter styles are unchanged. */
.mobile-bottom-nav{display:none}
@media(max-width:760px){
 .hero .hero-media{width:100%;max-width:none;aspect-ratio:1.68;margin-top:20px;mask-image:linear-gradient(to bottom,transparent,#000 6%)}
 .hero .hero-photo{mask-image:none;object-position:center;object-fit:cover}
 .hero .hero-ribbons{display:none}
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px max(8px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 -3px 20px #3720640b;border-top:1px solid var(--line);color:var(--ink)}
 .mobile-bottom-nav>a,.mobile-bottom-nav>button{min-height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;font-size:12px;line-height:1.2;border-radius:9px;padding:5px 0}
 .mobile-bottom-nav>a[aria-current]{color:#6020fa;background:linear-gradient(0deg,#f0e9ff70,transparent)}
 .mobile-bottom-nav>a[aria-current]:after{content:'';position:absolute;bottom:0;left:12%;right:12%;height:3px;border-radius:2px;background:#6421ff}
 .mobile-bottom-nav>a[aria-current] svg{fill:currentColor}.mobile-bottom-nav>a:not(:first-child)[aria-current] svg{fill:none}
 .bottom-moon,.bottom-sun{display:grid;place-items:center}.bottom-sun{display:none}
 [data-theme=dark] .bottom-moon{display:none}[data-theme=dark] .bottom-sun{display:grid}
 [data-theme=dark] .mobile-bottom-nav>a[aria-current]{color:#c7a5ff;background:#c398ff12}
 html{scroll-padding-bottom:100px}
}
@media(max-width:400px){.mobile-bottom-nav>a,.mobile-bottom-nav>button{font-size:10px}}
