@font-face{font-family:"Instrument Serif";src:url(/assets/fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
:root{
  color-scheme:light only;
  --bg:#EEF0EF;--bg-2:#E3E7E5;--surface:#F7F8F7;--ink:#1D2326;--ink-2:#5E676A;--line:rgba(29,35,38,.14);
  --accent:#1D2326;--accent-ink:#F7F8F7;--nav-bg:#F7F8F7;--focus:#3E5A78;--err:#9E2B2B;
  --font-display:"Instrument Serif",Georgia,serif;--font-text:"Geist",system-ui,sans-serif;
  --display-weight:400;--display-track:-0.01em;--card-r:var(--r-lg);--img-r:var(--r-lg);--field-r:var(--r-full);
}
.nav__brand{font-size:1.5rem;line-height:2rem}
.cartbtn{position:relative;width:40px;height:40px;border-radius:var(--r-full);display:grid;place-items:center;transition:background-color .3s var(--ease),transform .5s var(--ease)}
.cartbtn:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.cartbtn:active{transform:scale(.96)}
.cartcount{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 var(--s50);border-radius:var(--r-full);background:var(--ink);color:var(--bg);font-size:.75rem;line-height:1rem;font-weight:600;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .3s var(--ease),transform .5s var(--ease)}
.cartcount.on{opacity:1;transform:none}
.hero{position:relative;min-height:88svh;display:grid;align-items:end;isolation:isolate;color:#fff}
.hero__bg{position:absolute;inset:0;z-index:-1}
.hero__bg::after{content:"";position:absolute;inset:0;background:rgba(20,26,28,.32)}
.hero__inner{padding-block:var(--s900) var(--s800);display:grid;gap:var(--s300);justify-items:start}
.hero h1{max-width:680px}
.hero .lead{color:#F3F6F7;max-width:480px}
.hero h1,.hero .lead{text-shadow:0 1px 16px rgba(10,14,16,.45)}
.hero .btn--primary{background:#F7F8F7;color:#1D2326}
.usp{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s200) var(--s600);padding-block:var(--s200);font-size:.875rem;line-height:1.25rem;font-weight:500;border-bottom:1px solid var(--line)}
.usp li{display:flex;align-items:center;gap:var(--s75)}
.shophead{display:flex;flex-wrap:wrap;gap:var(--s200);justify-content:space-between;align-items:end}
.products{display:grid;gap:var(--s600) var(--s300);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1024px){.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s700) var(--s400)}}
.product{display:grid;gap:var(--s100);align-content:start}
.pimg{aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}
.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.product:hover .pimg img{transform:scale(1.04)}
.pinfo{display:flex;justify-content:space-between;gap:var(--s200);align-items:start}
.pinfo h3{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:2rem}
.pinfo p{font-size:.875rem;line-height:1.25rem}
.pinfo b{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:640px){.pinfo{flex-direction:column;gap:var(--s50)}.pinfo h3{font-size:1.25rem;line-height:1.75rem}}
.pact{display:flex;justify-content:space-between;align-items:center;gap:var(--s100);flex-wrap:wrap}
.swatches{display:flex;gap:var(--s75)}
.sw{width:24px;height:24px;border-radius:var(--r-full);background:var(--c,#ccc);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);position:relative;transition:transform .5s var(--ease)}
.sw:hover{transform:scale(1.1)}
.sw[aria-pressed="true"]::after{content:"";position:absolute;inset:-4px;border-radius:var(--r-full);border:1px solid var(--ink)}
.story{display:grid;gap:var(--s600);align-items:center}
@media (min-width:1024px){.story{grid-template-columns:1fr 1fr;gap:var(--s800)}}
.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s300);border-top:1px solid var(--line);padding-top:var(--s300)}
.nums dt{font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.nums dd{font-family:var(--font-display);font-size:3rem;line-height:1;margin-top:var(--s75)}
.review{display:grid;gap:var(--s200);align-content:start;padding:var(--s300);border-radius:var(--r-lg);background:var(--surface)}
.stars{display:flex;gap:var(--s25);color:var(--ink)}
.review blockquote{font-family:var(--font-display);font-size:1.5rem;line-height:2rem}
.review figcaption{font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.news{display:grid;gap:var(--s300);align-items:center}
@media (min-width:1024px){.news{grid-template-columns:1fr 1fr;gap:var(--s800)}}
.newsform{display:flex;gap:var(--s75);align-items:start}
.newsform .field{flex:1}
.newsform .btn{min-height:48px}
.ship{display:grid;gap:var(--s75);padding:var(--s200);border-radius:var(--r-lg);background:var(--surface);font-size:.875rem;line-height:1.25rem;font-weight:500}
.meter{height:4px;border-radius:var(--r-full);background:var(--line);overflow:hidden}
.meter span{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .5s var(--ease)}
.lines{margin-top:var(--s300)}
.line{display:grid;grid-template-columns:64px 1fr;gap:var(--s200);padding-block:var(--s200);border-bottom:1px solid var(--line)}
.line img{width:64px;height:80px;object-fit:cover;border-radius:var(--r-md)}
.line b{display:block}
.line .muted{display:block;font-size:.875rem;line-height:1.25rem}
.line .stepper{margin-top:var(--s75)}
.cartempty{display:grid;justify-items:center;gap:var(--s100);padding-block:var(--s800);text-align:center}
.cartempty[hidden],.total[hidden]{display:none}
.total{display:grid;gap:var(--s200);margin-top:var(--s300)}
.total b{font-size:1.25rem;line-height:1.75rem}
.foot{padding-block:var(--s600) var(--s900);border-top:1px solid var(--line);font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.foot .row{gap:var(--s200)}