/* Phone-only full-width composition. 390px viewport: 421px film (+70px vs live). */
@media(max-width:760px){
 .header{height:80px}.header nav{top:80px;max-height:calc(100svh - 80px)}
 .hero{--mobile-film-height:calc(100vw * 1166 / 1080);height:auto;min-height:0;max-height:none;padding:calc(var(--mobile-film-height) - 95px) 0 0;background:#17291f}
 .hero video{position:absolute;inset:0 0 auto;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:1080/1166;object-fit:contain;object-position:center top;transform:none;border:0;border-radius:0;padding:0;margin:0;mask-image:linear-gradient(#000 48%,rgba(0,0,0,.82) 65%,rgba(0,0,0,.28) 84%,transparent 92.6%);-webkit-mask-image:linear-gradient(#000 48%,rgba(0,0,0,.82) 65%,rgba(0,0,0,.28) 84%,transparent 92.6%)}
 .hero-shade{display:none}
 .hero-copy{position:relative;inset:auto;margin:0;padding:20px 20px 32px;max-width:none}
 .hero .eyebrow{font-size:10px;line-height:1.5;letter-spacing:1px;margin-bottom:17px}
 .hero .eyebrow:before{content:"";display:inline-block;width:26px;height:3px;background:var(--accent);margin-right:10px;vertical-align:middle}
 .hero h1{font-size:clamp(28px,8.2vw,34px);line-height:1.08;letter-spacing:-1px;margin:0 0 18px}
 .hero h1 em{font-size:1.45em;line-height:1.08}
 .hero-copy p{font-size:16px;line-height:1.6;max-width:320px}
 .hero-copy .actions{flex-wrap:wrap;gap:8px;margin-top:24px}
 .hero-bottom{position:relative;inset:auto;margin:0 20px;padding:12px 0 14px;font-size:8px;letter-spacing:1px}
 .hero-bottom button{min-height:44px;min-width:96px;font-size:12px}
}