:root{
  --cream:#f7efe3; --cream2:#f2e7d6; --paper:#fbf6ec;
  --ink:#463b34; --brown:#6a5a50; --muted:#9a7d6f; --rose:#a86f5e; --rosedeep:#8f5a49;
  --line:#e6d8c4; --shadow:0 24px 60px rgba(74,59,52,0.18);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--cream);color:var(--ink);
  font-family:'EB Garamond','Cormorant Garamond',Georgia,serif;
  font-size:19px;line-height:1.65;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
p{margin:0;}

.disp{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.08;margin:0;color:var(--ink);}
.em{font-family:'Fraunces','Cormorant Garamond',serif;font-style:italic;font-weight:400;color:var(--rose);}
.kick{font-family:'Fraunces',serif;font-style:italic;font-size:16px;letter-spacing:1px;color:var(--muted);}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
.sec{padding:84px 0;}
.center{text-align:center;}
.sprig{color:var(--rose);font-size:26px;line-height:1;}

/* buttons */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:'Fraunces',serif;font-size:17px;letter-spacing:.5px;
  padding:16px 30px;border-radius:2px;transition:all .2s ease;cursor:pointer;}
.btn-solid{background:var(--rose);color:#fff;}
.btn-solid:hover{background:var(--rosedeep);}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--rose);}
.btn-ghost:hover{background:rgba(168,111,94,.08);}
.soon{font-family:'Fraunces',serif;font-style:italic;font-size:15px;letter-spacing:2px;
  text-transform:lowercase;color:var(--muted);}

/* announcement + nav */
.ann{background:var(--cream2);text-align:center;padding:9px 16px;
  font-family:'Fraunces',serif;font-style:italic;font-size:14px;letter-spacing:1.5px;color:var(--brown);}
.nav{position:sticky;top:0;z-index:20;background:rgba(247,239,227,.9);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);}
.nav-in{max-width:1080px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;}
.brand{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:22px;letter-spacing:.5px;}
.brand small{font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:12px;letter-spacing:2px;color:var(--muted);display:block;margin-top:-2px;}

/* hero */
.hero{background:linear-gradient(180deg,var(--cream) 0%,var(--paper) 100%);}
.hero-in{display:flex;flex-direction:column;gap:44px;align-items:center;padding:70px 24px 84px;max-width:1080px;margin:0 auto;}
.hero-copy{max-width:600px;text-align:center;}
.hero h1{font-size:clamp(38px,7vw,62px);margin:18px 0 22px;}
.hero .lead{font-size:21px;color:var(--brown);line-height:1.6;margin-bottom:32px;}
.hero-cta{display:flex;flex-direction:column;gap:12px;align-items:center;}
.hero-img{position:relative;}
.hero-img img{width:min(340px,78vw);box-shadow:var(--shadow);border-radius:3px;}

/* pain */
.pain{background:var(--cream2);}
.pain .wrap{max-width:760px;text-align:center;}
.pain h2{font-size:clamp(30px,5vw,44px);margin-bottom:28px;}
.pain p{font-size:20px;color:var(--brown);line-height:1.7;margin-bottom:18px;}
.pain .soft{color:var(--ink);font-family:'Fraunces',serif;font-style:italic;}

/* sample truths */
.truths .wrap{max-width:900px;}
.truths .head{text-align:center;margin-bottom:48px;}
.truths .head h2{font-size:clamp(28px,4.5vw,40px);margin-top:12px;}
.card-grid{display:flex;flex-direction:column;gap:22px;}
.tcard{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:44px 40px;
  text-align:center;box-shadow:0 8px 30px rgba(74,59,52,.06);}
.tcard .q{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(24px,3.2vw,32px);line-height:1.25;color:var(--ink);}
.tcard .n{font-family:'Fraunces',serif;font-style:italic;font-size:14px;letter-spacing:2px;color:var(--muted);margin-bottom:16px;text-transform:uppercase;}

/* transformation */
.turn{background:linear-gradient(180deg,var(--paper) 0%,var(--cream) 100%);}
.turn .wrap{max-width:720px;text-align:center;}
.turn h2{font-size:clamp(32px,5.5vw,50px);margin:14px 0 24px;}
.turn p{font-size:21px;color:var(--brown);line-height:1.7;}

/* what it is */
.what-in{display:flex;flex-direction:column;gap:48px;align-items:center;max-width:1080px;margin:0 auto;padding:0 24px;}
.what-img img{width:min(320px,70vw);box-shadow:var(--shadow);border-radius:3px;}
.what-copy{max-width:520px;}
.what-copy h2{font-size:clamp(28px,4.5vw,40px);margin-bottom:24px;}
.what-copy li{list-style:none;padding:14px 0;border-bottom:1px solid var(--line);font-size:19px;color:var(--brown);display:flex;gap:14px;align-items:baseline;}
.what-copy li::before{content:"\273B";color:var(--rose);font-size:15px;}
.what-copy ul{margin:0;padding:0;}

/* guide note */
.guide{background:var(--cream2);}
.guide .wrap{max-width:680px;text-align:center;}
.guide h2{font-size:clamp(26px,4vw,36px);margin-bottom:26px;}
.guide p{font-size:19px;color:var(--brown);line-height:1.75;margin-bottom:18px;text-align:left;}
.guide .sign{font-family:'Fraunces',serif;font-style:italic;font-size:20px;color:var(--rose);text-align:left;}
.guide .pen{font-size:14px;color:var(--muted);margin-top:26px;font-style:italic;}

/* closing */
.close{background:var(--ink);color:var(--cream);text-align:center;}
.close h2{font-family:'Cormorant Garamond',serif;font-weight:600;color:var(--cream);font-size:clamp(34px,6vw,54px);margin-bottom:14px;}
.close .em{color:#e6b9a6;}
.close p{color:#cbb8a8;font-family:'Fraunces',serif;font-style:italic;margin-bottom:32px;}

footer{background:var(--ink);color:#b7a493;text-align:center;padding:30px 24px 46px;border-top:1px solid rgba(255,255,255,.08);}
footer .fb{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--cream);}
footer small{display:block;margin-top:6px;font-family:'Fraunces',serif;font-style:italic;font-size:13px;letter-spacing:1px;}

@media (min-width:860px){
  .hero-in{flex-direction:row-reverse;justify-content:center;gap:64px;align-items:center;}
  .hero-copy{text-align:left;}
  .hero-cta{align-items:flex-start;}
  .hero h1{margin-top:6px;}
  .card-grid{flex-direction:row;}
  .tcard{flex:1;}
  .what-in{flex-direction:row;gap:64px;align-items:center;}
}