/* Variant B — editorial commerce: charcoal + white + electric lime, condensed display type */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;800&family=Inter:wght@400;600&display=swap');
:root{--bg:#0e0f10;--ink:#f4f4f2;--lime:#d6f22b;--panel:#17181a;--muted:#9a9a94}
*{box-sizing:border-box;margin:0}
body{font-family:Inter,system-ui,sans-serif;background:#fff;color:#141414;line-height:1.55}
h1,h2,h3{font-family:Archivo,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:8px;top:8px;background:var(--lime);color:#000;padding:.5rem;z-index:99}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.site-header.hdr-b{position:sticky;top:0;background:#0e0f10;z-index:50;border-bottom:1px solid #2a2a2a}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem}
.logo-plate{display:inline-block;background:#fff;border-radius:8px;padding:.35rem .55rem}
.site-header nav{display:flex;flex-wrap:wrap;gap:.8rem;margin-left:auto;font-size:.85rem;font-weight:600}
.site-header nav a{text-decoration:none;color:#ddd;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .4rem;border-bottom:2px solid transparent}
.site-header nav a.active,.site-header nav a:hover{color:var(--lime);border-color:var(--lime)}

.btn-primary,.btn-secondary{display:inline-block;padding:.85rem 1.6rem;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.btn-primary{background:var(--lime);color:#0e0f10}
.btn-secondary{border:2px solid currentColor;background:transparent}
.small{padding:.45rem 1rem;font-size:.8rem}

.hero-b{background:var(--bg);color:var(--ink);padding:4.5rem 1rem 0}
.hero-b h1{font-size:clamp(2.6rem,9vw,7rem);font-weight:800;color:#fff;max-width:1100px;margin:0 auto}
.hero-sub{color:var(--lime);font-weight:600;font-size:clamp(1.05rem,3vw,1.6rem);max-width:1100px;margin:1rem auto 2.5rem}
.marquee{background:var(--lime);color:#0e0f10;font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden;padding:.55rem 0}
.marquee span{display:inline-block;animation:slide 28s linear infinite}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee span{animation:none}}

.sticky-cta-bar{position:sticky;bottom:0;display:none;z-index:60;background:var(--bg)}
.sticky-cta-bar a{flex:1;text-align:center;padding:1rem;color:#fff;text-decoration:none;font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;border-right:1px solid #333}
.sticky-cta-bar a:first-child{background:var(--lime);color:#000}

.tiles-b{max-width:1200px;margin:0 auto;padding:2.5rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.tile-b{background:var(--panel);color:#eee;text-decoration:none;padding:1.6rem;display:flex;flex-direction:column;min-height:180px;border-left:5px solid var(--lime)}
.tile-b.wide{margin:0 auto 1rem;max-width:900px}
.tile-b h3{font-size:1.5rem}
.tile-b p{color:var(--muted);margin:.5rem 0 1rem;font-size:.95rem}
.tile-b .go{margin-top:auto;color:var(--lime);font-size:1.4rem}
.center{text-align:center;margin-top:1.4rem}

.catalog-note{background:var(--bg);color:#eee;padding:3rem 1rem}
.catalog-note h2{color:#fff}
.catalog-note p{color:var(--muted);margin:.6rem 0 1.4rem;max-width:640px}
.thumb-row{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:0;max-width:1000px}
.thumb-row img{width:100%;height:170px;object-fit:cover;border-radius:6px}

.visit-dark{background:var(--bg);color:#eee;padding:3rem 1rem}
.visit-dark h2{color:#fff;margin-bottom:1rem}
.visit-dark table.hours-table{max-width:520px}
.policy-faq{max-width:900px;margin:0 auto;padding:3rem 1rem}
.policy-faq summary{font-family:Archivo,sans-serif;text-transform:uppercase;font-weight:700;cursor:pointer;padding:.8rem 0;border-top:2px solid #141414}
.policy-faq details{border-bottom:2px solid #141414}

.afterpay-strip{max-width:1100px;margin:1.5rem auto;padding:1.3rem;background:#fff;border:2px solid var(--lime);display:flex;gap:1.2rem;align-items:center}
.afterpay-strip p{font-weight:600}
.contact-band{background:var(--lime);color:#0e0f10;text-align:center;padding:3rem 1rem}
.contact-band a:not(.btn-primary){text-decoration:underline}
.page-head-b{background:var(--bg);color:#fff;padding:3rem 1rem}
.page-head-b p.big{font-size:1.2rem;color:var(--lime)}
.page-head-b .btn-primary,.page-head-b .btn-secondary{margin:.8rem .5rem 0 0}
.shop-list-b{max-width:900px;margin:0 auto;padding:1rem}
.care-list-b{list-style:none;counter-reset:c;max-width:900px;margin:0 auto;padding:1rem;display:grid;gap:1rem}
.care-list-b li{border-top:3px solid #141414;padding-top:.8rem;counter-increment:c}
.care-list-b li::before{content:"0" counter(c);font-family:Archivo,sans-serif;font-weight:800;color:#b5b5ad}
.ask-first-b{background:var(--bg);color:#eee;padding:2.5rem 1rem;text-align:center}
.hours-table-wrap{max-width:720px;margin:1rem auto;padding:0 1rem}

.contact-form{max-width:520px;margin:1.5rem auto;padding:0 1rem;display:grid;gap:1rem}
.contact-form label{display:grid;gap:.3rem;font-weight:600}
.contact-form input,.contact-form textarea{padding:.75rem;border:2px solid #141414;border-radius:0;font:inherit}
.dark-form input,.dark-form textarea{border-color:#444;background:var(--panel);color:#eee}
.form-note{max-width:520px;margin:.8rem auto 2rem;padding:0 1rem;font-size:.9rem;color:var(--muted)}

.footer-links{list-style:none;padding:0}
.policy-strip{background:#111;color:#bbb;text-align:center;padding:1rem;font-size:.92rem}
.site-footer.v-b{background:#0e0f10;color:#ccc;padding:2.5rem 1rem 1rem}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.site-footer h2{font-size:.95rem;color:#fff}
.site-footer a{color:var(--lime)}
.policy-lines{font-size:.85rem;color:#888}
.copyright{text-align:center;margin-top:2rem;font-size:.8rem;color:#666}
@media(max-width:760px){
  .sticky-cta-bar{display:flex}
  body{padding-bottom:3.4rem}
  .site-header nav{display:none}
}

.owners-b{max-width:1200px;margin:0 auto;padding:3rem 1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.owners-b img{width:100%;border-radius:6px}
.owners-b h2{color:#0e0f10;margin-bottom:.6rem}
@media(max-width:800px){.owners-b{grid-template-columns:1fr}}