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

:root{
  --cream:#FBF4EF;
  --cream-deep:#F3E7DE;
  --blush:#EAC9BE;
  --mauve:#BE8778;
  --sage:#A6AE93;
  --ink:#3A322C;
  --ink-soft:#6b5f55;
  --line:#E5D6CB;
  --gold:#C9A86A;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  line-height:1.7;
}
h1,h2,h3,.display{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  color:var(--ink);
  letter-spacing:0.005em;
}
em, .italic{font-style:italic;}
a{color:var(--ink);}
a:focus-visible, button:focus-visible{outline:2px solid var(--mauve); outline-offset:3px;}

.wrap{max-width:1040px;margin:0 auto;padding:0 24px;}

header.site{
  background:var(--cream);
  padding:26px 0 20px;
  border-bottom:1px solid var(--line);
}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.brand{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.9rem;
  color:var(--ink);
  text-decoration:none;
  letter-spacing:0.01em;
}
nav.site a{
  color:var(--ink-soft);
  text-decoration:none;
  margin-left:26px;
  font-size:0.82rem;
  font-weight:500;
  letter-spacing:0.06em;
  text-transform:uppercase;
  padding-bottom:3px;
  border-bottom:1px solid transparent;
}
nav.site a:hover{color:var(--mauve); border-bottom-color:var(--mauve);}

.glow-divider{
  height:1px;
  background:var(--line);
  position:relative;
  margin:0;
}
.glow-divider::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:64px;height:64px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(201,168,106,0.35) 0%, rgba(201,168,106,0) 70%);
}
.glow-divider::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:5px;height:5px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:var(--gold);
}

.hero{padding:72px 0 52px; text-align:center;}
.hero .eyebrow{
  text-transform:uppercase;
  letter-spacing:0.22em;
  font-size:0.72rem;
  color:var(--mauve);
  font-weight:600;
  margin-bottom:18px;
}
.hero h1{font-size:3rem; max-width:620px; margin:0 auto 20px; font-weight:500;}
.hero p.lead{max-width:460px;margin:0 auto;font-size:1.05rem;color:var(--ink-soft);}

.shelf-row{padding:56px 0 64px;}
.shelf-row h2{font-size:1.6rem; text-align:center; margin-bottom:36px; font-weight:500;}
.items{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:20px;
}
.item{
  background:#fff;
  padding:30px 26px 32px;
  border-radius:18px;
  border:1px solid var(--line);
  text-align:left;
  transition:transform .2s ease, box-shadow .2s ease;
}
.item:hover{transform:translateY(-3px); box-shadow:0 12px 24px rgba(190,135,120,0.14);}
.item .num{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:0.9rem;font-style:italic;}
.item h3{font-size:1.2rem;margin:10px 0 8px;font-weight:500;}
.item p{font-size:0.92rem;color:var(--ink-soft);margin:0 0 16px;}
.item a.go{
  font-size:0.78rem;font-weight:600;color:var(--mauve);text-decoration:none;
  text-transform:uppercase; letter-spacing:0.08em;
}

main.post{padding:56px 0 70px;}
main.post .eyebrow{text-transform:uppercase;letter-spacing:0.18em;font-size:0.72rem;color:var(--mauve);font-weight:600;}
main.post h1{font-size:2.3rem;margin:12px 0 8px;max-width:700px;font-weight:500;}
main.post .meta{color:var(--ink-soft);font-size:0.88rem;margin-bottom:34px;}
main.post p{max-width:640px;font-size:1.02rem;}
.pick{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:26px 28px;
  margin:28px 0;
  max-width:640px;
}
.pick h3{margin:0 0 8px;font-size:1.25rem;font-weight:500;}
.pick .price-tag{
  display:inline-block;
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--mauve);
  background:var(--cream-deep);
  padding:4px 12px;
  border-radius:20px;
  margin-bottom:12px;
}
.btn{
  display:inline-block;
  margin-top:14px;
  background:var(--ink);
  color:var(--cream);
  text-decoration:none;
  padding:11px 24px;
  border-radius:30px;
  font-weight:600;
  font-size:0.82rem;
  letter-spacing:0.04em;
  text-transform:uppercase;
}
.btn:hover{background:var(--mauve);}

.disclosure-note{
  max-width:640px;
  background:var(--cream-deep);
  border-left:2px solid var(--gold);
  border-radius:0 12px 12px 0;
  padding:16px 20px;
  font-size:0.86rem;
  color:var(--ink-soft);
  margin:32px 0;
}

footer.site{
  background:var(--cream-deep);
  color:var(--ink-soft);
  padding:44px 0;
  font-size:0.85rem;
  margin-top:40px;
  border-top:1px solid var(--line);
}
footer.site a{color:var(--mauve); text-decoration:none;}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;}

@media (max-width:640px){
  .hero h1{font-size:2.2rem;}
  nav.site a{margin-left:14px;font-size:0.72rem;}
}