/* Home-only composition; existing heading, controls and desktop height remain authoritative. */
.hero-landscape{display:block;isolation:isolate;background:var(--white);overflow:hidden}
.hero-landscape .hero-copy{width:51%;min-height:inherit;z-index:3}
.hero-landscape .hero-art{position:absolute;inset:0;height:auto;width:100%;z-index:0;background:transparent}
.hero-landscape .hero-art>img{position:absolute;top:50%;right:0;width:92%;height:auto;max-width:none;object-fit:contain;transform:translateY(-50%);transition:none;mask-image:linear-gradient(180deg,transparent, var(--ink) 8%,var(--ink) 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,var(--ink) 8%,var(--ink) 90%,transparent)}
.hero-landscape .hero-art:hover>img{transform:translateY(-50%)}
.hero-landscape .hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--white) 0%,color-mix(in srgb,var(--white) 97%,transparent) 23%,color-mix(in srgb,var(--white) 35%,transparent) 40%,transparent 49%)}
.hero-landscape .hero-art-label{left:auto;right:3%;bottom:50px;z-index:2}
.hero-landscape .hero-art-bottom{left:54%;right:var(--pad);bottom:24px;padding:0;background:transparent;color:var(--ink);z-index:2}
@media(max-width:900px){
 .hero-landscape{min-height:0}
 .hero-landscape .hero-copy{width:100%;min-height:0}
 .hero-landscape .hero-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2.35;overflow:hidden}
 .hero-landscape .hero-art>img{position:relative;inset:auto;width:100%;height:auto;transform:none;mask-image:none;-webkit-mask-image:none}
 .hero-landscape .hero-art:hover>img{transform:none}
 .hero-landscape .hero-art::after{background:linear-gradient(180deg,var(--white),transparent 12%)}
 .hero-landscape .hero-art-label,.hero-landscape .hero-art-bottom,.hero-landscape .vertical-note{display:none}
}