/* Homepage hero: text and actions stay visible; image pixels never size the grid. */
body[class*="variant-"] .home-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:0;align-items:stretch;background:var(--paper)}
body[class*="variant-"] .home-hero .hero-copy{order:1;max-width:none;min-width:0;min-height:510px;margin:0;padding:clamp(2rem,3.5vw,3.5rem) var(--pad);color:var(--ink);background:var(--paper);position:relative;z-index:1}
body[class*="variant-"] .home-hero .hero-copy h1{max-width:18ch;margin:1rem 0 1.15rem;font-size:clamp(2rem,2.9vw,2.85rem);font-style:normal;line-height:1.08}
body[class*="variant-"] .home-hero .hero-copy>p{color:var(--muted);font-size:1rem;line-height:1.65;margin-bottom:1.2rem}
body[class*="variant-"] .home-hero .hero-copy .button.light{color:var(--ink);background:transparent}
body[class*="variant-"] .home-hero .hero-chips>span{color:var(--ink);background:var(--cream);border-color:var(--line)}
body[class*="variant-"] .home-hero .hero-chips>span i{background:var(--brand-gold)}
body[class*="variant-"] .home-hero .hero-image{order:2;min-width:0;min-height:0;position:relative;overflow:hidden}
body[class*="variant-"] .home-hero .hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body[class*="variant-"] .home-hero .hero-image:after{background:linear-gradient(180deg,transparent 75%,rgba(0,0,0,.45))}
@media(max-width:760px){
 body[class*="variant-"] .home-hero{grid-template-columns:minmax(0,1fr)}
 body[class*="variant-"] .home-hero .hero-copy{order:1;min-height:0;padding:1.8rem 1.25rem}
 body[class*="variant-"] .home-hero .hero-copy h1{font-size:clamp(1.8rem,7vw,2.35rem);max-width:20ch}
 body[class*="variant-"] .home-hero .hero-copy>p{font-size:.95rem}
 body[class*="variant-"] .home-hero .hero-image{order:2;min-height:0;height:clamp(210px,56vw,330px)}
 body[class*="variant-"] .home-hero .hero-copy .buttons{gap:.6rem}
}