/* The portrait is a decorative background behind the opening headline. */
.hero{position:relative;isolation:isolate}
.hero-copy{position:relative;isolation:isolate;align-self:center}
.hero-portrait{position:absolute;inset:-35px -15px -20px -5px;z-index:-2;pointer-events:none;opacity:.48;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 65%,transparent 97%)}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:right top}
.hero-copy:before{content:'';position:absolute;inset:-40px -20px -25px -10px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a1015e6 0%,#0a101591 34%,#0a101520 75%,transparent)}
.hero-copy h1,.hero-copy .eyebrow{text-shadow:0 2px 18px #0a101599}
.hero-copy .intro{text-shadow:0 1px 8px #0a1015}
@media(max-width:760px){
 .hero-copy{align-self:stretch}
 .hero-portrait{inset:-24px -20px 0 -10px;opacity:.4;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 58%,transparent 91%)}
 .hero-portrait img{object-position:right top}
 .hero-copy:before{inset:-30px -24px -10px -12px;background:linear-gradient(90deg,#0a1015b8 0%,#0a101560 45%,#0a10151a 100%)}
}