/* v15: una sola escena a todo el ancho, texto superpuesto. */
.hero{border:0;border-radius:8px;background:#35108d;isolation:isolate}
.hero .hero-slide{height:clamp(400px,34vw,550px);min-height:0;display:flex;align-items:center;justify-content:flex-start;padding:40px 6% 60px;position:relative;overflow:hidden;background:#35108d;gap:0;isolation:isolate}
.hero .hero-slide:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(25,4,72,.94) 0%,rgba(38,6,102,.85) 28%,rgba(52,12,135,.40) 49%,transparent 68%)}
.hero .hero-slide .hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center;z-index:0;margin:0;padding:0;border:0}
.hero .hero-copy{position:relative;z-index:2;width:46%;max-width:560px}
.hero .hero-copy h1{font-size:clamp(34px,4.1vw,64px);line-height:1.08;margin:14px 0;color:#fff;text-transform:none;overflow-wrap:normal;text-wrap:balance}
.hero .hero-copy p{color:#f0eaff;max-width:430px;font-size:clamp(12px,1vw,15px);line-height:1.7;margin:14px 0}.hero .hero-copy .eyebrow{color:#dcd0ff}.hero .hero-copy .button{margin-top:12px}
.hero .hero-art{position:absolute;right:8%;width:32%;z-index:0}.hero-dots{z-index:3;right:26px;bottom:15px;background:#21074e65;border:1px solid #ffffff22;border-radius:24px;padding:3px 8px}
@media(min-width:721px) and (max-width:1000px){.hero .hero-copy{width:48%}.hero .hero-copy h1{font-size:39px}.hero .hero-copy p{font-size:12px}}
@media(max-width:720px){.hero .hero-slide,.hero .hero-slide.hero-has-image{height:660px;min-height:0;padding:30px 7% 65px;display:flex;align-items:flex-start;gap:0;background:#35108d}.hero .hero-copy{width:100%;max-width:none}.hero .hero-copy h1,.hero .hero-has-image h1{font-size:clamp(31px,8.5vw,43px);max-width:500px;line-height:1.1;margin:12px 0}.hero .hero-copy p{font-size:13px;line-height:1.6;max-width:500px}.hero .hero-copy .button{font-size:11px}.hero .hero-slide .hero-image{inset:auto 0 30px auto;width:200%;height:auto;aspect-ratio:3/1;object-fit:fill;max-width:none}.hero .hero-slide:after{background:linear-gradient(180deg,#26075f 0%,rgba(38,7,95,.96) 35%,rgba(38,7,95,.50) 54%,transparent 72%,rgba(25,4,72,.25) 100%)}.hero-dots{right:16px;bottom:10px}.hero .hero-art{display:flex;bottom:65px;right:24%;width:52%}}
@media(prefers-reduced-motion:reduce){.hero .hero-slide{animation:none}}