.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;padding:0;margin:22px -12px 26px;min-height:465px;background:#fff8f1;border:3px solid #fff;box-shadow:0 12px 0 #e8cddb55,0 22px 45px #b193b124;isolation:isolate}
.hero-copy{padding:30px 0 32px 32px;z-index:2}
.hero .eyebrow{display:inline-block;letter-spacing:.09em;color:#a57991;background:#f7e4ec;border-radius:30px;padding:8px 12px;font-size:10px}
.hero h1{font-size:clamp(35px,4.5vw,55px);line-height:1.14;letter-spacing:-.07em;margin:21px 0;color:#6a4d78;text-shadow:0 3px #fff;font-weight:900}
.hero h1 em{font-style:normal;color:#d189a5;white-space:nowrap}
.hero p{font-size:13px;line-height:1.8;color:#89718e;margin:0 0 20px}
.hero-chips{gap:6px}.hero-chips span{font-size:10px;color:#907999;background:#fffcf8;border:1px solid #ebdce5;padding:7px 9px}
.hero-art{height:100%;min-height:465px;position:relative;overflow:hidden;align-self:stretch}
.opening-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% center;animation:openingBreathe 9s ease-in-out infinite alternate}
.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff8f1,transparent 16%);pointer-events:none}
.hero-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:25px 0 0}
.hero-start{font-size:15px;padding:15px 26px;border:2px solid #fff8ee;box-shadow:0 5px 0 #967099,0 9px 16px #bd8ba844;background:linear-gradient(130deg,#dfa0b8,#b490cc);border-radius:18px;transition:translate .2s}
.hero-start:hover{translate:0 -3px}.hero-start span{display:inline-block;margin-left:14px}
.hero-choose{font-size:11px;color:#a387a4;background:transparent;padding:12px 4px;border-bottom:1px solid #dbc5da;border-radius:0}
.opening-spark{position:absolute;z-index:2;color:#fff1a7;font-size:32px;text-shadow:0 0 10px #fff;animation:openingTwinkle 3s ease-in-out infinite;pointer-events:none}.opening-spark.one{left:19%;top:13%}.opening-spark.two{right:10%;top:37%;animation-delay:1s}.opening-spark.three{left:52%;bottom:12%;font-size:21px;animation-delay:2s}
@keyframes openingBreathe{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes openingTwinkle{0%,100%{opacity:.35;scale:.75}50%{opacity:1;scale:1.1}}
@media(max-width:680px){.hero{display:flex;flex-direction:column-reverse;margin:12px -9px 22px;border-radius:26px;min-height:0}.hero-art{height:auto;min-height:0;aspect-ratio:1.26;width:100%;max-width:none}.opening-illustration{object-position:56% center}.hero-art:after{background:linear-gradient(0deg,#fff8f1,transparent 22%)}.hero-copy{padding:0 19px 26px;text-align:center;margin-top:-7px}.hero .eyebrow{font-size:8px;padding:6px 10px}.hero h1{font-size:36px;line-height:1.13;margin:14px 0 12px}.hero h1 br{display:none}.hero h1 em{display:block}.hero p{font-size:11px;line-height:1.7;margin:0 0 14px}.hero-chips{gap:5px;justify-content:center}.hero-chips span{font-size:8px;padding:6px 7px}.hero-actions{justify-content:center;margin-top:19px;gap:15px}.hero-start{min-width:185px;font-size:14px;padding:13px 20px}.hero-choose{font-size:11px}.hero-art .opening-spark{font-size:23px}}
@media(prefers-reduced-motion:reduce){.opening-illustration,.opening-spark{animation:none}}