/* Homepage alignment pass. Media, live status and page content are unchanged. */
.hero-actions{align-items:stretch}
.hero-actions>.action{min-height:54px;justify-content:space-between}
.hero-bottom{display:grid;grid-template-columns:auto 1fr auto;gap:16px}
.hero-bottom .explore-link{margin-left:0}
.hero-shade{background:linear-gradient(180deg,#090b0c60 0%,#090b0c18 24%,#090b0c80 48%,#090b0cee 82%,#090b0cfa 100%)}
@media(max-width:760px){
 :root{--gutter:24px}
 .hero{height:72svh;min-height:560px;max-height:660px}
 .hero-content{padding-top:112px;padding-bottom:28px;gap:24px;align-items:start}
 .hero-content>div{display:contents}
 .hero-content h1{grid-column:1;grid-row:1;font-size:clamp(34px,11.4vw,78px);line-height:1.04}
 .hero-content .hero-description{grid-column:1;grid-row:2;font-size:15px;line-height:1.6}
 .hero-content .hero-actions{grid-column:1;grid-row:3;margin-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}
 .hero-actions>.button,.hero-actions>.action{width:100%;height:54px;min-height:54px;padding:14px 16px;gap:10px;font-size:12px;white-space:nowrap}
 .hero-actions>.action{justify-content:space-between}
 .hero-actions .glyph{width:20px;height:20px}
 .hero-bottom{grid-template-columns:32px minmax(0,1fr) 44px;min-height:64px;gap:8px;padding-block:10px}
 .hero-bottom .motion-toggle{min-width:32px;width:32px;padding:0;justify-content:flex-start}
 .hero-bottom>span{font-size:9px;letter-spacing:.08em;white-space:nowrap}
 .hero-bottom .explore-link{font-size:0;gap:0;justify-content:flex-end;width:44px;height:44px}
 .hero-bottom .explore-link .glyph{width:24px;height:24px}
 .watch-compact{gap:24px;padding-block:32px}
 .watch-compact .button{width:100%}
 .watch-compact h2{font-size:32px;line-height:1.15}
 .journal .section-heading h2,.crew-summary h2,.people-intro h2,.merch-summary h2{font-size:40px;line-height:1.1}
 .section{padding-block:56px}
 .watch-compact{padding-block:32px}
 .people-intro p,.crew-summary p,.merch-summary p{font-size:16px;line-height:1.65}
 .people-intro .action,.crew-summary .action,.merch-summary .action{margin-top:0}
 .menu-toggle{margin-right:-10px}
}
@media(max-width:359px){
 :root{--gutter:20px}
 .hero-actions{column-gap:12px!important}
 .hero-actions>.button,.hero-actions>.action{font-size:11px;padding-inline:10px;gap:6px}
 .hero-bottom>span{font-size:8px}
}
@media(max-width:760px) and (max-height:500px) and (orientation:landscape){
 .hero{height:auto;min-height:500px;max-height:none}
 .hero-content{padding-top:120px}
}