/* Only line wrapping: preserve all existing typography, colour, spacing and layout. */
@media(max-width:640px){
 #top.company-hero h1{word-break:keep-all;overflow-wrap:normal}
 #top.company-hero h1 .hero-phrase{display:inline-block!important;white-space:nowrap;color:inherit;font:inherit;letter-spacing:inherit;max-width:none}
 #top.company-hero h1 .hero-meaning-break{display:initial}
 #top .company-hero-description{word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}
}

/* Mobile copy rhythm and the existing brand emblem, approved 2026-11-01. */
@media(max-width:640px){
 #top.company-hero .company-hero-copy{isolation:isolate}
 #top.company-hero .company-hero-copy:before{content:'';position:absolute;right:0;top:172px;width:148px;height:224px;background:url('assets/logo-emblem.svg') center/contain no-repeat;filter:grayscale(1) brightness(0) invert(1);opacity:.07;pointer-events:none;z-index:-1}
 #top.company-hero .company-hero-label{margin-bottom:22px}
 #top.company-hero h1{line-height:1.35;margin-bottom:24px}
 #top.company-hero h1 .cms-mobile>.company-hero-second{margin-top:8px}
 #top.company-hero h1 .cms-mobile>.company-hero-second>.hero-phrase{display:block!important;margin-bottom:26px}
 #top.company-hero h1 .cms-mobile>.company-hero-second>.hero-phrase+br,
 #top.company-hero h1 .cms-mobile>.company-hero-second>.hero-phrase+br+br,
 #top.company-hero h1 .cms-mobile>.company-hero-second>br:last-child{display:none}
 #top.company-hero .company-hero-description{max-width:30ch;line-height:1.65;margin-bottom:28px;text-wrap:pretty}
}
@media(min-width:641px){#top.company-hero h1 .hero-meaning-break{display:none}#top.company-hero h1 .hero-phrase{display:inline!important;color:inherit;font:inherit;letter-spacing:inherit}}

/* Approved mobile hero: solid copy panel followed by the full original frame. */
@media(max-width:640px){
 #top.company-hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;background:#172d3e}
 #top.company-hero:after{display:none}
 #top.company-hero .company-hero-copy{order:0;align-self:center;flex:none;margin:0 auto;padding:108px 0 30px}
 #top.company-hero .company-background{order:1;position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:16/9;flex:none;overflow:hidden;background:#172d3e}
 #top.company-hero .company-background picture{display:none}
 #top.company-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;filter:none;transform:none}
 #top.company-hero .company-video-toggle{z-index:1;left:16px;right:auto;bottom:12px;min-height:36px;background:rgba(10,28,42,.82);backdrop-filter:none}
}