/* NorthCrest Shop: Honey & Lacquer theme for sculptural side tables */
:root{
  --forest:#6b2f0c;--forest-2:#8a3f12;--moss:#b5591b;--charcoal:#2b1407;--ink:#3d2414;
  --warm:#fbf3e6;--paper:#f4e5cc;--beige:#f2b45c;--sand:#dcc29c;--line:#e8d6b8;--gray:#efe1c8;--mute:#7a5a42;
  --rust:#a8321a;--nc-signal:#d98a2b;--honey:#e39a3b;--lacquer:#7a3a12;
  --shadow:0 1px 2px rgba(60,28,8,.08),0 14px 34px -14px rgba(107,47,12,.35);
}
body{background:var(--warm)}
.announce{background:var(--lacquer);color:#fbe3bd;border-bottom:0}
.header{background:rgba(251,243,230,.95)}
.logo b em{color:var(--moss)}
.badge{background:var(--moss)}
.search input:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(181,89,27,.18)}
.nav a.on,.nav a:hover{color:var(--forest)}
.st-btn{--bg:var(--lacquer);--fg:#fff8ec}.st-btn:hover{--bg:var(--forest-2)}
.btn-light{--fg:var(--lacquer)}
.dark{background:var(--charcoal)}
.nl-form input{border-color:var(--sand);background:#fffaf1;color:var(--ink)}
.footer .nl-form input{background:#3d1f0c;border-color:#6b3d1d;color:#fbf3e6}
.footer-base{border-top-color:#4a2812}
.cmp-tray{background:var(--charcoal)}
.auth-art{background:linear-gradient(0deg,rgba(43,20,7,.88),rgba(107,47,12,.3)),url("../images/side-tables/magnolia-grace.jpg") center/cover}
.page-head{background:linear-gradient(180deg,var(--paper),var(--warm))}
.card{background:#fffaf1}
.card-media{background:radial-gradient(circle at 50% 40%,#fff6e6,var(--paper))}

/* hero */
.st-hero{background:radial-gradient(ellipse at 80% 20%,#f6cf94 0,transparent 55%),linear-gradient(180deg,var(--paper),var(--warm));border-bottom:1px solid var(--line);overflow:hidden}
.st-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;padding-top:clamp(36px,6vw,72px);padding-bottom:clamp(36px,6vw,72px)}
.st-hero h1{font-weight:400;font-size:clamp(2.5rem,5.4vw,4.6rem)}
.st-hero h1 em{color:var(--moss);font-style:italic}
.st-hero-copy>p{font-size:1.12rem;max-width:540px;color:var(--ink)}
.st-hero-facts{display:flex;gap:0;margin:36px 0 0;border-top:1px solid var(--sand)}
.st-hero-facts div{padding:14px 28px 0 0;margin-right:28px;border-right:1px solid var(--line)}
.st-hero-facts div:last-child{border:0}
.st-hero-facts dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.st-hero-facts dd{margin:0;font-family:var(--display);font-size:2.2rem;color:var(--lacquer)}
.st-hero-facts small{font-family:var(--mono);font-size:.75rem;margin-left:3px;color:var(--mute)}
.st-hero-art{margin:0;position:relative;border-radius:240px 240px 18px 18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(107,47,12,.6);aspect-ratio:819/1024;max-height:680px;justify-self:center}
.st-hero-art img{width:100%;height:100%;object-fit:cover}
.st-hero-art figcaption{position:absolute;left:16px;bottom:16px;background:rgba(43,20,7,.78);color:#fbe3bd;font-family:var(--display);font-size:1rem;padding:8px 14px;border-radius:999px}
.st-hero-art figcaption span{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;margin-right:6px;opacity:.75}

/* designs */
.st-designs{padding:clamp(56px,8vw,104px) 0}
.st-design-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.st-design{display:flex;flex-direction:column;gap:20px;min-width:0}
.st-design figure{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow);background:var(--paper);width:100%}
.st-design img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.st-design:hover img{transform:scale(1.03)}
.st-num{display:none}
.st-design h3{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:400;margin-top:0}
.st-line{font-family:var(--mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--moss)}
.st-design-copy p:last-child{max-width:460px;font-size:1.05rem;color:var(--mute)}

/* collection */
.st-collection{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.st-dept{padding:clamp(56px,8vw,96px) 0}
.st-empty{background:#fffaf1;border:1px dashed var(--sand);border-radius:12px;padding:40px 24px;text-align:center;color:var(--mute)}

/* measure */
.st-measure{background:var(--lacquer);color:#f6e2c4;padding:clamp(56px,8vw,104px) 0}
.st-measure h2{color:#fff4e2}.st-measure .eyebrow{color:var(--beige)}
.st-measure .st-btn{--bg:var(--beige);--fg:var(--charcoal);margin-top:12px}
.st-measure-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.st-diagram{margin:0}
.st-diagram svg{width:100%;max-width:420px;display:block;margin:auto}
.dg-wood{fill:var(--honey)}
.dg-line{stroke:var(--beige);stroke-width:3;fill:none;stroke-linecap:round}
.dg-dim{stroke:#f6e2c4;stroke-width:1;fill:none;opacity:.7}
.st-diagram text{fill:#fbe3bd;font:500 11px var(--mono);text-anchor:middle;letter-spacing:.06em}
.st-diagram .dg-s{text-anchor:start;font-size:9px}

.st-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px}
.faq summary::after{color:var(--moss)}

@media (max-width:860px){
  .st-hero-grid,.st-measure-grid{grid-template-columns:1fr}
  .st-design-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-hero-art{max-width:420px;width:100%}
  .st-hero-facts div{padding-right:16px;margin-right:16px}
}
@media (max-width:520px){
  .st-design-list{grid-template-columns:1fr}
  .st-design{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start}
  .st-design h3{font-size:1.35rem}
  .st-design-copy p:last-child{font-size:.9rem}
  .st-line{font-size:.65rem}
  .st-faq-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.st-design img{transition:none}.st-design:hover img{transform:none}}