@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap");
:root{
  --bg:#f7f2ec;
  --soft:#fffdf9;
  --ink:#2a211d;
  --muted:#796961;
  --line:rgba(74,50,42,.12);
  --bronze:#b18a69;
  --bronze-deep:#8d6a51;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#fcfaf7 0%, #f7f2ec 100%);color:var(--ink);font-family:Inter,system-ui,sans-serif}
a{text-decoration:none;color:inherit}
header{height:82px;padding:0 4vw;display:flex;align-items:center;gap:24px;border-bottom:1px solid rgba(74,50,42,.07);background:rgba(252,249,245,.86);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}
.brand{font-size:14px;letter-spacing:.22em;font-weight:800}
nav{margin-left:auto;display:flex;gap:22px}
nav a,.cta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5f514a}
.cta{padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,#2d2420,#7c604e);color:#fff}
.hero{padding:92px 6vw 54px;background:linear-gradient(135deg,#fffdf9 0%, #f2e6db 100%)}
.hero small,.side small,.next small{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-deep);font-weight:700}
.hero h1,.side h2,.next h2,.final h2{font-family:"Cormorant Garamond",serif;font-weight:600;line-height:.92;letter-spacing:-.03em;margin:16px 0}
.hero h1{font-size:clamp(54px,7vw,88px);max-width:760px}
.hero p{font-size:17px;line-height:1.8;color:var(--muted);max-width:760px}
.content{padding:74px 6vw}
.grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:start}
.side{padding:30px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid var(--line);position:sticky;top:108px}
.side h2{font-size:50px}
.side a{display:inline-block;margin-top:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#5d504a}
.main p{font-size:17px;line-height:1.85;color:var(--muted);margin-top:0}
.blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.block{padding:24px;border-radius:24px;background:var(--soft);border:1px solid var(--line)}
.block h3{font-family:"Cormorant Garamond",serif;font-size:30px;margin:0 0 12px}
.block ul{margin:0;padding-left:18px;color:#5b4e48;line-height:1.9}
.next{padding:0 6vw 74px}
.links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.links a{padding:24px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.links span{font-size:22px}
.final{padding:74px 6vw;background:linear-gradient(135deg,#2b221f 0%, #4a3a33 46%, #8d6a51 100%);color:#fff}
.final h2{font-size:clamp(42px,5vw,72px);max-width:760px}
.final p{color:#eadfd8;line-height:1.8;max-width:650px}
.final a{display:inline-block;margin-top:10px;padding:15px 18px;border-radius:999px;background:#fff;color:#2d2420;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
footer{padding:22px 6vw 34px;display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#6d5f58}
@media (max-width: 980px){
  nav{display:none}
  header{padding:0 18px}
  .hero,.content,.next,.final,footer{padding-left:18px;padding-right:18px}
  .grid,.blocks,.links{grid-template-columns:1fr}
  .side{position:relative;top:auto}
  .side h2,.hero h1,.next h2,.final h2{font-size:15vw}
  footer{flex-direction:column;align-items:flex-start}
}