/* Base */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
html, body {
  margin: 0;
  overflow-x: hidden;
  padding: 0;
}
body {
  height: 100%;
  overflow-x: hidden;
  position: relative;
}
/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin: 0;
}
/* Remove list styles on ul, ol elements */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
address {
  font-style: normal;
}
/* Set core body defaults */
body {
  line-height: 1.5;
}
/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}
/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}
/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}
/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font: inherit;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}
/* Extra */
menu {
  margin: 0;
  padding: 0;
}
ol, ul {
  margin: 0;
}
li {
  list-style-type: none;
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
h1, h2, h3, h4, h5 {
  margin: 0;
}
em {
  font-style: normal;
}
:root {
  --spacing-xxxs: 0.125rem;
  --spacing-xxs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.25rem;
  --spacing-xl: 1.75rem;
  --spacing-xxl: 2.25rem;
  --spacing-xxxl: 3rem;
  --spacing-xxxxl: 4.5rem;
}
:root {
  --h1-font-size-min: 36;
  --h1-font-size-max: 48;
  --h1-font-weight: 700;
  --h1-line-height: 1.4;

  --h1-font-size: clamp( 
    calc( var( --h1-font-size-min ) * 1px ), 
    calc( ( var( --h1-font-size-min ) * 1px ) + ( ( var( --h1-font-size-max ) - var( --h1-font-size-min ) ) * ( ( 100vw - 320px ) / ( 1000 - 320 ) ) ) ), 
    calc( var( --h1-font-size-max ) * 1px ) 
  );

  --h2-font-size-min: 28;
  --h2-font-size-max: 36;
  --h2-font-weight: 700;
  --h2-line-height: 1.4;

  --h2-font-size: clamp( 
    calc( var( --h2-font-size-min ) * 1px ), 
    calc( ( var( --h2-font-size-min ) * 1px ) + ( ( var( --h2-font-size-max ) - var( --h2-font-size-min ) ) * ( ( 100vw - 320px ) / ( 1000 - 320 ) ) ) ), 
    calc( var( --h2-font-size-max ) * 1px ) 
  );

  --h3-font-size-min: 28;
  --h3-font-size-max: 36;
  --h3-font-weight: 600;
  --h3-line-height: 1.4;

  --h3-font-size: clamp( 
    calc( var( --h3-font-size-min ) * 1px ), 
    calc( ( var( --h3-font-size-min ) * 1px ) + ( ( var( --h3-font-size-max ) - var( --h3-font-size-min ) ) * ( ( 100vw - 320px ) / ( 1000 - 320 ) ) ) ), 
    calc( var( --h3-font-size-max ) * 1px ) 
  );

  --h4-font-size-min: 24;
  --h4-font-size-max: 30;
  --h4-font-weight: 600;
  --h4-line-height: 1.4;

  --h4-font-size: clamp( 
    calc( var( --h4-font-size-min ) * 1px ), 
    calc( ( var( --h4-font-size-min ) * 1px ) + ( ( var( --h4-font-size-max ) - var( --h4-font-size-min ) ) * ( ( 100vw - 320px ) / ( 1000 - 320 ) ) ) ), 
    calc( var( --h4-font-size-max ) * 1px ) 
  );

  --h5-font-size-min: 20;
  --h5-font-size-max: 24;
  --h5-font-weight: 700;
  --h5-line-height: 1.4;

  --h5-font-size: clamp( 
    calc( var( --h5-font-size-min ) * 1px ), 
    calc( ( var( --h5-font-size-min ) * 1px ) + ( ( var( --h5-font-size-max ) - var( --h5-font-size-min ) ) * ( ( 100vw - 320px ) / ( 1000 - 320 ) ) ) ), 
    calc( var( --h5-font-size-max ) * 1px ) 
  );

  --lead-font-size-min: 18;
  --lead-font-size-max: 22;
  --lead-font-weight: 400;
  --lead-line-height: 1.5;

  --lead-font-size: clamp( 
    calc( var( --lead-font-size-min ) * 1px ), 
    calc( ( var( --lead-font-size-min ) * 1px ) + ( ( var( --lead-font-size-max ) - var( --lead-font-size-min ) ) * ( ( 100vw - 320px ) / ( 1000 - 320 ) ) ) ), 
    calc( var( --lead-font-size-max ) * 1px ) 
  );

  --p-font-size-min: 16;
  --p-font-size-max: 18;
  --p-font-weight: 400;
  --p-line-height: 1.5;

  --p-font-size: clamp( 
    calc( var( --p-font-size-min ) * 1px ), 
    calc( ( var( --p-font-size-min ) * 1px ) + ( ( var( --p-font-size-max ) - var( --p-font-size-min ) ) * ( ( 100vw - 320px ) / ( 1000 - 320 ) ) ) ), 
    calc( var( --p-font-size-max ) * 1px ) 
  );

  --small-font-size-min: 12;
  --small-font-size-max: 14;
  --small-font-weight: 400;
  --small-line-height: 1.5;

  --small-font-size: clamp( 
    calc( var( --small-font-size-min ) * 1px ), 
    calc( ( var( --small-font-size-min ) * 1px ) + ( ( var( --small-font-size-max ) - var( --small-font-size-min ) ) * ( ( 100vw - 320px ) / ( 1000 - 320 ) ) ) ), 
    calc( var( --small-font-size-max ) * 1px ) 
  );
}
.h1 {
  font-size: var( --h1-font-size );
  font-weight: var( --h1-font-weight );
  line-height: var( --h1-line-height );
}
.h2 {
  font-size: var( --h2-font-size );
  font-weight: var( --h2-font-weight );
  line-height: var( --h2-line-height );
}
.h3 {
  font-size: var( --h3-font-size );
  font-weight: var( --h3-font-weight );
  line-height: var( --h3-line-height );
}
.h4 {
}
.h5 {
  color: white;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and ( max-width: 749px ) {
  .hide\:sm {
    display: none !important;
  }
}
@media screen and ( min-width: 750px ) and ( max-width: 999px ) {
  .hide\:md {
    display: none !important;
  }
}
@media screen and ( min-width: 1000px ) and ( max-width: 1249px ) {
  .hide\:lg {
    display: none !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .hide\:lg-up {
    display: none !important;
  }
}
@media screen and ( min-width: 1250px ) and ( max-width: 1499px ) {
  .hide\:xl {
    display: none !important;
  }
}
@media screen and ( min-width: 1500px ) {
  .hide\:xxl {
    display: none !important;
  }
}
.is-hidden {
  visibility: hidden;
}
.is-locked {
  height: 100%;
  position: relative;
  overflow-y: hidden;
}
:root {
  --color-background-dark: #1f1f1f;
  --color-orange: #ff4e02;
  --color-tan: rgb( 186,175,154 );

  --color-gray-50: #fafafa;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #e5e5e5;
  --color-gray-300: #d4d4d4;
  --color-gray-400: #a3a3a3;
  --color-gray-500: #737373;
  --color-gray-600: #525252;
  --color-gray-700: #404040;
  --color-gray-800: #262626;
  --color-gray-900: #171717;
  --color-gray-950: #0a0a0a;
}
/* Components */
.alert {
  animation: flash 1.25s ease-in;
  background: rgb( 0 0 0 / 85% ) url( '/images/background.png' ) center center;
  box-shadow: rgba( 113, 113, 122, 0.12 ) 0px 4px 16px 0px;
  color: white;
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: var( --spacing-md );
  position: fixed;
  right: 0;
  top: calc( var( --header-height ) + var( --spacing-lg ) );
  transition: 
    transform 250ms ease-in,
    opacity 250ms ease-in;
  transform: translateX( 100% );
  z-index: 5;
}
@keyframes flash {
  0% {
    opacity: 0;
    transform: translateX( 100% );
  }
  15% {
    opacity: 1;
    transform: translateX( -10px );
  }
  85% {
    opacity: 1;
    transform: translateX( -10px );
  }
  100% {
    opacity: 0;
    transform: translateX( 100% );
  }
}
.attribution {
  align-items: center;
  display: flex;
  font-weight: 500;
  gap: 10px;
  justify-content: center;
  text-align: center;
}
.attribution em {
  font-weight: 700;
}
.attribution .attribution__link {
  position: relative;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  height: 25px;
}
.attribution .attribution__link:hover {
  color: white;
}
.attribution .attribution__link:hover:before {
  background-color: rgb( 255 255 255 / 7.5% );
  content: '';
  inset: 0; 
  pointer-events: none;
  position: absolute;
}
.attribution .attribution__link[ href="https://coldandgoji.com" ] {
  height: 25px;
  width: 25px;
}
.attribution .attribution__link svg {
  height: 20px;
  width: 20px;
}
.banner.banner--narrow .banner__images {
  height: 200px;
}
.banner.banner--narrow .banner__image {
  object-position: right;
}
@media screen and ( min-width: 750px ) {
  .banner.banner--narrow .banner__inner {
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translateY( -50% ) translateX( -50% );
  }
  .banner.banner--narrow .banner__images {
    height: 50vh;
  }
}
@media screen and ( min-width: 1000px ) {
  .banner.banner--narrow .banner__images {
    height: 60vh;
    max-height: 500px;
  }

  .banner.banner--narrow .banner__content {
    max-width: 750px;
    width: 75%;
  }
}
@media screen and ( min-width: 1200px ) {
}
.banner.banner--text .banner__images {
  display: none;
}
.banner.banner--text .banner__inner {
  position: static;
  left: 0;
  transform: none;
}
@media screen and ( min-width: 750px ) {
  .banner.banner--text {
    background: rgb( 0 0 0 / 75% ) url( '/images/background.png' ) center center;
  }

  .banner.banner--text .banner__container {
    max-width: var( --container-md-max );
    padding: var( --container-md-padding );
    margin: 0 auto;
  }

  .banner.banner--text .banner__content {
    background: 0;
    padding: 0;
  }
}
@media screen and ( min-width: 1000px ) {
  .banner.banner--text .banner__container {
    max-width: var( --container-lg-max );
    padding: var( --container-lg-padding );
  }
}
.banner.banner--video {
  background: black;
}
.banner.banner--video .banner__embed {
  aspect-ratio: 16 / 9;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}
.banner.banner--video .banner__embed iframe {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}
.banner.banner--video .banner__content {
  display: none;
}
.banners .banner {
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 250ms ease;
}
.banners {
  height: 75vh;
}
.banners .banner.crossfade {
  opacity: 1 !important;
  z-index: 1;
}
@media screen and ( min-width: 750px ) {
  .banners {
    height: 75vh;
  }
}
@media screen and ( min-width: 1000px ) {
  .banners {
    height: 85vh;
  }
}
.banner .banner__container {
  position: relative;
}
.banner .banner__images {
  height: 350px;
  position: relative;
}
@media screen and ( max-width: 749px ) {
  .banners {
    z-index: 1;
  }

  .banners .banner .banner__content {
    background: rgb( 0 0 0 / 100% ) url( '/images/background.png' ) center center;
  }

  .banners,
  .banners .banner .banner__container {
    height: 550px;
  }

  .banners .banner .banner__images {
    height: 400px;
  }

  .banners .banner .banner__inner {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
.banner .banner__images.has-multiple .banner__figure {
  opacity: 0;
  transition: opacity 250ms ease;
}
.banner .banner__figure {
  inset: 0;
  position: absolute;
}
.banner .banner__figure.crossfade {
  opacity: 1 !important;
  z-index: 1;
}
.banner .banner__image {
  height: 100%;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.banner .banner__content {
  background: rgb( 0 0 0 / 85% ) url( '/images/background.png' ) center center;
  display: grid;
  gap: var( --spacing-md );
  padding: var( --spacing-xl );
}
.banner .banner__heading {
  color: white;
  font-size: var( --h1-font-size );
  font-weight: var( --h1-font-weight );
  line-height: var( --h1-line-height );
}
.banner .banner__copy {
  color: white;
  font-size: var( --lead-font-size );
  line-height: var( --lead-line-height );
}
.banner .banner__actions {
  display: flex;
  margin-top: var( --spacing-md );
}
@media screen and ( min-width: 750px ) {
  .banner .banner__images {
    height: 75vh;
  }

  .banner .banner__inner {
    bottom: var( --container-md-padding );
    display: flex;
    left: 50%;
    max-width: var( --container-md-max );
    padding: 0 var( --container-md-padding );
    position: absolute;
    transform: translateX( -50% );
    width: 100%;
    z-index: 2;
  }

  .banner .banner__content {
    background-color: rgb( 0 0 0 / 50% );
    padding: var( --spacing-xxl );
  }

  .banner .banner__actions {
    margin-top: var( --spacing-sm );
  }
}
@media screen and ( min-width: 1000px ) {
  .banner .banner__inner {
    max-width: var( --container-lg-max );
  }

  .banner .banner__images {
    height: 85vh;
  }
}
.breadcrumbs {
}
.breadcrumbs .breadcrumbs__list {
  display: flex;
  gap: var( --spacing-xxs );
}
.breadcrumbs .breadcrumbs__item {
  align-items: center;
  justify-content: flex-start;
  display: flex;
}
.breadcrumbs .breadcrumbs__item:not( :last-child ):after {
  content: '/';
  font-size: 10px;
  margin: 0 var( --spacing-xxs ) 0 var( --spacing-xs );
}
.breadcrumbs .breadcrumbs__link {
  color: var( --color-gray-500 );
  font-size: var( --small-font-size );
  font-weight: var( --small-font-weight );
  line-height: var( --small-line-height );
}
.breadcrumbs .breadcrumbs__link:hover {
  color: black;
}
.button {
  align-items: center;
  background: 0;
  border-radius: 0;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 600;
  justify-content: center;
  outline: 0;
  padding: 11.25px var( --spacing-xl );
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.button:hover:before {
  content: '';
  display: contents;
  inset: 0;
  position: absolute;
}
.button.is-primary {
  background-color: var( --color-tan );
  color: black;
}
.button.is-primary:hover:before {
  background: rgb( 0 0 0 / 10% );
}
.button.is-important {
  background-color: var( --color-orange );
  color: white;
}
.button.is-important:hover:before {
  background: rgb( 255 255 255 / 10% );
}
.button.is-secondary {
  background-color: var( --color-gray-700 );
  color: white;
  padding: 11.25px var( --spacing-md );
}
.button.is-secondary:hover:before {
  background: rgb( 255 255 255 / 10% );
}
.button.is-tertiary {
  background-color: white;
  border: 3px solid var( --color-gray-700 );
  color: var( --color-gray-700 );
  padding: 11.25px var( --spacing-md );
}
.button.is-tertiary:hover:before {
  background: rgb( 0 0 0 / 10% );
}
.button.is-sm {
  font-size: 12px;
  padding: 8px var( --spacing-md );
}
.button.is-lg {
  font-size: 16px;
  padding: 15px var( --spacing-xxl );
}
.button.is-ghost {
  color: var( --color-tan ); 
}
.button.is-icon {
  height: 45px;
  padding: 10px;
  width: 45px;
}
.button.is-icon svg {
  height: 100%;
  width: 100%;
}
.button.is-filled {
  width: 100%;
}
.button.is-ghost:hover {
  background-color: rgb( 255 255 255 / 5% );
}
.button[ data-toggle="overflow" ] {
  margin-right: auto;
}
.header .button[ data-role="distributor" ] {
  margin-left: auto;
}
x-cart {
  margin-left: auto;
}
.category {
}
.category .container {
  display: contents;
}
.category .content {
  color: white;
  grid-area: content;
  gap: 10px;
  flex-direction: column;
  display: flex;
  margin-bottom: 25px;
}
.category .content iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
}
.category .menu {
  grid-area: menu;
}
.category .listing {
  grid-area: listing;
}
@media screen and ( min-width: 750px ) {
  .category .container {
    display: block;
    padding-bottom: var( --spacing-xxl );
  }
}
@media screen and ( min-width: 1000px ) {
  .category .container {
    column-gap: var( --spacing-xl );
    display: grid;
    grid-template-areas: 
      "menu  content"
      "menu  listing"
      "menu  ."
      ;
    padding-top: var( --spacing-xxxl );
  }
}
.collection[class*='collection--tiles'] .collection__container {
  margin: 0 auto;
  max-width: var( --container-sm-max );
  position: relative;
  padding: 0 var( --container-sm-padding );
  width: 100%;
}
.collection[class*='collection--tiles'] .collection__list {
  display: grid;
  gap: var( --spacing-md );
}
@media screen and ( min-width: 750px ) {
  .collection[class*='collection--tiles'] .collection__container {
    max-width: var( --container-md-max );
    padding: 0 var( --container-md-padding );
  }
}
@media screen and ( min-width: 1000px ) {
  .collection[class*='collection--tiles'] .collection__container {
    max-width: var( --container-lg-max );
    padding: 0 var( --container-lg-padding );
  }
}
/* content */
.collection[class*='collection--tiles'] .content .content__container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.collection[class*='collection--tiles'] .content .content__figure {
  transition: transform 150ms ease;
}
.collection[class*='collection--tiles'] .content .content__image {
  height: 100%;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.collection[class*='collection--tiles'] .content .content__inner {
  display: flex;
  flex-grow: 1;
}
.collection[class*='collection--tiles'] .content .content__content {
  background: rgb( 0 0 0 / 85% ) url( '/images/background.png' ) center center;
  color: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var( --spacing-md );
  padding: var( --spacing-xl );
}
.collection[class*='collection--tiles'] .content .content__link {
  position: absolute;
  inset: 0;
}
.collection[class*='collection--tiles'] .content:hover .content__link:before {
  background-color: rgb( 255 255 255 / 10% );
  content: '';
  inset: 0;
  position: absolute;
}
.collection[class*='collection--tiles'] .content {
  overflow: hidden;
}
.collection[class*='collection--tiles'] .content:hover .content__figure {
  /* transform: scale( 1.05 ); */
}
.collection[class*='collection--tiles'] .content .content__actions {
}
.collection[class*='collection--tiles'] .content .content__heading {
  font-size: var( --h3-font-size );
  font-weight: var( --h3-font-weight );
  line-height: var( --h3-line-height );
}
.collection[class*='collection--tiles'] .content .content__copy {
  font-size: var( --lead-font-size );
  font-weight: var( --lead-font-weight );
  line-height: var( --lead-line-height );
  flex-grow: 1;
}
@media screen and ( min-width: 1000px ) {
  .collection[class*='collection--tiles'] .content .content__inner {
    position: absolute;
    inset: 0;
  }
}
.collection.collection--tiles-one-column .collection__container {
}
.collection.collection--tiles-one-column .content .content__figure {
  aspect-ratio: 16 / 9;
}
.collection.collection--tiles-one-column .content .content__image {
  object-position: top right;
}
@media screen and ( min-width: 1000px ) {
  .collection.collection--tiles-one-column .content .content__figure {
    aspect-ratio: 4 / 1;
  }

  .collection.collection--tiles-one-column .content .content__content {
    background-color: rgb( 0 0 0 / 50% );
    justify-content: center;
    margin-right: 50%;
  }

  .collection.collection--tiles-one-column .content .content__copy {
    flex-grow: 0;
  }
}
/* collection */
@media screen and ( min-width: 750px ) {
  .collection.collection--tiles-two-columns .collection__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }
}
/* content */
.collection.collection--tiles-two-columns .content .content__figure {
  aspect-ratio: 4 / 3;
}
@media screen and ( min-width: 1000px ) {
  .collection.collection--tiles-two-columns .content .content__content {
    background-color: rgb( 0 0 0 / 50% );
    bottom: 0;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
  }
}
.collection.collection--logos {
  background-color: white;
  padding: 50px 0;
  position: relative;
  z-index: 1;
}
.collection.collection--logos .collection__heading {
  margin: 0 auto;
  max-width: 750px;
  text-align: center;
}
.collection.collection--logos .collection__heading svg {
  position: relative;
  top: 10px;
}
.collection.collection--logos .collection__list {
  border-top: 1px solid #eee;
  column-gap: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
  padding-top: 50px;
  position: relative;
  row-gap: 50px;
}
.collection.collection--logos .collection__list > * {
  width: 150px;
  filter: grayscale( 100% );
  object-fit: contain;
}
@media screen and ( min-width: 750px ) {
  .collection.collection--logos {
    padding: 100px 0;
  }
}
.collection.collection--images-four-columns .collection__list {
  column-gap: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var( --spacing-md );
  position: relative;
  row-gap: 50px;
}
.collection.collection--images-four-columns .collection__list > * {
  object-fit: contain;
  position: relative;
  width: 262.5px;
}
.collection.collection--images-four-columns .collection__list > * .content__actions {
  display: none;
}
.collection.collection--images-four-columns .collection__list > * .content__link {
  position: absolute;
  inset: 0;
}
.collection.collection--images-six-columns .collection__list {
  column-gap: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var( --spacing-md );
  position: relative;
  row-gap: 50px;
}
.collection.collection--images-six-columns .collection__list > * {
  object-fit: contain;
  position: relative;
  width: 158px;
}
.collection.collection--images-six-columns .collection__list > * .content__actions {
  display: none;
}
.collection.collection--images-six-columns .collection__list > * .content__link {
  position: absolute;
  inset: 0;
}
.collection.collection--videos-two-columns .collection__list {
  column-gap: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var( --spacing-md );
  position: relative;
  row-gap: 50px;
}
.collection.collection--videos-two-columns .collection__list > * {
  width: 575px;
}
.collection.collection--videos-two-columns .collection__list > * .content__copy {
  aspect-ratio: 16 / 9;
  position: relative;
}
.collection.collection--videos-two-columns .collection__list > * .content__copy iframe {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}
.collection.collection--videos-two-columns .collection__list > * .content__actions {
  display: none;
}
.collection.collection--videos-two-columns .collection__list > * .content__link {
  display: none;
}
@media screen and ( min-width: 750px ) {
  .collection.collection--layout-1-2 .collection__list {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 2fr;
  }
}
.collection.collection--timeline {
  position: relative;
}
.collection.collection--timeline .collection__list {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.collection.collection--timeline .content .content__container {
  gap: 0;
}
.collection.collection--timeline .content .content__inner {
  background: white;
  box-shadow: 0 1px 3px 0 rgb( 0 0 0 / 0.1 ), 0 1px 2px -1px rgb( 0 0 0 / 0.1 );
}
.collection.collection--timeline .content .content__inner {
  padding: 2em;
  width: 100%;
}
.collection.collection--timeline .content .content__content {
  padding: 0;
}
.collection.collection--timeline .content .content__tags {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.collection.collection--timeline .content .content__tag {
  border: 2px solid black;
  padding: 2px 8px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: var( --small-font-size );
}
.collection.collection--timeline .content .content__heading {
  font-size: var( --h4-font-size );
}
.collection.collection--timeline .content .content__copy {
  display: grid;
  gap: 1em;
  font-size: var( --p-font-size );
}
.collection.collection--timeline .collection__actions {
  display: flex;
  align-items: center;
  margin-top: 25px;
  justify-content: center;
}
@media screen and ( min-width: 750px ) {
  .collection.collection--timeline .content:nth-child( odd ) .content__inner {
    order: -1;
  }

  .collection.collection--timeline .content .content__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
  }

  .collection.collection--timeline .content .content__inner {
    width: 100%;
  }

  .collection.collection--timeline .content .content__figure {
    width: 100%;
  }

  .collection.collection--timeline:before {
    background-color: var( --color-tan );
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX( -50% );
    width: 1px;
  }

  .collection.collection--timeline:after {
    background-color: var( --color-tan );
    content: '';
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX( -50% );
    width: 20px;
  }

  .collection.collection--timeline .content .content__container:before {
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;
    top: 50%;
    transform: translateX( -50% ) translateY( -50% );
    left: 50%;
    background-color: var( --color-tan );
  }
}
.collection {
}
.collection .collection__heading {
  font-size: var( --h2-font-size );
  font-weight: var( --h2-font-weight );
  line-height: var( --h2-line-height );
}
.collection .collection__container {
  display: grid;
  gap: var( --spacing-md );
  margin: 0 auto;
  padding: 0 var( --container-sm-padding );
  position: relative;
  width: 100%;
}
@media screen and ( min-width: 750px ) {
  .collection .collection__container {
    max-width: var( --container-md-max );
    padding: 0 var( --container-md-padding );
  }
}
@media screen and ( min-width: 1000px ) {
  .collection .collection__container {
    max-width: var( --container-lg-max );
    padding: 0 var( --container-lg-padding );
  }
}
:root {
  --container-sm-max: 550px;
  --container-sm-padding: 25px;

  --container-md-max: 1100px;
  --container-md-padding: 50px;

  --container-lg-max: 1300px;
  --container-lg-padding: 50px;

  --container-xl-max: 1600px;
  --container-xl-padding: 50px;
}
.container {
  margin: 0 auto;
  max-width: var( --container-sm-max );
  position: relative;
  padding: 0 var( --container-sm-padding );
  width: 100%;
}
.container.is-fluid {
  max-width: none;
}
@media screen and ( min-width: 750px ) {
  .container {
    max-width: var( --container-md-max );
    padding: 0 var( --container-md-padding );
  }

  .container.is-fluid {
    max-width: none;
  }
}
@media screen and ( min-width: 1000px ) {
  .container {
    max-width: var( --container-lg-max );
    padding: 0 var( --container-lg-padding );
  }

  .container.is-fluid {
    max-width: none;
  }
}
.content.content--accordion.is-open {
}
.content.content--accordion .content__container {
  margin: 0 auto;
  max-width: var( --container-lg-max );
  position: relative;
  padding: 0 var( --container-sm-padding );
  width: 100%;
}
.content.content--accordion .content__heading {
  display: flex;
  font-size: var( --h2-font-size );
  font-weight: var( --h2-font-weight );
  line-height: var( --h2-line-height );
}
.content.content--accordion .content__heading:after {
  content: '+';
  margin-left: auto;
}
.content.content--accordion.is-open .content__heading:after {
  content: '-';
}
.content.content--accordion .content__heading:hover {
  color: var( --color-tan );
  cursor: pointer;
}
.content.content--accordion .content__copy {
  height: 0;
  overflow: hidden;
}
.content.content--accordion .content__copy h3 {
  font-size: var( --h3-font-size );
  font-weight: var( --h3-font-weight );
  line-height: var( --h3-line-height );
  padding-top: .5em;
  margin-top: 1em;
}
@media screen and ( min-width: 750px ) {
}
.content.content--accordion .content__copy {
  margin: 0 auto;
  max-width: 1000px;
}
.content.content--accordion.is-open .content__copy {
  height: auto;
}
.content[class*='content--image'] .content__container {
  align-items: center;
  display: flex;
  margin: 0 auto;
  position: relative;
  width: 100%;
  gap: var( --spacing-xxl );
  flex-direction: column;
}
.content[class*='content--image'] .content__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  max-width: var( --container-sm-max );
  padding: 0 var( --container-sm-padding );
}
.content[class*='content--image'] .content__heading {
  font-size: var( --h2-font-size );
  font-weight: var( --h2-font-weight );
}
.content[class*='content--image'] .content__heading svg {
  position: relative;
  top: 11px;
}
.content[class*='content--image'] .content__copy {
  font-size: var( --lead-font-size );
  line-height: var( --lead-line-height );
}
.content[class*='content--image'] .content__figure {
  width: 100%;
}
@media screen and ( min-width: 750px ) {
  .content[class*='content--image'] .content__container {
    max-width: var( --container-md-max );
    padding: 0 var( --container-md-padding );
  }

  .content[class*='content--image'] .content__figure {
    flex-shrink: 0;
    flex-grow: 0;
    width: 50%;
  }
}
@media screen and ( min-width: 1000px ) {
  .content[class*='content--image'] .content__container {
    max-width: var( --container-lg-max );
    padding: 0 var( --container-lg-padding );
  }
}
@media screen and ( min-width: 1200px ) {
  .content[class*='content--image'] .content__container {
    max-width: var( --container-xl-max );
    padding: 0 var( --container-xl-padding );
  }
}
@media screen and ( min-width: 750px ) {
  .content.content--image-left .content__container {
    flex-direction: row;
  }
}
@media screen and ( min-width: 750px ) {
  .content.content--image-right .content__container {
    flex-direction: row-reverse;
  }
}
.content[class*='content--banner-content'] .content__heading {
  color: white;
  font-size: var( --h1-font-size );
  font-weight: var( --h1-font-weight );
  line-height: var( --h1-line-height );
}
.content[class*='content--banner-content'] .content__copy {
  color: white;
  font-size: var( --lead-font-size );
  line-height: var( --lead-line-height );
}
.content[class*='content--banner-content'] .content__figure {
  height: 350px;
}
.content[class*='content--banner-content'] .content__image {
  height: 100%;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.content[class*='content--banner-content'] .content__content {
  background: rgb( 0 0 0 / 85% ) url( '/images/background.png' ) center center;
  display: grid;
  gap: var( --spacing-md );
  padding: var( --spacing-xl );
}
@media screen and ( min-width: 750px ) {
  .content[class*='content--banner-content'] .content__figure {
    height: 75vh;
  }

  .content[class*='content--banner-content'] .content__inner {
    align-items: center;
    display: flex;
    inset: 0;
    margin: 0 auto;
    max-width: var( --container-md-max );
    padding: 0 var( --container-md-padding );
    position: absolute;
    width: 100%;
    z-index: 2;
  }

  .content[class*='content--banner-content'] .content__content {
    background-color: rgb( 0 0 0 / 50% );
    max-width: 500px;
    padding: var( --spacing-xxl );
  }
}
@media screen and ( min-width: 1000px ) {
  .content[class*='content--banner-content'] .content__figure {
    height: 85vh;
  }

  .content[class*='content--banner-content'] .content__inner {
    max-width: var( --container-lg-max );
    padding: 0 var( --container-lg-padding );
  }

  .content[class*='content--banner-content'] .content__content {
    max-width: 750px;
  }
}
@media screen and ( min-width: 750px ) {
  .content.content--banner-content-center .content__inner {
    justify-content: center;
  }
}
@media screen and ( min-width: 750px ) {
  .content.content--banner-content-left .content__inner {
    justify-content: flex-start;
  }
}
@media screen and ( min-width: 750px ) {
  .content.content--banner-content-right .content__inner {
    justify-content: flex-end;
  }
}
.content.content--page .content__container {
  margin: 0 auto;
  max-width: var( --container-sm-max );
  position: relative;
  padding: var( --spacing-xl ) var( --container-sm-padding );
  width: 100%;
}
.content.content--page .content__content {
  display: grid;
  gap: var( --spacing-lg );
}
.content.content--page .content__heading {
  font-size: var( --h1-font-size );
  font-weight: var( --h1-font-weight );
  line-height: var( --h1-line-height );
}
.content.content--page .content__copy {
}
.content.content--page .content__copy > * {
  margin-top: 1em;
}
.content.content--page .content__copy p {
  font-size: var( --p-font-size );
  font-weight: var( --p-font-weight );
  line-height: var( --p-line-height );
}
.content.content--page .content__copy h2 {
  font-size: var( --h2-font-size );
  font-weight: var( --h2-font-weight );
  line-height: var( --h2-line-height );
  margin-top: 2em;
}
.content.content--page .content__copy h3 {
  font-size: var( --h3-font-size );
  font-weight: var( --h3-font-weight );
  line-height: var( --h3-line-height );
  margin-top: 2em;
}
.content.content--page .content__copy h4 {
  font-size: var( --h4-font-size );
  font-weight: var( --h4-font-weight );
  line-height: var( --h4-line-height );
  margin-top: 2em;
}
.content.content--page .content__copy h5 {
  font-size: var( --h5-font-size );
  font-weight: var( --h5-font-weight );
  line-height: var( --h5-line-height );
  margin-top: 2em;
}
.content.content--page .content__copy li {
  font-size: var( --p-font-size );
  font-weight: var( --p-font-weight );
  position: relative;
  line-height: var( --p-line-height );
}
.content.content--page .content__copy li:not( :first-child ) {
  margin-top: .5em;
}
.content.content--page .content__copy a {
  text-decoration: underline;
  display: inline-block;
  text-decoration-color: var( --color-orange );
}
.content.content--page .content__copy a:hover {
  color: var( --color-orange );
}
.content.content--page .content__copy ol {
  counter-reset: ol;
}
.content.content--page .content__copy ol li {
  counter-increment: ol;
  padding-left: 2em;
}
.content.content--page .content__copy ol li:before {
  content: counter( ol )'.';
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
.content.content--page .content__copy ul li {
  counter-increment: ol;
  padding-left: 1em;
}
.content.content--page .content__copy ul li:before {
  content: '•';
  display: block;
  font-size: 2rem;
  line-height: .75;
  left: 0;
  position: absolute;
  top: 0;
}
.content.content--page .content__copy table {
  border-collapse: collapse;
}
.content.content--page .content__copy table th {
  margin: 0;
  padding: .5em 0;
}
.content.content--page .content__copy table td {
  border-top: 1px solid #ccc;
  margin: 0;
  padding: .5em 0;
}
.content.content--page .content__copy table th:not( :last-child ),
.content.content--page .content__copy table td:not( :last-child ) {
  padding-right: 1em;
}
.content.content--page .content__copy em {
  font-style: italic;
}
@media screen and ( min-width: 750px ) {
  .content.content--page .content__container {
    max-width: 850px;
    padding: var( --spacing-xxxxl ) var( --container-md-padding );
  }
}
.content[class*='content--ribbon'] {
  background: rgb( 0 0 0 / 85% ) url( '/images/background.png' ) center center;
}
.content[class*='content--ribbon'] .content__container {
  margin: 0 auto;
  max-width: var( --container-sm-max );
  position: relative;
  padding: var( --spacing-xxl ) var( --container-sm-padding );
  width: 100%;
}
.content[class*='content--ribbon'] .content__content {
  color: white;
  display: flex;
  flex-direction: column;
  gap: var( --spacing-md );
}
.content[class*='content--ribbon'] .content__heading {
  font-size: var( --h4-font-size );
  line-height: var( --h4-line-height );
}
.content[class*='content--ribbon'] .content__copy {
  font-size: var( --lead-font-size );
  line-height: var( --lead-line-height );
}
@media screen and ( min-width: 750px ) {
  .content[class*='content--ribbon'] .content__container {
    max-width: var( --container-md-max );
    padding: var( --spacing-xxxl ) var( --container-md-padding );
  }
}
@media screen and ( min-width: 1000px ) {
  .content[class*='content--ribbon'] .content__container {
    max-width: var( --container-lg-max );
    padding: var( --spacing-xxxl ) var( --container-lg-padding );
  }
}
.content.content--ribbon-centered .content__content {
  align-items: center;
  margin: 0 auto;
  max-width: 750px;
  text-align: center;
}
.content.content--ribbon-left-aligned {
}
@media screen and ( min-width: 750px ) {
  .content.content--ribbon-left-aligned .content__content {
    align-items: center;
    flex-direction: row;
  }

  .content.content--ribbon-left-aligned .content__copy {
    max-width: 850px;
  }

  .content.content--ribbon-left-aligned .content__actions {
    margin: 0 0 0 auto;
  }
}
.content {
}
.content .content__container {
  position: relative;
}
.content .content__actions {
  display: flex;
  margin-top: var( --spacing-md );
}
.copyright {
  text-align: center;
}
@media screen and ( min-width: 750px ) {
  .copyright {
    text-align: left;
  }
}
.header .flag {
  display: none;
  height: var( --header-height );
  margin-right: auto;
  padding: var( --spacing-md ) 0;
}
.footer .flag {
  padding: 10px;
}
@media screen and ( min-width: 750px ) {
  .header .flag {
    display: inline-block;
    padding: var( --spacing-lg ) 0;
  }

  .footer .flag {
    margin: 0 auto;
    max-width: 125px;
  }
}
@media screen and ( min-width: 1000px ) {
  .header .flag {
    padding: var( --spacing-xl ) 0;
    margin-right: 0;
  }
}
.footer {
  background-color: #1f1f1f;
  margin-bottom: var( --legal-height );
  position: relative;
  z-index: 1;
  padding: 50px 0;
}
.footer .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-areas:
    "logo           flag"
    "quicklinks     quicklinks"
    "policy         policy"
    "manufacturing  manufacturing"
    "social         social";
}
.footer .logo { grid-area: logo; }
.footer .flag { grid-area: flag; }
.footer .menu[ data-id="27AtYHLmYlmx5MB0mthEdn" ] { grid-area: quicklinks; }
.footer .menu[ data-id="4vE3hRk3HjGbk5geyPdSVq" ] { grid-area: policy; }
.footer .manufacturing { grid-area: manufacturing; }
.footer .menu[ data-role="social" ] { grid-area: social; }
@media screen and ( min-width: 750px ) {
  .footer .container {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: flex-start;
    grid-column-gap: var( --spacing-xl );
    grid-row-gap: 25px;
    grid-template-areas:
      "logo  quicklinks  policy"
      "flag  quicklinks  manufacturing"
      "flag  quicklinks  social";
  }
}
@media screen and ( min-width: 1000px ) {
  .footer .container {
    grid-template-columns: .5fr .5fr .5fr 1fr 1fr 1fr;
    grid-template-areas:
      "logo flag .  quicklinks  policy  manufacturing"
      ". .  . quicklinks  policy  manufacturing"
      ". .  . quicklinks  policy  social";
  }

  .footer .logo { align-self: center; }
  .footer .flag { align-self: center; }
}
.form.form--newsletter {
  background-image: url( 'https://images.ctfassets.net/apn0hibzh8qu/2bYwthr9m2zEHnAQWwfZQG/b2cf256629490f65084142b8e2ca7dc0/Optimized_newsletter-bg-6f1b361d58c3ca95b5bd101b82f761a3.jpg' );
  background-position: center center;
  background-size: cover;
}
.form.form--newsletter .form__container {
  background: rgb( 0 0 0 / 85% ) url( '/images/background.png' ) center center;
  color: white;
  display: grid;
  gap: var( --spacing-md );
  margin: 0 auto;
  padding: var( --spacing-xl );
}
.form.form--newsletter .form__heading svg {
  position: relative;
  top: 12px;
}
@media screen and ( min-width: 750px ) {
  .form.form--newsletter {
    padding: 100px 0;
  }

  .form.form--newsletter .form__container {
    background-color: rgb( 0 0 0 / 50% );
    max-width: 500px;
  }
}
@media screen and ( min-width: 1000px ) {
  .form.form--newsletter .form__container {
    max-width: 750px;
    padding: var( --spacing-xxl );
  }
}
.form.form--quote {
  background-image: url( 'https://images.ctfassets.net/apn0hibzh8qu/71SFTJJSxvbPgqmeGDjRTj/c7f7662ea991fb5f14a1b176d52857a9/Optimized_request-quote-bg-da8d36979dbfc6afffeb0c7d03903e95.jpg' );
  background-position: center center;
  background-size: cover;
}
.form.form--quote .form__container {
  background: rgb( 0 0 0 / 85% ) url( '/images/background.png' ) center center;
  color: white;
  display: grid;
  gap: var( --spacing-md );
  margin: 0 auto;
  padding: var( --spacing-xl );
}
.form.form--quote .form__heading svg {
  position: relative;
  top: 12px;
}
@media screen and ( min-width: 750px ) {
  .form.form--quote {
    padding: 100px 0;
  }

  .form.form--quote .form__container {
    background-color: rgb( 0 0 0 / 50% );
    max-width: 500px;
  }
}
@media screen and ( min-width: 1000px ) {
  .form.form--quote .form__container {
    max-width: 750px;
    padding: var( --spacing-xxl );
  }
}
.form {
  position: relative;
  z-index: 1;
}
.form__heading {
  font-size: var( --h2-font-size );
  font-weight: var( --h2-font-weight );
}
.form__copy {
  font-size: var( --lead-font-size );
  line-height: var( --lead-line-height );
}
.gallery {
  display: flex;
  flex-direction: column;
  grid-row-gap: var( --spacing-xxs );
  justify-content: flex-start;
}
.gallery .gallery__canvas {
  align-items: center;
  aspect-ratio: 1 / 1;
  background: white;
  border: 1px solid var( --color-gray-300 );
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.gallery .gallery__canvas .embed {
  aspect-ratio: 16 / 9;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
.gallery .gallery__canvas iframe {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}
.gallery .gallery__image {
  max-height: 100%;
}
.gallery .gallery__thumbnails {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: var( --spacing-xxs );
}
/* Don't add the regular padding that would appear at the */
/* bottom of the main, otherwise there is unappealing white */
/* space on the home page. */
[ data-id="76kTLWT3bvVqPcz0c3F9tB" ] .main > :last-child,
[ data-id="3wUkXb3nXSc9DIsLiMrMuu" ] .main > :last-child {
  padding-bottom: 0;
}
[ data-id="2GFvSqdh1LQa3SMANmMqeh" ] .page__container {
  gap: var( --spacing-xxl ) !important;
}
:root {
  --header-height: 65px;
  --header-padding: 0 10px;
}
@media screen and ( min-width: 750px ) {
  :root {
    --header-height: 75px;
  }
}
@media screen and ( min-width: 1000px ) {
  :root {
    --header-height: 100px;
    --header-padding: 0 20px;
  }
}
.header {
  background: #1f1f1f;
}
.header .container {
  align-items: center;
  display: flex;
  gap: var( --spacing-xs );
  height: var( --header-height );
  justify-content: flex-start;
  z-index: 2;
}
.header hs-toggle[ drawer="cart" ] {
  margin-left: auto;
}
@media screen and ( min-width: 750px ) {
  .header hs-toggle[ drawer="cart" ] {
    margin-left: 0;
  }
}
.page .page__container {
  display: grid;
  gap: var( --spacing-xxl );
  width: 100%;
}
@media screen and ( min-width: 750px ) {
  .page .page__container {
    gap: var( --spacing-xxxl );
  }
}
@media screen and ( min-width: 1000px ) {
  .page .page__container {
    gap: var( --spacing-xxxxl );
  }
}
:root {
  --legal-height: 100px;
}
@media screen and ( min-width: 750px ) {
  :root {
    --legal-height: 50px;
  }
}
.legal {
  align-items: center;
  background: #050505;
  bottom: 0;
  color: #737373;
  display: grid;
  font-size: 12px;
  height: calc( var( --legal-height ) + 150px );
  left: 0;
  padding-top: 150px;
  position: fixed;
  width: 100%;
  z-index: 0;
}
.legal .container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and ( min-width: 750px ) {
  .legal .container {
    flex-direction: row;
    justify-content: space-between;
    max-width: none;
  }
}
.listing {
  display: grid;
  row-gap: var( --spacing-md );
}
@media screen and ( max-width: 749px ) {
  .listing {
    margin: 0 auto;
    max-width: 350px;
    padding: var( --container-sm-padding );
    position: relative;
    width: 100%;
  }
}
@media screen and ( min-width: 750px ) {
  .listing {
    grid-gap: var( --spacing-xl );
    grid-template-columns: 1fr 1fr;
    margin-top: var( --spacing-xl );
    padding: 0;
  }
}
@media screen and ( min-width: 1000px ) {
  .listing {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 0;
  }
}
.logo {
}
.header .logo {
  margin-right: var( --spacing-md );
}
.header .logo .logo__link {
  display: flex;
  align-items: center;
  height: var( --header-height );
  padding: var( --spacing-lg ) 0;
}
.header .logo .logo__image {
  color: #575757;
  display: block;
  height: 100%;
  width: auto;
}
.header .logo:hover {
  background-color: rgb( 255 255 255 / 5% );
}
.header .logo:hover .logo__image {
  color: white;
}
.footer .logo {
  padding: 5px;
}
.footer .logo:hover {
  background-color: rgb( 255 255 255 / 5% );
}
@media screen and ( min-width: 750px ) {
  .header .logo .logo__link {
    padding: var( --spacing-lg ) 0;
  }

  .footer .logo {
    margin: 0 auto;
    max-width: 150px;
  }
}
@media screen and ( min-width: 1000px ) {
  .header .logo .logo__link {
    padding: var( --spacing-xl ) 0;
  }
}
.main {
  background-color: #eee;
  min-height: 50vh;
  position: relative;
  z-index: 1;
}
.main > :last-child {
  padding-bottom: 50px;
}
.black-series .main {
  background-color: var( --color-gray-900 );
}
@media screen and ( min-width: 750px ) {
  .main > :last-child {
    padding-bottom: 100px;
  }
}
.manufacturing {
  display: grid;
  gap: 15px;
}
.manufacturing  .manufacturing__address {
  font-size: 15px;
  font-weight: 500;
  padding: 5px 0;
  text-transform: uppercase;
}
.manufacturing .manufacturing__location {
  display: grid;
  gap: 10px;
}
.manufacturing  .manufacturing__link {
  color: #737373;
  position: relative;
}
.manufacturing  .manufacturing__link:hover {
  color: var( --color-tan );
}
.manufacturing  .manufacturing__link:hover:before {
  background-color: rgb( 255 255 255 / 5% );
  content: '';
  inset: 0; 
  pointer-events: none;
  position: absolute;
}
.menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] {
  position: relative;
}
.menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__list {
  display: flex;
}
.menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__toggle,
.menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .submenu__toggle {
  display: none;
}
.menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__item {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__link {
  color: var( --color-tan );
  display: flex;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}
.menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .submenu,
.menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .subsubmenu {
  display: none;
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__link.has-submenu:hover ~ .submenu {
  display: block;
  position: fixed;
  top: var( --header-height );
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .submenu:hover {
  display: block;
  position: fixed;
  top: var( --header-height );
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .submenu {
  background: #1f1f1f;
  padding: var( --spacing-sm ) 0;
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .submenu:before {
  background-color: rgb( 255 255 255 / 5% );
  content: '';
  inset: 0; 
  pointer-events: none;
  position: absolute;
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .submenu .submenu__link {
  padding: var( --spacing-sm ) var( --spacing-lg );
}
/* Header */
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] {
  display: none;
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__list {
  overflow-x: hidden;
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__item {
  height: var( --header-height );
  position: relative;
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__link {
  align-items: center;
  height: 100%;
  line-height: 1.2;
  margin: 0;
  padding: 0 10px;
  position: relative;
  white-space: nowrap;
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__link.has-submenu:after {
  border-color: var( --color-tan ) transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
  content: '';
  font-size: 15px;
  margin-left: .5em;
  position: relative;
  top: .2em;
}
.header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__item.is--active .menu__link:before {
  content: '';
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: var( --color-tan );
}
@media screen and ( min-width: 1000px ) {
  .header .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] {
    display: block;
    margin-left: 25px;
  }
}
/* Drawer */
hs-drawer .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__list {
  display: flex;
  flex-direction: column;
}
hs-drawer .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .menu__link {
  padding: 10px 25px;
  width: 100%;
}
hs-drawer .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .submenu {
  display: block;
  width: 100%;
}
hs-drawer .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .submenu__list {
  display: flex;
  flex-direction: column;
}
hs-drawer .menu[ data-id="TCiIl2ll3KSDqxWC2bJVA" ] .submenu__link {
  padding: 10px 25px 10px 50px;
  width: 100%;
}
/* Overflow */
hs-overflow .menu__link {
  color: var( --color-tan );
  display: flex;
  font-size: 15px;
  font-weight: 500;
  padding: 10px 25px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  width: 100%;
}
hs-overflow .menu__link:hover:before {
  background-color: rgb( 255 255 255 / 5% );
  content: '';
  inset: 0; 
  pointer-events: none;
  position: absolute;
}
hs-overflow .menu__toggle {
  display: none;
}
hs-overflow .submenu {
  display: none;
}
.category .menu .content {
  display: none;
}
.category .menu .menu__item {
  width: 100%;
}
.category .menu .menu__link {
  display: none;
}
/* submenu */
.category .menu .submenu {
  border-bottom: 1px solid var( --color-gray-300 );
  display: block;
  width: 100%;
}
.category .menu .submenu__item:not( :first-child ) {
  border-top: 1px solid var( --color-gray-300 );
}
.black-series .category .menu .submenu__item:not( :first-child ) {
  border-top: 1px solid var( --color-gray-500 );
}
.category .menu .submenu__item.is--active .submenu__link {
  background-color: var( --color-tan );
  color: white;
}
.category .menu .submenu .submenu__link {
  background-color: white;
  color: black;
  font-size: var( --p-font-size );
  padding: var( --spacing-md ) var( --spacing-xl );
}
.black-series .category .menu .submenu .submenu__link {
  background-color: rgb( 100 100 100 );
  color: white;
}
.category .menu .submenu__item:not( .is--active ) .submenu__link:hover:before {
  background-color: rgb( 0 0 0 / 5% );
}
/* subsubmenu */
.category .menu .subsubmenu {
  display: none;
}
.category .menu .subsubmenu__container {
  width: 100%;
}
.category .menu .subsubmenu__item:not( :first-child ) {
  border-top: 1px solid var( --color-gray-300 );
}
.category .menu .submenu__item.is--active .subsubmenu__link {
  background-color: var( --color-gray-200 );
  color: black;
}
.category .menu .subsubmenu__item.is--active .subsubmenu__link:after {
  background-color: var( --color-gray-600 );
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}
.category .menu .submenu .subsubmenu__link {
  background-color: white;
  color: black;
  font-size: var( --p-font-size );
  padding: var( --spacing-md ) var( --spacing-xl );
}
.category .menu .subsubmenu__text {
  padding-left: var( --spacing-sm );
}
.category .menu .subsubmenu__item:not( .is--active ) .subsubmenu__link:hover:before {
  background-color: rgb( 0 0 0 / 2.5% );
}
.category .menu .submenu__item.is--active .subsubmenu {
  display: flex;
}
/* subsubsubmenu */
.category .menu .subsubsubmenu {
  display: none;
}
.category .menu .subsubsubmenu__container {
  width: 100%;
}
.category .menu .subsubsubmenu__item:not( :first-child ) {
  border-top: 1px solid rgb( 200 200 200 );
}
.category .menu .submenu__item.is--active .subsubsubmenu__link {
  background-color: var( --color-gray-300 );
  color: black;
}
.category .menu .subsubsubmenu__item.is--active .subsubsubmenu__link:after {
  background-color: var( --color-gray-600 );
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}
.category .menu .submenu .subsubsubmenu__link {
  font-size: var( --p-font-size );
  padding: var( --spacing-md ) var( --spacing-xl );
}
.category .menu .subsubsubmenu__text {
  padding-left: calc( var( --spacing-sm ) + var( --spacing-sm ) );
}
.category .menu .subsubsubmenu__item:not( .is--active ) .subsubsubmenu__link:hover:before {
  background-color: rgb( 0 0 0 / 2.5% );
}
.category .menu .subsubmenu__item.is--active .subsubsubmenu {
  display: flex;
}
@media screen and ( min-width: 750px ) {
  .category .menu {
    margin-top: var( --spacing-xl );
  }

  .category .menu .submenu {
    border: 1px solid var( --color-gray-300 );
  }

  .black-series .category .menu .submenu {
    border: 1px solid var( --color-gray-500 );
  }
}
@media screen and ( min-width: 1000px ) {
  .category .menu {
    margin-top: 0;
  }
}
.menu {
}
.menu .menu__container {
  display: grid;
  gap: 15px;
}
.menu .menu__heading {
  color: white;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.menu .menu__link,
.menu .submenu__link,
.menu .subsubmenu__link,
.menu .subsubsubmenu__link {
  color: #737373;
  font-size: 15px;
  width: 100%;
  display: flex;
  padding: 5px 0;
  font-weight: 500;
  position: relative;
  text-transform: uppercase;
}
.menu .menu__item:not( .is--active ) .menu__link:hover:before,
.menu .submenu__item:not( .is--active ) .submenu__link:hover:before,
.menu .subsubmenu__item:not( .is--active ) .subsubmenu__link:hover:before,
.menu .subsubsubmenu__item:not( .is--active ) .subsubsubmenu__link:hover:before {
  background-color: rgb( 255 255 255 / 5% );
  content: '';
  inset: 0; 
  pointer-events: none;
  position: absolute;
}
.menu .menu__link:hover {
  color: var( --color-tan );
}
.menu[ data-role="social" ] .menu__list {
  display: flex;
}
.menu[ data-role="social" ] .menu__link {
  height: 50px;
  align-items: center;
  padding: 5px;
  width: 50px;
}
.option {
  display: grid;
  grid-row-gap: var( --spacing-xxs );
}
.option .option__name {
  font-size: var( --h5-font-size );
  font-weight: var( --h5-font-weight );
  line-height: var( --h5-line-height );
}
.option .option__buttons {
  column-gap: var( --spacing-sm );
  display: flex;
  flex-wrap: wrap;
  row-gap: var( --spacing-sm );
}
.option .option__button {
  background: white;
  border: 0;
  border: 1px solid var( --color-gray-400 );
  height: 40px;
  position: relative;
}
.option .option__button:hover {
  cursor: pointer;
}
.option .option__button:not( .is-active ):hover:before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgb( 0 0 0 / 5% );
}
.option .option__button.is-swatch {
  width: 40px;
}
.option .option__button.is-rectangle {
  padding: 0 var( --spacing-lg );
}
.option .option__button.is-active {
  border: 1px solid var( --color-orange );
  outline: 2px solid var( --color-orange );
}
.product .container {
  align-items: flex-start;
  display: grid;
  grid-row-gap: var( --spacing-md );
  padding-bottom: var( --spacing-lg );
  padding-top: var( --spacing-lg );
  grid-template-areas:
    "breadcrumbs"
    "name"
    "gallery"
    "meta"
    "references"
    "related"
    "tabs";
}
.black-series .product .container,
.black-series .product .tab__heading {
  color: white;
}
.black-series .product .container .product__american::before {
  background-image: url( '/images/flag--white.svg' );
}
@media screen and ( min-width: 1000px ) {
  .product .container {
    grid-column-gap: var( --spacing-xl );
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto min-content auto auto auto;
    grid-template-areas:
      "breadcrumbs breadcrumbs"
      "name name"
      "gallery meta"
      "gallery references"
      "gallery ."
      "related related"
      "tabs tabs";
  }
}
.product .product__name {
  font-size: var( --h2-font-size );
  font-weight: var( --h2-font-weight );
  grid-area: name;
}
.product .product__breadcrumbs {
  grid-area: breadcrumbs;
}
.product .product__gallery {
  grid-area: gallery;
  position: relative;
}
.product .product__meta {
  display: grid;
  grid-area: meta;
  grid-row-gap: var( --spacing-md );
}
.product .product__american {
  align-items: center;
  display: flex;
  font-size: var( --h5-font-size );
  font-weight: var( --h5-font-weight );
  gap: var( --spacing-xxs );
}
.product .product__american:before {
  aspect-ratio: 2 / 1;
  background-image: url( '/images/flag.svg' );
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  width: 40px;
}
.product .product__description {
  font-size: var( --p-font-size );
  font-weight: var( --p-font-weight );
  line-height: var( --p-line-height );
}
.product .product__description {
  display: grid;
  width: 100%;
  gap: 1em;
}
.product .product__description img {
  display: inline-block;
  margin: 1em 1em 0 0;
  float: left;
}
.product .product__description ul li {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: .25em 0;
}
.product .product__description ul li:before {
  display: flex;
  width: 25px;
  height: 25px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDQ4IDQ0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ4IDQ0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiPg0KPGc+DQoJPGc+DQoJCTxwb2x5Z29uIHBvaW50cz0iMzQxLjMzMywxOTIuOTYgMzQxLjMzMywzODEuMTIgNDIuNjY3LDM4MS4xMiA0Mi42NjcsODIuNDUzIDMwOC42OTMsODIuNDUzIDM1NS42MjcsMzkuNzg3IDAsMzkuNzg3IDAsNDIzLjc4NyANCgkJCTM4NCw0MjMuNzg3IDM4NCwxNTMuNzA3IAkJIiBmaWxsPSIjZmY0ZTAyIi8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwb2x5Z29uIHBvaW50cz0iNDE3LjQ5MywyNC4yMTMgMTg2LjAyNywyMzQuNTYgMTEzLjQ5MywxNjIuMjQgODUuMzMzLDE5MC40IDE4Ny45NDcsMjkzLjAxMyA0NDgsNTQuMDggCQkiIGZpbGw9IiNmZjRlMDIiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
}
.product .product__options {
  display: grid;
  grid-row-gap: var( --spacing-lg );
}
.product .product__references {
  grid-area: references;
  display: grid;
  grid-row-gap: var( --spacing-md );
}
.product .product__add {
  margin-top: var( --spacing-lg );
}
@media screen and ( min-width: 1000px ) {
  .product .product__references {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: var( --spacing-md );
  }

  .product .product__add {
    justify-self: flex-start;
  }
}
.product .product__related {
  grid-area: related;
  margin-top: var( --spacing-xl );
}
.product .product__tabs {
  grid-area: tabs;
}
.related {
  display: grid;
  grid-row-gap: var( --spacing-lg );
}
.related .related__heading {
  align-items: flex-start;
  display: flex;
  flex-direction: column; 
  font-size: var( --h4-font-size );
  font-weight: var( --h4-font-weight );
  grid-row-gap: var( --spacing-xxs );
  line-height: var( --h4-line-height );
}
.related .related__items {
  display: grid;
  grid-gap: var( --spacing-md );
}
@media screen and ( min-width: 750px ) {
  .related .related__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and ( min-width: 1000px ) {
  .related .related__items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.quantity {
  display: grid;
  grid-row-gap: var( --spacing-xxs );
}
@media screen and ( min-width: 1000px ) {
  .quantity {
    max-width: 150px;
  }
}
.quantity .quantity__label {
  font-size: var( --h5-font-size );
  font-weight: var( --h5-font-weight );
  line-height: var( --h5-line-height );
}
.quantity .quantity__inputs {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  width: 100%;
}
.quantity .quantity__input {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  height: 40px;
  border-radius: 0;
  border: 1px solid var( --color-gray-400 );
  min-width: 0;
  text-align: center;
  width: auto;
}
.quantity .quantity__input::-webkit-inner-spin-button,
.quantity .quantity__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity .quantity__decrease,
.quantity .quantity__increase {
  border: 0;
  background: var( --color-gray-700 );
  cursor: pointer;
  color: white;
  width: 40px;
}
.tabs {
  display: flex;
  flex-direction: column;
  gap: var( --spacing-xl );
  margin-top: var( --spacing-lg );
}
.tab:not( :first-child ) {
  border-top: 1px solid #ccc;
  padding-top: var( --spacing-md );
}
.tab .tab__heading {
  appearance: none;
  background: 0;
  border: 0;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  padding: var( --spacing-sm ) 0;
  position: relative;
  text-align: left;
  width: 100%;

  font-size: var( --h5-font-size );
  font-weight: var( --h5-font-weight );
  line-height: var( --h5-line-height );
}
.tab .tab__content {
  display: flex;
  flex-direction: column;
  row-gap: var( --spacing-md );
}
.tab .tab__content table th {
  text-align: left;
}
.tab .tab__content table td {
  padding-right: 1em;
}
.tab .tab__content table td:first-child {
  font-weight: 600;
  width: min-content;
}
.thumbnail {
  aspect-ratio: 1 / 1;
  background-color: white;
  border: 1px solid var( --color-gray-300 );
  filter: grayscale( .75 );
  position: relative;
}
.thumbnail .thumbnail__image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  opacity: .5;
}
.thumbnail.is-active,
.thumbnail:hover {
  cursor: pointer;
  filter: none;
}
.thumbnail.is-active .thumbnail__image,
.thumbnail:hover .thumbnail__image {
  opacity: 1;
}
.tile {
  border: 1px solid rgb( 0 0 0 / 5% );
  display: flex;
  flex-direction: column;
  position: relative;
}
.tile .tile__content {
  align-items: flex-start;
  background: rgb( 0 0 0 / 75% ) url( '/images/background.png' ) center center;
  bottom: 0;
  color: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  left: 0;
  padding: var( --spacing-md );
  right: 0;
  row-gap: var( --spacing-md );
}
.tile:hover .tile__link:before {
  background-color: rgb( 255 255 255 / 10% );
  content: '';
  inset: 0;
  position: absolute;
}
.tile .tile__image {
  background-color: white;
  height: 250px;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.tile .tile__name {
  font-size: var( --lead-font-size );
  line-height: var( --lead-line-height );
  font-weight: var( --lead-font-weight );
}
.tile .tile__link {
  position: absolute;
  inset: 0;
}
.tile .tile__image {
}
@media screen and ( min-width: 750px ) {
  .tile .tile__image {
  }
}
html {
  background-color: #eee;
  font-family: 'Montserrat';
}
mark {
  background: 0;
  color: var( --color-tan ); 
}
hs-toggle[ drawer="search" ] {
  display: none !important;
}