:root{
  --ink:#fff7fd; --muted:#d5bcd3; --muted2:#a98ba8;
  --bg:#120117; --panel:#210529; --panel2:#2d0737;
  --purple:#7c237d; --pink:#e474c5; --pink2:#f2aedc; --gold:#e6be84;
  --line:rgba(255,255,255,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;background:
radial-gradient(circle at 10% 4%,rgba(161,57,150,.16),transparent 27%),
radial-gradient(circle at 95% 35%,rgba(136,41,143,.13),transparent 22%),
linear-gradient(180deg,#120117,#19021f 45%,#100114);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.ambient{position:fixed;z-index:-1;filter:blur(70px);opacity:.18;border-radius:50%}
.ambient-a{width:320px;height:320px;background:#b64ab3;top:8%;left:-180px}
.ambient-b{width:420px;height:420px;background:#7c217c;top:58%;right:-260px}
.nav{position:fixed;z-index:30;left:50%;top:12px;transform:translateX(-50%);width:min(1120px,calc(100% - 24px));height:62px;padding:0 12px 0 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(22,2,29,.78);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:999px;box-shadow:0 12px 40px rgba(0,0,0,.24)}
.brand{display:flex;align-items:center;gap:9px;font-family:"Playfair Display",serif;line-height:.8;letter-spacing:.08em}
.brand>span{font-size:1.4rem;color:#efa3d7}.brand small{display:block;font-size:.48rem;color:#cfaecb}.brand strong{font-size:.94rem}
.nav-buy{padding:11px 17px;border:1px solid rgba(238,157,215,.28);border-radius:999px;background:linear-gradient(135deg,#8e2a8c,#6c176e);font-size:.82rem;font-weight:700}
.section{width:min(1120px,calc(100% - 34px));margin:0 auto}
.hero{padding-top:94px;min-height:820px;display:grid;grid-template-columns:1.04fr .96fr;gap:0;align-items:stretch}
.hero-photo{position:relative;min-height:720px;border-radius:38px 0 0 38px;overflow:hidden;border:1px solid var(--line);border-right:0}
.hero-photo img{height:100%;object-fit:cover;object-position:center}
.hero-photo-fade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(26,3,33,.88) 100%),linear-gradient(0deg,rgba(14,1,18,.4),transparent 45%)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 46px;background:linear-gradient(135deg,rgba(48,8,57,.92),rgba(27,3,34,.95));border:1px solid var(--line);border-left:0;border-radius:0 38px 38px 0}
.pill,.eyebrow{display:inline-block;color:#eaa8d7;letter-spacing:.18em;font-size:.7rem;font-weight:700;text-transform:uppercase}
.pill{align-self:flex-start;padding:8px 11px;border:1px solid rgba(231,142,207,.22);border-radius:999px;background:rgba(131,37,127,.16)}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:600}
h1{font-size:clamp(3.2rem,6vw,6.2rem);line-height:.93;margin:20px 0 22px;letter-spacing:-.035em}
h1 em,h2 em{font-weight:600;color:#ef9ed5}
.lead{font-size:1.08rem;line-height:1.75;color:#dbc5d9;max-width:600px}
.hero-actions{margin-top:26px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:14px 22px;border-radius:999px;font-weight:800}
.btn-main{background:linear-gradient(135deg,#b137a5,#751d7d);box-shadow:0 14px 34px rgba(164,45,151,.28),inset 0 0 0 1px rgba(255,255,255,.12)}
.text-link{font-size:.9rem;color:#d7bcd4}
.soft-note{margin-top:26px;padding:15px 17px;border-left:2px solid #b94ca9;background:rgba(255,255,255,.025);color:#bfa9bd;font-size:.84rem;line-height:1.55}

.statement{text-align:center;padding:120px 80px}
.statement h2,.section-head h2,.story-copy h2,.mood-copy h2,.product-copy h2,.warm-copy h2,.final-cta h2{font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.05;margin:14px 0 22px;letter-spacing:-.025em}
.statement p{max-width:780px;margin:15px auto;color:#cdb5cb;font-size:1.04rem;line-height:1.85}
.statement .highlight{color:#f1d7ea;font-family:"Playfair Display",serif;font-size:1.35rem;font-style:italic}

.photo-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center;padding:30px 0 110px}
.photo-card{border-radius:32px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.25)}
.photo-card img{aspect-ratio:4/5;object-fit:cover;object-position:center}
.story-copy p,.mood-copy p,.product-copy p,.warm-copy p{color:#ceb8cc;line-height:1.8;font-size:1.02rem}
.quote{margin-top:24px;padding:23px;border-radius:22px;background:linear-gradient(135deg,rgba(124,34,124,.28),rgba(255,255,255,.025));border:1px solid var(--line);font-family:"Playfair Display",serif;font-size:1.2rem;line-height:1.55;color:#efd8e9}

.inside{padding:100px 0}.section-head{text-align:center;max-width:860px;margin:0 auto 44px}
.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.topics article{position:relative;padding:26px;min-height:220px;background:linear-gradient(145deg,rgba(52,9,62,.9),rgba(31,5,38,.86));border:1px solid var(--line);border-radius:25px;overflow:hidden}
.topics article:after{content:"♡";position:absolute;right:18px;bottom:4px;font-family:Georgia;font-size:5rem;color:rgba(229,114,199,.055)}
.topics span{font-size:.72rem;color:#de8aca;letter-spacing:.18em}.topics h3{font-family:"Playfair Display",serif;font-size:1.35rem;line-height:1.25;margin:12px 0}.topics p{margin:0;color:#bfa5bc;line-height:1.65;font-size:.88rem}

.mood{padding:80px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.mood-copy ul{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:10px;color:#ebd7e7}
.mood-photo{position:relative;border-radius:32px;overflow:hidden;border:1px solid var(--line)}
.mood-photo img{aspect-ratio:4/5;object-fit:cover}
.mood-badge{position:absolute;left:16px;right:16px;bottom:16px;padding:16px 18px;border-radius:18px;background:rgba(21,2,27,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);font-family:"Playfair Display",serif;text-align:center}

.product{padding:70px 0 120px;display:grid;grid-template-columns:.78fr 1.22fr;gap:58px;align-items:center}
.product-cover{border-radius:30px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.33);border:1px solid var(--line)}
.product-cover img{aspect-ratio:1/1;object-fit:cover}
.feature-lines{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.feature-lines span{padding:13px 14px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:.87rem;color:#d9c2d6}

.warm{position:relative;min-height:620px;border-radius:38px;overflow:hidden;border:1px solid var(--line);display:flex;align-items:flex-end;margin-bottom:120px}
.warm-bg{position:absolute;inset:0}.warm-bg img{height:100%;object-fit:cover;object-position:center}
.warm-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,1,17,.9),rgba(20,2,25,.46) 55%,rgba(19,1,24,.15)),linear-gradient(0deg,rgba(12,1,16,.84),transparent 55%)}
.warm-copy{position:relative;z-index:2;padding:58px;max-width:720px}

.who{padding:30px 0 120px}.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.who-grid div{padding:19px 20px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#d7c0d4;line-height:1.55}

.final-cta{text-align:center;padding:90px 24px 120px;border-radius:38px;background:
radial-gradient(circle at 50% 20%,rgba(216,84,190,.2),transparent 33%),
linear-gradient(160deg,rgba(55,9,67,.72),rgba(22,2,28,.9));border:1px solid var(--line);margin-bottom:30px}
.heart-orbit{width:70px;height:70px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(239,151,214,.28);color:#f2a7d9;font-size:2rem;box-shadow:0 0 55px rgba(209,74,184,.2)}
.final-cta p{max-width:650px;margin:0 auto 25px;color:#cbb4c8;line-height:1.7}.btn-big{font-size:1rem;padding:17px 27px}.final-cta small{display:block;margin-top:13px;color:#8f778e}

footer{width:min(1120px,calc(100% - 34px));margin:0 auto;padding:30px 0 110px;display:flex;align-items:center;justify-content:space-between;color:#816d80;font-size:.76rem}.footer-brand{opacity:.65}
.mobile-buy{display:none}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:86px}
  .hero-photo{min-height:430px;border-radius:30px 30px 0 0;border-right:1px solid var(--line);border-bottom:0}
  .hero-photo-fade{background:linear-gradient(0deg,rgba(27,3,34,.98),transparent 54%)}
  .hero-copy{border-left:1px solid var(--line);border-top:0;border-radius:0 0 30px 30px;padding:30px 26px 34px}
  .photo-story,.mood,.product{grid-template-columns:1fr;gap:30px}
  .photo-card img,.mood-photo img{aspect-ratio:16/10}
  .product-cover{max-width:520px;margin:auto}
  .topics{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  body{padding-bottom:82px}
  .section{width:min(100% - 26px,1120px)}
  .nav{height:56px;top:8px;width:calc(100% - 16px)}.nav-buy{display:none}
  .hero{padding-top:74px}
  .hero-photo{min-height:390px}
  .hero-photo img{object-position:58% center}
  .hero-copy{padding:26px 20px 28px}
  h1{font-size:3.55rem}
  .lead{font-size:.96rem}
  .hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.text-link{text-align:center}
  .statement{padding:85px 14px}.statement p{font-size:.96rem}.statement .highlight{font-size:1.18rem}
  .photo-story{padding-bottom:82px;gap:27px}.photo-card img{aspect-ratio:4/5}
  .inside{padding:72px 0}.topics{grid-template-columns:1fr}.topics article{min-height:auto}
  .mood{padding:60px 0 88px}.mood-photo img{aspect-ratio:4/5}
  .product{padding:45px 0 88px}.feature-lines{grid-template-columns:1fr}
  .warm{min-height:590px;margin-bottom:85px;border-radius:28px;align-items:flex-end}.warm-bg img{object-position:58% center}.warm-overlay{background:linear-gradient(0deg,rgba(13,1,17,.94),rgba(17,2,22,.2) 75%)}.warm-copy{padding:28px 22px}
  .who{padding-bottom:85px}.who-grid{grid-template-columns:1fr}
  .final-cta{padding:70px 19px 82px;border-radius:28px}
  footer{padding-bottom:20px;flex-direction:column;gap:10px}
  .mobile-buy{position:fixed;z-index:40;display:flex;align-items:center;gap:11px;left:10px;right:10px;bottom:10px;min-height:62px;padding:10px 16px;border-radius:20px;background:linear-gradient(135deg,#a12e98,#67156d);box-shadow:0 15px 38px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.13)}
  .mobile-buy>span{font-size:1.55rem}.mobile-buy div{display:flex;flex-direction:column;line-height:1.15}.mobile-buy small{font-size:.67rem;color:#edd5e8}.mobile-buy strong{font-size:.96rem}
}