/* ==========================================================================
   Global Merida Minerals — Corporate Site
   Design tokens straight from the client's brand handoff. Do not add colors
   outside this palette. Type scale is +20% over the original handoff spec
   per client request (legibility).
   ========================================================================== */

:root{
  --navy: #050a1d;
  --navy-2: #0b1a45;
  --navy-3: #071230;
  --gold: #b68235;
  --gold-hover: #a06f24;
  --gold-deep: #7d5411;
  --bg: #f3f2f2;
  --surface: #eae9e9;
  --text: #201f1d;
  --divider: rgba(32,31,29,.16);
  --off-white: #f8f4f4;
  --gray-100: #eae7e7;
  --gray-500: #9b9797;

  --font-heading: 'Cormorant Garamond', serif;
  --font-body: 'Lora', serif;

  --shadow-lg: 0 20px 50px rgba(5,10,29,.35);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{text-decoration:none}
button{font-family:inherit;cursor:pointer}
input,textarea,select{font-family:inherit}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

/* Layout helpers */
.edge{padding-left:clamp(20px,6vw,80px);padding-right:clamp(20px,6vw,80px)}
.wrap{max-width:1280px;margin:0 auto}
.hr{border:0;border-top:1px solid var(--divider)}

/* Type */
.kicker{
  font-family:var(--font-body);
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-deep);
  margin:0 0 10px;
}
.kicker.on-dark{color:var(--gold)}
.h2{
  font-family:var(--font-heading);
  font-weight:600;
  font-size:clamp(34px,3.84vw,48px);
  line-height:1.1;
  letter-spacing:-.01em;
  margin:0;
  color:var(--text);
}
.h2.on-dark{color:var(--off-white)}
.body-copy{
  font-size:18.5px;
  line-height:1.7;
  color:rgba(32,31,29,.78);
  max-width:70ch;
}
.body-copy.on-dark{color:rgba(248,244,244,.82)}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 20px;
  font-size:16px;
  font-family:var(--font-body);
  border-radius:3px;
  border:1px solid transparent;
  transition:background .2s,color .2s,border-color .2s;
  white-space:nowrap;
  cursor:pointer;
}
.btn-primary{
  background:var(--gold);
  color:var(--navy);
  border-color:var(--gold);
}
.btn-primary:hover{background:var(--gold-hover);border-color:var(--gold-hover);color:var(--navy)}
.btn-secondary{
  background:transparent;
  border:1px solid var(--gold);
  color:var(--gold);
}
.btn-secondary:hover{background:var(--gold);color:var(--navy)}
.btn-ghost{
  background:transparent;
  border:none;
  color:var(--gold-deep);
  padding:0;
}
.btn-ghost:hover{color:var(--gold-hover)}
.btn-block{width:100%}

/* Tags / chips */
.tag{
  font-size:15px;
  padding:8px 14px;
  border-radius:999px;
  color:var(--text);
  display:inline-block;
  transition:border-color .2s,color .2s,background .2s;
}
.tag-outline{
  border:1px solid var(--divider);
  background:transparent;
}
.tag-outline:hover{border-color:var(--gold);color:var(--gold-deep);background:rgba(182,130,53,.08)}
.section-navy .tag-outline,.section-navy .tag{color:var(--off-white)}
.section-navy .tag-outline{border-color:rgba(248,244,244,.25)}
.section-navy .tag-outline:hover{border-color:var(--gold);color:var(--gold);background:rgba(182,130,53,.12)}

/* Cards */
.card{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px;
  border:1px solid var(--divider);
  border-radius:4px;
  background:transparent;
  transition:border-color .2s,box-shadow .2s;
}
.card:hover{border-color:var(--gold);box-shadow:0 6px 20px rgba(182,130,53,.12)}
.section-navy .card:hover{box-shadow:0 6px 20px rgba(0,0,0,.25)}
.card.elev-sm{box-shadow:0 4px 18px rgba(5,10,29,.06)}
.card-kicker{
  font-size:14.5px;
  letter-spacing:.06em;
  color:var(--gold-deep);
  font-family:var(--font-body);
}
.card-title{
  font-family:var(--font-heading);
  font-weight:600;
  font-size:26px;
  color:var(--text);
}
.card-body{
  font-size:17px;
  line-height:1.6;
  color:rgba(32,31,29,.78);
  margin:0;
}

/* Product cards (with photo) */
.product-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
}
.product-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.product-card:hover img{filter:brightness(1.03)}
.product-card .product-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px}

/* Image plates */
.plate{
  margin:0;
  overflow:hidden;
  border-radius:4px;
  border:1px solid var(--divider);
}
.plate img{width:100%;height:100%;object-fit:cover;display:block}
figcaption{font-size:14.5px;letter-spacing:.04em}

/* Form fields */
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:14.5px;letter-spacing:.04em;text-transform:uppercase;color:rgba(32,31,29,.65)}
.input{
  padding:12px 14px;
  border:1px solid var(--divider);
  border-radius:3px;
  background:#fff;
  font-size:17.5px;
  color:var(--text);
  width:100%;
}
.input:focus-visible{border-color:var(--gold)}

/* Responsive nav helpers */
.navlinks{display:flex;gap:18px;flex-wrap:nowrap}
.navlinks a{color:#eae7e7;font-size:16px;transition:color .2s;position:relative;padding-bottom:2px}
.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--gold);transition:right .25s cubic-bezier(.2,.7,.3,1)}
.navlinks a:hover{color:var(--gold)}
.navlinks a:hover::after{right:0}
.brandtext{white-space:nowrap;font-family:var(--font-heading);font-weight:600;letter-spacing:.03em;font-size:18px}
@media (max-width:1180px){.navlinks{display:none}}
@media (max-width:520px){.brandtext{display:none}}

/* Mobile hamburger toggle + drawer */
.nav-toggle{
  display:none;
  flex:none;
  width:40px;height:40px;
  border:1px solid rgba(248,244,244,.25);
  border-radius:3px;
  background:transparent;
  align-items:center;justify-content:center;
  padding:0;
}
.nav-toggle:hover{border-color:var(--gold)}
.nav-toggle-bars{position:relative;width:20px;height:14px}
.nav-toggle-bars span{
  position:absolute;left:0;right:0;height:2px;background:var(--off-white);
  transition:transform .25s ease,opacity .25s ease,top .25s ease;
}
.nav-toggle-bars span:nth-child(1){top:0}
.nav-toggle-bars span:nth-child(2){top:6px}
.nav-toggle-bars span:nth-child(3){top:12px}
.nav-toggle.open .nav-toggle-bars span:nth-child(1){top:6px;transform:rotate(45deg)}
.nav-toggle.open .nav-toggle-bars span:nth-child(2){opacity:0}
.nav-toggle.open .nav-toggle-bars span:nth-child(3){top:6px;transform:rotate(-45deg)}
@media (max-width:1180px){.nav-toggle{display:flex}}

.nav-drawer{
  display:none;
  position:absolute;
  top:100%;left:0;right:0;
  background:var(--navy);
  border-bottom:0 solid rgba(248,244,244,.14);
  flex-direction:column;
  padding:0 clamp(20px,6vw,80px);
  min-height:0;
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease,padding .3s ease;
}
@media (max-width:1180px){.nav-drawer{display:flex}}
.nav-drawer.open{max-height:600px;padding:8px clamp(20px,6vw,80px) 20px;border-bottom-width:1px}

@media (max-width:480px){
  .nav{gap:8px}
  .nav .btn-secondary{padding:8px 12px;font-size:14px}
  .nav-toggle{width:36px;height:36px}
  .nav-flags{gap:4px}
}
.nav-drawer a{
  color:var(--gray-100);
  font-size:17px;
  padding:12px 0;
  border-bottom:1px solid rgba(248,244,244,.1);
}
.nav-drawer a:last-child{border-bottom:none}
.nav-drawer a:hover{color:var(--gold)}

/* Scroll-reveal */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-l{opacity:0;transform:translateX(-48px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.reveal-l.in{opacity:1;transform:translateX(0)}
.reveal-r{opacity:0;transform:translateX(48px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.reveal-r.in{opacity:1;transform:translateX(0)}
@media (prefers-reduced-motion: reduce){
  .reveal,.reveal-l,.reveal-r{opacity:1;transform:none;transition:none}
}

/* ==========================================================================
   Nav
   ========================================================================== */
.nav{
  position:sticky;
  top:0;
  z-index:40;
  background:var(--navy);
  border-bottom:1px solid rgba(248,244,244,.12);
  transition:border-color .25s,box-shadow .25s;
  padding:8px clamp(20px,6vw,80px);
  display:flex;
  align-items:center;
  gap:24px;
}
.nav.scrolled{border-bottom-color:var(--gold);box-shadow:0 6px 24px rgba(182,130,53,.18)}
.nav-brand{display:flex;align-items:center;gap:10px;color:var(--off-white);flex:none;min-width:0}
.nav-brand:hover .nav-logo-h,.nav-brand:hover .nav-logo-sq{transform:scale(1.04)}
.nav-logo-h{height:52px;width:auto;display:block;transition:transform .25s ease}
.nav-logo-sq{display:none;height:40px;width:40px;flex:none;object-fit:contain;transition:transform .25s ease}
.nav-logo{width:38px;height:38px;flex:none;object-fit:contain}
@media (max-width:640px){
  .nav-logo-h{display:none}
  .nav-logo-sq{display:block}
}
.nav-flags{display:flex;gap:6px;flex:none}
.flag-btn{
  padding:2px;
  border-radius:3px;
  background:transparent;
  border:2px solid transparent;
  line-height:0;
  opacity:.6;
  transition:opacity .2s,border-color .2s;
}
.flag-btn:hover{opacity:1;border-color:rgba(182,130,53,.5)}
.flag-btn.active{border-color:var(--gold);opacity:1}
.flag-btn svg{display:block;border-radius:1px}
.nav-spacer{flex:1}
.nav-ceo-link{color:var(--gray-100);font-size:16px;transition:color .2s;flex:none}
.nav-ceo-link:hover{color:var(--gold)}
@media (max-width:1180px){.nav-ceo-link{display:none}}

/* ==========================================================================
   Brand banner
   ========================================================================== */
.banner{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 55%,var(--navy-3) 100%);
  padding:96px 0 108px;
}
.banner-shapes{position:absolute;inset:0;opacity:.14;width:100%;height:100%}
.banner-watermark{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  opacity:.16;pointer-events:none;
}
.banner-watermark span{
  font-family:var(--font-heading);
  font-weight:600;
  font-size:min(30vw,504px);
  color:var(--gold);
  letter-spacing:-.02em;
  white-space:nowrap;
}
.banner-molecule{position:absolute;right:2%;bottom:-10px;opacity:.5}
.banner-content{position:relative;text-align:center}
.banner-logo{width:min(60vw,340px);height:min(60vw,340px);margin:0 auto;object-fit:contain}
.banner-caption{color:#c9c6d6;font-size:15.5px;letter-spacing:.12em;text-transform:uppercase;margin-top:18px}

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{background:var(--navy-2);position:relative;overflow:hidden}
.hero-bg{
  position:absolute;inset:0;
  width:100%;height:130%;
  object-fit:cover;
  filter:saturate(.9) brightness(.55);
  will-change:transform;
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(11,26,69,.55), rgba(11,26,69,.92));
}
.hero-inner{position:relative;padding-top:min(18vw,180px);padding-bottom:110px}
.hero-title{
  font-family:var(--font-heading);
  font-weight:400;
  color:var(--off-white);
  font-size:clamp(46px,6.72vw,86px);
  line-height:1.08;
  letter-spacing:-.01em;
  margin:0;
  max-width:16ch;
}
.hero-sub{font-size:21.5px;max-width:52ch;margin-top:22px;text-align:left}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero-ctas .btn{padding:14px 26px;font-size:18px}
.hero-ctas .btn-secondary{color:var(--off-white);border-color:rgba(248,244,244,.4)}
.hero-ctas .btn-secondary:hover{color:var(--navy)}
.hero-chips{
  display:flex;gap:28px;flex-wrap:wrap;margin-top:56px;padding-top:28px;
  border-top:1px solid rgba(248,244,244,.18);
}
.hero-chip{
  font-family:var(--font-heading);
  font-weight:600;
  color:var(--gold);
  font-size:19px;
  letter-spacing:.01em;
}

/* ==========================================================================
   Grids
   ========================================================================== */
.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid-2c{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

@media (max-width:900px){
  .grid-2{grid-template-columns:1fr;gap:36px}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-2c{grid-template-columns:1fr}
  .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .grid-4{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
}

section{padding:96px 0}
.section-surface{background:var(--surface)}
.section-navy{background:var(--navy-2)}
.section-navy .kicker,.section-navy .h2,.section-navy .body-copy{color:var(--off-white)}
.section-navy .kicker{color:var(--gold)}
.section-navy .body-copy{color:rgba(248,244,244,.82)}

.city-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* Datasheet */
.table-rows{margin-top:32px;display:grid}
.table-row{
  display:grid;grid-template-columns:34% 1fr;gap:12px;
  padding:16px 0;border-bottom:1px solid var(--divider);
}
.table-row-key{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:rgba(32,31,29,.6)}
@media (max-width:640px){
  .table-row{grid-template-columns:1fr}
}
.datasheet-note{font-size:15.5px;font-style:italic;color:rgba(32,31,29,.6);margin-top:18px}

/* Extraction blocks */
.extraction-blocks{margin-top:36px}
.extraction-block{
  border:1px solid rgba(248,244,244,.22);
  border-radius:4px;padding:18px;color:var(--gray-100);font-size:17px;
  transition:border-color .2s;
}
.extraction-block:hover{border-color:var(--gold)}
.section-hr{border:0;height:1px;background:rgba(248,244,244,.18);margin:80px 0 56px}

/* Metallurgy steps */
.steps-row{display:flex;gap:0;margin-top:44px;flex-wrap:wrap}
.step{flex:1;min-width:130px;text-align:center;padding:0 8px;position:relative}
.step-num{
  width:34px;height:34px;border-radius:50%;
  border:1px solid var(--gold);color:var(--gold);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 10px;font-family:var(--font-heading);font-size:17px;
}
.step-label{color:var(--gray-100);font-size:16px}

/* Quality checklist */
.checklist{display:grid;gap:10px;margin-top:24px}
.checklist-item{display:flex;gap:10px;align-items:center;font-size:17.5px}
.checklist-item svg{color:var(--gold);flex:none}

/* Markets */
.market-card{
  border:1px solid rgba(248,244,244,.22);border-radius:4px;padding:18px;
  transition:border-color .2s;
}
.market-card:hover{border-color:var(--gold)}
.market-card-title{font-family:var(--font-heading);font-weight:600;color:var(--gold);font-size:19px}
.market-card-body{color:var(--gray-100);font-size:16px;margin-top:8px}

/* Investors */
.investor-card p{opacity:1;font-size:17.5px}

/* Environment icons */
.env-icons{display:flex;gap:26px;margin-top:26px;flex-wrap:wrap}
.env-icon{text-align:center}
.env-icon svg{color:var(--gold-deep)}
.env-icon-label{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:rgba(32,31,29,.65);margin-top:6px}

/* Support chips */
.support-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.support-chips .tag{font-size:15.5px;padding:8px 16px}

/* Gallery */
.gallery-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.filter-btn{
  border:1px solid rgba(248,244,244,.25);color:var(--gray-100);
  font-size:14.5px;background:transparent;padding:10px 16px;border-radius:3px;
  transition:border-color .2s,color .2s;
}
.filter-btn:hover{border-color:var(--gold);color:var(--gold)}
.filter-btn.active{border-color:var(--gold);color:var(--gold)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.gallery-grid .plate{border-color:rgba(248,244,244,.2);transition:border-color .2s}
.gallery-grid .plate:hover{border-color:var(--gold)}
.gallery-grid figcaption{color:var(--gray-100);padding-top:6px}
.gallery-item[hidden]{display:none}
@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.gallery-grid{grid-template-columns:1fr}}

/* Offices */
.office-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.office-cards .card-body{opacity:1}
.office-cards a{font-size:14.5px;color:var(--gold-deep)}
.office-cards a:hover{color:var(--gold-hover)}
@media (max-width:760px){.office-cards{grid-template-columns:1fr}}

/* Contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px}
.contact-form{display:grid;gap:16px}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px){
  .contact-grid{grid-template-columns:1fr}
  .form-row-2{grid-template-columns:1fr}
}

/* Stamp / seal block */
.stamp-block{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 0;background:var(--bg)}
.stamp-block img{width:170px;height:170px;object-fit:contain}
.stamp-block span{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(32,31,29,.55)}

/* Certifications */
.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px}
.cert-card{border:1px solid var(--divider);border-radius:4px;overflow:hidden;background:#fff;transition:border-color .2s}
.cert-card:hover{border-color:var(--gold)}
.cert-card img{width:100%;display:block}
.cert-card-label{padding:16px 18px;font-family:var(--font-heading);font-weight:600;font-size:18px;border-top:1px solid var(--divider)}
@media (max-width:700px){.cert-grid{grid-template-columns:1fr}}

/* Footer */
.footer{background:var(--navy-2);color:var(--gray-100);padding:56px 0 28px}
.footer-top{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;
  padding-bottom:32px;border-bottom:1px solid rgba(248,244,244,.16);
}
.footer-brand{color:var(--off-white);font-family:var(--font-heading);font-weight:600;font-size:21.5px}
.footer-slogan{color:var(--gold);font-size:15.5px;margin-top:6px;font-style:italic}
.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:15.5px}
.footer-links a{color:var(--gray-100)}
.footer-links a:hover{color:var(--gold)}
.footer-contact{font-size:15.5px;color:var(--gray-100)}
.footer-copy{font-size:14.5px;color:var(--gray-500);padding-top:20px}

/* WhatsApp floating button */
.wa-float{
  position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;
  background:var(--gold);display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-lg);z-index:50;transition:transform .2s,background .2s;
}
.wa-float:hover{transform:scale(1.08);background:var(--gold-hover)}

/* Map graphics */
.map-graphic{width:100%;height:100%;display:block;background:var(--navy-2)}
.map-city-group{cursor:pointer}
.map-city-group circle{transition:r .15s}
.map-city-group:hover circle{r:8}
.map-city-group:hover text.map-city-name{fill:var(--gold)}

/* ==========================================================================
   Subpages (products.html, ceo.html) — reuse homepage tokens
   ========================================================================== */
.subpage-hero{background:var(--navy-2);padding:64px 0 48px}
.subpage-back{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:15.5px;transition:color .2s}
.subpage-back:hover{color:var(--off-white)}
.product-detail{padding:64px 0;border-bottom:1px solid var(--divider)}
.product-detail:last-of-type{border-bottom:none}
.detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
@media (max-width:760px){.detail-gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.detail-gallery{grid-template-columns:1fr}}
.subgroup-block{padding:32px 0;border-top:1px solid var(--divider)}
.subgroup-block:first-of-type{border-top:none}
.subgroup-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-top:16px}
@media (max-width:760px){.subgroup-grid{grid-template-columns:1fr}}

.ceo-grid{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}
@media (max-width:760px){.ceo-grid{grid-template-columns:1fr}}
.ceo-photo{border-radius:6px;overflow:hidden;border:1px solid var(--divider)}
.ceo-photo img{width:100%;display:block}
.ceo-quote{font-family:var(--font-heading);font-style:italic;font-size:24px;color:var(--gold-deep);border-left:3px solid var(--gold);padding-left:20px;margin:28px 0}

/* CEO teaser — homepage, full-gold band */
.ceo-teaser{background:var(--gold);padding:80px 0}
.ceo-teaser-grid{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center}
@media (max-width:640px){.ceo-teaser-grid{grid-template-columns:1fr;text-align:center}}
.ceo-teaser-photo{width:180px;height:180px;border-radius:50%;overflow:hidden;border:4px solid var(--navy);margin:0 auto;flex:none}
.ceo-teaser-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ceo-teaser .kicker{color:var(--navy);opacity:.75}
.ceo-teaser .h2{color:var(--navy)}
.ceo-teaser p.body-copy{color:rgba(5,10,29,.82)}
.ceo-teaser-email{font-size:15px;color:var(--navy);margin-top:14px;display:inline-block}
.ceo-teaser-email:hover{color:var(--off-white)}
.ceo-teaser .btn-primary{background:var(--navy);border-color:var(--navy);color:var(--gold);margin-top:18px}
.ceo-teaser .btn-primary:hover{background:var(--navy-3);border-color:var(--navy-3);color:var(--off-white)}

/* Fully-clickable product card */
.product-card-link{display:block;color:inherit}
.product-card-link:hover .card-title{color:var(--gold-deep)}