:root{
  --paper:#fbf9f5;
  --ink:#2b2723;
  --muted:#746d66;
  --sage:#5d6656;
  --sage-dark:#454d40;
  --cream:#f0e8de;
  --line:#e0d7cd;
  --warm:#ad744b;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}
a{color:inherit}

.header{
  width:min(1120px,calc(100% - 40px));
  height:62px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:600}
.mark{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;background:var(--sage);color:white;
  font:600 16px "Playfair Display",serif
}
nav{display:flex;align-items:center;gap:22px}
nav a{text-decoration:none;color:var(--muted);font-size:12px}
.nav-order{padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink)}

.eyebrow{
  margin:0 0 8px;
  font-size:10px;
  letter-spacing:.15em;
  color:var(--sage);
  font-weight:600;
}
.light{color:#d9dfd4}

h1,h2{font-family:"Playfair Display",serif;font-weight:600;margin:0;line-height:1.12}
h1{font-size:clamp(38px,4.3vw,56px);letter-spacing:-.035em}
h2{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.025em}

.hero{
  width:min(1120px,calc(100% - 40px));
  margin:18px auto 0;
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:34px;
  align-items:center;
}
.hero-copy{padding:20px 0 22px}
.lede{
  max-width:520px;
  margin:14px 0 18px;
  color:var(--muted);
  font-size:15px;
}
.hero-actions{display:flex;align-items:center;gap:18px}
.button{
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid transparent;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:600;
}
.primary{background:var(--sage);color:white}
.primary:hover{background:var(--sage-dark)}
.secondary{border-color:var(--line);background:transparent}
.text-link{color:var(--sage);font-size:13px;text-decoration:none;font-weight:600}
.holiday{font-size:11px;color:var(--warm);font-weight:600;margin:14px 0 0}
.hero-image{
  height:260px;
  overflow:hidden;
  border-radius:18px;
}
.hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.products{
  width:min(1120px,calc(100% - 40px));
  margin:38px auto 0;
  padding:24px 0 54px;
  border-top:1px solid var(--line);
}
.section-label{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.section-label .eyebrow{margin:0}
.section-note{font-size:12px;color:var(--muted);margin:0}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product{
  padding:22px 0 0;
  border-top:1px solid var(--line);
}
.product-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.product-head span{font:500 20px "Playfair Display",serif;color:var(--warm)}
.product-head small{font-size:9px;letter-spacing:.12em;color:var(--muted)}
.product h2{font-size:28px}
.product>p{max-width:470px;color:var(--muted);font-size:13px;margin:10px 0 18px}
.product-foot{
  display:flex;
  justify-content:space-between;
  align-items:end;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.product-foot small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted)}
.product-foot strong{font:600 19px "Playfair Display",serif}
.product-foot a{font-size:12px;color:var(--sage);text-decoration:none;font-weight:600}

.story{
  background:var(--sage);
  color:white;
  padding:52px max(20px,calc((100vw - 1120px)/2));
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:60px;
}
.story h2{max-width:380px}
.story>div:last-child p{max-width:600px;color:rgba(255,255,255,.8);font-size:14px;margin:0 0 14px}
.story .placeholder{font-size:11px;color:#d9dfd4}

.partner,.cta{
  width:min(1120px,calc(100% - 40px));
  margin:auto;
  padding:48px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  border-bottom:1px solid var(--line);
}
.partner>div:last-child p,.cta>div:last-child p{
  max-width:480px;
  color:var(--muted);
  font-size:14px;
  margin-top:0
}

footer{
  width:min(1120px,calc(100% - 40px));
  margin:auto;
  padding:30px 0 40px;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:24px;
  align-items:center;
  color:var(--muted);
  font-size:11px;
}

@media(max-width:850px){
  nav a:not(.nav-order){display:none}
  .hero,.story,.partner,.cta{grid-template-columns:1fr}
  .hero{gap:20px}
  .hero-image{height:240px}
  .story,.partner,.cta{gap:24px}
  footer{grid-template-columns:1fr;gap:8px}
}
@media(max-width:620px){
  .header,.hero,.products,.partner,.cta,footer{width:calc(100% - 28px)}
  .header{height:58px}
  .brand{font-size:13px}
  h1{font-size:39px}
  .hero{margin-top:8px}
  .hero-copy{padding-top:10px}
  .hero-image{height:210px}
  .section-label{display:block}
  .section-note{margin-top:5px}
  .product-grid{grid-template-columns:1fr}
  .story{padding:44px 18px}
  .partner,.cta{padding:38px 0}
}


/* Boutique order page */
.order-main{
  width:min(1120px,calc(100% - 40px));
  margin:0 auto;
}
.order-intro{
  padding:48px 0 30px;
  display:grid;
  grid-template-columns:1fr 320px;
  gap:48px;
  align-items:end;
  border-bottom:1px solid var(--line);
}
.order-intro h1{
  font-size:clamp(36px,4vw,50px);
  max-width:650px;
}
.order-intro>div:first-child>p:last-child{
  max-width:620px;
  margin:12px 0 0;
  color:var(--muted);
  font-size:14px;
}
.order-note{
  padding:18px 20px;
  background:var(--cream);
  border-radius:16px;
}
.order-note span{
  display:block;
  font-size:9px;
  letter-spacing:.12em;
  color:var(--warm);
  text-transform:uppercase;
  margin-bottom:3px;
}
.order-note strong{
  font:600 20px "Playfair Display",serif;
}
.order-note p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:12px;
}

.order-products{
  padding:34px 0 40px;
}
.order-product-grid{
  display:grid;
  grid-template-columns:1fr 1fr 0.78fr 0.78fr;
  gap:12px;
}
.order-product-card{
  appearance:none;
  text-align:left;
  border:1px solid var(--line);
  background:rgba(255,255,255,.58);
  border-radius:16px;
  padding:18px;
  cursor:pointer;
  color:var(--ink);
  font:inherit;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.order-product-card:hover{
  border-color:#c9bcad;
  transform:translateY(-1px);
}
.order-product-card.selected{
  border-color:var(--sage);
  background:#f2f4ef;
}
.order-product-card>div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px;
}
.order-product-num{
  font:500 19px "Playfair Display",serif;
  color:var(--warm);
}
.order-product-card small{
  font-size:8px;
  letter-spacing:.12em;
  color:var(--muted);
}
.order-product-card>strong{
  display:block;
  font:600 22px "Playfair Display",serif;
}
.order-product-card p{
  color:var(--muted);
  font-size:12px;
  margin:6px 0 13px;
}
.order-price{
  font:600 14px "Playfair Display",serif;
}
.order-price em{
  font:400 9px "DM Sans",sans-serif;
  color:var(--muted);
  margin-left:4px;
}
.compact-card>strong{
  font-size:18px;
}

.order-request{
  padding:40px 0 70px;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:56px;
  align-items:start;
}
.request-side h2{
  font-size:30px;
}
.request-side>p:not(.eyebrow){
  max-width:360px;
  color:var(--muted);
  font-size:13px;
}
.selected-product{
  margin-top:22px;
  padding:16px 18px;
  border-left:2px solid var(--sage);
  background:var(--cream2);
}
.selected-product small{
  display:block;
  font-size:8px;
  letter-spacing:.12em;
  color:var(--muted);
}
.selected-product strong{
  display:block;
  margin-top:3px;
  font:600 17px "Playfair Display",serif;
}

.request-form{
  padding:0;
}
.field-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.request-form label{
  display:grid;
  gap:6px;
  margin-bottom:14px;
  font-size:12px;
  font-weight:600;
}
.request-form input,
.request-form textarea{
  width:100%;
  border:1px solid var(--line);
  background:white;
  border-radius:11px;
  padding:11px 12px;
  color:var(--ink);
  font:inherit;
  font-size:13px;
}
.request-form textarea{
  resize:vertical;
}
.full{
  width:100%;
}
.order-preview{
  margin-top:20px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:white;
}
.order-preview pre{
  white-space:pre-wrap;
  margin:0 0 14px;
  font:12px/1.55 "DM Sans",sans-serif;
  color:var(--muted);
}
.preview-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.order-fine{
  margin:10px 0 0;
  text-align:center;
  color:var(--muted);
  font-size:10px;
}

@media(max-width:900px){
  .order-intro,
  .order-request{
    grid-template-columns:1fr;
  }
  .order-product-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  .order-main{
    width:calc(100% - 28px);
  }
  .order-intro{
    padding:30px 0 22px;
    gap:22px;
  }
  .order-product-grid{
    grid-template-columns:1fr;
  }
  .order-request{
    gap:26px;
    padding-bottom:50px;
  }
  .field-row{
    grid-template-columns:1fr;
    gap:0;
  }
}