/* Homepage artwork: lion above a city, adapted from the user's reference. */
.hero:before{background-image:url('hero-lion.webp');background-position:center center;background-size:cover}
.hero:after{background:linear-gradient(90deg,#121212a8,#12121263 39%,#12121212 66%,transparent)}
.hero h1{font-size:clamp(46px,5.1vw,70px);max-width:680px}
.hero-words{display:none}
@media(max-width:1000px) and (min-width:761px){.hero:before{background-position:57% center}.hero:after{background:linear-gradient(90deg,#121212de,#12121277 45%,#12121212 78%)}.hero h1{font-size:56px;max-width:585px}}
@media(max-width:760px){.hero{min-height:0}.hero:before{height:360px;bottom:auto;background-size:auto 360px;background-position:right top;background-repeat:no-repeat}.hero:after{background:linear-gradient(180deg,transparent 150px,#12121255 270px,#121212 350px)}.hero .wrap{padding-top:367px;padding-bottom:55px}.hero h1{font-size:clamp(39px,8.2vw,53px);letter-spacing:-1.7px;margin-top:23px;max-width:100%}.hero .eyebrow{font-size:7px;letter-spacing:1.8px}.hero-bottom{margin-top:29px}.hero-caption{bottom:13px}}
@media(prefers-reduced-motion:reduce){.hero{animation:none}}

/* Homepage tagline, sized to keep the lion artwork visible. */
.hero h1.hero-tagline{font-size:clamp(38px,4.05vw,56px);line-height:1.08;letter-spacing:-1.8px;max-width:650px}
.hero-tagline>span,.hero-tagline>em{display:block}
@media(max-width:1000px) and (min-width:761px){.hero h1.hero-tagline{font-size:46px;max-width:560px}}
@media(max-width:760px){.hero h1.hero-tagline{font-size:clamp(31px,7.6vw,46px);line-height:1.12;letter-spacing:-1px;max-width:100%}}