/* The desktop composition stays intact; phones get photo first, copy second. */
@media(min-width:641px){#lg-indoor .lg-hero__media,#lg-outdoor .lg-hero__media,#lg-poster .lg-hero__media{--hero-photo:var(--desktop-hero-photo)}}
@media(max-width:640px){
 .lg-page .lg-hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;padding:76px 0 0;background:#080b0e}
 .lg-page .lg-hero .lg-hero__media{position:relative;inset:auto;flex:none;width:100%;aspect-ratio:var(--mobile-photo-ratio,16/9);background-size:contain;background-position:center}
 .lg-page .lg-hero .lg-hero__media:after{background:none}
 .lg-page .lg-hero>.lg-shell{display:block;flex:none;padding-top:26px;padding-bottom:32px}
 .lg-page .lg-hero .lg-hero__card{display:none}
 .lg-page .lg-hero .lg-hero__inner{display:block}
 .lg-page .lg-overview-rail{position:relative;inset:auto;width:100%;background:#11171c}
 .lg-page .lg-overview-rail span{padding:16px 8px;font-size:11px}
 .lg-page .lg-company-hero{display:block;min-height:0;padding:76px 0 0;background:#080b0e}
 .lg-page .lg-company-hero:before{display:none}
 .lg-page .lg-company-hero .lg-company-hero__background{display:block;position:relative;inset:auto;z-index:auto;width:100%;height:auto;object-fit:contain;object-position:center}
 .lg-page .lg-company-hero>.lg-shell{padding-top:26px;padding-bottom:32px}
 .lg-page .lg-company-hero__grid,.lg-page .lg-contact-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
 .lg-page .lg-component-hero,.lg-page .lg-ticker-hero{padding:100px 0 32px;background:#080b0e}
 .lg-page .lg-component-hero>.lg-shell,.lg-page .lg-ticker-hero>.lg-shell{display:flex;flex-direction:column}
 .lg-page .lg-component-hero__grid,.lg-page .lg-ticker-hero__grid{display:contents}
 .lg-page .lg-component-hero__visual,.lg-page .lg-ticker-hero__visual{order:-1;margin:0 0 24px;width:100%}
 .lg-page .lg-component-hero__visual>div,.lg-page .lg-ticker-hero__visual>div{aspect-ratio:16/9;padding:16px}
 .lg-page .lg-component-hero__visual figcaption,.lg-page .lg-ticker-hero__visual figcaption{padding:12px 16px}
 .lg-page .lg-references-hero,.lg-page .lg-support-hero{padding:108px 0 32px}
 .lg-page :is(.lg-hero,.lg-company-hero,.lg-component-hero,.lg-ticker-hero,.lg-references-hero,.lg-support-hero) h1{font-size:clamp(32px,9.8vw,46px);line-height:1.08;letter-spacing:-.04em;overflow-wrap:break-word}
 .lg-page :is(.lg-hero,.lg-company-hero,.lg-component-hero,.lg-ticker-hero,.lg-references-hero,.lg-support-hero) .lg-crumbs{margin-bottom:20px;font-size:10px;letter-spacing:.08em;gap:8px}
 .lg-page :is(.lg-hero,.lg-company-hero,.lg-component-hero,.lg-ticker-hero,.lg-references-hero,.lg-support-hero) .lg-eyebrow{font-size:10px;line-height:1.6;margin-bottom:16px}
 .lg-page .lg-hero .lg-hero__lead,.lg-page .lg-component-hero .lg-component-hero__lead,.lg-page .lg-company-hero__grid>div>p:not(.lg-eyebrow),.lg-page .lg-contact-hero__grid>div>p:not(.lg-eyebrow),.lg-page .lg-ticker-hero__grid>div>p:not(.lg-eyebrow),.lg-page .lg-support-hero__grid>div>p:not(.lg-eyebrow),.lg-page .lg-references-hero__grid>div>p:not(.lg-eyebrow){font-size:15px;line-height:1.65;margin:18px 0 22px;color:#c8cdd2}
 .lg-page .lg-hero__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:22px}
 .lg-page :is(.lg-hero,.lg-company-hero,.lg-component-hero,.lg-ticker-hero,.lg-references-hero,.lg-support-hero) .lg-btn{min-height:48px;padding:12px 18px;font-size:13px;touch-action:manipulation}
}
