/* Shared SOM mobile composition: keep the full 210px film clear of copy and controls. */
@media (max-width:680px){
 .view-home .hero,.video-hero.video-hero{
  display:grid;grid-template-rows:210px auto;height:auto;min-height:0;
  background:#131b25;color:#edf5f2;
 }
 .view-home .hero>picture,.view-home .hero>video,
 .video-hero>.coast-poster,.video-hero>video{
  top:0;bottom:auto;height:210px;width:100%;object-fit:cover;
  border-radius:10px 10px 0 0;
 }
 .view-home .hero>picture img{height:210px;object-fit:cover}
 .view-home .hero>picture img,.video-hero>.coast-poster{object-position:70% 45%!important}
 .view-home .hero-shade,.video-hero>.video-shade{display:none}
 .view-home .hero-copy,.video-hero .video-copy{
  position:relative;grid-row:2;max-width:none;width:100%;padding:16px 20px 20px;
  background:#131b25;border-radius:0 0 10px 10px;
 }
 .view-home .hero-copy>.eyebrow,.video-hero .video-copy>.eyebrow{
  font-size:9px;line-height:1.5;margin:0 0 6px;
 }
 .view-home .hero-copy h1,.video-hero .video-copy h1{
  font-size:27px;line-height:1.08;margin:0 0 8px;
 }
 .view-home .hero-copy>p:not(.eyebrow),.video-hero .video-copy>.hero-subline{
  font-size:13px;line-height:1.4;max-width:none;margin:0 0 10px;
 }
 .view-home .hero-copy>.button{min-height:44px;margin:0}
 .video-hero .video-copy>.hero-search{margin:0;max-width:none}
 .video-hero .hero-search-field{min-height:46px}
 .video-hero .hero-search input{min-width:0}
}