/* Keep the compact hero copy below the brand even in short preview windows. */
@media(max-width:800px) and (max-height:620px){
 header{min-height:68px;padding-top:13px;padding-bottom:12px}
 header .wordmark{width:min(190px,calc(100% - 100px))}
 header .wordmark span{margin-top:5px}
 html .hero.scroll-sequence .hero-copy{bottom:4%!important;left:6%!important;width:88%!important;max-width:none}
 html .hero.scroll-sequence .hero-copy .eyebrow{font-size:9px;line-height:1.3;margin:0;letter-spacing:1.1px}
 html .hero.scroll-sequence .hero-copy h1{font-size:clamp(32px,8vw,43px);line-height:1.02;letter-spacing:-1.5px;margin:11px 0}
 html .hero.scroll-sequence .hero-copy .intro{font-size:14px;line-height:1.38;margin:0}
 html .hero.scroll-sequence .hero-copy .actions{margin-top:13px;gap:3px}
 html .hero.scroll-sequence .hero-copy .actions .button{min-height:36px;padding:4px 0;font-size:13px}
 html .hero.scroll-sequence .hero-copy .actions .button>span{width:28px;height:28px;flex-basis:28px;font-size:16px}
 html .hero.scroll-sequence .hero-copy .actions .text-link{min-height:36px;padding:5px 0;font-size:13px}
}
@media(max-width:800px){
 html .gallery-track.scroll-sequence .application-card:first-child::before{content:'';position:absolute;inset:0 0 auto;height:68%;background-image:var(--mobile-photo);background-size:cover;background-position:center;filter:blur(24px) brightness(.52);transform:scale(1.06);pointer-events:none}
 html .gallery-track.scroll-sequence .full-frame:first-child>.zoom-image img{object-fit:contain!important;object-position:center center!important}
}