.split{background:#0e0b14;--hero-h:min(805px,calc(100vh - 24px))}.split .hero{margin:8px 28px 0;height:var(--hero-h);border-radius:32px;background:#120e1a}.split .contour-sculpture{width:54%;border-radius:32px;background:radial-gradient(ellipse at 15% 8%,#39234f,transparent 60%),#1a1225;box-shadow:20px 0 90px #0005}.split .contour-sculpture::before{content:"";position:absolute;width:950px;height:1050px;left:-560px;top:220px;border-radius:46%;border:1px solid #af7add16;box-shadow:0 0 0 32px #ba82e705,0 0 0 65px #8c5ac608,0 0 0 100px #9e66db07,0 0 0 140px #b98cee05;transform:rotate(-30deg)}.split .hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:0 0 0 4%;width:43%}.split h1{font-size:clamp(48px,5.35vw,86px);margin:0 0 28px}.split .description{max-width:400px}.split .cta{margin-top:32px}.split .fragrance-wall{width:520px;top:0;bottom:0;right:22px;gap:17px;opacity:.85}.split .bottle-tile{height:242px}.split .phone-stage{left:41%;top:0;bottom:0;width:min(324px,calc((var(--hero-h) - 70px)*.44));display:flex;align-items:center}.split .phone{transform:rotateY(-15deg) rotateX(4deg) rotateZ(8deg)}.split .section-heading{text-align:center}.split .section-heading h2{margin:auto}.split .steps .step{border:1px solid #c4a1e41b;border-radius:21px;overflow:hidden;background:#18121f}.split .step-art{border-radius:0}.split .step-copy{padding:28px}
@media(min-width:1600px){.split .hero{max-width:1544px;margin-inline:auto}.split .hero-copy{width:44%}}
@media(max-width:1100px){.split{--hero-h:min(780px,calc(100vh - 24px))}.split .hero{margin-inline:20px}.split .hero-copy{width:46%}.split h1{font-size:54px}.split .description{max-width:320px}.split .phone-stage{width:min(270px,calc((var(--hero-h) - 70px)*.44))}.split .fragrance-wall{width:360px;right:10px;gap:10px}.split .fragrance-group{gap:10px;padding-bottom:10px}.split .bottle-tile{height:180px}.split .step-copy{padding:23px}}
@media(max-width:650px){.split .hero{margin:0 12px;height:985px;border-radius:23px}.split .contour-sculpture{width:100%;height:100%;border-radius:23px;background:radial-gradient(ellipse at 15% 8%,#39234f,transparent 70%),#1a1225}.split .hero-copy{display:block;height:auto;width:100%;padding:38px 24px 0}.split h1{font-size:49px;margin:0 0 20px}.split .description{max-width:300px}.split .cta{margin-top:24px}.split .phone-stage{left:calc(50% - 125px);top:400px;bottom:auto;display:block;width:250px}.split .phone{transform:rotateY(-13deg) rotateX(4deg) rotateZ(8deg)}.split .fragrance-wall{width:100%;right:0;top:370px;bottom:0;opacity:.65;gap:10px}.split .bottle-tile{height:183px}.split .how-section{padding-top:68px}.split .section-heading{text-align:left}.split .step-copy{padding:25px}.split .step h3{font-size:21px}}