/* Keep every hero word clear of the GLE. */
@media(min-width:1100px) and (min-height:650px){
 .home-page .hero-copy{top:17%;left:6%;right:auto;width:min(38vw,560px);max-width:560px}
 .home-page .hero h1{font-size:clamp(52px,5.4vw,80px);max-width:100%;line-height:1.02}
 .home-page .hero-copy>p:not(.eyebrow){max-width:320px}
 .home-page .hero-bottom-word{left:6%;bottom:18%;max-width:29vw;font-size:clamp(30px,3.2vw,46px);line-height:1.08}
}

/* A separate text panel protects the complete photograph on narrow/short screens. */
@media(max-width:1099px),(max-height:649px){
 .home-page .hero,.home-page.motion-off .hero,.home-page.no-js .hero{height:auto;min-height:0;background:var(--paper)}
 .home-page .hero-sticky{position:relative;display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden;background:var(--paper)}
 .home-page .hero-copy{position:relative;inset:auto;order:0;width:min(calc(100% - 48px),760px);max-width:none;margin:0 auto;padding:120px 0 30px;color:var(--ink);opacity:1!important;transform:none!important;will-change:auto}
 .home-page .hero h1{font-size:clamp(44px,6.4vw,64px);line-height:1.02;max-width:100%}
 .home-page .hero-copy .eyebrow{color:#5d696e;margin:0 0 22px}
 .home-page .hero-copy>p:not(.eyebrow){color:#5d696e;max-width:440px;margin:24px 0;font-size:16px;line-height:1.6}
 .home-page .hero-copy .button.light{background:#17262f;color:#fbfaf6;min-height:48px}
 .home-page .hero-photo{position:relative;inset:auto;order:1;width:100%;height:auto;min-height:0;aspect-ratio:1672/940;flex:none;border-radius:0;transform:none!important;will-change:auto}
 .home-page .hero-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;will-change:auto}
 .home-page .hero-photo:after{content:none}
 .home-page .hero-bottom-word,.home-page .hero-foot{display:none}
}

@media(min-width:700px) and (max-height:649px){
 .home-page .hero-sticky{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center;padding:110px 4% 40px}
 .home-page .hero-copy{width:auto;max-width:none;margin:0;padding:0}
 .home-page .hero h1{font-size:clamp(40px,4.5vw,60px)}
 .home-page .hero-copy>p:not(.eyebrow){font-size:15px;max-width:360px;margin:20px 0}
}