.hero{
  aspect-ratio:1942/809;
  min-height:0;
  padding:0;
  background:#f0e5f4;
  color:var(--ink);
  box-shadow:0 20px 55px rgba(79,26,86,.14);
}
.hero-banner{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
}
.hero::before,.hero::after,.hero .brand-lockup,.hero .hero-art{display:none}
.hero .hero-content{
  position:absolute;
  top:39%;
  right:4%;
  width:42%;
  max-width:none;
}
.hero h1{font-size:clamp(24px,2.8vw,40px);line-height:1.6;letter-spacing:0}
.hero p{max-width:100%;margin-top:10px;color:#65536e;font-size:clamp(13px,1.15vw,16px);line-height:1.9}
.hero-actions{gap:10px;margin-top:20px}
.hero .primary-btn{background:#741d7e;color:#fff;box-shadow:0 6px 18px rgba(116,29,126,.18)}
.hero .secondary-btn{background:rgba(255,255,255,.85);color:#741d7e;border:1px solid #c7a6d1}
.hero .secondary-btn:hover{background:#fff}
@media(max-width:820px){
  .hero{aspect-ratio:auto;min-height:0;padding:0;background:linear-gradient(180deg,#f0e5f4,#fff)}
  .hero-banner{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1942/809;object-fit:contain}
  .hero .hero-content{position:relative;top:auto;right:auto;width:100%;max-width:none;padding:24px 24px 46px;text-align:center}
  .hero h1{font-size:clamp(24px,4vw,32px);line-height:1.6}
  .hero p{max-width:100%;font-size:14px;margin-top:8px}
  .hero-actions{justify-content:center;margin-top:18px}
}