/* Full-width woodland, with a dedicated phone composition. */
.modern-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:720px;max-width:none;padding:70px 6%;overflow:hidden;background:#10231c;color:white}
.modern-hero .hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto;border-radius:0;background:transparent;z-index:-2;overflow:hidden}
.modern-hero picture{display:block;width:100%;height:100%}
.modern-hero .hero-image img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:70% 46%}
.modern-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,24,17,.91),rgba(10,24,17,.78) 28%,rgba(10,24,17,.3) 52%,transparent 76%)}
.modern-hero .hero-copy{width:48%;max-width:660px;padding:0}
.modern-hero h1{font-size:clamp(56px,5.7vw,96px);line-height:1.06;letter-spacing:-.045em;color:#fff}
.modern-hero .magic-word{color:#ebd4ff}
.modern-hero .eyebrow,.modern-hero .tiny-star{color:#e9d9fa}
.modern-hero .intro{font-size:24px;color:white}
.modern-hero .hero-copy>p:not(.eyebrow):not(.intro){color:#f2f1eb;max-width:460px}
.modern-hero .button{background:#ead8ff;color:#291b3b}
.modern-hero .button:hover{background:white}
.modern-hero .text-link{color:#fff}
.modern-hero .hero-notes span{background:#ffffff1c;border:1px solid #ffffff55;color:white}
.modern-hero .image-label{display:none}
.modern-hero .art-note{font-size:11px;bottom:12px;right:16px;background:#10231ce8;padding:5px 10px;border-radius:4px;max-width:calc(100% - 32px)}
.ribbon{background:#eee5f7}
@media(min-width:1600px){.modern-hero{min-height:820px;padding-inline:8%}}
@media(max-width:900px){
 .modern-hero{min-height:0;display:block;padding:clamp(300px,88vw,600px) 7% 58px;background:#10231c}
 .modern-hero .hero-image{height:min(125vw,850px);bottom:auto}
 .modern-hero .hero-image img{object-fit:cover;object-position:center top}
 .modern-hero:after{bottom:auto;height:min(125vw,850px);background:linear-gradient(0deg,#10231c 0%,rgba(16,35,28,.94) 10%,rgba(16,35,28,.2) 36%,transparent 53%)}
 .modern-hero .hero-copy{width:100%;max-width:650px;margin:auto}
 .modern-hero h1{font-size:clamp(43px,8.8vw,70px);letter-spacing:-.045em;margin-bottom:20px}
 .modern-hero .intro{font-size:21px}
 .modern-hero .hero-copy>p:not(.eyebrow):not(.intro){font-size:16px;max-width:550px}
 .modern-hero .eyebrow{font-size:10px;letter-spacing:.8px;margin-bottom:16px}
 .modern-hero .art-note{top:10px;bottom:auto;right:10px;max-width:calc(100% - 20px);font-size:9px;padding:4px 8px}
 .modern-hero .actions{flex-wrap:wrap;gap:18px;margin:24px 0}
 .modern-hero .hero-notes{font-size:11px;gap:8px}
}