/** Shopify CDN: Minification failed

Line 2249:0 Unexpected "}"

**/
/* =========================================================
   THE FUR — FOOTER
   FINAL CONTAINED RESPONSIVE VERSION
========================================================= */

.fur-footer {
  position: relative !important;
  z-index: 30;

  display: block;

  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0;
  margin-right: 0;

  padding: 0;

  /*
   * CRITICAL:
   * Nothing inside footer can visually escape it.
   */
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;

  color: var(--fur-footer-text);
  background: var(--fur-footer-background);

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  isolation: isolate;

  box-sizing: border-box;
}

.fur-footer *,
.fur-footer *::before,
.fur-footer *::after {
  box-sizing: border-box;
}


/* =========================================================
   HOME PAGE OVERLAP

   Footer itself may overlap previous section,
   but its INTERNAL content cannot escape footer.
========================================================= */

.fur-footer.fur-footer--home {
  margin-top: -45vh;
}


/* =========================================================
   ADAPT HEIGHT — DESKTOP
========================================================= */

.fur-footer--height-adapt {
  position: relative !important;

  width: 100% !important;

  /*
   * Keep natural responsive footer proportions.
   *
   * We deliberately do NOT use 100vh.
   */
  min-height: clamp(
    600px,
    46vw,
    1050px
  );

  /*
   * The aspect ratio remains available from Liquid,
   * but min-height prevents ultrawide footer collapse.
   */
  aspect-ratio:
    var(
      --fur-footer-background-ratio,
      1.9
    );

  overflow: hidden !important;
}


/* =========================================================
   COVER HEIGHT
========================================================= */

.fur-footer--height-cover {
  position: relative !important;

  width: 100% !important;

  height:
    var(
      --fur-footer-height,
      760px
    );

  min-height:
    var(
      --fur-footer-height,
      760px
    );

  overflow: hidden !important;
}


/* =========================================================
   FALLBACK
========================================================= */

.fur-footer:not(.fur-footer--height-adapt):not(.fur-footer--height-cover) {
  position: relative !important;

  width: 100% !important;

  min-height: clamp(
    600px,
    46vw,
    1050px
  );

  overflow: hidden !important;
}


/* =========================================================
   BACKGROUND
========================================================= */

.fur-footer__background {
  position: absolute !important;

  z-index: 0;

  inset: 0 !important;

  display: block;

  width: 100% !important;
  height: 100% !important;

  margin: 0;
  padding: 0;

  overflow: hidden !important;

  pointer-events: none;
}


.fur-footer__background picture {
  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  overflow: hidden;
}


.fur-footer__background-image {
  position: absolute !important;

  inset: 0 !important;

  display: block;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: center bottom !important;

  user-select: none;
  -webkit-user-select: none;

  pointer-events: none;
}


/* =========================================================
   OVERLAY
========================================================= */

.fur-footer__overlay {
  position: absolute;

  z-index: 1;

  inset: 0;

  width: 100%;
  height: 100%;

  background:
    rgba(
      0,
      0,
      0,
      var(--fur-footer-overlay-opacity, 0)
    );

  pointer-events: none;
}


/* =========================================================
   INNER

   CRITICAL:
   Inner ALWAYS has exact footer dimensions.
========================================================= */

.fur-footer__inner {
  position: absolute !important;

  z-index: 2;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 0;
  min-height: 0;

  margin: 0 !important;

  padding:
    clamp(30px, 3vw, 70px)
    var(--fur-footer-padding-x, 24px)
    clamp(16px, 1.5vw, 30px);

  overflow: hidden !important;
}


/* =========================================================
   TOP NAVIGATION
========================================================= */

.fur-footer__top {
  position: absolute;

  z-index: 20;

  top: clamp(
    70px,
    5%,
    70px
  );

  left:
    var(
      --fur-footer-padding-x,
      24px
    );

  right:
    var(
      --fur-footer-padding-x,
      24px
    );

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: start;

  gap:
    clamp(
      20px,
      2.5vw,
      60px
    );

  width: auto;

  max-height: 18%;

  overflow: visible;
}


/* =========================================================
   NAVIGATION
========================================================= */

.fur-footer__nav {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap:
    clamp(8px, 0.65vw, 15px)
    clamp(16px, 1.4vw, 34px);

  color: inherit;

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size: clamp(
    calc(var(--fur-footer-nav-size, 11px) * 0.8),
    0.7vw,
    calc(var(--fur-footer-nav-size, 11px) * 1.4)
  );

  line-height: 1;

  letter-spacing: 0.04em;

  text-transform: uppercase;
}


.fur-footer__nav--primary {
  max-width:
    clamp(
      420px,
      35vw,
      760px
    );
}


.fur-footer__nav--utility {
  justify-content: flex-end;
  margin-top: 4rem;

  gap:
    clamp(
      18px,
      1.8vw,
      46px
    );
}


.fur-footer__link {
  color: inherit;

  font-family: inherit;
  font-size: clamp(calc(var(--fur-footer-nav-size, 11px) * .8), .7vw, calc(var(--fur-footer-nav-size, 11px) * 1.4));

  text-decoration: none;

  white-space: nowrap;
}


.fur-footer__small-label {
  opacity: 0.45;
}


/* =========================================================
   BRAND STAGE

   CRITICAL CLIPPING CONTAINER
========================================================= */

.fur-footer__brand-stage {
  position: absolute !important;

  z-index: 3;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  max-width: 100%;
  max-height: 100%;

  overflow: hidden !important;

  pointer-events: none;

  isolation: isolate;
}


/* =========================================================
   MODEL / VIDEO / PERSON
   CONTROLLED RESPONSIVE SIZE
========================================================= */

.fur-footer__brand-art {
  position: absolute !important;

  z-index: 2;

  left:
    var(
      --fur-footer-brand-art-x,
      38%
    );

  top: auto !important;
  bottom: 0 !important;

  /*
   * Keep Shopify setting active,
   * but stop model from growing endlessly.
   */
  width: min(
    var(--fur-footer-brand-art-width, 42%),
    680px
  );

  height: auto;

  max-width: 48% !important;
  max-height: 90% !important;

  margin: 0;

  transform:
    translateX(-50%) !important;

  transform-origin:
    center bottom;

  overflow: visible;

  pointer-events: none;
}


/* =========================================================
   MODEL PICTURE
========================================================= */

.fur-footer__brand-art-picture {
  display: block;

  width: 100%;
  height: auto;

  max-width: 100%;
  max-height: 100%;
}


/* =========================================================
   MODEL IMAGE
========================================================= */

.fur-footer__brand-art-image {
  display: block;

  width: 100% !important;
  height: auto !important;

  max-width: 100% !important;
  max-height: 100% !important;

  margin: 0;
  padding: 0;

  object-fit: contain !important;
  object-position: center bottom !important;

  pointer-events: none;

  user-select: none;
  -webkit-user-select: none;
}


/* =========================================================
   MODEL VIDEO
========================================================= */

.fur-footer__brand-art video,
.fur-footer__brand-art-video {
  display: block;

  width: 100% !important;
  height: auto !important;

  max-width: 100% !important;
  max-height: 100% !important;

  margin: 0;
  padding: 0;

  object-fit: contain !important;
  object-position: center bottom !important;

  pointer-events: none;
}


/* =========================================================
   LARGE DESKTOP — 1600PX+
   Slow down model growth
========================================================= */

@media screen and (min-width: 1600px) {

  .fur-footer__brand-art {
    width: min(
      var(--fur-footer-brand-art-width, 42%),
      720px
    );

    max-width: 40% !important;
    max-height: 88% !important;

    bottom: 0 !important;
  }

}


/* =========================================================
   ULTRAWIDE — 2000PX+
   Hard limit model size
========================================================= */

@media screen and (min-width: 2000px) {

  .fur-footer__brand-art {
    width: min(
      var(--fur-footer-brand-art-width, 42%),
      760px
    );

    max-width: 36% !important;
    max-height: 86% !important;

    bottom: 0 !important;
  }

}


/* =========================================================
   VERY LARGE / 2560PX+
   Model should barely grow anymore
========================================================= */

@media screen and (min-width: 2560px) {

  .fur-footer__brand-art {
    width: min(
      var(--fur-footer-brand-art-width, 42%),
      800px
    );

    max-width: 32% !important;
    max-height: 84% !important;

    bottom: 0 !important;
  }

}


/* =========================================================
   MOBILE
   KEEP YOUR EXISTING MOBILE BEHAVIOUR
========================================================= */

@media screen and (max-width: 749px) {

  .fur-footer__brand-art {
    left:
      var(
        --fur-footer-brand-art-mobile-x,
        50%
      );

    top: auto !important;
    bottom: 0 !important;

    width:
      var(
        --fur-footer-brand-art-mobile-width,
        70%
      );

    max-width: 85% !important;
    max-height: 90% !important;

    transform:
      translateX(-50%) !important;

    transform-origin:
      center bottom;
  }

}

/* =========================================================
   LARGE BRAND — THE FUR

   Kept inside middle/lower portion of footer.
========================================================= */

.fur-footer__brand {
  position: absolute;

  z-index: 4;

  left:
    var(
      --fur-footer-padding-x,
      24px
    );

  /*
   * Relative to footer height instead of arbitrary
   * huge pixel positioning.
   */
  bottom: 10%;

  max-width: 95%;

  margin: 0;

  overflow: hidden;

  color: #ffffff;

  font-family: "ThunderBoldLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size: clamp(
    calc(var(--fur-footer-brand-size, 190px) * 0.65),
    12vw,
    calc(var(--fur-footer-brand-size, 190px) * 1.45)
  );

  /* line-height: 0.72; */

  letter-spacing: 0.7px;

  text-transform: uppercase;

  white-space: nowrap;

  pointer-events: none;

  mix-blend-mode: difference;
}


/* =========================================================
   DISCOUNT BADGE
========================================================= */

.fur-footer__discount {
  appearance: none;
  -webkit-appearance: none;

  position: absolute;

  z-index: 15;

  top: 44%;
  left: 61%;

  display: inline-flex;

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

  width:
    clamp(
      100px,
      7vw,
      150px
    );

  min-width:
    clamp(
      100px,
      7vw,
      150px
    );

  height:
    clamp(
      38px,
      2.8vw,
      58px
    );

  min-height:
    clamp(
      38px,
      2.8vw,
      58px
    );

  max-width: 20%;

  margin: 0;

  padding:
    clamp(6px, 0.5vw, 10px)
    clamp(13px, 1vw, 22px);

  border: 0;

  overflow: hidden;

  color: #ffffff;

  background:
    rgba(
      68,
      64,
      63,
      0.83
    );

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size:
    clamp(
      11px,
      0.85vw,
      18px
    );

  line-height: 1;

  letter-spacing: 0.03em;

  text-transform: uppercase;

  white-space: nowrap;

  cursor: pointer;

  filter:
    drop-shadow(
      0
      2px
      3px
      rgba(0, 0, 0, 0.28)
    );

  clip-path:
    polygon(
      2% 15%,
      13% 8%,
      25% 13%,
      38% 6%,
      51% 11%,
      65% 5%,
      77% 12%,
      91% 8%,
      98% 19%,
      94% 35%,
      100% 52%,
      94% 68%,
      99% 83%,
      87% 91%,
      74% 87%,
      61% 95%,
      47% 89%,
      34% 95%,
      21% 88%,
      8% 92%,
      2% 77%,
      6% 61%,
      1% 45%,
      6% 30%
    );

  transition:
    width 320ms cubic-bezier(0.22, 1, 0.36, 1),
    min-width 320ms cubic-bezier(0.22, 1, 0.36, 1);
}


.fur-footer__discount-text {
  display: inline-flex;

  align-items: center;

  gap: 4px;

  min-width: max-content;

  pointer-events: none;
}


.fur-footer__discount-label {
  display: inline-block;

  flex-shrink: 0;
}


.fur-footer__discount-percentage {
  display: inline-block;

  width: 0;
  max-width: 0;

  overflow: hidden;

  opacity: 0;

  visibility: hidden;

  transform: translateX(-6px);

  transition:
    width 300ms cubic-bezier(0.22, 1, 0.36, 1),
    max-width 300ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 150ms ease,
    transform 300ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 300ms;
}


@media (hover: hover) and (pointer: fine) {

  .fur-footer__discount:hover {
    width:
      clamp(
        140px,
        9vw,
        200px
      );

    min-width:
      clamp(
        140px,
        9vw,
        200px
      );
  }


  .fur-footer__discount:hover
  .fur-footer__discount-percentage {
    width: auto;

    max-width: 60px;

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

    transition-delay: 0s;
  }

}


.fur-footer__discount.is-expanded {
  width:
    clamp(
      140px,
      9vw,
      200px
    );

  min-width:
    clamp(
      140px,
      9vw,
      200px
    );
}


.fur-footer__discount.is-expanded
.fur-footer__discount-percentage {
  width: auto;

  max-width: 60px;

  opacity: 1;

  visibility: visible;

  transform: translateX(0);

  transition-delay: 0s;
}


/* =========================================================
   NEWSLETTER

   Always inside lower footer.
========================================================= */

/* =========================================================
   THE FUR — NEWSLETTER
   Desktop: Right side, heading above full-width email
========================================================= */

.fur-footer__newsletter {
  position: absolute;
  z-index: 20;

  left: 49%;
  right: var(--fur-footer-padding-x, 24px);
  bottom: 18%;

  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;

  gap: 28px;

  width: auto;
  max-width: none;
  max-height: none;

  margin: 0;
  padding: 0;

  overflow: visible;
}

.fur-footer__newsletter-heading {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;

  gap: clamp(3px, 0.3vw, 7px);

  width: 100%;
  min-width: 0;
  margin: 0;

  white-space: nowrap;
}

.fur-footer__newsletter-form {
  display: block;

  width: 100%;
  min-width: 0;
  max-width: none;

  margin: 0;
}

.fur-footer__email-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;

  gap: 24px;

  width: 100%;
  min-width: 0;
}

.fur-footer__email-field {
  width: 100%;
  min-width: 0;
}

.fur-footer__email-input {
  display: block;

  width: 100%;
  min-width: 0;
  max-width: none;
}

.fur-footer__subscribe-button {
  flex-shrink: 0;
  white-space: nowrap;
}


/* =========================================================
   NEWSLETTER HEADING
========================================================= */

.fur-footer__newsletter-heading {
  display: flex;

  align-items: flex-end;

  gap:
    clamp(
      3px,
      0.3vw,
      7px
    );

  min-width: 0;

  white-space: nowrap;
}


/* =========================================================
   SUBSCRIBE
========================================================= */

.fur-footer__subscribe-title {
  color: inherit;

  font-family: "ThunderBoldLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size: clamp(
    calc(var(--fur-footer-subscribe-size, 70px) * 0.7),
    4.8vw,
    calc(var(--fur-footer-subscribe-size, 70px) * 1.4)
  );

  line-height: 0.75;

  letter-spacing: -0.02em;

  text-transform: uppercase;
}


.fur-footer__subscribe-subtitle {
  padding-bottom:
    clamp(
      3px,
      0.3vw,
      6px
    );

  color: inherit;

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size:
    clamp(
      11px,
      1vw,
      21px
    );

  line-height: 1;

  letter-spacing: 0.03em;

  text-transform: uppercase;
}


/* =========================================================
   NEWSLETTER FORM
========================================================= */

.fur-footer__newsletter-form {
  width: 100%;
  min-width: 0;

  font-family: "ThunderMediumLC", sans-serif;
}


.fur-footer__email-row {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: end;

  gap:
    clamp(
      12px,
      1.1vw,
      22px
    );
}


.fur-footer__email-field {
  position: relative;

  display: flex;

  flex-direction: column;

  gap:
    clamp(
      4px,
      0.4vw,
      8px
    );

  width: 100%;
  min-width: 0;
}


.fur-footer__email-label {
  color: inherit;

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size:
    clamp(
      16px,
      0.55vw,
      11px
    );

  line-height: 1;

  letter-spacing: 0.04em;

  text-transform: uppercase;
}
.fur-footer__copyright {
    font-size:
    clamp(
      16px,
      0.55vw,
      11px
    );
}

.fur-footer__email-input {
  appearance: none;
  -webkit-appearance: none;

  width: 100%;
  min-width: 0;

  height:
    clamp(
      22px,
      1.5vw,
      30px
    );

  margin: 0;
  padding: 0;

  border: 0;

  border-bottom:
    1px
    solid
    rgba(255, 255, 255, 0.72);

  border-radius: 0;

  outline: 0;

  color:
    var(--fur-footer-text);

  background: transparent;

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size:
    clamp(
      9px,
      0.7vw,
      14px
    );

  line-height: 1;
}


.fur-footer__email-input:focus,
.fur-footer__email-field.is-active
.fur-footer__email-input {
  border-bottom-color:
    var(--fur-footer-accent);
}


.fur-footer__subscribe-button {
  appearance: none;
  -webkit-appearance: none;

  margin: 0;

  padding:
    0
    0
    4px;

  border: 0;

  border-bottom:
    1px
    solid
    currentColor;

  color: inherit;

  background: transparent;

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size:
    clamp(
      8px,
      0.7vw,
      13px
    );

  line-height: 1;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  cursor: pointer;
}


.fur-footer__message {
  margin-top: 8px;

  color: inherit;

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size:
    clamp(
      7px,
      0.55vw,
      11px
    );

  line-height: 1;

  text-transform: uppercase;
}


.fur-footer__message--error {
  color:
    var(--fur-footer-accent);
}


/* =========================================================
   BOTTOM LINKS

   Always contained at very bottom.
========================================================= */

.fur-footer__bottom {
  position: absolute;

  z-index: 25;

  left:
    var(
      --fur-footer-padding-x,
      24px
    );

  right:
    var(
      --fur-footer-padding-x,
      24px
    );

  bottom:
    clamp(
      8px,
      1.2%,
      18px
    );

  display: grid;

  grid-template-columns:
    1fr
    auto
    auto;

  align-items: center;

  gap:
    clamp(
      18px,
      2vw,
      42px
    );

  width: auto;

  color: inherit;

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size:
    clamp(
      7px,
      0.55vw,
      11px
    );

  line-height: 1;

  letter-spacing: 0.04em;

  text-transform: uppercase;
}


.fur-footer__bottom-links {
  display: flex;

  align-items: center;

  gap:
    clamp(
      12px,
      1.1vw,
      24px
    );
}


.fur-footer__social {
  color: inherit;

  font-family: inherit;
  font-size:16px;

  text-decoration: none;
}


/* =========================================================
   LARGE DESKTOP — 1600PX+
========================================================= */

@media screen and (min-width: 1600px) {

  .fur-footer--height-adapt,
  .fur-footer:not(.fur-footer--height-adapt):not(.fur-footer--height-cover) {
    min-height:
      clamp(
        720px,
        43vw,
        1100px
      );
  }


  /* TOP NAV */

  .fur-footer__top {
    top: 5%;
  }


  .fur-footer__nav {
    font-size: clamp(
      calc(var(--fur-footer-nav-size, 11px) * 0.9),
      0.75vw,
      calc(var(--fur-footer-nav-size, 11px) * 1.5)
    );
  }


  /* MODEL */

  .fur-footer__brand-art {
    width:
      max(
        var(
          --fur-footer-brand-art-width,
          42%
        ),
        44%
      );

    max-width: 50% !important;
    max-height: 94% !important;

    bottom: 0 !important;
  }


  /* THE FUR */

  .fur-footer__brand {
    bottom: 23%;

    font-size: clamp(
      calc(var(--fur-footer-brand-size, 190px) * 0.85),
      12.5vw,
      calc(var(--fur-footer-brand-size, 190px) * 1.65)
    );
  }


  /* SUBSCRIBE */

  .fur-footer__subscribe-title {
    font-size: clamp(
      calc(var(--fur-footer-subscribe-size, 70px) * 0.85),
      5vw,
      calc(var(--fur-footer-subscribe-size, 70px) * 1.55)
    );
  }


  .fur-footer__subscribe-subtitle {
    font-size:
      clamp(
        14px,
        1vw,
        25px
      );
  }


  .fur-footer__newsletter {
    bottom: 6%;
  }

}


/* =========================================================
   ULTRAWIDE — 2000PX+
========================================================= */

@media screen and (min-width: 2000px) {

  .fur-footer--height-adapt,
  .fur-footer:not(.fur-footer--height-adapt):not(.fur-footer--height-cover) {
    min-height:
      clamp(
        850px,
        41vw,
        1250px
      );
  }


  .fur-footer__top {
    top: 5%;
  }


  .fur-footer__brand-art {
    width:
      max(
        var(
          --fur-footer-brand-art-width,
          42%
        ),
        46%
      );

    max-width: 50% !important;
    max-height: 94% !important;
  }


  .fur-footer__brand {
    bottom: 23%;

    font-size: clamp(
      var(--fur-footer-brand-size, 190px),
      12.8vw,
      calc(var(--fur-footer-brand-size, 190px) * 1.8)
    );
  }


  .fur-footer__subscribe-title {
    font-size: clamp(
      var(--fur-footer-subscribe-size, 70px),
      5.2vw,
      calc(var(--fur-footer-subscribe-size, 70px) * 1.7)
    );
  }


  .fur-footer__nav {
    font-size: clamp(
      var(--fur-footer-nav-size, 11px),
      0.8vw,
      calc(var(--fur-footer-nav-size, 11px) * 1.6)
    );
  }


  .fur-footer__newsletter {
    bottom: 6%;
  }

}


/* =========================================================
   MOBILE
   Keep mobile separate because it was already working.
========================================================= */

  /* =====================================================
     FOOTER — LOCK MOBILE SIZE
  ===================================================== */

@media screen and (max-width: 749px) {

  .fur-footer {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    /*
     * Keep artwork clipped horizontally,
     * but NEVER block normal page touch scrolling.
     */
    overflow-x: clip !important;
    overflow-y: visible !important;

    overscroll-behavior: auto !important;
    touch-action: pan-y !important;
  }


  .fur-footer.fur-footer--home {
    margin-top: -25vh;
  }


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

     IMPORTANT:
     Footer dimensions come ONLY from its width
     + original mobile image aspect ratio.

     No vh / svh / dvh.
  ===================================================== */

  .fur-footer--height-adapt {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio:
      var(
        --fur-footer-background-ratio-mobile,
        var(
          --fur-footer-background-ratio,
          0.65
        )
      ) !important;

    overflow: hidden !important;

    /*
     * Prevent flex/grid parents from stretching it.
     */
    align-self: start !important;
    flex: none !important;
  }


  /* =====================================================
     ADAPT — BACKGROUND
  ===================================================== */

  .fur-footer--height-adapt
  .fur-footer__background {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }


  .fur-footer--height-adapt
  .fur-footer__background picture {
    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }


  .fur-footer--height-adapt
  .fur-footer__background-image {
    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center bottom !important;

    transform: none !important;
  }


  /* =====================================================
     OVERLAY
  ===================================================== */

  .fur-footer__overlay {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: 100% !important;
  }


  /* =====================================================
     INNER

     Locked to exact footer dimensions.
  ===================================================== */

  .fur-footer__inner {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: 100% !important;

    margin: 0 !important;

    padding:
      35px
      20px
      18px;

    overflow: hidden !important;
  contain: layout paint;

    /*
     * Never allow content to determine footer height.
     */
  }


  /* =====================================================
     BRAND STAGE
  ===================================================== */

  .fur-footer__brand-stage {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: 100% !important;

    overflow: hidden !important;
  }


  /* =====================================================
     TOP
  ===================================================== */

  .fur-footer__top {
    position: relative;

    top: auto;
    left: auto;
    right: auto;

    display: block;

    width: 100%;

    max-height: none;

    margin-top: 20px;
  }


  /* =====================================================
     NAVIGATION
  ===================================================== */

  .fur-footer__nav {
    gap:
      10px
      18px;

    font-size:
      clamp(
        8px,
        2.5vw,
        10px
      );
  }


  .fur-footer__nav--primary {
    max-width: 100%;
  }


  .fur-footer__nav--utility {
    justify-content: flex-start;

    margin-top: 90px;

    gap:
      12px
      20px;
  }


  /* =====================================================
     DISCOUNT
  ===================================================== */

  .fur-footer__discount {
    top: 128px;
    left: 20px;

    width: 96px;
    min-width: 96px;

    max-width: none;

    height: 36px;
    min-height: 36px;

    padding:
      6px
      12px;

    font-size:
      clamp(
        10px,
        3vw,
        12px
      );
  }


  .fur-footer__discount.is-expanded {
    width: 128px;
    min-width: 128px;
  }


  /* =====================================================
     MODEL — MOBILE
  ===================================================== */

  .fur-footer__brand-art {
    position: absolute !important;

    left:
      var(
        --fur-footer-brand-art-mobile-x,
        50%
      );

    top: auto !important;
    bottom: 0 !important;

    width:
      var(
        --fur-footer-brand-art-mobile-width,
        70%
      );

    height: auto !important;

    max-width: 85% !important;
    max-height: 90% !important;

    margin: 0 !important;

    transform:
      translateX(-50%) !important;

    transform-origin:
      center bottom;

    overflow: hidden !important;
  }


  .fur-footer__brand-art-picture {
    display: block;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 100% !important;
  }


  .fur-footer__brand-art-image,
  .fur-footer__brand-art video,
  .fur-footer__brand-art-video {
    display: block;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center bottom !important;

    transform: none;
  }


  /* =====================================================
     THE FUR
  ===================================================== */

  .fur-footer__brand {
    left: 20px;
    right: 20px;

    top: auto;

    bottom: 15%;

    max-width: calc(100% - 40px);

    transform:
      translateY(-50%);

    font-size:
      clamp(
        58px,
        20vw,
        100px
      );

    letter-spacing: 0.7px;
  }


  /* =====================================================
     NEWSLETTER
  ===================================================== */

  .fur-footer__newsletter {
    position: absolute;

    left: 20px;
    right: 20px;

    bottom: 48px;

    display: block;

    width: auto;

    max-height: none;
  }


  .fur-footer__newsletter-heading {
    margin-bottom: 28px;
  }


  /* =====================================================
     SUBSCRIBE
  ===================================================== */

  .fur-footer__subscribe-title {
    font-size:
      clamp(
        40px,
        15vw,
        72px
      );
  }


  .fur-footer__subscribe-subtitle {
    padding-bottom: 3px;

    font-size:
      clamp(
        12px,
        4vw,
        16px
      );
  }


  /* =====================================================
     EMAIL
  ===================================================== */

  .fur-footer__email-row {
    gap: 12px;
  }


  .fur-footer__email-label {
    font-size: 7px;
  }


  .fur-footer__email-input {
    font-size:
      clamp(
        9px,
        2.7vw,
        12px
      );
  }


  .fur-footer__subscribe-button {
    font-size: 8px;
  }


  /* =====================================================
     BOTTOM
  ===================================================== */

  .fur-footer__bottom {
    position: static;

    display: none;
  }

}
/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media screen and (max-width: 390px) {

  .fur-footer__nav {
    gap:
      9px
      14px;

    font-size: 8px;
  }


  .fur-footer__nav--utility {
    margin-top: 80px;
  }


  .fur-footer__brand {
    font-size:
      clamp(
        54px,
        17vw,
        72px
      );
  }


  .fur-footer__subscribe-title {
    font-size:
      clamp(
        36px,
        13vw,
        52px
      );
  }


  .fur-footer__subscribe-subtitle {
    font-size: 12px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .fur-footer__discount,
  .fur-footer__discount-percentage {
    transition: none !important;
  }

}
/* =========================================================
   TOP RIGHT SOCIAL MEDIA — OPTION 2
========================================================= */

.fur-footer__socials--top {
  display: flex;

  flex-direction: row;
  flex-wrap: nowrap;

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

  align-self: start;

  gap: clamp(
    14px,
    1.2vw,
    28px
  );

  margin: 50px 0px 0px 0px;
  padding: 0;

  white-space: nowrap;
}


/* =========================================================
   SOCIAL LINK
========================================================= */

.fur-footer__social-link {
  display: inline-flex;

  align-items: center;

  gap: clamp(
    5px,
    0.4vw,
    8px
  );

  color: var(--fur-footer-text);

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  font-size: clamp(
    16px,
    0.72vw,
    18px
  );

  line-height: 1;

  letter-spacing: 0.7px;

  text-decoration: none;
  text-transform: uppercase;

  white-space: nowrap;

  transition:
    opacity 180ms ease,
    transform 180ms ease;
}


/* =========================================================
   ICONS
========================================================= */

.fur-footer__social-icon {
  display: inline-flex;

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

  flex: 0 0 auto;

  width: 17px;
  height: 17px;
}


.fur-footer__social-icon svg {
  display: block;

  width: 100%;
  height: 100%;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* Facebook is a filled icon */

.fur-footer__social-link[aria-label="Facebook"]
.fur-footer__social-icon svg {
  fill: currentColor;
  stroke: none;
}


/* YouTube play triangle */

.fur-footer__social-link[aria-label="YouTube"]
.fur-footer__social-icon svg path {
  fill: currentColor;
  stroke: none;
}


/* =========================================================
   HOVER
========================================================= */


}
@media screen and (max-width: 749px) {

  .fur-footer__socials--top {
    justify-content: flex-start;

    flex-wrap: wrap;

    gap: 10px 18px;

    margin-top: 90px;
  }


  .fur-footer__social-link {
    gap: 5px;

    font-size: clamp(
      12px,
      3.2vw,
      15px
    );
  }


  .fur-footer__social-icon {
    width: 15px;
    height: 15px;
  }

}
/* =========================================================
   MOBILE FOOTER — SCROLL / TOUCH FIX
========================================================= */

@media screen and (max-width: 749px) {

  .fur-footer,
  .fur-footer__inner,
  .fur-footer__top,
  .fur-footer__newsletter,
  .fur-footer__socials,
  .fur-footer__social-link,
  .fur-footer__nav,
  .fur-footer__link {
    touch-action: pan-y !important;
  }


  /*
   * Decorative full-size layers must NEVER
   * intercept swipe gestures.
   */

  .fur-footer__background,
  .fur-footer__background-image,
  .fur-footer__overlay,
  .fur-footer__brand-stage,
  .fur-footer__brand-art,
  .fur-footer__brand-art-picture,
  .fur-footer__brand-art-image,
  .fur-footer__brand {
    pointer-events: none !important;
  }


  /*
   * Only real controls should receive taps.
   */

  .fur-footer a,
  .fur-footer button,
  .fur-footer input {
    pointer-events: auto;
  }

}
/* =========================================================
   SOCIAL — GLOBAL LINK EFFECT
========================================================= */

.fur-footer__social-text {
  display: inline-block;

  color: inherit;

  font-family: "ThunderMediumLC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;

  letter-spacing: 0.7px;
}


/* Entire social link becomes red */

@media (hover: hover) and (pointer: fine) {

  .fur-footer__social-link:hover {
    color: #ff2e2e;
  }

}
.fur-footer__copyright-link {
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
}

.fur-footer__copyright-link:hover {
  color: #ff2e2e;
}