:root{
  --ink:#2b2926; --ink-soft:#6b6560; --line:#e6e1d8;
  --bg:#faf8f4; --card:#fff; --accent:#b08d57; --accent-d:#8a6c3f;
  --r:14px; --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(250,248,244,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:28px;height:66px}
.logo{font-size:20px;letter-spacing:.5px;font-weight:600}
.logo span{color:var(--accent)}
.links{display:flex;gap:22px;font-size:14px;color:var(--ink-soft);margin-left:auto}
.links a:hover{color:var(--ink)}
.btn-mini{margin-left:8px;padding:7px 15px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:13px}
.cart-btn{margin-left:auto;font:inherit;font-size:14px;padding:8px 16px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:99px;cursor:pointer}
.links+.cart-btn{margin-left:0}

/* hero */
.hero{padding:84px 0 76px;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:2.2px;text-transform:uppercase;color:var(--accent-d);margin-bottom:14px}
.hero h1{font-size:clamp(38px,5.4vw,62px);line-height:1.06;font-weight:500;letter-spacing:-.5px}
.hero h1 em{color:var(--accent);font-style:italic}
.hero p{max-width:46ch;margin:22px 0 30px;font-size:17px;color:var(--ink-soft)}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.btn{padding:14px 28px;background:var(--ink);color:#fff;border-radius:99px;font-size:15px;transition:.2s}
.btn:hover{background:var(--accent-d)}
.btn-ghost{padding:14px 28px;border:1px solid var(--line);border-radius:99px;font-size:15px;background:#fff;transition:.2s}
.btn-ghost:hover{border-color:var(--ink)}
.hero-points{list-style:none;margin-top:34px;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--ink-soft)}
.hero-points li{padding-left:24px;position:relative}
.hero-points li::before{content:"✓";position:absolute;left:0;color:var(--accent-d)}

/* hero art */
.hero-art{position:relative;height:430px}
.orb{position:absolute;border-radius:50%;filter:blur(42px);opacity:.5}
.orb1{width:250px;height:250px;background:#e8dcc4;top:0;right:20px}
.orb2{width:200px;height:200px;background:#dcd3c4;bottom:20px;left:0}
.orb3{width:150px;height:150px;background:#efe6d6;top:150px;right:120px}
.pot{position:absolute;bottom:60px;border-radius:12px 12px 26px 26px / 10px 10px 34px 34px;background:linear-gradient(165deg,#d9d2c6,#b3aa9c);box-shadow:0 30px 55px -22px rgba(43,41,38,.5)}
.pot::before{content:"";position:absolute;inset:0 0 auto;height:16px;border-radius:50%;background:#c6bfb2;box-shadow:inset 0 -4px 8px rgba(0,0,0,.16)}
.pot span{position:absolute;inset:26px 22px auto;height:34px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(176,141,87,.55) 0 8px,transparent 8px 17px);opacity:.85}
.pot-lg{width:230px;height:250px;right:16px}
.pot-sm{width:140px;height:150px;left:24px;bottom:40px;background:linear-gradient(165deg,#ded7cb,#b8afa2)}

/* ticker */
.ticker{border-block:1px solid var(--line);padding:15px 0;overflow:hidden;background:#fff}
.tk{display:flex;gap:26px;white-space:nowrap;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft);animation:slide 26s linear infinite}
.tk i{color:var(--accent);font-style:normal}
@keyframes slide{to{transform:translateX(-50%)}}

/* sections */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}
.sec-head h2{font-size:clamp(27px,3.4vw,36px);font-weight:500;letter-spacing:-.3px}
.link-more{font-size:14px;color:var(--accent-d);border-bottom:1px solid currentColor;padding-bottom:2px}
.shop{padding:88px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:26px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-5px);box-shadow:0 22px 45px -26px rgba(43,41,38,.42)}
.thumb{position:relative;aspect-ratio:4/3;background:linear-gradient(150deg,#efe9dd,#cfc6b6);display:grid;place-items:end center;padding-bottom:18px}
.thumb .p{width:96px;height:104px;border-radius:8px 8px 18px 18px/8px 8px 24px 24px;background:linear-gradient(165deg,#d9d2c6,#b3aa9c);box-shadow:0 12px 22px -10px rgba(43,41,38,.55)}
.thumb .p::before{content:"";position:absolute;width:96px;height:12px;border-radius:50%;background:#c6bfb2;margin-bottom:104px}
.thumb .b{position:absolute;top:12px;left:12px;background:var(--ink);color:#fff;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:5px 11px;border-radius:99px}
.card-b{padding:20px 22px 22px;display:flex;flex-direction:column;gap:9px;flex:1}
.card-b h3{font-size:18px;font-weight:500;line-height:1.32}
.card-b .cn{font-size:13px;color:var(--ink-soft)}
.price{display:flex;align-items:baseline;gap:9px;margin-top:2px}
.price b{font-size:21px;font-weight:600}
.price s{font-size:14px;color:#a9a29a}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.chip{font-size:11px;border:1px solid var(--line);padding:3px 9px;border-radius:99px;color:var(--ink-soft);background:#fbfaf7}
.meta{font-size:13px;color:var(--ink-soft);margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}
.add{width:100%;margin-top:12px;padding:12px;background:var(--ink);color:#fff;border:0;border-radius:99px;font:inherit;font-size:14px;cursor:pointer;transition:.2s}
.add:hover{background:var(--accent-d)}
.add:disabled{background:#cfc9c0;cursor:not-allowed}

/* split */
.split{padding:78px 0;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split h2{font-size:clamp(27px,3.4vw,36px);font-weight:500;margin-bottom:20px}
.split p{color:var(--ink-soft);margin-bottom:15px;max-width:52ch}
.stats{display:flex;gap:34px;margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
.stats b{display:block;font-size:25px;color:var(--accent-d)}
.stats span{font-size:13px;color:var(--ink-soft)}
.split-art{position:relative;height:400px}
.arch{position:absolute;inset:0;border-radius:180px 180px 14px 14px;background:linear-gradient(165deg,#ece5d6,#c4bbaa)}
.leaf{position:absolute;width:130px;height:200px;border-radius:100% 0 100% 0;background:linear-gradient(150deg,#93a186,#6e7d64);opacity:.85}
.l1{top:44px;left:64px;transform:rotate(-16deg)}
.l2{bottom:36px;right:56px;transform:rotate(22deg) scale(.82)}

/* care */
.care{padding:78px 0 96px}
.care-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.care-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.care-card b{display:block;font-size:17px;margin-bottom:9px}
.care-card p{font-size:14px;color:var(--ink-soft)}

/* footer */
.foot{background:var(--ink);color:#e8e2d8;padding:64px 0 30px}
.foot .logo{color:#fff}
.foot-in{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px}
.foot b{display:block;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#b3aa9c;margin-bottom:13px}
.foot p{font-size:14px;color:#cfc8bc;line-height:1.9}
.foot a:hover{color:#fff}
.foot-note{max-width:30ch;margin-top:13px}
.copy{border-top:1px solid #454039;margin-top:44px;padding-top:22px;font-size:12px;color:#8d867a}

.p65{background:#efe9dd;color:var(--ink);padding:22px 0;font-size:13px;border-top:1px solid var(--line)}
.p65-in b{display:block;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:5px}
.p65-in p{max-width:85ch;line-height:1.55;color:var(--ink-soft)}

@media(max-width:860px){
  .hero-in,.split{grid-template-columns:1fr;gap:34px}
  .hero-art,.split-art{height:290px}
  .links{display:none}
  .foot-in{grid-template-columns:1fr 1fr}
  .stats{flex-wrap:wrap;gap:24px}
}
/* cart drawer */
.cartdlg { padding:0; border:0; background:transparent; max-width:480px; width:90vw; }
.cartdlg::backdrop { background:rgba(0,0,0,.45); backdrop-filter:blur(2px); }
.cart-form { background:#fff; border-radius:14px; padding:0; overflow:hidden; }
.cart-head { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid var(--line); }
.cart-head h3 { margin:0; font-size:18px; letter-spacing:.02em; }
.cart-x { border:0; background:transparent; font-size:22px; cursor:pointer; color:var(--ink-soft); }
.cart-body { padding:18px 22px 22px; max-height:70vh; overflow:auto; }
.cart-empty { color:var(--ink-soft); padding:18px 0; }
.cart-line { display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; padding:14px 0; border-bottom:1px dashed var(--line); }
.cart-line:last-of-type { border-bottom:0; }
.cl-info b { display:block; font-size:14px; }
.cl-info span { color:var(--ink-soft); font-size:12px; }
.cl-qty { display:flex; align-items:center; gap:8px; }
.cl-qty button { width:28px; height:28px; border:1px solid var(--line); background:#fff; border-radius:6px; cursor:pointer; font-size:14px; }
.cl-qty button:hover { background:var(--bg); }
.cl-qty span { min-width:20px; text-align:center; font-variant-numeric:tabular-nums; }
.cl-price { font-variant-numeric:tabular-nums; font-weight:600; }
.cart-sum { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }
.cart-sum div { display:flex; justify-content:space-between; padding:4px 0; color:var(--ink-soft); }
.cart-sum div b { color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums; }
.cart-sum .grand { border-top:1px solid var(--line); margin-top:8px; padding-top:10px; font-size:16px; }
.cart-sum .grand b { color:var(--ink); font-size:18px; }
.checkout { width:100%; margin-top:14px; padding:14px; background:var(--ink); color:#fff; border:0; border-radius:8px; font-size:15px; letter-spacing:.04em; cursor:pointer; }
.checkout:hover { background:#1a1816; }
.cart-note { text-align:center; font-size:12px; color:var(--ink-soft); margin:10px 0 0; }

/* checkout form */
.cartdlg-wide { max-width:560px; }
.co-intro { font-size:13px; color:var(--ink-soft); margin-bottom:14px; }
.co-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.co-field { display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--ink-soft); }
.co-field.co-full { grid-column:1 / -1; }
.co-field input, .co-field select, .co-field textarea {
  font:inherit; font-size:14px; padding:9px 11px; border:1px solid var(--line);
  border-radius:7px; background:#fff; color:var(--ink);
}
.co-field input:focus, .co-field select:focus, .co-field textarea:focus {
  outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(176,141,87,.18);
}
.co-field textarea { resize:vertical; min-height:54px; font-family:inherit; }
.co-summary { margin-top:18px; padding:12px 0 4px; border-top:1px solid var(--line); font-size:13px; }
.co-summary div { display:flex; justify-content:space-between; padding:4px 0; color:var(--ink-soft); }
.co-summary div b { color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums; }
.co-summary .grand { border-top:1px solid var(--line); margin-top:8px; padding-top:10px; font-size:15px; }
.co-summary .grand b { color:var(--ink); font-size:16px; }
#co-submit:disabled { background:#cfc9c0; cursor:wait; }
@media(max-width:520px){
  .co-grid { grid-template-columns:1fr; }
}