/* Keep the regular approved poster on tall phones. On shorter phone viewports,
   the same compact masthead also accounts for browser toolbar height. */
@media(max-width:599px) and (min-aspect-ratio:10/19) {
 .home .brand-campaign {padding-top:50px;padding-bottom:20px;}
 .home .brand-hero-symbol {position:absolute;width:88px;top:-44px;left:calc(50% - 44px);margin:0;}
 .home .brand-campaign-identity {padding-bottom:6px;}
 .home .brand-campaign-photo {aspect-ratio:1.04;}
 .home .brand-campaign-message {margin-bottom:10px;}
}
@media(max-width:350px) {
 .home .brand-hero-symbol {width:80px;left:calc(50% - 40px);}
 .ac-menu-toggle {min-width:48px;}
 .ac-menu-toggle>span {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 .home .brand-listen {font-size:19px;gap:10px;padding-inline:14px;}
 .site-footer,.site-footer-top {min-width:0;}
 .site-footer-top {flex-wrap:wrap;gap:8px 16px;}
 .site-footer-up {margin-left:auto;}
 .site-footer nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;}
}
@media(max-width:350px) and (max-height:720px) {
 .home .brand-campaign {padding-top:48px;}
 .home .brand-campaign-message {font-size:24px;}
}
/* At the two-column threshold, reserve the left column for type and CTA.
   The photo and its background always share one camera plane. */
@media(min-width:900px) and (max-width:1099px) {
 .home .brand-campaign-photo {--qa-camera-height:min(clamp(851.2px,112svh,1209.6px),96vw);}
 .home .brand-campaign-photo img {height:var(--qa-camera-height);top:calc(2% - (100vw - 900px)*.18);}
 .home .brand-campaign-photo::before {height:var(--qa-camera-height);width:calc(var(--qa-camera-height)*.666666667);top:calc(2% - (100vw - 900px)*.18);}
}