Headshop

About

#cbdnol-headshop{ --espresso:#2c2422;--mauve:#6d4f52;--rose:#a9736b;--cream:#f6f1ea; --paper:#fffdf9;--ink:#2b2422;--muted:#8a7d76;--line:#e7ded2; --serif:"Cormorant Garamond","Playfair Display",Georgia,serif; color:var(--ink);font-family:var(--serif); max-width:1120px;margin:0 auto;padding:0 16px 8px;line-height:1.6; } #cbdnol-headshop *{box-sizing:border-box;} #cbdnol-headshop p{font-size:1.14rem;margin:0 0 1rem;} #cbdnol-headshop a{color:var(--rose);text-decoration:none;border-bottom:1px solid rgba(169,115,107,.4);transition:color .2s,border-color .2s;} #cbdnol-headshop a:hover{color:var(--mauve);border-color:var(--mauve);} /* HERO */ #cbdnol-headshop .hero{ background:linear-gradient(135deg,var(--espresso) 0%,var(--mauve) 100%); color:#f7f1ea;border-radius:22px;padding:26px 28px 30px;text-align:center;position:relative;overflow:hidden; } #cbdnol-headshop .eyebrow{ display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600; color:#f0e4dc;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22); padding:6px 14px;border-radius:999px;margin-bottom:16px; } #cbdnol-headshop .hero h2{ font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1.08;margin:0 auto 12px;max-width:20ch;font-weight:600;color:#fff; } #cbdnol-headshop .hero h2 em{font-style:italic;color:#e7b8ac;} #cbdnol-headshop .hero .sub{ font-size:1.16rem;color:#efe3db;max-width:60ch;margin:0 auto; } /* OVERLAP IMAGE */ #cbdnol-headshop .shot{ margin:-24px auto 0;max-width:760px;position:relative;z-index:2; } #cbdnol-headshop .shot img{ width:100%;height:auto;display:block;border-radius:18px; box-shadow:0 18px 40px rgba(44,36,34,.28);border:5px solid var(--paper); } #cbdnol-headshop .caption{ text-align:center;font-style:italic;color:var(--muted);font-size:1.02rem;margin:12px auto 0;max-width:52ch; } /* STAT BAR */ #cbdnol-headshop .stats{ display:flex;flex-wrap:wrap;justify-content:cent