/* ═══════════════════════════════════════════════════
   HORSEWOOD MALE — "DARK WOOD" DESIGN SYSTEM
   Every section: dark title-band + white body-section
═══════════════════════════════════════════════════ */

:root{
  --dark:      #1c1310;
  --dark2:     #241a15;
  --dark3:     #2e2019;
  --copper:    #c17a3d;
  --copper-lt: #e0a868;
  --copper-dk: #8f5a28;
  --cream:     #faf6f0;
  --ink:       #1a1310;
  --ink-dim:   #564539;
  --line:      #e8ddd0;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--cream);color:var(--ink-dim);font-family:'Barlow',sans-serif;font-size:19px;line-height:1.75;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1220px;margin:0 auto;padding:0 24px;}

h1,h2,h3,h4{font-family:'Oswald',sans-serif;line-height:1.15;font-weight:600;text-transform:uppercase;letter-spacing:.01em;}
h1,h2,h3{color:var(--ink);}
.title-band h1,.title-band h2,.title-band h3{color:#fff;}
.label{font-family:'Chivo Mono',monospace;font-size:13.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);}
p{font-size:18px;line-height:1.8;color:var(--ink-dim);}
p.lead{font-size:21px;line-height:1.65;}

/* ══════════════════════════════════════
   TITLE BAND + BODY PATTERN
   Every content section = dark title
   band followed by white body section
══════════════════════════════════════ */
.sect{margin:0;}
.title-band{background:linear-gradient(120deg, var(--dark), var(--dark2));padding:52px 0 46px;text-align:center;border-bottom:3px solid var(--copper);}
.title-band .label{color:var(--copper-lt);}
.title-band h2{font-size:32px;margin-top:12px;color:#fff;}
@media(min-width:700px){.title-band h2{font-size:44px;}}
.title-band p.tagline{color:#d8c4ae;font-family:'Barlow',sans-serif;font-size:18px;margin-top:12px;max-width:640px;margin-left:auto;margin-right:auto;text-transform:none;letter-spacing:0;}
.section-body{background:#fff;padding:64px 0;}
.section-body.tint{background:var(--cream);}

/* ══════════════════════════════════════
   HEX-ish BADGE / ICON MARK
══════════════════════════════════════ */
.mark{width:56px;height:56px;border-radius:12px;background:linear-gradient(155deg, var(--copper-lt), var(--copper) 55%, var(--copper-dk) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px rgba(143,90,40,.3);}
.mark svg{width:54%;height:54%;fill:#fff;}

/* ══════════════════════════════════════
   BUTTONS
══════════════════════════════════════ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Oswald',sans-serif;font-weight:600;font-size:17px;letter-spacing:.04em;text-transform:uppercase;padding:17px 34px;border-radius:6px;text-decoration:none;cursor:pointer;border:none;transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;}
.btn-primary{background:linear-gradient(135deg, var(--copper-lt), var(--copper-dk));color:#1a1310;box-shadow:0 10px 26px rgba(143,90,40,.35);}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06);}
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);}
.btn-outline:hover{background:#fff;color:var(--ink);}
.btn-outline-dark{background:transparent;color:var(--ink);border:1.5px solid var(--ink);}
.btn-outline-dark:hover{background:var(--ink);color:#fff;}

/* ══════════════════════════════════════
   NAV
══════════════════════════════════════ */
header.topbar{background:var(--dark);text-align:center;padding:10px 20px;border-bottom:1px solid var(--copper-dk);}
header.topbar span{font-family:'Chivo Mono',monospace;font-size:13.5px;font-weight:600;color:var(--copper-lt);letter-spacing:.05em;}
nav.mainnav{position:sticky;top:0;z-index:50;background:rgba(28,19,16,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--copper-dk);}
nav.mainnav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:80px;}
.brand{display:flex;align-items:center;gap:11px;}
.brand .mark{width:38px;height:38px;border-radius:9px;}
.brand span{font-family:'Oswald',sans-serif;font-size:21px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.02em;}
.navlinks{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.navlinks a{font-family:'Chivo Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#d8c4ae;}
.navlinks a:hover{color:var(--copper-lt);}
@media(max-width:1080px){.navlinks{display:none;}}

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.hero{position:relative;padding:56px 0 76px;overflow:hidden;background:radial-gradient(ellipse 800px 500px at 80% 10%, rgba(193,122,61,.16), transparent 65%), var(--dark);}
.hero .wrap{position:relative;z-index:1;text-align:center;margin:0 auto;}
h1.hero-title{font-size:36px;color:#fff;margin:18px 0 22px;}
h1.hero-title em{color:var(--copper-lt);font-style:normal;}
@media(min-width:700px){h1.hero-title{font-size:52px;}}
.hero-sub{margin:0 auto 28px;max-width:600px;color:#d8c4ae;text-transform:none;letter-spacing:0;}
.hero-rating{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;}
.hero-rating .stars{color:var(--copper-lt);font-size:18px;letter-spacing:2px;}
.hero-rating span{font-size:16px;color:#d8c4ae;font-weight:600;}
.hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:28px;}
.chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:9px 18px;font-family:'Chivo Mono',monospace;font-size:12.5px;font-weight:600;color:#e8dcc8;}
.chip-light{background:#fff3e2;border:1px solid var(--copper-lt);color:var(--copper-dk);}
.chip svg{width:15px;height:15px;fill:var(--copper-lt);flex-shrink:0;}

/* ══════════════════════════════════════
   WHY CHOOSE — badge + reason cards
══════════════════════════════════════ */
.badge-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:44px;}
@media(min-width:800px){.badge-row{grid-template-columns:repeat(4,1fr);}}
.badge-item{text-align:center;padding:24px 16px;background:var(--cream);border-radius:14px;border:1px solid var(--line);}
.badge-item .mark{margin:0 auto 14px;}
.badge-item h4{font-size:15px;color:var(--ink);margin-bottom:6px;}
.badge-item p{font-size:14px;text-transform:none;letter-spacing:0;}

.reason-grid{display:grid;grid-template-columns:1fr;gap:20px;}
@media(min-width:700px){.reason-grid{grid-template-columns:1fr 1fr;}}
.reason-card{display:flex;gap:18px;align-items:flex-start;padding:26px;background:var(--cream);border-radius:14px;border:1px solid var(--line);}
.reason-card h4{font-size:18px;color:var(--ink);margin-bottom:8px;}
.reason-card p{font-size:16px;}

/* ══════════════════════════════════════
   TESTIMONIALS
══════════════════════════════════════ */
.testi-grid{display:grid;grid-template-columns:1fr;gap:20px;}
@media(min-width:900px){.testi-grid{grid-template-columns:repeat(3,1fr);}}
.testi-card{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;}
.stars-row{color:var(--copper);font-size:16px;margin-bottom:14px;letter-spacing:1px;}
.testi-card p{font-size:16.5px;font-style:italic;color:var(--ink-dim);flex-grow:1;margin-bottom:18px;text-transform:none;}
.testi-bottom{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line);}
.avatar-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg, var(--copper-lt), var(--copper-dk));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;flex-shrink:0;}
.testi-name{font-weight:700;color:var(--ink);font-size:15px;font-family:'Barlow',sans-serif;}
.testi-loc{font-size:13px;color:var(--ink-dim);}

/* ══════════════════════════════════════
   PRICING
══════════════════════════════════════ */
.pricing-grid{display:grid;grid-template-columns:1fr;gap:20px;}
@media(min-width:900px){.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:end;}}
.price-card{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:30px 26px;text-align:center;position:relative;}
.price-card.featured{background:var(--dark);border:2px solid var(--copper);box-shadow:0 20px 46px rgba(143,90,40,.25);}
.price-card.featured *{color:#fff;text-transform:none;}
.price-card.featured .price-qty,.price-card.featured .price-num{color:#fff;text-transform:uppercase;}
.price-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, var(--copper-lt), var(--copper-dk));color:#1a1310;font-family:'Chivo Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px;border-radius:100px;white-space:nowrap;}
.bottle-visual{width:100%;height:170px;margin:16px 0;display:flex;align-items:center;justify-content:center;}
.bottle-icon{width:70px;height:150px;position:relative;}
.bottle-icon .cap{width:34px;height:22px;background:linear-gradient(180deg,#3a2a1e,#241a15);border-radius:4px 4px 0 0;margin:0 auto;}
.bottle-icon .body{width:70px;height:120px;background:linear-gradient(155deg, var(--copper-lt), var(--copper) 60%, var(--copper-dk));border-radius:8px;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15);}
.bottle-icon .label-line{position:absolute;top:38%;left:8%;right:8%;height:1px;background:rgba(255,255,255,.4);}
.price-qty{font-family:'Oswald',sans-serif;font-size:22px;color:var(--ink);text-transform:uppercase;}
.price-supply{font-size:14px;color:var(--ink-dim);margin-bottom:14px;text-transform:none;}
.price-num{font-family:'Oswald',sans-serif;font-size:38px;color:var(--copper-dk);}
.price-card.featured .price-num{color:var(--copper-lt);}
.price-num span{font-size:14px;color:var(--ink-dim);font-family:'Barlow',sans-serif;text-transform:none;}
.price-card.featured .price-num span{color:#d8c4ae;}
.price-save{font-family:'Chivo Mono',monospace;font-size:12.5px;color:#a33;font-weight:700;margin:8px 0;}
.price-card.featured .price-save{color:var(--copper-lt);}
.price-total{font-size:14.5px;color:var(--ink-dim);margin:10px 0 20px;text-transform:none;}
.price-card.featured .price-total{color:#d8c4ae;}
.price-total b{color:var(--ink);}
.price-card.featured .price-total b{color:#fff;}

/* ══════════════════════════════════════
   INGREDIENT / CONTENT CARDS
══════════════════════════════════════ */
.ing-grid{display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:700px){.ing-grid{grid-template-columns:1fr 1fr;}}
.ing-card{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:26px;}
.ing-card .mark{margin-bottom:14px;}
.ing-card h3{font-size:19px;color:var(--ink);margin-bottom:8px;}
.ing-card p{font-size:16px;text-transform:none;}
.read-link{font-family:'Chivo Mono',monospace;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--copper-dk);}

.ing-hub-list{display:flex;flex-direction:column;gap:16px;}
.ing-hub-item{display:flex;flex-direction:column;gap:16px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:24px;transition:border-color .2s ease, transform .2s ease;}
.ing-hub-item:hover{border-color:var(--copper);transform:translateY(-2px);}
.ing-hub-item h3{font-size:19px;color:var(--ink);margin-bottom:6px;}
.ing-hub-item p{font-size:16px;margin-bottom:10px;text-transform:none;}
@media(min-width:700px){.ing-hub-item{flex-direction:row;align-items:flex-start;}}

/* ══════════════════════════════════════
   DETAIL BLOCKS (ingredient/blog pages)
══════════════════════════════════════ */
.detail-grid{display:flex;flex-direction:column;gap:20px;}
.detail-block{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:26px;}
.detail-block h2{font-size:20px;margin-bottom:10px;color:var(--copper-dk);text-transform:uppercase;}
.detail-block p{font-size:16.5px;text-transform:none;}
.detail-block.callout{background:#fff8ee;border-color:#e5cd9f;}

.related-grid{display:flex;flex-direction:column;gap:12px;}
@media(min-width:700px){.related-grid{flex-direction:row;flex-wrap:wrap;}}
.related-grid a{display:block;flex:1 1 220px;padding:16px 20px;border-radius:10px;background:var(--cream);border:1px solid var(--line);font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.03em;color:var(--copper-dk);text-align:center;transition:border-color .2s ease, transform .2s ease;}
.related-grid a:hover{border-color:var(--copper);transform:translateY(-2px);}

/* ══════════════════════════════════════
   BENEFITS
══════════════════════════════════════ */
.benefit-row{display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:700px){.benefit-row{grid-template-columns:1fr 1fr;}}
.benefit-item{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:26px;}
.benefit-item .mark{margin-bottom:14px;}
.benefit-item h3{font-size:18px;color:var(--ink);margin-bottom:8px;}
.benefit-item p{font-size:16px;text-transform:none;}

/* ══════════════════════════════════════
   BONUSES
══════════════════════════════════════ */
.bonus-grid{display:grid;grid-template-columns:1fr;gap:20px;}
@media(min-width:800px){.bonus-grid{grid-template-columns:repeat(3,1fr);}}
.bonus-card{background:var(--dark);border-radius:14px;padding:30px 24px;text-align:center;border:1px solid var(--copper-dk);}
.bonus-card .num{font-family:'Oswald',sans-serif;font-size:14px;color:var(--copper-lt);letter-spacing:.1em;margin-bottom:12px;display:block;}
.bonus-card h3{font-size:19px;color:#fff;margin-bottom:10px;}
.bonus-card .value{font-family:'Chivo Mono',monospace;font-size:13px;color:var(--copper-lt);font-weight:700;margin-bottom:12px;}
.bonus-card p{font-size:15px;color:#d8c4ae;text-transform:none;}

/* ══════════════════════════════════════
   QUALITY / STANDARDS
══════════════════════════════════════ */
.quality-grid{display:grid;grid-template-columns:1fr;gap:20px;}
@media(min-width:800px){.quality-grid{grid-template-columns:repeat(3,1fr);}}
.quality-item{display:flex;gap:16px;align-items:flex-start;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:24px;}
.quality-item .mark{--sz:44px;width:44px;height:44px;}
.quality-item h4{font-size:17px;color:var(--ink);margin-bottom:6px;}
.quality-item p{font-size:15.5px;text-transform:none;}

/* ══════════════════════════════════════
   GUARANTEE
══════════════════════════════════════ */
.guarantee-badge{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 35% 30%, var(--copper-lt), var(--copper-dk));border:4px solid var(--copper);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 12px 34px rgba(0,0,0,.2);}
.guarantee-badge .num{font-family:'Oswald',sans-serif;font-size:30px;font-weight:700;color:#1a1310;line-height:1;}
.guarantee-badge .txt{font-family:'Chivo Mono',monospace;font-size:10.5px;color:#3a2a1e;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;}

/* ══════════════════════════════════════
   FAQ
══════════════════════════════════════ */
.faq-list{display:flex;flex-direction:column;gap:12px;}
.faq-item{background:var(--cream);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:none;border:none;cursor:pointer;text-align:left;}
.faq-q span{font-size:17px;font-weight:600;color:var(--ink);font-family:'Barlow',sans-serif;text-transform:none;}
.faq-q .chev{width:12px;height:12px;border-right:2.5px solid var(--copper-dk);border-bottom:2.5px solid var(--copper-dk);transform:rotate(45deg);transition:transform .3s ease;flex-shrink:0;}
.faq-item.open .faq-q .chev{transform:rotate(225deg);}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;}
.faq-item.open .faq-a{grid-template-rows:1fr;}
.faq-a p{min-height:0;overflow:hidden;padding:0 22px;font-size:16px;text-transform:none;}
.faq-item.open .faq-a p{padding-bottom:20px;}

/* ══════════════════════════════════════
   RESOURCES (outbound links)
══════════════════════════════════════ */
.resource-list{display:flex;flex-direction:column;gap:12px;}
.resource-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--cream);border:1px solid var(--line);border-radius:10px;}
.resource-item .rtext h4{font-size:16px;color:var(--ink);margin-bottom:4px;text-transform:none;}
.resource-item .rtext p{font-size:14px;margin:0;text-transform:none;}
.resource-item a.rlink{font-family:'Chivo Mono',monospace;font-size:12px;font-weight:700;color:var(--copper-dk);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;}

/* ══════════════════════════════════════
   FINAL CTA — distinct full-bleed block,
   not the title-band pattern
══════════════════════════════════════ */
.final-cta{background:linear-gradient(155deg, var(--dark), #3a2313);text-align:center;padding:80px 0;}
.final-cta .label{color:var(--copper-lt);}
.final-cta .cta-head{font-family:'Oswald',sans-serif;font-size:32px;color:#fff;text-transform:uppercase;margin:14px 0 16px;letter-spacing:.01em;}
@media(min-width:700px){.final-cta .cta-head{font-size:44px;}}
.final-cta p{max-width:600px;margin:0 auto 30px;color:#d8c4ae;text-transform:none;}

/* ══════════════════════════════════════
   BLOG CARDS
══════════════════════════════════════ */
.blog-grid{display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:800px){.blog-grid{grid-template-columns:repeat(3,1fr);}}
.blog-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:14px;background:var(--cream);border:1px solid var(--line);text-decoration:none;transition:all .2s ease;}
.blog-card:hover{transform:translateY(-3px);border-color:var(--copper);}
.blog-card .tag{font-family:'Chivo Mono',monospace;font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--copper-dk);}
.blog-card h3{font-size:17px;color:var(--ink);}
.blog-card p{font-size:14.5px;color:var(--ink-dim);text-transform:none;}

/* ══════════════════════════════════════
   PAGE HERO (ingredient/blog/legal pages)
══════════════════════════════════════ */
.page-hero{background:var(--dark);padding:48px 0 56px;border-bottom:3px solid var(--copper);}
.breadcrumb{font-family:'Chivo Mono',monospace;font-size:12.5px;color:#d8c4ae;margin-bottom:18px;text-transform:none;}
.breadcrumb a{color:var(--copper-lt);}
.page-hero h1{font-size:30px;color:#fff;}
@media(min-width:700px){.page-hero h1{font-size:40px;}}
.page-hero p.lead{margin-top:12px;max-width:640px;color:#d8c4ae;text-transform:none;}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer{background:var(--dark);padding:56px 0 30px;}
.footer-grid{display:flex;flex-direction:column;gap:34px;margin-bottom:34px;}
.footer-brand .brand span{color:#fff;}
.footer-brand p{font-size:15px;color:#a88f76;max-width:360px;text-transform:none;}
.footer-links{display:flex;flex-wrap:wrap;gap:14px 26px;}
.footer-links a{font-size:13.5px;color:#a88f76;font-family:'Chivo Mono',monospace;text-transform:uppercase;letter-spacing:.03em;}
.footer-links a:hover{color:#fff;}
.footer-legal{border-top:1px solid #3a2a1e;padding-top:26px;font-size:13px;line-height:1.7;color:#8a7460;text-transform:none;}
@media(min-width:800px){.footer-grid{flex-direction:row;justify-content:space-between;}}

/* ══════════════════════════════════════
   SCROLL REVEAL
══════════════════════════════════════ */
.rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease, transform .6s ease;}
.rv.vis{opacity:1;transform:none;}
/* =========================================================
   HORSEWOOD HERO — LEFT CONTENT / RIGHT PRODUCT
   ========================================================= */

.hero{
  position:relative;
  min-height:calc(100vh - 114px);
  display:flex;
  align-items:center;
  padding:80px 0 90px;
  overflow:hidden;

  background:
    radial-gradient(
      circle at 78% 50%,
      rgba(201,154,85,.18),
      transparent 32%
    ),
    radial-gradient(
      circle at 15% 20%,
      rgba(116,72,30,.12),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #17110e 0%,
      #0d0a08 55%,
      #080706 100%
    );
}


/* subtle background grid */

.hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.055;

  background-image:
    linear-gradient(
      rgba(255,255,255,.12) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.12) 1px,
      transparent 1px
    );

  background-size:70px 70px;

  mask-image:
    linear-gradient(
      to bottom,
      black,
      transparent 90%
    );
}


/* bottom glow */

.hero:after{
  content:"";
  position:absolute;
  width:650px;
  height:650px;
  right:5%;
  top:50%;
  transform:translateY(-50%);

  background:rgba(201,154,85,.09);
  filter:blur(100px);
  border-radius:50%;
  pointer-events:none;
}


/* =========================================================
   HERO WRAPPER
   ========================================================= */

.hero-wrap{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:
    minmax(0,1.05fr)
    minmax(400px,.95fr);

  align-items:center;
  gap:70px;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.hero-content{
  max-width:680px;
  text-align:left;
}

.hero-content .label{
  margin-bottom:5px;
}

.hero-title{
  margin:18px 0 24px;
  color:#fff;
  font-size:clamp(48px,5.7vw,78px);
  line-height:.98;
  letter-spacing:.01em;
}

.hero-title em{
  display:block;
  margin-top:8px;
  color:var(--gold-light);
  font-style:normal;
}


.hero-sub{
  max-width:650px;
  margin:0 0 24px;

  color:#bdb2a7;
  font-size:18px;
  line-height:1.7;
}


.hero-rating{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:13px;

  margin:0 0 27px;

  color:#a99e94;
  font-family:'Chivo Mono',monospace;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.hero-rating .stars{
  color:var(--gold-light);
  font-size:15px;
  letter-spacing:3px;
}


/* =========================================================
   CTA
   ========================================================= */

.hero-ctas{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:28px;
}

.hero-ctas .btn{
  min-width:190px;
}


/* =========================================================
   TRUST CHIPS
   ========================================================= */

.hero-content .chip-row{
  justify-content:flex-start;
  margin-top:0;
}

.hero-content .chip{
  color:#aaa096;
  border-color:rgba(255,255,255,.1);
  background:rgba(255,255,255,.025);
}


/* =========================================================
   RIGHT PRODUCT AREA
   ========================================================= */

.hero-product{
  position:relative;

  min-height:560px;

  display:flex;
  align-items:center;
  justify-content:center;

  text-align:center;
}


/* large circular glow behind bottle */

.product-glow{
  position:absolute;

  width:440px;
  height:440px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(201,154,85,.24) 0%,
      rgba(201,154,85,.10) 38%,
      transparent 72%
    );

  filter:blur(4px);

  box-shadow:
    0 0 100px rgba(201,154,85,.12);
}


/* bottle */

.hero-bottle{
  position:relative;
  z-index:3;

  width:auto;
  max-width:100%;
  height:auto;
  max-height:570px;

  object-fit:contain;

  filter:
    drop-shadow(0 35px 45px rgba(0,0,0,.58))
    drop-shadow(0 0 35px rgba(201,154,85,.12));

  transition:
    transform .45s ease,
    filter .45s ease;
}

.hero-bottle:hover{
  transform:translateY(-8px) scale(1.025);

  filter:
    drop-shadow(0 45px 55px rgba(0,0,0,.65))
    drop-shadow(0 0 50px rgba(201,154,85,.18));
}


/* =========================================================
   PRODUCT BADGE
   ========================================================= */

.product-badge{
  position:absolute;
  z-index:5;

  top:70px;
  right:20px;

  width:92px;
  height:92px;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

  border:1px solid rgba(201,154,85,.55);
  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(201,154,85,.17),
      rgba(15,11,8,.9)
    );

  color:#cbbda9;

  font-family:'Chivo Mono',monospace;
  font-size:7px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:.08em;
  text-transform:uppercase;

  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    inset 0 0 25px rgba(201,154,85,.06);
}

.product-badge span{
  color:var(--gold-light);
  font-family:'Oswald',sans-serif;
  font-size:30px;
  line-height:1;
}


/* =========================================================
   PRODUCT CAPTION
   ========================================================= */

.product-caption{
  position:absolute;
  z-index:4;

  bottom:10px;
  left:50%;

  transform:translateX(-50%);

  display:flex;
  flex-direction:column;
  align-items:center;

  white-space:nowrap;
}

.product-caption strong{
  color:#eee5dc;
  font-family:'Oswald',sans-serif;
  font-size:17px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.product-caption span{
  margin-top:3px;
  color:#877c72;
  font-family:'Chivo Mono',monospace;
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
}


/* =========================================================
   DESKTOP ENHANCEMENT
   ========================================================= */

@media(min-width:1100px){

  .hero-product{
    min-height:600px;
  }

  .hero-bottle{
    max-height:600px;
  }

  .product-glow{
    width:510px;
    height:510px;
  }

  .product-badge{
    right:0;
    top:65px;
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:980px){

  .hero{
    padding:70px 0 80px;
  }

  .hero-wrap{
    grid-template-columns:1fr;
    gap:40px;
  }

  .hero-content{
    max-width:760px;
    margin:0 auto;
    text-align:center;
  }

  .hero-content .label{
    justify-content:center;
  }

  .hero-title{
    font-size:clamp(46px,8vw,70px);
  }

  .hero-sub{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-rating{
    justify-content:center;
  }

  .hero-ctas{
    justify-content:center;
  }

  .hero-content .chip-row{
    justify-content:center;
  }

  .hero-product{
    min-height:480px;
  }

  .hero-bottle{
    max-height:500px;
  }

  .product-badge{
    top:20px;
    right:10%;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

  .hero{
    min-height:auto;
    padding:55px 0 65px;
  }

  .hero-wrap{
    gap:25px;
  }

  .hero-title{
    font-size:43px;
    line-height:.98;
  }

  .hero-title em{
    margin-top:7px;
  }

  .hero-sub{
    font-size:15px;
    line-height:1.65;
  }

  .hero-rating{
    flex-direction:column;
    gap:5px;
  }

  .hero-ctas{
    flex-direction:column;
    width:100%;
  }

  .hero-ctas .btn{
    width:100%;
  }

  .hero-product{
    min-height:390px;
  }

  .hero-bottle{
    max-height:390px;
  }

  .product-glow{
    width:320px;
    height:320px;
  }

  .product-badge{
    width:76px;
    height:76px;
    top:8px;
    right:4%;
    font-size:6px;
  }

  .product-badge span{
    font-size:24px;
  }

  .product-caption{
    bottom:0;
  }

  .product-caption strong{
    font-size:14px;
  }

  .product-caption span{
    font-size:7px;
  }

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media(max-width:380px){

  .hero-title{
    font-size:38px;
  }

  .hero-product{
    min-height:340px;
  }

  .hero-bottle{
    max-height:340px;
  }

  .product-badge{
    right:0;
    width:68px;
    height:68px;
  }

}