/* Luvymia rebuild — Sage & Gold design system (matches the Suite itself) */
:root{
  --ivory:#FBF7EF; --paper:#FFFDF8; --ink:#3B4038; --inksoft:#5A6055;
  --sage:#7C8B6F; --sagedeep:#505C45; --sagesoft:#B3C0A4;
  --gold:#A9853C; --goldsoft:#C9AE77; --line:#E5DDCB;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Liberation Serif",serif;background:var(--ivory);color:var(--ink);line-height:1.65}
a{color:var(--sagedeep)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header.site{border-bottom:1px solid var(--line);background:var(--paper)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.brand{font-size:26px;letter-spacing:0.28em;text-decoration:none;color:var(--ink)}
.brand span{color:var(--gold)}
nav.main a{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;color:var(--inksoft);margin-left:26px}
nav.main a:hover{color:var(--gold)}
.kicker{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:0.32em;text-transform:uppercase;color:var(--sage)}
h1{font-size:46px;line-height:1.2;font-weight:normal;margin:14px 0 12px}
h2{font-size:30px;line-height:1.3;font-weight:normal;margin:0 0 10px}
h3{font-size:19px;font-weight:normal;margin:0 0 6px}
p.lead{font-size:19px;color:var(--inksoft);max-width:640px}
.rule{width:56px;height:1px;background:var(--gold);margin:22px 0;position:relative}
.rule:before,.rule:after{content:"";position:absolute;top:-2.2px;width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.rule:before{left:-11px}.rule:after{right:-11px}
section{padding:56px 0}
.hero{display:grid;grid-template-columns:1.05fr 0.95fr;gap:48px;align-items:center}
.hero img.main{width:100%;border:1px solid var(--goldsoft);outline:1px solid var(--line);outline-offset:6px;background:var(--paper)}
.pricebox{border:1px solid var(--gold);background:var(--paper);padding:22px 24px;margin-top:26px}
.pricebox .was{color:var(--inksoft);text-decoration:line-through}
.pricebox .now{font-size:34px;color:var(--ink)}
.pricebox .now small{font-size:16px;color:var(--inksoft)}
.btn{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:15px;letter-spacing:0.08em;text-decoration:none;background:var(--sagedeep);color:#fff;padding:14px 28px;margin-top:16px}
.btn:hover{background:var(--gold)}
.btn.ghost{background:transparent;color:var(--sagedeep);border:1px solid var(--sage)}
.note{font-size:14px;color:var(--inksoft);margin-top:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:28px}
.card{background:var(--paper);border:1px solid var(--line);padding:22px}
.card img{width:100%;border:1px solid var(--line);margin-bottom:12px;background:#fff}
.card .size{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--sage)}
.piece{background:var(--paper);border:1px solid var(--line);padding:14px;text-align:center}
.piece img{width:100%;background:#fff}
.piece h3{font-size:16px;margin-top:10px}
.piece .size{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--sage)}
.checkout{border:1px solid var(--gold);background:var(--paper);padding:28px}
.checkout ol{margin:12px 0 0 22px}
.checkout li{margin-bottom:8px}
.pill{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;border:1px solid var(--sage);color:var(--sagedeep);padding:4px 10px}
.pill.sold{border-color:#B08A7A;color:#8A5A4A}
footer.site{border-top:1px solid var(--line);padding:36px 0;color:var(--inksoft);font-size:14px}
footer.site a{color:var(--inksoft)}
.contact-sheet{width:100%;border:1px solid var(--line);background:#fff}
@media(max-width:820px){
  .hero{grid-template-columns:1fr}
  .grid3,.grid4{grid-template-columns:1fr 1fr}
  h1{font-size:34px}
  nav.main a{margin-left:14px}
}