/* Separate transparent layers, scaled together without flattening the artwork. */
.hero.hero-branded{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:5%;padding-top:30px;padding-bottom:35px}
.hero-art{position:relative;width:100%;aspect-ratio:1.55;isolation:isolate}
.hero-art img{position:absolute;display:block;height:auto;max-width:none}
.hero-logo{width:100%;left:0;bottom:0;z-index:1}
.hero-genie{width:62%;left:0;bottom:43%;z-index:2}
.hero-copy h1{font-size:clamp(30px,3.3vw,47px)}
.hero-copy .intro{font-size:16px;margin:20px 0;max-width:360px}
.hero-copy .text-link{display:block;margin:16px 0 0;font-size:14px}
@media(max-width:700px){.hero.hero-branded{grid-template-columns:1fr;gap:22px;padding-top:20px;padding-bottom:30px}.hero-art{max-width:550px;margin-inline:auto}.hero-copy{text-align:center}.hero-copy h1{font-size:32px}.hero-copy .intro{margin:14px auto 20px}.hero-copy .eyebrow{font-size:9px}.hero-copy .text-link{display:inline-block;margin:12px}}