
:root{
  --cream:#fbf8f3;
  --paper:#fffdfa;
  --sage:#66745f;
  --sage-dark:#4d5a48;
  --rose:#c7837c;
  --rose-soft:#ead4cf;
  --ink:#292b28;
  --muted:#74766f;
  --line:#e7e0d7;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 64px));margin:auto}
.serif{font-family:"Cormorant Garamond",Georgia,serif}
header{height:86px;display:flex;align-items:center;background:rgba(251,248,243,.94);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(231,224,215,.7);backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo{font-family:"Cormorant Garamond",Georgia,serif;font-size:35px;line-height:.8;color:var(--sage-dark);letter-spacing:-1px}
.logo small{display:block;font-family:Inter,Arial,sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--rose);margin-top:9px}
nav{display:flex;gap:34px;font-size:14px;color:#44463f}
nav a{padding:8px 0;position:relative}
nav a:hover:after,nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rose)}
.nav-contact{border:1px solid #cfc8be;padding:11px 18px;border-radius:999px}
.menu{display:none;background:none;border:0;font-size:25px;color:var(--sage-dark)}
.hero{padding:74px 0 78px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns: .9fr 1.1fr;align-items:center;gap:64px}
.eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--rose);margin-bottom:20px}
.hero h1{font-size:clamp(66px,7.5vw,108px);line-height:.82;font-weight:500;margin:0 0 30px;letter-spacing:-3px}
.hero h1 span{color:var(--rose)}
.hero p{font-size:17px;max-width:500px;color:#55574f;margin:0 0 32px}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--sage);color:white;padding:14px 25px;border-radius:999px;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:.2s}
.btn:hover{background:var(--sage-dark);transform:translateY(-1px)}
.btn.rose{background:var(--rose)}
.hero-photo{position:relative}
.hero-photo:before{content:"";position:absolute;inset:18px -28px -20px 28px;background:#eee5dc;border-radius:48% 48% 10% 10%/35% 35% 8% 8%;z-index:-1}
.hero-photo img{width:100%;height:650px;object-fit:cover;object-position:center 25%;border-radius:46% 46% 4% 4%}
.motto{margin-top:27px;color:var(--sage-dark);font-size:12px;letter-spacing:3px;text-transform:uppercase}
.section{padding:86px 0}
.section-white{background:var(--paper)}
.ebook{display:grid;grid-template-columns: .9fr 1.1fr;gap:90px;align-items:center}
.book-wrap{min-height:470px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f2e8df,#fbf7f1);border-radius:4px;position:relative;overflow:hidden}
.book-wrap:after{content:"";position:absolute;width:300px;height:60px;background:rgba(72,63,52,.12);filter:blur(22px);bottom:38px;border-radius:50%}
.book{width:min(360px,70%);position:relative;z-index:1;filter:drop-shadow(18px 20px 18px rgba(55,48,40,.16))}
.ebook-copy h2{font-size:60px;line-height:.95;font-weight:500;margin:8px 0 24px}
.ebook-copy p{max-width:520px;color:#5f615a}
.checks{list-style:none;padding:0;margin:25px 0 32px}
.checks li{margin:12px 0;padding-left:27px;position:relative}
.checks li:before{content:"✓";position:absolute;left:0;color:var(--rose)}
.blog-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}
.blog-head h2{font-size:57px;line-height:1;margin:0;font-weight:500}
.link{color:var(--rose);font-size:13px;letter-spacing:1px;text-transform:uppercase}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--paper);border:1px solid var(--line);overflow:hidden}
.card-image{height:190px;background:linear-gradient(135deg,#e7d7cb,#f4eee6);display:flex;align-items:end;padding:18px}
.card-image.one{background:linear-gradient(135deg,#cdb7a7,#eee2d5)}
.card-image.two{background:linear-gradient(135deg,#ded8c8,#f5eee4)}
.card-image.three{background:linear-gradient(135deg,#b8c1aa,#eee6dc)}
.card-image span{font-family:"Cormorant Garamond",Georgia,serif;font-size:32px;color:rgba(255,255,255,.9)}
.card-body{padding:22px}
.card h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:29px;line-height:1.05;margin:0 0 12px;font-weight:500}
.date{font-size:12px;color:var(--muted)}
.quote{padding:95px 20px;background:#eee7de;text-align:center}
.quote-mark{font-family:Georgia,serif;font-size:65px;color:var(--rose);line-height:.7}
.quote p{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:42px;line-height:1.15;max-width:820px;margin:25px auto}
.quote cite{font-size:13px;color:#62645e}
.newsletter{padding:60px 0;background:var(--paper)}
.newsletter-box{border:1px solid var(--line);padding:38px 45px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.newsletter h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:42px;font-weight:500;margin:0 0 5px}
.newsletter p{margin:0;color:var(--muted)}
.newsletter form{display:flex;gap:10px;min-width:440px}
.newsletter input{flex:1;border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:14px 20px;outline:none}
footer{padding:35px 0;background:var(--cream);border-top:1px solid var(--line)}
.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-links{display:flex;gap:24px;font-size:13px;color:#5d6059}
.copyright{font-size:11px;color:#92938d}
.page-hero{padding:90px 0 65px;text-align:center}
.page-hero h1{font-size:70px;line-height:1;margin:0 0 20px;font-weight:500}
.page-hero p{max-width:650px;margin:auto;color:var(--muted)}
.article{max-width:820px;margin:0 auto;padding:20px 0 90px}
.article .lead{font-size:20px;color:#55574f}
.article h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:38px;line-height:1.05;font-weight:500;margin-top:48px}
.article blockquote{border-left:2px solid var(--rose);margin:40px 0;padding:12px 25px;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:29px;color:#555}
.article li{margin:10px 0}
.note{background:#f0e9e0;padding:24px;margin:35px 0;border-left:2px solid var(--rose)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:20px 0 90px}
.form{display:grid;gap:14px}
.form input,.form textarea{width:100%;padding:14px 16px;border:1px solid var(--line);background:var(--paper);font:inherit}
.form textarea{min-height:180px;resize:vertical}
@media(max-width:900px){
  .container{width:min(var(--max),calc(100% - 34px))}
  header{height:72px}
  nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:18px 25px;flex-direction:column;gap:5px;border-bottom:1px solid var(--line)}
  nav.open{display:flex}
  .menu{display:block}
  .nav-contact{display:none}
  .hero{padding:48px 0 60px}
  .hero-grid,.ebook,.contact-grid{grid-template-columns:1fr;gap:45px}
  .hero h1{font-size:68px}
  .hero-photo img{height:560px}
  .blog-grid{grid-template-columns:1fr}
  .blog-head{align-items:start;flex-direction:column}
  .blog-head h2,.ebook-copy h2{font-size:48px}
  .quote p{font-size:34px}
  .newsletter-box{flex-direction:column;align-items:stretch;padding:30px}
  .newsletter form{min-width:0}
  .footer-grid{flex-direction:column;text-align:center}
}
@media(max-width:560px){
  .hero h1{font-size:58px}
  .hero-photo img{height:470px}
  .book-wrap{min-height:380px}
  .quote p{font-size:29px}
  .newsletter form{flex-direction:column}
  .page-hero h1{font-size:54px}
}
