/* ═══════════════════════════════════════════════════════════
   Pop's Got Wood — storefront styles
   Palette: pine · birch · walnut · sage · brass
   ═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT@9..144,300..700,50&family=Work+Sans:wght@300;400;500;600&display=swap');

:root{
  --pine:#1F3A2E;      /* deep green base */
  --pine-deep:#15281F;
  --birch:#F4EFE6;     /* warm white background */
  --birch-2:#EAE2D3;   /* slightly darker surface */
  --walnut:#4A3626;    /* primary text */
  --walnut-2:#7A6350;  /* secondary text */
  --sage:#8FA893;
  --sage-2:#D7DFD3;
  --brass:#B8894A;     /* accent / CTA */
  --brass-2:#D3A96A;
  --line:#D9CFBC;      /* borders */
  --white:#FFFDF9;
  --danger:#A54B3B;
  --ok:#3F7A57;

  --font-display:"Fraunces",Georgia,serif;
  --font-body:"Work Sans",system-ui,sans-serif;

  --r-sm:4px; --r-md:8px; --r-pill:999px;
  --maxw:1180px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--birch)}
body{
  margin:0;background:var(--birch);color:var(--walnut);
  font-family:var(--font-body);font-size:16.5px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.1;margin:0 0 .5em;color:var(--pine);letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,5.5vw,4.2rem);font-variation-settings:"SOFT" 60,"opsz" 144}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
.muted{color:var(--walnut-2)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ── Buttons ─────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--r-pill);
  border:1.5px solid var(--brass);background:var(--brass);color:var(--white);font-weight:500;
  transition:background .2s var(--ease),transform .15s var(--ease),border-color .2s;
}
.btn:hover{background:#A57A3E;border-color:#A57A3E}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--pine);border-color:var(--pine)}
.btn.ghost:hover{background:var(--pine);color:var(--birch)}
.btn.light{background:var(--birch);color:var(--pine);border-color:var(--birch)}
.btn.light:hover{background:var(--white)}
.btn.sm{padding:.5rem 1rem;font-size:.92rem}
.btn.block{width:100%;justify-content:center}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}
.btn.danger:hover{background:var(--danger);color:#fff}

/* ── Header ──────────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,239,230,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem}
.brand{display:flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-size:1.45rem;color:var(--pine);font-variation-settings:"SOFT" 40}
.brand svg{width:34px;height:34px}
.nav{display:flex;gap:1.6rem;align-items:center}
.nav a{font-weight:500;font-size:.98rem;padding:.3rem 0;border-bottom:1.5px solid transparent;transition:border-color .2s}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--brass)}
.cart-btn{position:relative;background:none;border:1.5px solid var(--line);border-radius:var(--r-pill);padding:.45rem .9rem;display:inline-flex;gap:.45rem;align-items:center;color:var(--pine);font-weight:500}
.cart-btn .count{background:var(--pine);color:var(--birch);border-radius:var(--r-pill);font-size:.75rem;min-width:1.4em;height:1.4em;display:grid;place-items:center;padding:0 .35em}
.menu-btn{display:none;background:none;border:0;padding:.4rem}
@media (max-width:820px){
  .nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--birch);flex-direction:column;align-items:flex-start;padding:1rem clamp(1rem,4vw,2.5rem) 1.4rem;border-bottom:1px solid var(--line);gap:1rem}
  .nav.open{display:flex}
  .menu-btn{display:inline-flex}
}

/* ── Notice band (lead time) ─────────────────────────────── */
.band{background:var(--pine);color:var(--sage-2);font-size:.9rem;text-align:center;padding:.45rem 1rem}
.band b{color:var(--brass-2);font-weight:500}

/* ── Hero ────────────────────────────────────────────────── */
.hero{padding:clamp(3rem,8vw,6.5rem) 0 clamp(3rem,7vw,5.5rem);overflow:hidden}
.hero .wrap>*{min-width:0}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.hero p.lede{font-size:1.15rem;max-width:34rem;color:var(--walnut-2)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.hero-art{position:relative;aspect-ratio:1/1;display:grid;place-items:center}
.hero-art::before{content:"";position:absolute;inset:8% 4% 4% 8%;background:var(--pine);border-radius:var(--r-md);transform:rotate(-2deg)}
.hero-art .plank{position:relative;width:88%;aspect-ratio:1/1;background:linear-gradient(160deg,#E7D9BF 0%,#D9C6A4 45%,#CDB68F 100%);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px rgba(74,54,38,.15);display:grid;place-items:center;overflow:hidden}
.hero-art .plank::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(97deg,transparent 0 22px,rgba(74,54,38,.05) 22px 24px,transparent 24px 61px,rgba(74,54,38,.08) 61px 62px);mix-blend-mode:multiply}
.monogram{width:62%;height:62%;position:relative;z-index:1}
.monogram path,.monogram circle{fill:none;stroke:var(--walnut);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,1200);stroke-dashoffset:var(--len,1200);animation:engrave 2.6s var(--ease) forwards}
.monogram .d2{animation-delay:.9s}
.monogram .d3{animation-delay:1.6s}
@keyframes engrave{to{stroke-dashoffset:0}}
@media (max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero-art{max-width:420px;margin:0 auto}}

/* ── Sections ────────────────────────────────────────────── */
.section{padding:clamp(3rem,6vw,5rem) 0}
.section.alt{background:var(--birch-2)}
.section.pine{background:var(--pine);color:var(--birch)}
.section.pine h2,.section.pine h3{color:var(--birch)}
.section.pine .muted{color:var(--sage-2)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.section-head p{max-width:36rem;margin:0}

/* Category tiles */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.cat-tile{position:relative;aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;background:var(--pine-deep);color:var(--birch);display:flex;align-items:flex-end;padding:1rem;isolation:isolate}
.cat-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:transform .5s var(--ease),opacity .3s;z-index:-1}
.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(21,40,31,.85),transparent 60%);z-index:-1}
.cat-tile:hover img{transform:scale(1.04);opacity:.85}
.cat-tile span{font-family:var(--font-display);font-size:1.3rem}

/* Product grid */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.6rem 1.4rem}
.product-card{display:block;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white);overflow:hidden;transition:border-color .2s,transform .3s var(--ease)}
.product-card:hover{border-color:var(--brass);transform:translateY(-2px)}
.product-card .thumb{aspect-ratio:1/1;background:var(--birch-2);position:relative;overflow:hidden}
.product-card .thumb img{width:100%;height:100%;object-fit:cover;transition:opacity .35s}
.product-card .thumb img.alt{position:absolute;inset:0;opacity:0}
.product-card:hover .thumb img.alt{opacity:1}
.product-card .badge{position:absolute;top:.7rem;left:.7rem;background:var(--birch);color:var(--pine);font-size:.75rem;padding:.2rem .6rem;border-radius:var(--r-pill);font-weight:500}
.product-card .body{padding:.9rem 1rem 1.1rem}
.product-card .cat{font-size:.82rem;color:var(--walnut-2);margin-bottom:.15rem}
.product-card .name{font-family:var(--font-display);font-size:1.15rem;color:var(--pine);margin:0 0 .35rem}
.product-card .price{font-weight:500}

/* Shop toolbar */
.shop-layout>*{min-width:0}
.shop-layout{display:grid;min-width:0;grid-template-columns:230px 1fr;gap:2.5rem;align-items:start}
.filters{position:sticky;top:90px}
.filters h3{font-size:1.05rem;margin-bottom:.6rem}
.filter-list{list-style:none;padding:0;margin:0 0 1.6rem;display:flex;flex-direction:column;gap:.15rem}
.filter-list button{width:100%;text-align:left;background:none;border:0;padding:.45rem .6rem;border-radius:var(--r-sm);color:var(--walnut);display:flex;justify-content:space-between}
.filter-list button:hover{background:var(--birch-2)}
.filter-list button[aria-pressed="true"]{background:var(--pine);color:var(--birch)}
.filter-list button small{opacity:.6}
.toolbar{display:flex;gap:.8rem;align-items:center;margin-bottom:1.4rem;flex-wrap:wrap}
.search{flex:1;min-width:200px;display:flex;align-items:center;gap:.5rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);padding:.55rem 1rem}
.search input{border:0;background:none;flex:1;outline:none}
.select{background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);padding:.55rem 1rem}
.result-count{color:var(--walnut-2);font-size:.9rem}
.chips{display:none;gap:.5rem;overflow-x:auto;padding-bottom:.4rem;margin-bottom:1rem}
.chips button{white-space:nowrap;border:1px solid var(--line);background:var(--white);border-radius:var(--r-pill);padding:.4rem .9rem}
.chips button[aria-pressed="true"]{background:var(--pine);color:var(--birch);border-color:var(--pine)}
@media (max-width:820px){.shop-layout{grid-template-columns:1fr}.filters{display:none}.chips{display:flex}}

.empty{text-align:center;padding:4rem 1rem;color:var(--walnut-2);grid-column:1/-1}
.empty h3{color:var(--pine)}

/* ── Product page ────────────────────────────────────────── */
.crumbs{font-size:.9rem;color:var(--walnut-2);margin:1.6rem 0}
.crumbs a:hover{color:var(--pine)}
.product-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:start;margin-bottom:4rem}
.gallery .main{aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;background:var(--birch-2);border:1px solid var(--line)}
.gallery .main img,.gallery .main video{width:100%;height:100%;object-fit:cover}
.gallery .thumbs{display:flex;gap:.6rem;margin-top:.7rem;overflow-x:auto}
.gallery .thumbs button{width:74px;height:74px;flex:none;border:1.5px solid var(--line);border-radius:var(--r-sm);padding:0;overflow:hidden;background:var(--birch-2);position:relative}
.gallery .thumbs button[aria-current="true"]{border-color:var(--brass)}
.gallery .thumbs img{width:100%;height:100%;object-fit:cover}
.gallery .thumbs .vid::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(21,40,31,.45);font-size:1.2rem}
.buy-box h1{font-size:clamp(1.9rem,3.5vw,2.8rem)}
.buy-box .price{font-size:1.6rem;font-family:var(--font-display);color:var(--walnut);margin:.4rem 0 1rem}
.buy-box .desc{white-space:pre-line}
.field{margin-bottom:1rem}
.field label{display:block;font-weight:500;font-size:.92rem;margin-bottom:.35rem}
.field input,.field select,.field textarea{width:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);padding:.65rem .8rem}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brass);outline:none}
.qty{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;background:var(--white)}
.qty button{width:40px;border:0;background:none;font-size:1.2rem}
.qty input{width:48px;text-align:center;border:0;background:none}
.buy-row{display:flex;gap:1rem;align-items:center;margin:1.2rem 0}
.made-note{display:flex;gap:.8rem;align-items:flex-start;background:var(--sage-2);border-radius:var(--r-md);padding:.9rem 1rem;font-size:.92rem;margin-top:1.2rem}
.made-note svg{flex:none;width:22px;height:22px;stroke:var(--pine)}
.spec{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.2rem;font-size:.93rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.spec dt{color:var(--walnut-2)}.spec dd{margin:0}
@media (max-width:820px){.product-layout{grid-template-columns:1fr}}

/* ── Cart drawer ─────────────────────────────────────────── */
.drawer-backdrop{position:fixed;inset:0;background:rgba(21,40,31,.45);opacity:0;pointer-events:none;transition:opacity .25s;z-index:80}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--birch);z-index:90;transform:translateX(100%);transition:transform .35s var(--ease);display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(21,40,31,.15)}
body.cart-open .drawer{transform:none}
body.cart-open .drawer-backdrop{opacity:1;pointer-events:auto}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}
.drawer header h3{margin:0}
.drawer .items{flex:1;overflow-y:auto;padding:1rem 1.4rem}
.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:.9rem;padding:.9rem 0;border-bottom:1px solid var(--line);align-items:center}
.cart-item img{width:70px;height:70px;object-fit:cover;border-radius:var(--r-sm);background:var(--birch-2)}
.cart-item .n{font-weight:500}
.cart-item .o{font-size:.85rem;color:var(--walnut-2)}
.cart-item .rm{background:none;border:0;color:var(--walnut-2);font-size:.85rem;padding:0;text-decoration:underline}
.drawer footer{padding:1.2rem 1.4rem;border-top:1px solid var(--line);background:var(--white)}
.totals{display:flex;justify-content:space-between;margin-bottom:.4rem}
.totals.big{font-family:var(--font-display);font-size:1.3rem;margin:.6rem 0 1rem;color:var(--pine)}
.pay-methods{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.8rem;font-size:.8rem;color:var(--walnut-2)}
.pay-methods span{border:1px solid var(--line);border-radius:var(--r-sm);padding:.15rem .5rem;background:var(--birch)}
#paypal-buttons{margin-top:.8rem}
.or{text-align:center;color:var(--walnut-2);font-size:.85rem;margin:.6rem 0 .2rem}

/* ── Story / about ───────────────────────────────────────── */
.story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.story img{border-radius:var(--r-md);aspect-ratio:4/5;object-fit:cover;width:100%}
.story blockquote{font-family:var(--font-display);font-size:1.5rem;line-height:1.35;margin:0 0 1rem;color:var(--pine)}
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2.5rem}
.values h3{font-size:1.2rem}
.values svg{width:34px;height:34px;stroke:var(--brass);fill:none;stroke-width:1.6;margin-bottom:.6rem}
@media (max-width:820px){.story{grid-template-columns:1fr}}

/* Custom-work CTA */
.custom-cta{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.custom-cta form{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:1.6rem}
.custom-cta form h3{margin-bottom:1rem}
@media (max-width:820px){.custom-cta{grid-template-columns:1fr}}
.form-note{font-size:.88rem;color:var(--walnut-2);margin-top:.6rem}
.alert{padding:.8rem 1rem;border-radius:var(--r-sm);font-size:.93rem;margin:.8rem 0}
.alert.ok{background:#E3EEE5;color:var(--ok)}
.alert.err{background:#F4E3DF;color:var(--danger)}

/* ── Footer ──────────────────────────────────────────────── */
.site-footer{background:var(--pine-deep);color:var(--sage-2);padding:3.5rem 0 2rem;margin-top:auto}
.site-footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}
.site-footer h4{color:var(--birch);font-size:1.05rem;margin-bottom:.8rem}
.site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}
.site-footer a:hover{color:var(--brass-2)}
.site-footer .brand{color:var(--birch)}
.site-footer .fine{grid-column:1/-1;border-top:1px solid rgba(215,223,211,.2);padding-top:1.2rem;margin-top:1.5rem;font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
@media (max-width:820px){.site-footer .wrap{grid-template-columns:1fr 1fr}}
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}

/* Page hero (small) */
.page-head{padding:clamp(2.5rem,5vw,4rem) 0 1.5rem}
.page-head p{max-width:40rem;color:var(--walnut-2);font-size:1.08rem}

/* Toast */
.toast{position:fixed;left:50%;bottom:1.6rem;transform:translate(-50%,20px);background:var(--pine);color:var(--birch);padding:.75rem 1.2rem;border-radius:var(--r-pill);opacity:0;transition:.3s var(--ease);z-index:100;pointer-events:none;font-size:.95rem}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* Success page */
.success{max-width:600px;margin:4rem auto;text-align:center}
.success .check{width:70px;height:70px;margin:0 auto 1.2rem;border-radius:50%;background:var(--sage-2);display:grid;place-items:center}
.success .check svg{width:34px;stroke:var(--pine);fill:none;stroke-width:2.5}

/* Skeleton */
.skel{background:linear-gradient(90deg,var(--birch-2) 25%,#F0EADF 50%,var(--birch-2) 75%);background-size:200% 100%;animation:sh 1.2s infinite}
@keyframes sh{to{background-position:-200% 0}}


/* ===== Premium visual system overrides ===== */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

:root{
  --ink:#171815;
  --ink-soft:#53564f;
  --paper:#f7f3ec;
  --paper-deep:#eee7dc;
  --surface:#fffdf9;
  --surface-2:#f2ece2;
  --pine:#18382f;
  --pine-2:#234c40;
  --walnut:#5a3a2a;
  --brass:#b98547;
  --brass-deep:#875f32;
  --line:rgba(23,24,21,.12);
  --line-strong:rgba(23,24,21,.2);
  --shadow-sm:0 8px 24px rgba(45,35,24,.08);
  --shadow-md:0 18px 50px rgba(45,35,24,.12);
  --shadow-lg:0 34px 90px rgba(23,24,21,.16);
  --radius:22px;
  --radius-sm:14px;
  --wrap:min(1180px, calc(100vw - 40px));
  --ease:cubic-bezier(.22,1,.36,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:
  radial-gradient(circle at 10% 5%, rgba(185,133,71,.09), transparent 32rem),
  radial-gradient(circle at 93% 18%, rgba(24,56,47,.08), transparent 34rem),
  var(--paper);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");mix-blend-mode:multiply}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button,a,.product-card,.cat-tile{transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),opacity .35s var(--ease)}
button{cursor:pointer}
.wrap{width:var(--wrap);margin-inline:auto}
.band{height:4px;background:linear-gradient(90deg,var(--pine),var(--brass) 50%,var(--pine));position:relative;z-index:1001}

/* HEADER / NAV */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(247,243,236,.84);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(23,24,21,.08);box-shadow:0 8px 30px rgba(33,28,21,.035)}
.site-header>*{width:var(--wrap);margin-inline:auto}
.site-header nav,.site-header .nav,.site-header .header-inner{min-height:76px;display:flex;align-items:center;gap:24px}
.site-header a{font-weight:600;letter-spacing:-.01em}
.site-header nav>a:not(.brand):not(.logo),.site-header .nav>a:not(.brand):not(.logo){position:relative;color:#363932}
.site-header nav>a:not(.brand):not(.logo)::after,.site-header .nav>a:not(.brand):not(.logo)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--brass);transition:right .3s var(--ease)}
.site-header nav>a:hover::after,.site-header .nav>a:hover::after{right:0}
.site-header .brand,.site-header .logo{font-family:'Playfair Display',serif;font-size:1.28rem;font-weight:700;letter-spacing:-.025em;margin-right:auto}
.site-header .cart,.site-header .cart-btn,.site-header [data-cart]{border:1px solid var(--line);background:rgba(255,253,249,.85);border-radius:999px;padding:.72rem 1rem;box-shadow:var(--shadow-sm)}

h1,h2,h3{margin:0 0 .65em;line-height:1.08;letter-spacing:-.035em}
h1,h2{font-family:'Playfair Display',Georgia,serif}
h1{font-size:clamp(3rem,7vw,6.6rem);font-weight:700}
h2{font-size:clamp(2rem,4vw,3.8rem);font-weight:700}
h3{font-size:1.1rem;letter-spacing:-.02em}
p{margin:.55rem 0 1rem}
.muted{color:var(--ink-soft)}
.lede{font-size:clamp(1.05rem,1.5vw,1.25rem);color:#56594f;max-width:680px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.82rem 1.2rem;border:1px solid var(--pine);border-radius:999px;background:linear-gradient(180deg,var(--pine-2),var(--pine));color:#fffaf0;font-weight:700;letter-spacing:-.01em;box-shadow:0 10px 26px rgba(24,56,47,.18),inset 0 1px rgba(255,255,255,.16)}
.btn:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(24,56,47,.25)}
.btn:active{transform:translateY(0)}
.btn.ghost{color:var(--ink);background:rgba(255,253,249,.72);border-color:var(--line-strong);box-shadow:0 8px 22px rgba(45,35,24,.05)}
.btn.ghost:hover{border-color:rgba(185,133,71,.55);background:#fffdf9;box-shadow:var(--shadow-sm)}
.btn.sm{min-height:40px;padding:.6rem .95rem;font-size:.92rem}
.btn.block{width:100%}

/* HERO */
.hero{position:relative;overflow:hidden;padding:clamp(64px,9vw,128px) 0 clamp(58px,8vw,110px);border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 77% 24%,rgba(185,133,71,.15),transparent 21rem),
  linear-gradient(112deg,transparent 0 54%,rgba(255,255,255,.5) 54% 55%,transparent 55% 100%);pointer-events:none}
.hero>.wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(40px,7vw,88px);align-items:center}
.hero h1{max-width:820px;text-wrap:balance}
.hero h1::before{content:"SMALL-BATCH • MADE TO ORDER";display:block;margin-bottom:1.2rem;font-family:'DM Sans',sans-serif;font-size:.73rem;letter-spacing:.22em;color:var(--brass-deep);font-weight:700}
.hero .lede{max-width:620px;margin-top:1.25rem}
.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:2rem}
.hero-art{position:relative;min-height:480px;display:grid;place-items:center;perspective:1200px}
.hero-art::before,.hero-art::after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}
.hero-art::before{width:340px;height:340px;background:rgba(24,56,47,.12);transform:translate(65px,-35px)}
.hero-art::after{width:220px;height:220px;border:1px solid rgba(185,133,71,.35);transform:translate(-120px,120px)}
.plank{position:relative;width:min(410px,82vw);aspect-ratio:1/.96;border-radius:38px;background:
  linear-gradient(145deg,rgba(255,255,255,.18),transparent 28%),
  repeating-linear-gradient(3deg,rgba(75,45,28,.08) 0 1px,transparent 1px 14px),
  linear-gradient(135deg,#a9784e,#6c442d 58%,#4c2e20);box-shadow:0 36px 90px rgba(61,43,29,.28),inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -18px 30px rgba(48,27,16,.22);transform:rotate(3deg);display:grid;place-items:center;overflow:hidden}
.plank::after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,244,228,.22);border-radius:28px}
.monogram{width:65%;height:65%;fill:none;stroke:#f2dfbd;stroke-width:2;filter:drop-shadow(0 5px 8px rgba(0,0,0,.24));opacity:.94}
.monogram path,.monogram circle{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.4s var(--ease) forwards}
.monogram .d2{animation-delay:.18s}.monogram .d3{animation-delay:.38s}
@keyframes draw{to{stroke-dashoffset:0}}

/* SECTIONS */
.section{padding:clamp(64px,8vw,110px) 0;position:relative}
.section.alt{background:linear-gradient(180deg,rgba(255,253,249,.72),rgba(238,231,220,.52));border-block:1px solid rgba(23,24,21,.07)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}
.section-head>p{max-width:570px;margin-left:auto}
.section.pine{background:
  radial-gradient(circle at 12% 8%,rgba(255,255,255,.08),transparent 26rem),
  linear-gradient(145deg,#214a3f,#142f28 70%);color:#f9f4ea;overflow:hidden}
.section.pine::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-150px;bottom:-250px;border:1px solid rgba(255,255,255,.12)}
.section.pine .muted{color:rgba(249,244,234,.73)}

/* CATEGORY TILES */
.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cat-tile{position:relative;aspect-ratio:1/.9;overflow:hidden;border-radius:var(--radius);background:#ded7cc;border:1px solid rgba(23,24,21,.08);box-shadow:var(--shadow-sm);isolation:isolate}
.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(17,20,17,.76));z-index:1}
.cat-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .5s var(--ease)}
.cat-tile span{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;color:#fff;font-family:'Playfair Display',serif;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:700;letter-spacing:-.025em;text-shadow:0 3px 18px rgba(0,0,0,.35)}
.cat-tile:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.cat-tile:hover img{transform:scale(1.055)}

/* PRODUCT CARDS */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.product-card{position:relative;overflow:hidden;background:rgba(255,253,249,.9);border:1px solid rgba(23,24,21,.09);border-radius:var(--radius);box-shadow:0 10px 30px rgba(45,35,24,.06)}
.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-md);border-color:rgba(185,133,71,.28)}
.product-card .thumb,.product-card>a>.thumb{aspect-ratio:1/.92;background:#e7e0d7;overflow:hidden}
.product-card .thumb img,.product-card>a>.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.product-card:hover .thumb img{transform:scale(1.045)}
.product-card .info,.product-card .body,.product-card>a>div:last-child{padding:18px 18px 20px}
.product-card h3{font-size:1.04rem;margin-bottom:.35rem}
.product-card .price,.price{font-weight:700;color:var(--walnut)}
.product-card .muted{font-size:.9rem}
.product-card button,.product-card .btn{margin:0 18px 18px}

/* STORY */
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,7vw,88px);align-items:center}
.story>img{width:100%;aspect-ratio:1.1/1;object-fit:cover;border-radius:32px;box-shadow:var(--shadow-lg);outline:1px solid rgba(255,255,255,.75);outline-offset:-10px}
.story blockquote{margin:1.15rem 0 1.2rem;padding:0 0 0 1.4rem;border-left:2px solid var(--brass);font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.4;color:#4c4036}
.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.values>div{padding:28px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid currentColor;border-color:rgba(255,255,255,.12)}
.section:not(.pine) .values>div{background:rgba(255,253,249,.74);border-color:var(--line);box-shadow:var(--shadow-sm)}
.values svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;margin-bottom:20px;color:var(--brass)}
.values h3{font-size:1.05rem;margin-bottom:.45rem}

/* PAGE HEAD */
.page-head{padding:clamp(58px,7vw,92px) 0 38px}
.page-head h1{font-size:clamp(2.7rem,5.5vw,5rem);max-width:880px}
.page-head p{font-size:1.08rem;max-width:720px;color:var(--ink-soft)}
.page-head::before{content:"CRAFTED WITH INTENT";display:block;margin-bottom:1rem;color:var(--brass-deep);font-size:.71rem;letter-spacing:.2em;font-weight:700}

/* SHOP */
.shop-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;padding-bottom:90px}
.filters{position:sticky;top:110px;align-self:start;padding:22px;border-radius:18px;background:rgba(255,253,249,.72);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.filters h3{font-family:'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--ink-soft);margin-bottom:12px}
.filter-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.filter-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:12px;background:transparent;padding:.78rem .85rem;text-align:left}
.filter-list button:hover{background:rgba(24,56,47,.06)}
.filter-list button[aria-pressed="true"]{background:var(--pine);color:#fff}
.filter-list small{opacity:.65}
.chips{display:none;gap:8px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,249,.72);padding:.62rem .9rem}
.chips button[aria-pressed="true"]{background:var(--pine);color:white;border-color:var(--pine)}
.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center;margin-bottom:22px}
.search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,249,.9);min-height:46px;box-shadow:0 7px 18px rgba(45,35,24,.04)}
.search:focus-within{border-color:rgba(185,133,71,.7);box-shadow:0 0 0 4px rgba(185,133,71,.12)}
.search input{border:0;outline:0;background:transparent;width:100%}
.select{min-height:46px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,249,.9);padding:0 38px 0 14px;outline:none}
.result-count{font-size:.88rem;color:var(--ink-soft);white-space:nowrap}
.empty{grid-column:1/-1;padding:50px;border:1px dashed var(--line-strong);border-radius:22px;text-align:center;background:rgba(255,253,249,.5)}

/* PRODUCT DETAIL */
.crumbs{padding:28px 0 20px;color:var(--ink-soft);font-size:.9rem}
.crumbs a:hover{color:var(--brass-deep)}
.product-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(36px,6vw,76px);align-items:start;padding-bottom:68px}
.gallery .main{overflow:hidden;border-radius:30px;background:#eae3d9;box-shadow:var(--shadow-md);aspect-ratio:1/1}
.gallery .main img,.gallery .main video{width:100%;height:100%;object-fit:cover}
.thumbs{display:flex;gap:10px;margin-top:14px;overflow:auto;padding:3px;scrollbar-width:none}
.thumbs::-webkit-scrollbar{display:none}
.thumbs button{flex:0 0 78px;aspect-ratio:1;border-radius:13px;padding:0;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.thumbs button[aria-current="true"]{border-color:var(--brass);box-shadow:0 0 0 3px rgba(185,133,71,.16)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.buy-box{position:sticky;top:112px;padding:30px;border-radius:28px;background:rgba(255,253,249,.88);backdrop-filter:blur(10px);border:1px solid rgba(23,24,21,.1);box-shadow:var(--shadow-md)}
.buy-box> .muted:first-child{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:700;color:var(--brass-deep)}
.buy-box h1{font-size:clamp(2.3rem,4vw,4.2rem);margin-top:.4rem}
.buy-box .price{font-size:1.45rem;margin:.4rem 0 1.15rem}
.buy-box .desc{color:var(--ink-soft);font-size:1.02rem}
.field{display:grid;gap:7px;margin:16px 0}
.field label{font-size:.84rem;font-weight:700;color:#40433d}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#fffdf9;padding:.88rem 1rem;outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(185,133,71,.75);box-shadow:0 0 0 4px rgba(185,133,71,.1)}
.buy-row{display:flex;gap:12px;align-items:stretch;margin-top:20px}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fffdf9;overflow:hidden}
.qty button{width:40px;border:0;background:transparent;font-size:1.25rem}
.qty input{width:40px;border:0;outline:0;background:transparent;text-align:center;font-weight:700}
.made-note{display:flex;gap:12px;margin-top:22px;padding:16px;border-radius:15px;background:rgba(24,56,47,.07);color:#374a43;font-size:.9rem}
.made-note svg{width:24px;min-width:24px;stroke:var(--pine)}
.spec{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:.9rem}
.spec dt{font-weight:700}.spec dd{margin:0;color:var(--ink-soft)}

/* CUSTOM / FORMS */
.custom-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:clamp(40px,7vw,90px);align-items:start;padding-bottom:84px}
.custom-cta>div:first-child{padding-top:22px}
.custom-cta form{padding:30px;border-radius:26px;background:rgba(255,253,249,.9);border:1px solid var(--line);box-shadow:var(--shadow-md)}
.custom-cta form h3{font-family:'Playfair Display',serif;font-size:1.7rem}
.form-note{font-size:.82rem;color:var(--ink-soft);text-align:center;margin-bottom:0}
.alert{padding:13px 15px;margin-top:14px;border-radius:12px;font-size:.9rem}.alert.ok{background:#e5f2e9;color:#27553b}.alert.err{background:#f7e7e2;color:#7b3729}

/* SUCCESS / 404 */
.success{max-width:720px;margin:clamp(72px,10vw,140px) auto;text-align:center;padding:clamp(34px,6vw,64px);border-radius:30px;background:rgba(255,253,249,.86);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.success h1{font-size:clamp(2.5rem,5vw,4.6rem)}
.check{width:64px;height:64px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--pine);box-shadow:0 12px 30px rgba(24,56,47,.2)}
.check svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2}

/* FOOTER */
.site-footer{margin-top:0;background:#111c18;color:rgba(255,255,255,.8);border-top:1px solid rgba(255,255,255,.08)}
.site-footer>*{width:var(--wrap);margin-inline:auto}
.site-footer a:hover{color:white}
.site-footer .footer-inner,.site-footer>div{padding-top:46px;padding-bottom:46px}

/* CART / DRAWERS / MODALS - broad selectors to preserve existing app.js markup */
.cart-drawer,.drawer,.cart-panel{position:fixed;right:0;top:0;height:100dvh;width:min(440px,100vw);z-index:2100;background:#fffdf9;box-shadow:-24px 0 80px rgba(0,0,0,.18);padding:24px}
.cart-overlay,.drawer-backdrop,.modal-bg{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:3000;background:#17231f;color:#fff;padding:.8rem 1rem;border-radius:999px;box-shadow:var(--shadow-md)}

.skel{position:relative;overflow:hidden;background:#e9e3da!important}
.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shimmer 1.35s infinite}
@keyframes shimmer{100%{transform:translateX(100%)}}

@media (max-width:980px){
  .hero>.wrap,.product-layout,.custom-cta,.story{grid-template-columns:1fr}
  .hero-art{min-height:370px}.plank{width:min(360px,75vw)}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .buy-box{position:static}
  .shop-layout{grid-template-columns:1fr}.filters{display:none}.chips{display:flex}
  .values{grid-template-columns:1fr}
}
@media (max-width:700px){
  :root{--wrap:min(100% - 26px,1180px);--radius:18px}
  .site-header nav,.site-header .nav,.site-header .header-inner{min-height:68px;gap:14px}
  .hero{padding-top:56px}.hero h1{font-size:clamp(3.1rem,15vw,5rem)}
  .hero-art{min-height:320px}
  .section{padding:58px 0}.section-head{align-items:start;flex-direction:column;margin-bottom:24px}
  .section-head>p{margin-left:0}
  .cat-grid{gap:12px}.cat-tile span{left:14px;bottom:14px}
  .product-grid{gap:12px}.product-card .info,.product-card .body,.product-card>a>div:last-child{padding:14px 14px 16px}
  .toolbar{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.result-count{text-align:right}
  .gallery .main{border-radius:20px}.buy-box{padding:22px;border-radius:22px}
  .buy-row{flex-direction:column}.qty{align-self:flex-start}
  .custom-cta form{padding:22px}
}
@media (max-width:460px){
  .cat-grid,.product-grid{grid-template-columns:1fr 1fr}
  .product-card h3{font-size:.95rem}.product-card .muted{font-size:.82rem}
  .btn{min-height:46px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ===== Integration fixes / premium finishing ===== */
:root{
  --white:#fffdf9;
  --birch:#f7f3ec;
  --birch-2:#eee7dc;
  --walnut:#332b25;
  --walnut-2:#6b665f;
  --sage-2:#dbe4dd;
}
.band{
  height:auto;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.42rem 1rem;
  background:linear-gradient(90deg,#142f28,#18382f 45%,#234c40);
  color:rgba(255,255,255,.84);
  font-size:.82rem;
  letter-spacing:.01em;
}
.band b{color:#e6c18e;font-weight:700}
.site-header .wrap{min-height:76px;height:auto}
.brand svg{width:36px;height:36px;filter:drop-shadow(0 5px 12px rgba(24,56,47,.08))}
.nav a[aria-current="page"]{color:var(--pine)}
.cart-btn{background:rgba(255,253,249,.86);box-shadow:0 8px 22px rgba(45,35,24,.05);border-color:var(--line)}
.cart-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:rgba(185,133,71,.35)}
.cart-btn .count{background:var(--brass);color:white}
.menu-btn{color:var(--pine)}

.site-footer>.wrap{
  display:grid;
  grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(140px,.7fr));
  gap:34px 44px;
  padding:54px 0 34px;
}
.site-footer .brand{display:inline-flex;align-items:center;gap:.7rem;font-family:'Playfair Display',serif;font-size:1.35rem;color:#fff}
.site-footer .brand svg{width:38px;height:38px}
.site-footer h4{margin:0 0 .8rem;color:#fff;font-family:'DM Sans',sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.52rem}
.site-footer li{font-size:.92rem}
.site-footer .fine{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:24px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;color:rgba(255,255,255,.52)}

.drawer-backdrop{position:fixed;inset:0;z-index:2090;background:rgba(10,18,15,.5);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.drawer{transform:translateX(102%);transition:transform .42s var(--ease);display:flex;flex-direction:column;padding:0}
.drawer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid var(--line)}
.drawer>header h3{margin:0;font-family:'Playfair Display',serif;font-size:1.55rem}
.drawer .items{flex:1;overflow:auto;padding:18px 24px}
.drawer>footer{padding:20px 24px 24px;border-top:1px solid var(--line);background:#faf6ef}
.cart-open .drawer-backdrop{opacity:1;pointer-events:auto}
.cart-open .drawer{transform:translateX(0)}
.cart-item{display:grid;grid-template-columns:82px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.cart-item img{width:82px;height:82px;object-fit:cover;border-radius:14px;background:var(--paper-deep)}
.cart-item h4{margin:0 0 .2rem;font-family:'DM Sans',sans-serif;font-size:.96rem;color:var(--ink)}
.cart-item .opts{font-size:.78rem;color:var(--ink-soft);line-height:1.45}
.cart-item .cart-qty{display:flex;align-items:center;gap:.2rem;margin-top:.55rem}
.cart-item .cart-qty button{width:28px;height:28px;border:1px solid var(--line);background:white;border-radius:50%}
.cart-item .cart-qty span{min-width:24px;text-align:center;font-size:.86rem;font-weight:700}
.cart-item .rm{border:0;background:transparent;color:#8d5c50;padding:.2rem;font-size:.78rem}
.totals{display:flex;justify-content:space-between;gap:18px;margin:.42rem 0;color:var(--ink-soft);font-size:.9rem}
.totals.big{margin:12px 0 16px;padding-top:12px;border-top:1px solid var(--line);font-size:1.08rem;font-weight:800;color:var(--ink)}
.pay-methods{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.pay-methods span{padding:.25rem .48rem;border:1px solid var(--line);border-radius:6px;background:white;font-size:.65rem;color:var(--ink-soft)}
.or{text-align:center;margin:12px 0 8px;font-size:.74rem;color:var(--ink-soft)}
.toast{opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translate(-50%,10px)}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:820px){
  .nav{top:76px;background:rgba(247,243,236,.98);backdrop-filter:blur(18px);padding:18px 20px 22px;box-shadow:0 18px 30px rgba(23,24,21,.08)}
  .site-footer>.wrap{grid-template-columns:1fr 1fr;padding-inline:20px}
  .site-footer .fine{flex-direction:column}
}
@media(max-width:560px){
  .band{font-size:.75rem}
  .site-header .wrap{min-height:68px}
  .site-footer>.wrap{grid-template-columns:1fr}
  .site-footer .fine{grid-column:auto}
  .drawer{width:100vw}
}

/* ═══════════════════════════════════════════════════════════
   PRECISION ATELIER REBRAND — 2026
   Graphite · warm ivory · oxidized copper · steel
   ═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --pine:#1b1b1a;--pine-2:#252522;--pine-deep:#10100f;
  --birch:#f4f0e8;--birch-2:#e9e2d7;--white:#fbf9f4;
  --walnut:#1c1b19;--walnut-2:#6d6962;--ink:#1c1b19;--ink-soft:#6d6962;
  --brass:#b66d44;--brass-2:#d49a74;--brass-deep:#925236;
  --sage:#8e9690;--sage-2:#dfe2de;--line:rgba(28,27,25,.12);--line-strong:rgba(28,27,25,.22);
  --paper:#f4f0e8;--paper-deep:#e9e2d7;
  --radius:8px;--radius-lg:18px;--wrap:min(100% - 48px,1240px);
  --shadow-sm:0 8px 24px rgba(19,18,16,.06);--shadow-md:0 18px 48px rgba(19,18,16,.11);--shadow-lg:0 34px 90px rgba(19,18,16,.16);
  --ease:cubic-bezier(.22,.78,.2,1);
  --font-display:'Instrument Serif',Georgia,serif;--font-body:'Manrope',system-ui,sans-serif;
}
html{background:var(--birch)}
body{background:var(--birch);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.68;letter-spacing:-.008em}
h1,h2,h3,h4,.brand,.product-card .name{font-family:var(--font-display);font-weight:400;color:var(--ink);letter-spacing:-.035em}
h1{font-size:clamp(3.6rem,7vw,7.2rem);line-height:.91}
h2{font-size:clamp(2.5rem,4.8vw,4.8rem);line-height:.97}
h3{font-size:1.55rem;line-height:1.05}
.muted{color:var(--ink-soft)}
.wrap{width:var(--wrap);max-width:none;padding:0;margin-inline:auto}
.section-kicker,.eyebrow{display:block;font-family:var(--font-body);font-size:.69rem;line-height:1.2;letter-spacing:.19em;font-weight:700;color:var(--brass-deep);text-transform:uppercase;margin-bottom:1rem}
.text-link{display:inline-flex;align-items:center;gap:.65rem;border-bottom:1px solid var(--ink);padding-bottom:.2rem;font-size:.88rem;font-weight:700;letter-spacing:.01em}.text-link span{color:var(--brass);transition:transform .25s var(--ease)}.text-link:hover span{transform:translate(3px,-3px)}

/* Utility band */
.band{min-height:31px;padding:.35rem 1rem;background:#10100f;color:rgba(255,255,255,.66);font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;border:0}.band b{color:#d7a080;font-weight:700}

/* Navigation */
.site-header{top:0;background:rgba(244,240,232,.9);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(20px) saturate(125%)}
.site-header .wrap{width:var(--wrap);min-height:78px;padding:0;gap:2rem}.brand{font-size:1.45rem;font-weight:400;display:flex;align-items:center;gap:.8rem}.brand svg{width:34px;height:34px;color:var(--brass);filter:none}.nav{gap:2rem}.nav a{font-size:.78rem;letter-spacing:.075em;text-transform:uppercase;font-weight:700;color:#4f4b45}.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:transparent;color:var(--brass-deep)}.nav a::after{display:none!important}
.cart-btn{border:1px solid var(--ink);border-radius:4px;background:transparent!important;color:var(--ink);padding:.64rem .82rem;box-shadow:none!important;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.cart-btn:hover{background:var(--ink)!important;color:var(--white);border-color:var(--ink);transform:none}.cart-btn .count{background:var(--brass);color:#fff}

/* Buttons */
.btn{min-height:50px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:#fff;padding:.85rem 1.35rem;box-shadow:none;font-size:.78rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.btn:hover{background:var(--brass-deep);border-color:var(--brass-deep);transform:none;box-shadow:none}.btn.ghost{background:transparent;color:var(--ink);border-color:rgba(28,27,25,.45);box-shadow:none}.btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.light{background:var(--white);color:var(--ink);border-color:var(--white)}.btn.light:hover{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}.btn.sm{min-height:40px;padding:.55rem .85rem}

/* Hero */
.precision-hero{padding:0;background:#171716;color:#f4f0e8;border:0;overflow:hidden}.precision-hero::before{background:linear-gradient(90deg,transparent 0 49.9%,rgba(255,255,255,.045) 50%,transparent 50.1%),repeating-linear-gradient(0deg,transparent 0 78px,rgba(255,255,255,.025) 79px,transparent 80px)}
.precision-hero>.wrap{min-height:720px;width:var(--wrap);grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(40px,7vw,100px);padding:86px 0}.precision-hero h1{color:#f6f1e8;max-width:800px}.precision-hero h1::before{display:none}.precision-hero h1 em{font-weight:400;color:#cb8055}.precision-hero .eyebrow{color:#c67c52}.precision-hero .lede{color:rgba(246,241,232,.68);font-size:1.07rem;max-width:650px;line-height:1.75}.precision-hero .btn{background:#f4f0e8;color:#171716;border-color:#f4f0e8}.precision-hero .btn:hover{background:#c5784e;color:#fff;border-color:#c5784e}.precision-hero .btn.ghost{background:transparent;color:#f4f0e8;border-color:rgba(244,240,232,.32)}.precision-hero .btn.ghost:hover{border-color:#f4f0e8;background:#f4f0e8;color:#171716}
.hero-proof{display:flex;gap:30px;margin-top:50px;padding-top:25px;border-top:1px solid rgba(255,255,255,.12);max-width:680px}.hero-proof span{display:grid;gap:3px;color:rgba(255,255,255,.52);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.hero-proof b{font-family:var(--font-display);font-size:1.55rem;font-weight:400;letter-spacing:-.03em;color:#eee8de}
.precision-hero .hero-art{min-height:580px}.laser-frame{position:relative;width:min(500px,100%);aspect-ratio:.84/1;background:#20201f;border:1px solid rgba(255,255,255,.13);padding:52px;box-shadow:0 38px 90px rgba(0,0,0,.32)}.laser-frame::before,.laser-frame::after{content:"";position:absolute;width:14px;height:14px;border-color:#c7784e}.laser-frame::before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.laser-frame::after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.laser-label,.laser-spec{font-size:.57rem;letter-spacing:.18em;color:rgba(255,255,255,.44);font-weight:700}.laser-label{position:absolute;top:19px;left:24px}.laser-spec{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between}.precision-hero .plank{width:100%;aspect-ratio:1/1.08;border-radius:1px;background:repeating-linear-gradient(2deg,rgba(63,40,28,.09) 0 1px,transparent 1px 12px),linear-gradient(135deg,#aa805f,#765038 55%,#563825);box-shadow:0 28px 60px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.12);transform:none}.precision-hero .plank::after{inset:16px;border-radius:0;border-color:rgba(255,255,255,.22)}.precision-hero .monogram{stroke:#f0d9bd;opacity:.92}

.capability-strip{background:#b76e45;color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.capability-strip .wrap{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;white-space:nowrap;overflow:hidden}.capability-strip i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5);flex:0 0 4px}

/* Sections */
.section{padding:clamp(76px,8vw,124px) 0}.section.alt{background:#ebe5db;border-color:var(--line)}.section-head{align-items:end;margin-bottom:45px}.section-head h2{max-width:770px}.section-head>p{font-size:.95rem;max-width:500px}.categories-section{background:#f4f0e8}.featured-section{background:#eae4da}

/* Category cards */
.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cat-tile{aspect-ratio:.86/1;border-radius:2px;border:0;box-shadow:none;background:#222;transform:none!important}.cat-tile::after{background:linear-gradient(180deg,rgba(9,9,9,.05) 30%,rgba(9,9,9,.82) 100%)}.cat-tile img{filter:saturate(.78) contrast(1.04);transition:transform .6s var(--ease),filter .6s var(--ease)}.cat-tile:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.02)}.cat-tile .cat-name{left:20px;right:48px;bottom:22px;font-family:var(--font-display);font-size:1.7rem;font-weight:400}.cat-tile .cat-no{position:absolute;top:17px;left:18px;z-index:2;font-family:var(--font-body);font-size:.61rem;letter-spacing:.13em;color:rgba(255,255,255,.72)}.cat-tile .cat-arrow{position:absolute;right:19px;bottom:24px;z-index:2;font-family:var(--font-body);font-size:1.05rem;color:#d9936a}

/* Products */
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{border-radius:2px;background:transparent;border:0;box-shadow:none!important;overflow:visible}.product-card:hover{transform:none}.product-card .thumb{aspect-ratio:.9/1;border-radius:2px;background:#ded8ce}.product-card .thumb img{transition:transform .65s var(--ease),filter .4s}.product-card:hover .thumb img{transform:scale(1.025)}.product-card .badge{top:10px;left:10px;background:rgba(20,20,19,.9);color:#fff;border-radius:2px;padding:.28rem .48rem;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase}.product-card .body{padding:14px 1px 4px}.product-card .cat{text-transform:uppercase;letter-spacing:.13em;font-size:.58rem;font-weight:700;color:#8b837a;margin-bottom:.42rem}.product-card .name{font-size:1.36rem;line-height:1.05;margin-bottom:.45rem}.product-card .price{font-size:.87rem;font-family:var(--font-body);font-weight:700;color:#4b4742}

/* Studio editorial section */
.studio-feature{background:#f8f5ef}.studio-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(48px,8vw,110px);align-items:center}.studio-image{position:relative}.studio-image img{width:100%;aspect-ratio:1.12/1;object-fit:cover;border-radius:2px;filter:saturate(.7) contrast(1.08)}.image-index{position:absolute;left:0;bottom:-27px;font-size:.59rem;letter-spacing:.15em;font-weight:700;color:#807970}.studio-copy h2{max-width:570px}.studio-lede{font-size:1.08rem;color:#55514b;max-width:600px}.detail-list{margin:32px 0;display:grid;border-top:1px solid var(--line)}.detail-list>div{display:grid;grid-template-columns:145px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.detail-list b{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.detail-list span{color:var(--ink-soft);font-size:.88rem}

.custom-banner{background:#b66d44;color:#fff}.custom-banner>.wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.custom-banner h2{color:#fff}.custom-banner .section-kicker{color:#4d281b}.custom-banner p{color:rgba(255,255,255,.82);max-width:500px}.custom-banner .btn{margin-top:15px}

.standards{background:#171716;color:#eee8df}.standards h2,.standards h3{color:#f2ece2}.standards .section-kicker{color:#c77a4f}.standards .values{gap:0;border-top:1px solid rgba(255,255,255,.14)}.standards .values>div{border:0;border-right:1px solid rgba(255,255,255,.14);border-radius:0;background:transparent!important;box-shadow:none!important;padding:34px 34px 10px 0;margin-right:34px}.standards .values>div:last-child{border-right:0}.standards .num,.shipping-panel .num{display:block;font-family:var(--font-display);font-size:2.1rem;color:#c8794e;margin-bottom:45px}.standards .muted{color:rgba(255,255,255,.54)}

/* Page headings */
.page-head{padding:clamp(72px,9vw,135px) 0 54px}.page-head::before{display:none}.page-head .section-kicker{margin-bottom:1.3rem}.page-head h1{font-size:clamp(3.8rem,7vw,7rem);max-width:1000px}.page-head p{max-width:700px;font-size:1.05rem;color:#625e58}.studio-head,.custom-head{position:relative}.studio-head::after,.custom-head::after{content:"";display:block;width:100%;height:1px;background:var(--line);margin-top:52px}

/* About */
.story.studio-story{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(50px,8vw,110px)}.story.studio-story>div:first-child img{aspect-ratio:1.05/1;border-radius:2px;box-shadow:none;outline:0}.story.studio-story h2{font-size:clamp(2.5rem,4vw,4rem)}.rule{height:1px;background:var(--line);margin:34px 0}.story.studio-story h3{font-family:var(--font-body);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.process-section{background:#eae4da}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid>div{padding:30px 28px 32px 0;margin-right:28px;border-right:1px solid var(--line)}.process-grid>div:last-child{border-right:0;margin-right:0}.process-grid span{display:block;color:var(--brass-deep);font-family:var(--font-display);font-size:1.8rem;margin-bottom:52px}.process-grid h3{font-size:1.6rem}.process-grid p{font-size:.88rem;color:var(--ink-soft)}
.shipping-panel{background:#f5f1e9}.shipping-panel .values{gap:0;border-top:1px solid var(--line)}.shipping-panel .values>div{background:transparent!important;box-shadow:none!important;border:0;border-right:1px solid var(--line);border-radius:0;padding:32px 32px 0 0;margin-right:32px}.shipping-panel .values>div:last-child{border-right:0}.shipping-panel .num{margin-bottom:40px}

/* Custom */
.custom-cta{grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);gap:clamp(55px,8vw,105px)}.custom-cta>div:first-child{padding-top:0}.custom-intro{font-size:1.05rem;max-width:610px;color:#57534d}.cap-list{margin:34px 0 28px;border-top:1px solid var(--line)}.cap-list>div{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.cap-list>div>span{font-family:var(--font-display);font-size:1.4rem;color:var(--brass-deep)}.cap-list b{font-size:.82rem;letter-spacing:.03em}.cap-list p{font-size:.86rem;color:var(--ink-soft);margin:.25rem 0 0}.materials-note{padding:18px 0;margin-bottom:25px;display:grid;gap:5px}.materials-note b{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.materials-note span{color:var(--ink-soft)}
.custom-cta form{border-radius:2px;background:#1a1a19;color:#f4f0e8;border:1px solid #1a1a19;box-shadow:none;padding:36px}.custom-cta form h3{color:#f4f0e8;font-size:2rem}.custom-cta form .section-kicker{color:#cb7c51}.form-head p{color:rgba(255,255,255,.56);font-size:.84rem}.custom-cta form label{color:rgba(255,255,255,.78);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.custom-cta form label span{color:rgba(255,255,255,.42);text-transform:none;letter-spacing:0}.custom-cta form input,.custom-cta form select,.custom-cta form textarea{border:1px solid rgba(255,255,255,.18);border-radius:2px;background:#232321;color:#f4f0e8;box-shadow:none}.custom-cta form input:focus,.custom-cta form select:focus,.custom-cta form textarea:focus{border-color:#bd7149;box-shadow:0 0 0 2px rgba(189,113,73,.15)}.custom-cta form .btn{background:#c4774d;border-color:#c4774d}.custom-cta form .btn:hover{background:#e9e2d7;color:#1a1a19;border-color:#e9e2d7}.form-note{color:rgba(255,255,255,.45)}

/* Shop */
.shop-head{padding-bottom:36px}.shop-layout{grid-template-columns:220px minmax(0,1fr);gap:38px}.filters{top:112px;border:0;border-radius:2px;background:transparent;box-shadow:none;padding:0 20px 0 0;border-right:1px solid var(--line)}.filters h3{font-size:.62rem;color:#7b756d}.filter-list button{border-radius:2px;padding:.68rem .6rem;font-size:.84rem}.filter-list button:hover{background:#ebe4d9}.filter-list button[aria-pressed="true"]{background:#1c1b19;color:white}.toolbar{display:grid;grid-template-columns:minmax(200px,1fr) auto auto;gap:10px}.search,.select{border-radius:2px;background:#faf7f1;border-color:var(--line);min-height:46px}.result-count{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em}.chips button{border-radius:2px!important}

/* Product detail */
.crumbs{padding-top:26px;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#847e76}.product-layout{grid-template-columns:minmax(0,1.15fr) minmax(350px,.72fr);gap:clamp(50px,7vw,95px);padding-top:26px}.gallery .main{border-radius:2px;background:#e6e0d7}.gallery .main img,.gallery .main video{border-radius:2px}.thumbs button{border-radius:2px!important}.buy-box{border-radius:2px;background:#f9f6f0;border:1px solid var(--line);box-shadow:none;padding:30px;top:120px}.product-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;font-weight:700;color:var(--brass-deep)!important}.buy-box h1{font-size:clamp(2.7rem,4vw,4.2rem)}.buy-box .price{font-size:1rem;font-family:var(--font-body);letter-spacing:.02em}.buy-box .desc{font-size:.94rem;line-height:1.72}.field input,.field select,.field textarea{border-radius:2px}.qty{border-radius:2px}.made-note{border-radius:2px;background:#e9e3da;border-left:2px solid var(--brass);color:#4f4a44}.spec{font-size:.82rem}

/* Cart */
.drawer{background:#f4f0e8;box-shadow:-30px 0 90px rgba(0,0,0,.22)}.drawer>header{background:#181817;color:#f4f0e8;border-bottom-color:rgba(255,255,255,.1)}.drawer>header h3{font-family:var(--font-display);font-size:1.8rem;color:#f4f0e8}.drawer>header .btn.ghost{border-color:rgba(255,255,255,.28);color:#f4f0e8}.drawer .items{padding:20px 24px}.drawer>footer{background:#ebe4da}.cart-item img{border-radius:2px}.cart-item .cart-qty button{border-radius:2px}.pay-methods span{border-radius:2px;background:#f7f3ed}

/* Footer */
.site-footer{background:#10100f;color:rgba(255,255,255,.6);border-top:0}.site-footer>.wrap{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(140px,.7fr));padding:68px 0 30px}.site-footer .brand{font-family:var(--font-display);font-size:1.55rem;font-weight:400}.site-footer .brand svg{color:#c77a4f}.site-footer h4{font-family:var(--font-body);font-size:.61rem;letter-spacing:.16em;color:#d7a181}.site-footer li{font-size:.84rem}.site-footer .fine{font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.38)}

/* Success */
.success{border-radius:2px;background:#f8f5ef;border:1px solid var(--line);box-shadow:none}.success .check,.check{background:#1b1b1a;border-radius:2px}.success h1{font-size:clamp(3rem,5vw,5rem)}

/* Admin — same brand language, more technical */
body:has(.wk){background:#ece7df}.wk{color:#1c1b19}.wk-top{background:#171716!important;border-bottom:3px solid #b66d44!important;box-shadow:none!important}.wk-top h1{font-family:var(--font-display)!important;font-weight:400!important;letter-spacing:-.03em}.tabs button{border-radius:2px!important;background:#f6f2eb!important}.tabs button[aria-selected="true"]{background:#1b1b1a!important;color:#fff!important;border-color:#1b1b1a!important;box-shadow:none!important}.tools{border-radius:2px!important;background:#f7f4ee!important;box-shadow:none!important}.table{border-radius:2px!important;box-shadow:none!important}.table th{background:#ddd6cb!important;color:#625d56!important}.wk button,.modal button{border-radius:2px!important}.wk .btn,.modal .btn,.wk button.primary,.modal button.primary{background:#1b1b1a!important;border-color:#1b1b1a!important;border-radius:2px!important}.wk input,.wk select,.wk textarea,.modal input,.modal select,.modal textarea{border-radius:2px!important;background:#faf7f1!important}.modal{border-radius:3px!important;background:#f7f3ec!important}.drop{border-radius:2px!important;background:#f2ede5!important}.drop:hover,.drop.over{border-color:#b66d44!important;background:#faf5ed!important}.login,.setup{border-radius:3px!important}.pill{border-radius:2px!important}

@media(max-width:980px){
  .precision-hero>.wrap,.studio-grid,.custom-banner>.wrap,.story.studio-story{grid-template-columns:1fr}.precision-hero>.wrap{padding:72px 0}.precision-hero .hero-art{min-height:auto}.laser-frame{width:min(520px,86vw);margin:20px auto 0}.hero-proof{max-width:none}.process-grid{grid-template-columns:1fr 1fr}.process-grid>div:nth-child(2){border-right:0}.process-grid>div{border-bottom:1px solid var(--line)}.standards .values,.shipping-panel .values{grid-template-columns:1fr}.standards .values>div,.shipping-panel .values>div{border-right:0;border-bottom:1px solid currentColor;margin-right:0;padding-right:0}.standards .values>div{border-bottom-color:rgba(255,255,255,.14)}.shipping-panel .values>div{border-bottom-color:var(--line)}
}
@media(max-width:820px){.site-header .wrap{width:calc(100% - 28px)}.nav{top:78px;background:#f4f0e8}.site-footer>.wrap{grid-template-columns:1fr 1fr;padding-inline:0}.cat-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-cta{grid-template-columns:1fr}.shop-layout{grid-template-columns:1fr}.filters{display:none;border:0}.chips{display:flex}.product-layout{grid-template-columns:1fr}.buy-box{position:static}.detail-list>div{grid-template-columns:1fr;gap:5px}}
@media(max-width:600px){:root{--wrap:calc(100% - 28px)}h1{font-size:clamp(3.35rem,16vw,5rem)}h2{font-size:clamp(2.4rem,12vw,3.6rem)}.precision-hero>.wrap{padding:55px 0}.hero-proof{gap:18px;display:grid;grid-template-columns:repeat(3,1fr)}.laser-frame{padding:38px 30px}.capability-strip .wrap{justify-content:flex-start;overflow:auto}.capability-strip i{display:none}.capability-strip span{margin-right:22px}.cat-grid,.product-grid{grid-template-columns:1fr 1fr;gap:9px}.cat-tile .cat-name{font-size:1.3rem;left:13px;bottom:14px}.cat-tile .cat-arrow{right:12px;bottom:16px}.cat-tile .cat-no{top:10px;left:11px}.section{padding:68px 0}.section-head{margin-bottom:28px}.studio-image{margin-bottom:35px}.custom-banner>.wrap{gap:25px}.process-grid{grid-template-columns:1fr}.process-grid>div{border-right:0;margin-right:0}.process-grid span{margin-bottom:25px}.custom-cta form{padding:24px}.toolbar{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.site-footer>.wrap{grid-template-columns:1fr}.site-footer .fine{grid-column:auto}.buy-box{padding:22px}.product-card .name{font-size:1.12rem}.product-card .cat{font-size:.51rem}}

/* ═══════════════════════════════════════════════════════════
   Pop's Got Wood — Premium Home Décor Rebrand 2026
   Evergreen · Silver · Gold · White · Natural Wood
   ═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root{
  --pine:#11372c;
  --pine-deep:#08241d;
  --evergreen:#164738;
  --forest:#0f3027;
  --birch:#f7f9f7;
  --birch-2:#edf2ef;
  --white:#ffffff;
  --walnut:#3d2a1e;
  --walnut-2:#6e6258;
  --wood:#9b6a42;
  --wood-light:#d8b486;
  --gold:#c5a45c;
  --gold-2:#e1c786;
  --silver:#c8d1d0;
  --silver-dark:#8e9a99;
  --sage:#a8bdb4;
  --sage-2:#dfe8e4;
  --brass:var(--gold);
  --brass-2:var(--gold-2);
  --line:rgba(17,55,44,.14);
  --font-display:"Playfair Display",Georgia,serif;
  --font-body:"DM Sans",system-ui,sans-serif;
  --r-sm:10px;
  --r-md:18px;
  --shadow-sm:0 10px 28px rgba(10,38,30,.08);
  --shadow-md:0 24px 60px rgba(8,36,29,.14);
  --shadow-lg:0 40px 100px rgba(5,26,21,.2);
  --ease:cubic-bezier(.16,1,.3,1);
}

html{background:#fff}
body{
  background:
    radial-gradient(circle at 88% 0%,rgba(197,164,92,.10),transparent 27rem),
    linear-gradient(#fff,#fff);
  color:#24342f;
  font-family:var(--font-body);
  letter-spacing:-.005em;
}
h1,h2,h3,h4{color:var(--pine-deep);font-family:var(--font-display);letter-spacing:-.035em}
h1{font-weight:500;line-height:.98;font-size:clamp(3rem,7vw,6.25rem)}
h2{font-size:clamp(2rem,4vw,3.55rem);font-weight:500}
h3{font-weight:600}
.muted{color:#68736f}

/* Top notice */
.band{
  background:linear-gradient(90deg,var(--pine-deep),var(--evergreen),var(--pine-deep));
  color:#edf5f1;padding:.55rem 1rem;letter-spacing:.035em;
  border-bottom:1px solid rgba(255,255,255,.12)
}
.band b{color:var(--gold-2);font-weight:600}

/* Premium navigation */
.site-header{
  top:0;background:rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(150%);
  border-bottom:1px solid rgba(15,48,39,.10);box-shadow:0 8px 30px rgba(8,36,29,.06);
  transition:box-shadow .35s var(--ease),background .35s var(--ease)
}
.site-header .wrap{height:82px}
.brand{gap:.78rem;font-family:var(--font-body);font-weight:700;font-size:1.08rem;letter-spacing:.04em;text-transform:uppercase;color:var(--pine-deep)}
.brand-mark{width:48px;height:48px;display:grid;place-items:center;filter:drop-shadow(0 8px 13px rgba(9,35,28,.16));transition:transform .45s var(--ease)}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand:hover .brand-mark{transform:translateY(-2px) rotate(-1deg) scale(1.04)}
.nav{gap:2rem}
.nav a{font-size:.92rem;font-weight:600;color:#294239;border:0;position:relative;padding:.55rem 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:.2rem;height:2px;background:linear-gradient(90deg,var(--gold),var(--wood-light));transition:right .35s var(--ease)}
.nav a:hover::after,.nav a[aria-current="page"]::after{right:0}
.cart-btn{
  border:1px solid rgba(17,55,44,.14);background:linear-gradient(180deg,#fff,#f5f8f6);
  box-shadow:0 7px 18px rgba(8,36,29,.08);padding:.58rem 1rem;transition:.3s var(--ease)
}
.cart-btn:hover{transform:translateY(-2px);border-color:rgba(197,164,92,.55);box-shadow:0 12px 26px rgba(8,36,29,.13)}
.cart-btn .count{background:linear-gradient(135deg,var(--gold),#9c7835);color:#fff}

/* Luxury buttons */
.btn{
  position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(230,206,143,.7);
  background:linear-gradient(135deg,#d5b86e 0%,#b79246 48%,#d8bd79 100%);
  color:#102b23;border-radius:999px;padding:.9rem 1.65rem;font-weight:700;letter-spacing:.015em;
  box-shadow:0 12px 28px rgba(130,100,42,.20),inset 0 1px 0 rgba(255,255,255,.65);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),filter .35s var(--ease)
}
.btn::before{content:"";position:absolute;inset:-2px auto -2px -45%;width:35%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-22deg);transition:left .55s var(--ease)}
.btn:hover{background:linear-gradient(135deg,#dfc581,#b68e43 50%,#e5cb89);border-color:#d8bb75;transform:translateY(-3px);box-shadow:0 18px 36px rgba(130,100,42,.28),inset 0 1px 0 rgba(255,255,255,.7)}
.btn:hover::before{left:120%}
.btn:active{transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.72);color:var(--pine-deep);border-color:rgba(17,55,44,.28);box-shadow:0 10px 26px rgba(8,36,29,.06)}
.btn.ghost:hover{background:var(--pine-deep);color:white;border-color:var(--pine-deep);box-shadow:0 15px 32px rgba(8,36,29,.2)}
.btn.light{background:linear-gradient(180deg,#fff,#f4f7f5);color:var(--pine-deep);border-color:rgba(255,255,255,.75);box-shadow:0 14px 30px rgba(0,0,0,.12)}
.btn.light:hover{background:#fff;box-shadow:0 18px 36px rgba(0,0,0,.18)}
.text-link{font-weight:700;color:var(--pine);display:inline-flex;gap:.5rem;align-items:center;border-bottom:1px solid rgba(17,55,44,.25);padding-bottom:.2rem;transition:.25s var(--ease)}
.text-link:hover{color:#8b682d;border-color:var(--gold);gap:.75rem}

/* Hero */
.precision-hero{
  position:relative;min-height:min(830px,calc(100vh - 122px));display:grid;align-items:center;
  padding:clamp(4rem,8vw,7rem) 0;overflow:hidden;
  background:
    radial-gradient(circle at 83% 28%,rgba(197,164,92,.18),transparent 23rem),
    radial-gradient(circle at 18% 80%,rgba(164,189,178,.18),transparent 25rem),
    linear-gradient(135deg,#fbfdfc 0%,#eef4f0 47%,#ffffff 100%);
}
.precision-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(17,55,44,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,55,44,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 72%)}
.precision-hero::after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;bottom:-220px;border:1px solid rgba(197,164,92,.28);box-shadow:0 0 0 58px rgba(197,164,92,.05),0 0 0 116px rgba(17,55,44,.025)}
.hero .wrap{grid-template-columns:1.02fr .98fr;gap:clamp(3rem,7vw,7rem);position:relative;z-index:2}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:.7rem;font-size:.74rem;font-weight:700;letter-spacing:.19em;color:#7b673d;text-transform:uppercase}
.eyebrow::before,.section-kicker::before{content:"";width:30px;height:1px;background:linear-gradient(90deg,var(--gold),var(--wood))}
.hero h1 em{color:var(--evergreen);font-weight:500}
.hero p.lede{font-size:1.17rem;line-height:1.75;color:#52615c;max-width:39rem}
.hero-proof{display:flex;gap:1.8rem;flex-wrap:wrap;margin-top:2.25rem;padding-top:1.35rem;border-top:1px solid rgba(17,55,44,.13)}
.hero-proof span{display:grid;font-size:.73rem;text-transform:uppercase;letter-spacing:.09em;color:#66736f}
.hero-proof b{font-family:var(--font-display);font-size:1.45rem;color:var(--pine);font-weight:600;letter-spacing:-.03em}

.brand-showcase{position:relative;width:min(100%,590px);aspect-ratio:1/1;margin:auto;display:grid;place-items:center;perspective:1200px}
.logo-stage{position:relative;width:76%;height:76%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98) 0 50%,rgba(238,244,240,.96) 68%,rgba(216,228,221,.88) 100%);box-shadow:0 34px 80px rgba(6,31,24,.19),0 12px 32px rgba(6,31,24,.12),inset 0 0 0 1px rgba(255,255,255,.95);animation:float-stage 7s ease-in-out infinite}
.logo-stage::before{content:"";position:absolute;inset:5%;border-radius:50%;border:1px solid rgba(197,164,92,.35);box-shadow:inset 0 0 40px rgba(197,164,92,.08)}
.logo-glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(197,164,92,.3),rgba(197,164,92,.05) 55%,transparent 72%);filter:blur(18px);animation:pulse-glow 5s ease-in-out infinite}
.hero-logo{width:82%;height:82%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 24px 28px rgba(52,31,17,.18));transition:transform .7s var(--ease)}
.brand-showcase:hover .hero-logo{transform:scale(1.025) rotate(.4deg)}
.showcase-orbit{position:absolute;border-radius:50%;border:1px solid rgba(17,55,44,.15);pointer-events:none}
.orbit-one{inset:4%;animation:spin 24s linear infinite}
.orbit-one::after{content:"";position:absolute;top:9%;left:16%;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(197,164,92,.12),0 0 18px rgba(197,164,92,.7)}
.orbit-two{inset:13%;border-style:dashed;border-color:rgba(142,154,153,.32);animation:spin-rev 31s linear infinite}
.material-tag{position:absolute;z-index:5;display:flex;align-items:center;gap:.65rem;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border:1px solid rgba(17,55,44,.11);border-radius:999px;padding:.62rem .85rem;box-shadow:0 14px 28px rgba(8,36,29,.10);font-size:.75rem;font-weight:700;color:#365048;letter-spacing:.045em;text-transform:uppercase}
.material-tag i{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.tag-wood{left:-2%;bottom:22%;animation:float-tag 6s ease-in-out infinite}.tag-wood i{background:linear-gradient(135deg,#d7ad7d,#8f5e37)}
.tag-metal{right:-1%;top:22%;animation:float-tag 6s 1.5s ease-in-out infinite}.tag-metal i{background:linear-gradient(135deg,#f3f6f6,#9ba8a7)}
.laser-trace{position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(191,35,28,.1),transparent);overflow:visible;z-index:6}
.laser-trace span{display:block;width:18%;height:1px;background:linear-gradient(90deg,transparent,#f62e26,#fff5e9,#f62e26,transparent);box-shadow:0 0 10px #ff4a40;animation:laser-sweep 5.2s var(--ease) infinite}
.showcase-caption{position:absolute;bottom:1%;right:5%;display:grid;text-align:right;gap:.1rem;color:#426057}
.showcase-caption b{font-size:.72rem;letter-spacing:.2em;color:var(--pine)}
.showcase-caption span{font-size:.7rem;color:#74827e}
@keyframes float-stage{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-9px) rotateX(1deg)}}
@keyframes pulse-glow{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spin-rev{to{transform:rotate(-360deg)}}
@keyframes float-tag{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes laser-sweep{0%,18%{transform:translateX(-110%);opacity:0}25%{opacity:1}62%{opacity:1}72%,100%{transform:translateX(560%);opacity:0}}

.capability-strip{background:var(--pine-deep);color:white;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 16px 38px rgba(5,28,22,.14)}
.capability-strip .wrap{min-height:76px;display:flex;align-items:center;justify-content:center;gap:1.4rem;flex-wrap:wrap;font-size:.77rem;text-transform:uppercase;letter-spacing:.13em;color:#e3ece8}
.capability-strip i{width:4px;height:4px;border-radius:50%;background:var(--gold)}

/* Section color rhythm */
.section{padding:clamp(4.2rem,7vw,7rem) 0}
.section.alt{background:linear-gradient(180deg,#eef4f0,#f8faf9)}
.categories-section{background:#fff}
.featured-section{position:relative;overflow:hidden}
.featured-section::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;left:-300px;top:20%;background:radial-gradient(circle,rgba(216,180,134,.20),transparent 70%);pointer-events:none}
.section-head{margin-bottom:2.6rem;align-items:flex-end}
.section-head>div{display:grid;gap:.65rem}
.section-head p{font-size:1.02rem;line-height:1.75}

/* Category cards */
.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.cat-tile{aspect-ratio:.82;border-radius:20px;padding:1.25rem;background:var(--pine-deep);box-shadow:0 16px 35px rgba(8,36,29,.12);transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.cat-tile::after{background:linear-gradient(to top,rgba(7,31,25,.92) 0%,rgba(9,42,33,.35) 52%,rgba(9,42,33,.05) 100%)}
.cat-tile::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.18);border-radius:14px;z-index:1;pointer-events:none}
.cat-tile img{opacity:.88;transition:transform .8s var(--ease),filter .6s var(--ease),opacity .4s}
.cat-tile:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(8,36,29,.2)}
.cat-tile:hover img{transform:scale(1.075);filter:saturate(1.06) contrast(1.03)}
.cat-name{position:relative;z-index:2;font-family:var(--font-display);font-size:1.45rem!important;color:white}
.cat-no{position:absolute;top:1.25rem;left:1.25rem;z-index:2;font-size:.7rem;letter-spacing:.16em;color:var(--gold-2)}
.cat-arrow{position:absolute;right:1.25rem;bottom:1.25rem;z-index:2;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:white;transition:.35s var(--ease)}
.cat-tile:hover .cat-arrow{background:var(--gold);border-color:var(--gold);color:var(--pine-deep);transform:rotate(45deg)}

/* Product cards */
.product-grid{gap:2rem 1.5rem}
.product-card{border:1px solid rgba(17,55,44,.10);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(8,36,29,.075);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
.product-card:hover{transform:translateY(-8px);border-color:rgba(197,164,92,.45);box-shadow:0 28px 58px rgba(8,36,29,.16)}
.product-card .thumb{background:#edf2ef;overflow:hidden}
.product-card .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(8,36,29,.08));pointer-events:none}
.product-card .thumb img{transition:transform .75s var(--ease),opacity .45s}
.product-card:hover .thumb img:not(.alt){transform:scale(1.035)}
.product-card .badge{top:.85rem;left:.85rem;background:rgba(10,43,34,.9);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.product-card .body{padding:1.15rem 1.2rem 1.35rem}
.product-card .cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#8a7650;font-weight:700}
.product-card .name{font-family:var(--font-display);font-size:1.35rem;color:var(--pine-deep)}
.product-card .price{color:#28493e;font-weight:700}

/* Studio feature / premium storytelling */
.studio-feature{background:linear-gradient(135deg,var(--pine-deep) 0%,#10372b 70%,#184638 100%);color:white;position:relative;overflow:hidden}
.studio-feature::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 15%,rgba(197,164,92,.17),transparent 24rem),linear-gradient(120deg,transparent 0 64%,rgba(255,255,255,.025) 64% 65%,transparent 65%)}
.studio-feature h2,.studio-feature h3{color:#fff}.studio-feature .section-kicker{color:#dfc77f}.studio-feature .section-kicker::before{background:#dfc77f}
.studio-grid{position:relative;z-index:1}
.studio-image{border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14)}
.studio-image img{transition:transform 1s var(--ease)}.studio-image:hover img{transform:scale(1.035)}
.image-index{background:rgba(8,36,29,.78);color:#fff;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);border-radius:999px;padding:.45rem .7rem}
.studio-copy p,.studio-copy span{color:#d1ddd8}.studio-copy .text-link{color:#fff;border-color:rgba(255,255,255,.3)}
.detail-list>div{border-color:rgba(255,255,255,.14)}.detail-list b{color:#f1d895}

.custom-banner{background:linear-gradient(120deg,#d7b581 0%,#b98756 40%,#7c5235 100%);color:#fff;position:relative;overflow:hidden}
.custom-banner::before{content:"";position:absolute;inset:0;opacity:.20;background:repeating-linear-gradient(6deg,rgba(48,27,14,.18) 0 1px,transparent 1px 15px),linear-gradient(90deg,rgba(255,255,255,.12),transparent 45%)}
.custom-banner .wrap{position:relative;z-index:1}.custom-banner h2{color:#fff;text-shadow:0 2px 10px rgba(45,26,14,.18)}.custom-banner .section-kicker{color:#fff}.custom-banner .section-kicker::before{background:#fff}.custom-banner p{color:#fff}

.standards{background:#fff}
.values>div{background:linear-gradient(180deg,#fff,#f4f8f6);border:1px solid rgba(17,55,44,.10);border-radius:18px;padding:1.6rem;box-shadow:var(--shadow-sm);transition:.45s var(--ease)}
.values>div:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(197,164,92,.35)}
.values .num{color:#9a783d;font-family:var(--font-display);font-size:1.65rem}

/* Inner pages */
.page-head{padding-top:clamp(3.5rem,7vw,6.5rem);padding-bottom:clamp(2rem,4vw,3.5rem)}
.page-head h1{max-width:12ch}.page-head>p{max-width:52rem;font-size:1.12rem;line-height:1.8;color:#61706b}
.story img,.gallery .main,.buy-box,.custom-cta form,.success{border-radius:20px;box-shadow:var(--shadow-md)}
.story img{border:1px solid rgba(17,55,44,.10)}
.process-section{background:linear-gradient(180deg,#edf4f0,#f7faf8)}
.process-grid>div{background:#fff;border:1px solid rgba(17,55,44,.1);box-shadow:var(--shadow-sm);border-radius:18px;padding:1.5rem;transition:.4s var(--ease)}
.process-grid>div:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.process-grid>div>span{color:#98753c}
.shipping-panel{background:linear-gradient(135deg,#fff,#f1f6f3)}
.custom-cta form{background:#fff;border:1px solid rgba(17,55,44,.12);padding:clamp(1.4rem,3vw,2rem);box-shadow:0 26px 65px rgba(8,36,29,.12)}
.field input,.field select,.field textarea,.search,.select{border-radius:12px;background:#fff;border:1px solid rgba(17,55,44,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .25s,box-shadow .25s,background .25s}
.field input:focus,.field select:focus,.field textarea:focus,.search:focus-within,.select:focus{border-color:rgba(197,164,92,.8);box-shadow:0 0 0 4px rgba(197,164,92,.12)}
.cap-list>div{border-color:rgba(17,55,44,.12)}.cap-list>div>span{color:#9c7a3f}.materials-note{background:linear-gradient(135deg,#edf4f0,#f8faf9);border:1px solid rgba(17,55,44,.10);border-radius:14px}

/* Shop / filters */
.filters{background:linear-gradient(180deg,#f8faf9,#eef4f1);border:1px solid rgba(17,55,44,.10);border-radius:16px;padding:1rem;box-shadow:0 10px 26px rgba(8,36,29,.06)}
.filter-list button{border-radius:9px;transition:.25s var(--ease)}
.filter-list button[aria-pressed="true"]{background:linear-gradient(135deg,var(--pine),var(--evergreen));box-shadow:0 8px 18px rgba(8,36,29,.16)}
.chips button[aria-pressed="true"]{background:var(--pine);color:white;border-color:var(--pine)}

/* Product detail */
.product-layout{gap:clamp(2rem,5vw,5rem)}
.gallery .main{overflow:hidden;background:#edf3ef;border:1px solid rgba(17,55,44,.10);box-shadow:0 28px 62px rgba(8,36,29,.13)}
.gallery .main img,.gallery .main video{transition:transform .8s var(--ease)}.gallery .main:hover img{transform:scale(1.018)}
.thumbs button{border-radius:12px;overflow:hidden;transition:.3s var(--ease)}.thumbs button:hover{transform:translateY(-3px)}
.buy-box{background:linear-gradient(180deg,#fff,#f7faf8);border:1px solid rgba(17,55,44,.11);padding:clamp(1.4rem,3vw,2rem);box-shadow:0 26px 60px rgba(8,36,29,.11)}
.buy-box h1{font-size:clamp(2.35rem,4vw,4rem)}
.buy-box .price{color:var(--pine);font-size:1.6rem;font-weight:700}
.made-note{background:linear-gradient(135deg,#edf5f1,#fff);border:1px solid rgba(17,55,44,.10);border-left:3px solid var(--gold);border-radius:12px}
.qty{border-radius:999px;overflow:hidden;border:1px solid rgba(17,55,44,.15);background:white}

/* Cart drawer */
.drawer{background:linear-gradient(180deg,#fff,#f4f8f6);box-shadow:-30px 0 80px rgba(4,24,19,.24)}
.drawer header{background:var(--pine-deep);color:white}.drawer header h3{color:white}
.drawer footer{background:#fff;border-top:1px solid rgba(17,55,44,.11)}
.cart-item img{border-radius:12px;box-shadow:0 8px 20px rgba(8,36,29,.08)}
.pay-methods span{background:#eef3f0;border-color:rgba(17,55,44,.1)}

/* Footer */
.site-footer{background:linear-gradient(135deg,#08251e,#10372b 70%,#163f33);color:#dae6e1;border-top:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-220px;top:-220px;border:1px solid rgba(197,164,92,.20);box-shadow:0 0 0 55px rgba(197,164,92,.035),0 0 0 110px rgba(255,255,255,.018)}
.site-footer .brand{color:#fff}.site-footer h4{color:#e5cb88}.site-footer a:hover{color:#fff}.site-footer .fine{border-color:rgba(255,255,255,.12);color:#91a69d}
.site-footer .brand-mark{filter:drop-shadow(0 7px 12px rgba(0,0,0,.25));background:rgba(255,255,255,.9);border-radius:50%;padding:2px}

/* Smooth reveal motion */
.reveal-item{opacity:0;transform:translateY(24px) scale(.992);filter:blur(2px);transition:opacity .82s var(--ease) var(--reveal-delay,0ms),transform .82s var(--ease) var(--reveal-delay,0ms),filter .82s var(--ease) var(--reveal-delay,0ms)}
.reveal-item.is-visible{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){.reveal-item{opacity:1!important;transform:none!important;filter:none!important}.logo-stage,.material-tag,.showcase-orbit,.laser-trace span{animation:none!important}}

/* Responsive */
@media(max-width:1000px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.precision-hero{min-height:auto}.material-tag{display:none}}
@media(max-width:820px){
  .site-header .wrap{height:72px}.brand-mark{width:42px;height:42px}.nav{top:72px;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(8,36,29,.12)}
  .hero .wrap{grid-template-columns:1fr}.hero-copy{text-align:left}.hero-art{max-width:520px;width:100%;margin-top:1rem}.brand-showcase{width:min(100%,500px)}
  .capability-strip .wrap{gap:.75rem 1rem;padding-block:.8rem}.capability-strip i:nth-of-type(n+4),.capability-strip i:nth-of-type(n+4)+span{display:none}
}
@media(max-width:580px){
  h1{font-size:clamp(2.8rem,14vw,4.5rem)}.precision-hero{padding-top:3.3rem}.hero-proof{gap:1rem}.hero-proof span{width:calc(50% - .5rem)}
  .cat-grid{grid-template-columns:1fr}.cat-tile{aspect-ratio:1.25}.section{padding:3.8rem 0}.section-head{margin-bottom:1.7rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.product-card .body{padding:.85rem}.product-card .name{font-size:1.05rem}
  .brand span:last-child{font-size:.9rem}.brand-mark{width:38px;height:38px}.cart-btn span:not(.count){display:none}.cart-btn{padding:.55rem .72rem}
  .showcase-caption{display:none}.logo-stage{width:82%;height:82%}
}
.precision-hero .hero-art::before{display:none!important}

/* =========================================================
   READABILITY + POLISH PASS — Sept 2026
   Explicit contrast rules for interactive elements and copy.
   ========================================================= */

/* Keep body copy comfortably readable on every light surface. */
body{color:#243c34}
p,.desc,.story p,.page-head>p{color:#4f625b}
.muted{color:#5e706a!important}
small,.result-count,.crumbs{color:#64756f}
a{color:inherit}

/* Buttons: explicit text colors so older context-specific rules cannot
   accidentally create same-color text/background combinations. */
a.btn,button.btn,input.btn{color:#102b23!important;text-decoration:none}
.btn:hover,.btn:focus-visible{color:#102b23!important}
.btn.ghost{background:#ffffff!important;color:#123b30!important;border-color:rgba(18,59,48,.32)!important}
.btn.ghost:hover,.btn.ghost:focus-visible{background:#123b30!important;color:#ffffff!important;border-color:#123b30!important}
.btn.light{background:#ffffff!important;color:#123b30!important;border-color:rgba(255,255,255,.9)!important}
.btn.light:hover,.btn.light:focus-visible{background:#f4f7f5!important;color:#0d3027!important;border-color:#ffffff!important}
.btn.danger{background:#fff!important;color:#8b2e25!important;border-color:#b85b50!important}
.btn.danger:hover,.btn.danger:focus-visible{background:#8b2e25!important;color:#fff!important;border-color:#8b2e25!important}
.btn[disabled]{color:#465650!important;opacity:.62}

/* Home hero: older redesign CSS had a more-specific white-text rule here.
   Pin the secondary CTA to a readable premium white button. */
.precision-hero .hero-actions .btn{color:#102b23!important}
.precision-hero .hero-actions .btn.ghost{
  background:rgba(255,255,255,.96)!important;
  color:#123b30!important;
  border-color:rgba(18,59,48,.24)!important;
  box-shadow:0 12px 28px rgba(8,36,29,.10),inset 0 1px 0 rgba(255,255,255,.9)!important
}
.precision-hero .hero-actions .btn.ghost:hover,
.precision-hero .hero-actions .btn.ghost:focus-visible{
  background:#123b30!important;color:#fff!important;border-color:#123b30!important;
  box-shadow:0 18px 36px rgba(8,36,29,.22)!important
}

/* Dark-surface exceptions. */
.drawer>header .btn.ghost{
  background:rgba(255,255,255,.10)!important;color:#fff!important;
  border-color:rgba(255,255,255,.42)!important
}
.drawer>header .btn.ghost:hover,.drawer>header .btn.ghost:focus-visible{
  background:#fff!important;color:#0f3027!important;border-color:#fff!important
}
.studio-feature .text-link{color:#fff!important}
.custom-banner .btn.light{background:#fff!important;color:#123b30!important}
.custom-banner .btn.light:hover,.custom-banner .btn.light:focus-visible{background:#123b30!important;color:#fff!important;border-color:#123b30!important}

/* Forms and search controls. */
.field label{color:#354a43;font-weight:650}
.field input,.field select,.field textarea,.search input,.select{color:#1f3730!important}
.field input::placeholder,.field textarea::placeholder,.search input::placeholder{color:#74837e;opacity:1}
.field select option{color:#1f3730;background:#fff}
.custom-cta form label{color:#365048!important}
.custom-cta form .form-note{color:#60716b!important}

/* Navigation / shop controls. */
.nav a{color:#26463c!important}
.filter-list button{color:#354a43}
.filter-list button small{color:#667871}
.filter-list button[aria-pressed="true"],.filter-list button[aria-pressed="true"] small{color:#fff!important}
.chips button{color:#354a43;background:#fff;border-color:rgba(17,55,44,.18)}
.chips button[aria-pressed="true"]{color:#fff!important}
.cart-btn{color:#173e32!important}
.cart-btn:hover{color:#173e32!important}

/* Product, cart, and informational copy. */
.product-card .name{color:#12382e!important}
.product-card .price{color:#1f4b3e!important}
.product-card .cat{color:#775d2f!important}
.buy-box .desc,.made-note,.spec dd{color:#465a53!important}
.cart-item .n{color:#17392f}
.cart-item .o{color:#64756f}
.drawer footer,.drawer .items{color:#263e36}
.pay-methods span{color:#3f534c!important}
.success p{color:#4f625b}

/* Footer links should remain visibly distinct on evergreen. */
.site-footer p,.site-footer li,.site-footer a{color:#d5e2dd}
.site-footer a:hover,.site-footer a:focus-visible{color:#fff}
.site-footer .fine{color:#a9bcb4!important}

/* Keyboard clarity and non-color-only affordance. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(213,184,110,.72);outline-offset:3px
}
.text-link:hover{text-decoration:none}

/* Admin/workshop clarity. */
body:has(.wk),.wk,.modal{color:#243c34}
.wk .muted,.modal .muted{color:#5d6e68!important}
.wk .btn.ghost,.modal .btn.ghost{background:#fff!important;color:#173c31!important;border-color:#8fa29b!important}
.wk .btn.ghost:hover,.modal .btn.ghost:hover{background:#173c31!important;color:#fff!important;border-color:#173c31!important}
.wk .btn.danger,.modal .btn.danger{background:#fff!important;color:#8b2e25!important;border-color:#b85b50!important}
.wk .btn.danger:hover,.modal .btn.danger:hover{background:#8b2e25!important;color:#fff!important}
.wk input,.wk select,.wk textarea,.modal input,.modal select,.modal textarea{color:#20382f!important}
.wk input::placeholder,.wk textarea::placeholder,.modal input::placeholder,.modal textarea::placeholder{color:#75847f;opacity:1}
.table td{color:#30473f}
.table th{color:#4b5f58!important}

/* Maintain premium motion, but avoid making text itself blur/fade too far. */
.reveal-item{filter:none;transform:translateY(18px)}

@media(max-width:580px){
  .btn{padding:.82rem 1.18rem;min-height:46px}
  .hero-actions .btn{width:100%;justify-content:center}
}

/* =========================================================
   MOBILE COMPACT HEADER — Sept 2026
   Preserve desktop nav; reclaim vertical space on phones/tablets.
   ========================================================= */
@media (max-width: 820px){
  .band{display:none!important}
  .site-header{
    transition:background .28s var(--ease),box-shadow .28s var(--ease),transform .28s var(--ease)
  }
  .site-header .wrap{
    height:60px!important;
    min-height:60px!important;
    width:calc(100% - 24px)!important;
    gap:.65rem!important
  }
  .brand{gap:.55rem!important;min-width:0}
  .brand-mark{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px;
    transition:width .28s var(--ease),height .28s var(--ease),transform .28s var(--ease)
  }
  .brand>span:last-child{
    font-size:.82rem!important;
    letter-spacing:.035em!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:150px
  }
  .cart-btn{
    min-width:42px;
    min-height:42px;
    padding:.52rem .68rem!important;
    display:inline-flex;
    align-items:center;
    justify-content:center
  }
  .menu-btn{
    width:42px;
    height:42px;
    min-width:42px;
    display:grid;
    place-items:center
  }
  .nav{
    top:60px!important;
    max-height:calc(100dvh - 60px);
    overflow:auto
  }
  .site-header.is-collapsed .wrap{
    height:52px!important;
    min-height:52px!important
  }
  .site-header.is-collapsed .brand-mark{
    width:34px!important;
    height:34px!important;
    flex-basis:34px
  }
  .site-header.is-collapsed .cart-btn,
  .site-header.is-collapsed .menu-btn{
    min-height:38px;
    height:38px;
    min-width:38px;
    width:38px
  }
  .site-header.is-collapsed .nav{top:52px!important;max-height:calc(100dvh - 52px)}
}
@media (max-width: 620px){
  .brand>span:last-child{display:none!important}
  .site-header .wrap{width:calc(100% - 20px)!important}
}

/* =========================================================
   MOBILE NAV VISIBILITY FIX — Sept 2026
   Keep navigation fully collapsed until the menu button is used.
   ========================================================= */
@media (max-width: 820px){
  .site-header{overflow:visible}
  .site-header .nav{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:auto!important;
    right:12px!important;
    width:min(260px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 80px)!important;
    overflow:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.3rem!important;
    padding:.65rem!important;
    background:rgba(255,255,255,.985)!important;
    border:1px solid rgba(8,36,29,.12)!important;
    border-radius:18px!important;
    box-shadow:0 20px 55px rgba(8,36,29,.18),0 4px 14px rgba(8,36,29,.08)!important;
    backdrop-filter:blur(20px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
    z-index:1200!important;
  }
  .site-header .nav.open{display:flex!important}
  .site-header .nav a{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    width:100%!important;
    padding:.72rem .9rem!important;
    border-radius:12px!important;
    color:#173b31!important;
    font-size:.84rem!important;
    font-weight:700!important;
    letter-spacing:.035em!important;
    text-transform:none!important;
    border:0!important;
  }
  .site-header .nav a::after{display:none!important}
  .site-header .nav a:hover,
  .site-header .nav a[aria-current="page"]{
    color:#0b2f27!important;
    background:linear-gradient(135deg,rgba(201,164,91,.13),rgba(120,79,45,.08))!important;
  }
  .site-header.is-collapsed .nav{
    top:calc(100% + 8px)!important;
    max-height:calc(100dvh - 72px)!important;
  }
}

/* ═══════════════════════════════════════════════════════════
   v2: compact home hero + promo banner, checkout, admin order detail
   ═══════════════════════════════════════════════════════════ */
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
.home-hero.precision-hero{padding:clamp(2.2rem,5vw,4rem) 0 clamp(2.2rem,5vw,4rem);min-height:auto}
.home-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.home-hero .hero-copy h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin-bottom:.8rem}
.home-hero .hero-copy .lede{margin-bottom:1.4rem;max-width:32rem}
@media (max-width:900px){.home-hero .wrap{grid-template-columns:1fr}}

/* Promo banner — crossfade between slides */
.promo{position:relative;width:100%;aspect-ratio:5/3.6;border-radius:12px;overflow:hidden;background:#242422;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.promo-track{position:absolute;inset:0}
.promo-slide{position:absolute;inset:0;display:flex;align-items:flex-end;color:#f4f0e8;opacity:0;transform:scale(1.02);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);pointer-events:none}
.promo-slide.active{opacity:1;transform:none;pointer-events:auto}
.promo-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promo-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,19,.92) 0%,rgba(20,20,19,.55) 45%,rgba(20,20,19,.05) 100%)}
.promo-body{position:relative;z-index:1;padding:1.5rem 1.6rem 3.4rem;display:flex;flex-direction:column;gap:.35rem;max-width:34rem}
.promo-badge{align-self:flex-start;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:.28rem .7rem;border-radius:999px;background:#f4f0e8;color:#171716}
.promo-slide.sale .promo-badge{background:#c8794e;color:#fff}
.promo-body strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.15;letter-spacing:-.01em}
.promo-sub{font-size:.95rem;color:rgba(244,240,232,.82)}
.promo-cta{margin-top:.35rem;font-size:.85rem;font-weight:600;color:#e6b995}
.promo-slide:hover .promo-cta{text-decoration:underline}
.promo-nav{position:absolute;left:0;right:0;bottom:.9rem;z-index:2;display:flex;justify-content:center;align-items:center;gap:.6rem}
.promo-arrow{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(20,20,19,.5);color:#f4f0e8;font-size:1.2rem;line-height:1;display:grid;place-items:center;transition:background .2s}
.promo-arrow:hover{background:#f4f0e8;color:#171716}
.promo-dots{display:flex;gap:.4rem}
.promo-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(244,240,232,.4);padding:0;transition:background .2s,transform .2s var(--ease-out)}
.promo-dots button[aria-current="true"]{background:#f4f0e8;transform:scale(1.25)}
@media (prefers-reduced-motion:reduce){.promo-slide{transition:none}}
@media (max-width:600px){.promo{aspect-ratio:4/3.4}.promo-body{padding:1.1rem 1.1rem 3rem}}
.cat-no{display:none}

/* Checkout */
.checkout-page{padding-bottom:4rem}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.co-step{background:var(--white,#fffdf9);border:1px solid var(--line);border-radius:10px;padding:1.4rem 1.5rem;margin-bottom:1.2rem}
.co-step[hidden]{display:none}
.co-title{display:flex;align-items:center;gap:.7rem;font-size:1.3rem;margin-bottom:1rem}
.co-num{width:28px;height:28px;border-radius:50%;background:var(--ink,#171716);color:#fff;font-family:var(--font-body);font-size:.85rem;font-weight:600;display:grid;place-items:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.grid3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0 1rem}
@media (max-width:640px){.grid2,.grid3{grid-template-columns:1fr}}
.rate-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}
.rate{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:.9rem 1rem;border:1.5px solid var(--line);border-radius:8px;cursor:pointer;background:var(--white,#fffdf9);transition:border-color .2s}
.rate:has(input:checked){border-color:var(--ink,#171716);background:#f4f0e8}
.rate input{accent-color:#171716;width:18px;height:18px;margin:0}
.rate span{display:flex;flex-direction:column}
.rate small{color:var(--muted-ink,#5a5750);font-size:.82rem}
.rate-price{font-weight:600;font-size:1.05rem}
.co-summary{position:sticky;top:96px;background:var(--birch-2,#eae2d3);border-radius:10px;padding:1.4rem 1.5rem}
.co-summary h3{margin-bottom:1rem}
.co-item{display:grid;grid-template-columns:56px 1fr auto;gap:.8rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.93rem}
.co-item img{width:56px;height:56px;object-fit:cover;border-radius:6px;background:#fff}
.co-summary .totals{margin-top:.5rem}
.co-summary .totals.big{border-top:1px solid var(--line);padding-top:.7rem;margin-top:.8rem}
@media (max-width:820px){.checkout-layout{grid-template-columns:1fr}.co-summary{position:static;order:-1}}

/* ── Readability pass (keep last) ────────────────────────── */
:root{--muted-ink:#5a5750;--copper:#a85d38}
.hero.precision-hero .lede{color:rgba(246,241,232,.84)}
.custom-banner{background:var(--copper)}.custom-banner .section-kicker,.custom-banner p{color:#fff}
/* custom-request form sits on a white card: dark text */
.custom-cta form,.custom-cta form h3,.custom-cta form label,.custom-cta form p,.custom-cta form span,.custom-cta form .form-note,.custom-cta form .form-head p{color:var(--ink,#171716)}
.custom-cta form .form-note,.custom-cta form .form-head p,.custom-cta form label span{color:var(--muted-ink)}
.custom-cta .section-kicker,.section-kicker{color:#9a5230}
/* cart drawer header is dark */
.product-card .cat{color:var(--muted-ink);font-size:.74rem}
.text-link span,.section-head a:not(.btn) span{color:#8f4d2d}
.promo-slide.sale .promo-badge{background:var(--copper);color:#fff}
.promo-badge{font-size:.72rem}
.muted,p.muted,a.muted,.section-head p,.form-note,.result-count,.crumbs,.crumbs a{color:var(--muted-ink)}
.section.pine .muted,.hero.precision-hero .muted{color:rgba(246,241,232,.8)}
.band{display:block;white-space:normal;font-size:.76rem;line-height:1.5}
.band b{display:inline;margin:0 .3em}
.custom-cta form .section-kicker,.custom-cta .form-head .section-kicker,.custom-cta span.section-kicker{color:#9a5230}
/* Home hero is light in this theme — dark text, dark buttons */
.home-hero.precision-hero{color:#171716;background-color:transparent}
.home-hero.precision-hero h1,.home-hero .hero-copy h1{color:#10281f}
.home-hero.precision-hero h1 em{color:#164738}
.home-hero.precision-hero .eyebrow{color:#9a5230}
.home-hero.precision-hero .lede,.home-hero.precision-hero p.lede{color:var(--muted-ink)}
.custom-cta form .btn,.custom-cta form button.btn{background:#f4f0e8!important;color:#102b23!important;border-color:#f4f0e8!important}
.custom-cta form .btn:hover{background:#123b30!important;color:#fff!important;border-color:#123b30!important}
/* Compact hero: no forced viewport height, content starts right under the header */
.home-hero.precision-hero{padding:clamp(1.6rem,4vw,3rem) 0 clamp(2rem,4vw,3.2rem)!important;min-height:0!important}
.home-hero.precision-hero .wrap{min-height:0!important;padding-top:0!important;padding-bottom:0!important}
@media (max-width:900px){.home-hero.precision-hero .wrap{gap:1.4rem}}
/* ── Page-head artwork: images behind the heading, text on top with a soft light halo ── */
.page-head.has-art{position:relative;isolation:isolate}
.page-head.has-art .head-copy{position:relative;z-index:2;max-width:none}
.page-head.has-art .head-copy h1,.page-head.has-art .head-copy p,.page-head.has-art .head-copy .section-kicker{
  text-shadow:0 0 6px rgba(255,255,255,.95),0 0 14px rgba(255,255,255,.9),0 0 28px rgba(255,255,255,.8),0 1px 2px rgba(255,255,255,.9)}
.page-head.has-art .head-copy p{color:#243c34}
.head-art{position:absolute;z-index:1;top:8%;bottom:8%;right:0;width:52%;display:grid;gap:10px;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 22%,#000 48%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 22%,#000 48%)}
.head-art.ready{opacity:1}
.head-art[data-count="1"]{grid-template-columns:1fr}
.head-art[data-count="2"]{grid-template-columns:1fr 1fr}
.head-art[data-count="3"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.head-art[data-count="3"] .t1{grid-row:1/3}
.head-art[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.art-tile{position:relative;display:block;border-radius:8px;overflow:hidden;background:#222;pointer-events:none}
.art-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}
.head-art[data-count="4"] .t1,.head-art[data-count="4"] .t3{transform:translateY(14px)}
@media (max-width:820px){
  .head-art{width:100%;top:0;bottom:0;opacity:.35!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 70%,transparent 100%)}
  .head-art .art-tile{pointer-events:none}
}
.page-head.studio-head,.page-head.custom-head,.page-head.shop-head{padding-top:clamp(2rem,4vw,3.2rem)}
.page-head.has-art .head-copy h1{max-width:none}.page-head.has-art .head-copy p{max-width:62ch}
/* Form fields: always light box, dark text */
.field input,.field select,.field textarea,#custom-form input,#custom-form select,#custom-form textarea,#addr-form input,#addr-form select{background:#fffdf9!important;color:#171716!important;border:1px solid #d9cfbc!important;caret-color:#171716}
.field input:focus,.field select:focus,.field textarea:focus,#custom-form input:focus,#custom-form textarea:focus,#custom-form select:focus{border-color:#b8894a!important;outline:none}
.field input::placeholder,.field textarea::placeholder,#custom-form input::placeholder,#custom-form textarea::placeholder{color:#8a847a}
#custom-form input[type=file]{padding:.5rem}