/* Homepage art direction: leave room for the subject and keep safari choices close. */
.hero{height:285svh}
.hero h1{font-size:clamp(64px,8vw,122px)}
.hero h1 span:nth-child(2){padding-left:7vw}
.hero h1 span:nth-child(3){padding-left:2vw}
.hero__media--dawn img{object-position:65% 55%}
.hero__veil{background:linear-gradient(180deg,rgba(33,23,13,.66),transparent 25%),linear-gradient(90deg,rgba(33,23,13,.62),transparent 64%),linear-gradient(0deg,rgba(33,23,13,.88),transparent 50%)}
.hero__aperture img{object-position:65% 50%}
.hero__curtain img{object-position:50% 70%}
.hero__scene-copy--balloon{max-width:760px}
.atlas__intro a{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;margin-top:8px}
.sales-image--philosophy img{object-position:50% 55%}
.film__media img{object-position:55% 45%}
.conversion__image img{object-position:50% 60%}
@media(max-width:700px){
 .hero{height:260svh}
 .hero__media--dawn img{object-position:52% 50%}
 .hero__copy{top:155px;display:flex;flex-direction:column}
 .hero__copy>.kicker{margin:0}
 .hero__copy h1{margin:24px 0 30px}
 .hero__bottom{margin-top:auto}
 .hero h1{font-size:clamp(58px,16vw,96px)}
 .hero__bottom{gap:18px}
 .hero__bottom>div>p{max-width:245px}
 .hero__aperture img{object-position:68% 50%}
 .hero__curtain img{object-position:48% 70%}
 .hero__scene-copy--balloon h2{font-size:clamp(48px,14vw,76px)}
 .conversion__image img{object-position:42% 50%}
}
@media(prefers-reduced-motion:reduce){
 .hero{height:auto!important;min-height:100svh}
 .hero__stage{position:relative;min-height:max(650px,100svh)}
 .hero__copy--opening{display:block!important;opacity:1!important;transform:none!important}
 .hero__scene-copy{display:none!important}
}