.about-page{margin:0;min-height:100vh;background:#050505;color:#eee9df;font-family:Arial,Helvetica,sans-serif}
.about-shell{position:relative;min-height:100vh;overflow-x:hidden;padding-top:86px;box-sizing:border-box}
.about-shell:before,.about-shell:after{content:"";position:fixed;top:56px;bottom:0;width:34vw;min-width:480px;z-index:0;pointer-events:none;opacity:.9;filter:saturate(1.55) contrast(1.25) brightness(1.08);background:url("../images/home/gold-splatter-smokefree-v11.png") left center/auto 108% no-repeat}
.about-shell:before{left:-4vw}.about-shell:after{right:-4vw;transform:scaleX(-1)}
.about-page .top-nav{z-index:50}.about-page .products-menu{position:relative}
.about-page .products-dropdown{display:none;position:absolute;top:42px;left:50%;transform:translateX(-50%);min-width:185px;padding:8px;background:#080808;border:1px solid #8f6818;box-shadow:0 16px 35px #000}
.about-page .products-menu.open .products-dropdown{display:block}
.about-page .products-dropdown a{display:block;padding:12px 14px;color:#eee;text-decoration:none;white-space:nowrap}
.about-page .cart{background:rgba(0,0,0,.28)!important;border:1px solid #d6a12b!important;box-shadow:none!important}
.about-page .cart svg{fill:none!important;stroke:#d6a12b!important}.about-page .cart-count{background:#d6a12b!important;color:#080808!important}
.about-content{position:relative;z-index:2;width:min(1080px,calc(100% - 92px));margin:0 auto;padding:18px 0 78px}
.about-header{text-align:center;margin-bottom:34px}
.about-header h1{margin:0;color:#dda72c;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(66px,7vw,104px);font-style:italic;letter-spacing:-.045em;line-height:.9;text-shadow:0 4px 0 #916414,0 9px 18px #000}
.gold-rule{width:105px;height:3px;margin:20px auto 14px;background:#d7a324}
.about-header p{margin:0;color:#c2bdb4;font-size:14px}
.about-hero-card{display:grid;grid-template-columns:1.55fr .65fr;min-height:290px;border:1px solid rgba(216,155,0,.62);background:linear-gradient(110deg,rgba(14,14,12,.98),rgba(5,5,5,.98));overflow:hidden}
.hero-copy{padding:38px 42px}.eyebrow{display:block;color:#806126;font-size:9px;font-weight:900;letter-spacing:.2em;margin-bottom:9px}
.hero-copy h2,.about-band h2,.about-cta h2{margin:0 0 18px;color:#dda72c;font-size:25px;letter-spacing:.035em}
.hero-copy p{max-width:690px;margin:0 0 13px;color:#aaa59d;font-size:13px;line-height:1.72}
.hero-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid rgba(216,155,0,.2);background:radial-gradient(circle,rgba(216,155,0,.1),transparent 60%)}
.hero-mark .bh{display:grid;place-items:center;width:122px;height:122px;border:2px solid #b98620;border-radius:50%;color:#dda72c;font:italic 900 43px Impact,"Arial Black",sans-serif;box-shadow:0 0 32px rgba(216,155,0,.12)}
.hero-mark span{margin-top:13px;color:#7f6024;font-size:9px;font-weight:900;letter-spacing:.24em}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.values-grid article{min-height:185px;padding:25px;border:1px solid rgba(216,155,0,.47);background:rgba(7,7,7,.96)}
.number{color:#66501f;font-size:26px;font-weight:900;margin-bottom:23px}
.values-grid h3,.research-notice h3{margin:0 0 11px;color:#dda72c;font-size:14px;letter-spacing:.05em}
.values-grid p,.research-notice p,.about-band p{margin:0;color:#a8a39b;font-size:12px;line-height:1.65}
.about-band{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:center;margin-top:14px;padding:28px 32px;border:1px solid rgba(216,155,0,.42);background:#080808}
.about-band h2{margin-bottom:0;font-size:19px}
.research-notice{display:grid;grid-template-columns:72px 1fr;gap:22px;align-items:center;margin-top:14px;padding:21px 26px;border:1px solid rgba(216,155,0,.42);background:#080808}
.notice-symbol{display:grid;place-items:center;width:56px;height:56px;border:1px solid #7c5c1c;color:#dda72c;font-size:27px}
.research-notice h3{margin-bottom:6px}
.about-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:14px;padding:23px 26px;border:1px solid rgba(216,155,0,.48);background:#080808}
.about-cta h2{margin:0;font-size:18px}.cta-actions{display:flex;gap:10px}
.cta-actions a{min-width:150px;padding:13px 17px;border:1px solid #87631a;color:#dba52c;text-align:center;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.07em}
.cta-actions .primary{background:#d6a12b;color:#050505;border-color:#d6a12b}
@media(max-width:820px){.about-hero-card{grid-template-columns:1fr}.hero-mark{padding:30px;border-left:0;border-top:1px solid rgba(216,155,0,.2)}.values-grid{grid-template-columns:1fr}.about-band{grid-template-columns:1fr;gap:10px}.about-cta{flex-direction:column;align-items:stretch}.cta-actions{flex-direction:column}.about-content{width:calc(100% - 28px)}}


/* =========================================================
   V65 — ABOUT US VISUAL CORRECTIONS
   ========================================================= */
.about-header .about-title-image{
  margin:0 auto;
  width:min(590px,55vw);
  line-height:0;
  font-size:0;
  transform:none !important;
  text-shadow:none !important;
}
.about-header .about-title-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  margin:0 auto;
  filter:drop-shadow(0 6px 0 #6f4b0e) drop-shadow(0 12px 15px rgba(0,0,0,.78));
}
.hero-mark{
  position:relative;
  overflow:hidden;
}
.hero-mark img{
  display:block;
  width:min(245px,82%);
  max-height:235px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(218,161,43,.16));
  opacity:.92;
}
.hero-mark span{
  margin-top:3px !important;
}
@media(max-width:820px){
  .about-header .about-title-image{width:min(520px,82vw);}
  .hero-mark img{width:min(220px,62vw);}
}


/* =========================================================
   V66 — FINAL ABOUT US DETAIL PASS
   ========================================================= */
.about-header .about-title-image{
  width:min(650px,59vw) !important;
}
.about-header .about-title-image img{
  filter:drop-shadow(0 5px 0 #6d490c) drop-shadow(0 11px 17px rgba(0,0,0,.82)) !important;
}
.notice-symbol{
  width:64px !important;
  height:64px !important;
  background:radial-gradient(circle,rgba(218,161,43,.08),transparent 67%);
}
.notice-symbol img{
  width:49px;
  height:49px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 0 7px rgba(218,161,43,.22));
}


/* =========================================================
   V67 — ABOUT US HEADING: APPROVED SITE LETTERING
   =========================================================
   This wordmark is assembled from the actual approved
   US BASED PRODUCTS brush artwork. No substitute font.
*/
.about-header .about-title-image{
  width:min(690px,62vw) !important;
}
.about-header .about-title-image img{
  filter:drop-shadow(0 7px 13px rgba(0,0,0,.78)) !important;
}
@media(max-width:820px){
  .about-header .about-title-image{width:min(620px,88vw) !important;}
}


/* =========================================================
   V68 — ABOUT US FINAL SINGLE-ASSET WORDMARK
   =========================================================
   Complete heading is one finished transparent graphic.
   No individual letters and no browser font approximation.
*/
.about-header .about-title-image{
  width:min(610px,58vw) !important;
  overflow:visible !important;
}
.about-header .about-title-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.72)) !important;
}
@media(max-width:820px){
  .about-header .about-title-image{width:min(570px,88vw) !important;}
}