/* Forest artwork and the drawn rainbow share one framed banner. */
body.signature-light .hero.forest-hero{position:relative;display:block;width:min(1280px,calc(100% - 48px));margin:16px auto 0;background:#f8faff!important;overflow:hidden;border-radius:22px;box-shadow:0 2px 4px #304c7305,0 14px 34px -24px #304c734d}
.forest-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body.signature-light .hero.forest-hero::before{display:block!important;content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f8faf7df 0%,#f8faf7d4 17%,#f8faf799 30%,#f8faf733 44%,#f8faf700 59%,transparent 68%);pointer-events:none}
body.signature-light .hero.forest-hero::after{display:block!important;content:"";position:absolute;inset:0;z-index:3;border:1px solid #ffffff80;border-radius:inherit;pointer-events:none}
body.signature-light .hero.forest-hero .hero-inner{display:flex;align-items:center;min-height:clamp(400px,33.33vw,430px);padding:24px 0;z-index:2;background:none!important}
.forest-hero .rainbow-title-scene{position:relative;left:-24px;top:-28px;width:min(700px,65%);aspect-ratio:1000/500}
body.signature-light .forest-hero .signature-light-stage{display:block}
body.signature-light .hero.forest-hero h1{position:absolute;left:17.5%;top:calc(63% - 41px);font-size:clamp(65px,5.5vw,78px);line-height:1.12;max-width:none}
body.signature-light .hero.forest-hero .hero-brand{text-shadow:0 1px 0 #ffffff60}
body.signature-light .hero.forest-hero .hero-brand-tagline{color:#50657c;margin-top:17px;font-weight:500;letter-spacing:-.025em}
body.signature-light .hero.forest-hero .eyebrow{display:none}
body.signature-light .hero.forest-hero.has-custom-image{background-image:var(--hero-image)!important;background-size:cover!important;background-position:center!important}
.forest-hero.has-custom-image .forest-hero-art{display:none}
@media(max-width:760px){
 body.signature-light .hero.forest-hero{display:block;width:calc(100% - 24px);margin-top:12px;border-radius:15px;background:#f8faff!important;box-shadow:0 8px 22px -18px #304c7352}
 body.signature-light .hero.forest-hero::before{display:block!important;background:linear-gradient(90deg,#f8faf7eb 0%,#f8faf7ce 24%,#f8faf773 43%,#f8faf71f 60%,transparent 78%)}
 body.signature-light .hero.forest-hero .hero-inner{min-height:clamp(210px,43vw,300px);padding:24px 0;flex-direction:row;align-items:center}
 .forest-hero .rainbow-title-scene{width:66%;left:-4px;top:-12px}
 body.signature-light .hero.forest-hero h1{left:17%;top:calc(63% - 15px);font-size:clamp(28px,7.8vw,52px)}
 body.signature-light .hero.forest-hero .hero-brand-tagline{margin-top:10px;font-size:clamp(10px,2.7vw,16px)}
 .forest-hero-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
 body.signature-light .hero.forest-hero.has-custom-image .hero-inner{min-height:300px}
}
@media(min-width:761px) and (max-width:1100px){body.signature-light .hero.forest-hero h1{font-size:62px}}
body.signature-light .forest-hero.has-custom-image .signature-light-stage{display:none}

/* Keep the separately requested plain background while restoring the original rainbow. */
body.signature-light .hero.forest-hero:not(.has-custom-image)::before{display:none!important}
/* Match the header arc/name proportions at the banner's existing type size. */
body.signature-light .hero.forest-hero:not(.has-custom-image) .hero-inner{align-items:flex-start;padding-top:28px}
body.signature-light .hero.forest-hero:not(.has-custom-image) .rainbow-title-scene{left:0;top:0;font-size:clamp(65px,5.5vw,78px)}
body.signature-light .hero.forest-hero:not(.has-custom-image) .signature-light-stage{inset:0 auto auto 0;width:1.62963em;aspect-ratio:575/360}
body.signature-light .hero.forest-hero:not(.has-custom-image) h1{left:.666667em;top:.518519em;font-size:inherit}
@media(min-width:761px) and (max-width:1100px){body.signature-light .hero.forest-hero:not(.has-custom-image) .rainbow-title-scene{font-size:62px}}
@media(max-width:760px){
 body.signature-light .hero.forest-hero:not(.has-custom-image) .hero-inner{padding-top:20px}
 body.signature-light .hero.forest-hero:not(.has-custom-image) .rainbow-title-scene{font-size:clamp(28px,7.8vw,52px)}
 body.signature-light .hero.forest-hero:not(.has-custom-image) .signature-light-stage{width:1.613333em}
 body.signature-light .hero.forest-hero:not(.has-custom-image) h1{left:.625em;top:.5em}
}