@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600&display=swap');

:root{
  --ink:#29252d;
  --muted:#706b74;
  --paper:#fbf8f5;
  --lav:#eee8f4;
  --lilac:#d9c9e5;
  --green:#819b8a;
  --purple:#79648f;
  --pink:#c47f9f;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif;line-height:1.7}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;background:rgba(251,248,245,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(41,37,45,.08)}
.brand{text-decoration:none;display:flex;flex-direction:column}
.brand-name{font-family:"Cormorant Garamond",serif;font-size:31px;letter-spacing:.14em;font-weight:700;line-height:1}
.brand-motto{font-size:10px;letter-spacing:.16em;color:var(--purple);margin-top:5px}
.nav{display:flex;gap:24px;font-size:13px}
.nav a{text-decoration:none}
.nav a:hover{color:var(--purple)}
.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{min-height:78vh;display:flex;align-items:center;padding:80px 8vw;background:
 radial-gradient(circle at 78% 30%,rgba(196,127,159,.28),transparent 27%),
 radial-gradient(circle at 65% 75%,rgba(129,155,138,.28),transparent 31%),
 linear-gradient(120deg,#f8f2f5,#eee8f4 55%,#edf2ee)}
.hero-content{max-width:700px}
.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--purple);font-weight:600}
h1,h2,h3{font-family:"Cormorant Garamond",serif;line-height:1.05;font-weight:600}
h1{font-size:clamp(58px,8vw,105px);margin:18px 0}
h2{font-size:clamp(42px,5vw,68px);margin:12px 0 20px}
h3{font-size:34px;margin:12px 0}
.lead{font-size:20px;max-width:610px;color:#4f4a52}
.button{display:inline-block;margin-top:24px;padding:14px 25px;background:var(--ink);color:white;text-decoration:none;font-size:12px;letter-spacing:.12em;font-weight:600;border-radius:2px}
.section{padding:100px 8vw}
.section-heading{max-width:780px;margin-bottom:55px}
.section-heading>p:last-child{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{padding:35px;background:white;border:1px solid rgba(41,37,45,.08);min-height:320px;box-shadow:0 14px 40px rgba(80,60,80,.05)}
.card-number{color:var(--pink);font-size:12px;letter-spacing:.15em}
.price{font-weight:600;margin-top:30px}
.note,.small-note{font-size:12px;color:var(--muted)}
.split{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center;background:linear-gradient(135deg,#f0eee7,#ece4f1)}
.soft-box{padding:60px 45px;text-align:center;border:1px solid rgba(121,100,143,.25);background:rgba(255,255,255,.45)}
.soft-box span{display:block;font-size:42px;margin-bottom:15px}
.soft-box strong{font-family:"Cormorant Garamond",serif;font-size:36px}
.light{background:#f1ecef}
.price-list{max-width:850px;border-top:1px solid rgba(41,37,45,.2)}
.price-list div{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid rgba(41,37,45,.2)}
.contact{display:flex;justify-content:space-between;gap:40px;align-items:center;background:linear-gradient(120deg,#dfe9e1,#e9dff0)}
.contact .button{white-space:nowrap}
footer{display:flex;justify-content:space-between;padding:30px 8vw;font-size:11px;letter-spacing:.1em;color:var(--muted)}
@media(max-width:800px){
 .site-header{padding:15px 5vw}
 .menu-toggle{display:block}
 .nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:20px 6vw;flex-direction:column}
 .nav.open{display:flex}
 .hero{min-height:75vh;padding:65px 7vw}
 .section{padding:75px 7vw}
 .cards,.split{grid-template-columns:1fr}
 .split{gap:35px}
 .contact,footer{flex-direction:column;align-items:flex-start}
 .price-list div{flex-direction:column;gap:2px}
}