body:has(.brand-hub-hero) {
  padding-top: 68px!important
}
section.brand-hub-hero {
  isolation: isolate;
  position: relative;
  overflow: hidden;
  min-height: 0!important;
  padding: 76px 0 56px!important;
  background: linear-gradient(90deg,rgba(246,245,241,.99) 0%,rgba(246,245,241,.96) 34%,rgba(246,245,241,.8) 48%,rgba(246,245,241,.18) 72%,rgba(246,245,241,.03) 100%),url('/assets/media/hub-hero-20261103.jpg') 68% top/cover no-repeat!important
}
section.brand-hub-hero .btn svg path {
  stroke: currentColor
}
section.brand-hub-hero::before,
section.brand-hub-hero::after {
  display: none!important
}
section.brand-hub-hero>.wrap,
section.brand-hub-hero>.container {
  position: relative;
  width: 100%;
  max-width: 1240px!important;
  margin: 0 auto;
  padding: 0 24px!important
}
section.brand-hub-hero .hero-grid,
section.brand-hub-hero .home-hero-inner,
section.brand-hub-hero .us-hero-grid {
  display: grid!important;
  grid-template-columns: minmax(0,640px) 1fr!important;
  gap: 2rem!important;
  align-items: center
}
section.brand-hub-hero .hero-content,
section.brand-hub-hero .home-hero-copy,
section.brand-hub-hero .us-hero-copy {
  width: 100%!important;
  max-width: 640px!important;
  min-width: 0;
  padding: 0!important;
  margin: 0!important;
  opacity: 1!important;
  transform: none!important;
  text-align: left
}
section.brand-hub-hero .hero-bg,
section.brand-hub-hero .hero-col-right,
section.brand-hub-hero .us-hero-photo,
section.brand-hub-hero .home-hero-bg {
  display: none!important
}
section.brand-hub-hero :is(h1,h2),
section.brand-hub-hero :is(h1,h2) em,
section.brand-hub-hero :is(h1,h2) span {
  color: #111!important;
  font-style: normal
}
section.brand-hub-hero :is(h1,h2) {
  font-family: 'Poppins',sans-serif;
  font-size: clamp(2.2rem,4.2vw,3.7rem) !important;
  font-weight: 900!important;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 1.08!important;
  margin: 0 0 20px!important;
  max-width: 640px!important
}
section.brand-hub-hero p {
  color: #333!important;
  max-width: 580px!important
}
section.brand-hub-hero .section-label {
  display: inline-block!important;
  width: auto;
  background: #ffdf02;
  color: #111!important;
  padding: 7px 16px!important;
  border-radius: 50px;
  font-family: 'Inter',sans-serif;
  font-size: .78rem!important;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.4;
  margin: 0 0 24px!important
}
section.brand-hub-hero .hero-lede,
section.brand-hub-hero .home-hero-copy>p:not(.section-label),
section.brand-hub-hero .us-hero-copy>p:not(.section-label) {
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 28px
}
section.brand-hub-hero .hero-cta,
section.brand-hub-hero .home-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 28px!important
}
section.brand-hub-hero .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  background: #ffdf02!important;
  color: #111!important;
  border: 2px solid #ffdf02!important;
  border-radius: 10px;
  box-shadow: none;
  font-family: 'Inter',sans-serif;
  font-weight: 700;
  padding: 12px 24px
}
section.brand-hub-hero .btn-ghost,
section.brand-hub-hero .us-text-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border: 2px solid #111!important;
  border-radius: 10px;
  background: rgba(255,255,255,.82) !important;
  color: #111!important;
  font-family: 'Inter',sans-serif;
  font-weight: 700;
  padding: 12px 24px;
  text-decoration: none;
  margin: 0
}
section.brand-hub-hero .home-hero-copy>.btn,
section.brand-hub-hero .us-hero-copy>.btn {
  margin: 0 12px 16px 0
}
section.brand-hub-hero .hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 640px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #333!important;
  font-size: .78rem;
  line-height: 1.5
}
section.brand-hub-hero .hero-trust li {
  background: rgba(255,255,255,.93);
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 12px
}
@media(max-width:767px) {
  .topnav__inner {
    gap: 10px!important;
    padding-left: 16px!important;
    padding-right: 16px!important
  }
  .topnav__brand {
    min-width: 0;
    flex: 1;
    gap: 8px!important
  }
  .topnav__name {
    white-space: normal!important;
    font-size: .85rem!important;
    line-height: 1.15!important
  }
  .topnav__flag,
  .topnav__cart--bar,
  .topnav__burger {
    flex-shrink: 0
  }
  .topnav__cart--bar {
    margin-left: 0!important
  }
  .topnav__burger {
    min-width: 44px;
    min-height: 44px
  }
  section.brand-hub-hero {
    padding: 240px 0 36px!important;
    background-image: linear-gradient(180deg,rgba(246,245,241,.04) 0,rgba(246,245,241,.12) 175px,rgba(246,245,241,.92) 270px,rgba(246,245,241,.96) 70%,rgba(246,245,241,.92) 100%),url('/assets/media/hub-hero-20261103.jpg'),url('/assets/media/hub-hero-20261103.jpg') !important;
    background-size: 100% 100%,auto 420px,cover!important;
    background-position: center top,68% top,68% center!important;
    background-repeat: no-repeat!important
  }
  section.brand-hub-hero>.wrap,
  section.brand-hub-hero>.container {
    padding-left: 20px!important;
    padding-right: 20px!important
  }
  section.brand-hub-hero .hero-grid,
  section.brand-hub-hero .home-hero-inner,
  section.brand-hub-hero .us-hero-grid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0!important
  }
  section.brand-hub-hero :is(h1,h2) {
    font-size: clamp(1.8rem,7vw,2.2rem) !important;
    line-height: 1.08!important;
    letter-spacing: -.5px!important
  }
  section.brand-hub-hero .section-label {
    max-width: 100%;
    font-size: .7rem!important;
    white-space: normal
  }
  section.brand-hub-hero .hero-cta,
  section.brand-hub-hero .home-hero-cta {
    gap: 10px
  }
  section.brand-hub-hero .btn-primary,
  section.brand-hub-hero .btn-ghost,
  section.brand-hub-hero .us-text-link {
    max-width: 100%;
    min-height: 48px;
    padding: 12px 18px
  }
  section.brand-hub-hero .hero-trust {
    font-size: .75rem;
    gap: 6px
  }
}