/** Shopify CDN: Minification failed

Line 70:0 Expected identifier but found "<"
Line 72:0 Expected identifier but found "="
Line 74:0 Expected identifier but found ">"
Line 81:0 Expected identifier but found "<"
Line 106:0 Expected identifier but found "="
Line 119:0 Expected identifier but found ">"
Line 124:0 Expected identifier but found "<"
Line 127:0 Expected identifier but found "="
Line 130:0 Expected identifier but found ">"
Line 135:0 Expected identifier but found "<"
... and 28 more hidden warnings

**/
.hero-banner--quentin-heading .hero__heading h1,
.hero-banner--quentin-heading .hero__heading h2,
.hero-banner--quentin-heading .hero__heading h3,
.hero-banner--quentin-heading .hero__heading h4,
.hero-banner--quentin-heading .hero__heading p,
.hero-banner--quentin-heading .hero__heading strong {
  font-family: var(--font-quentin-family);
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.08;
}

.hero-banner--quentin-heading .hero__heading h1,
.hero-banner--quentin-heading .hero__heading h2,
.hero-banner--quentin-heading .hero__heading h3,
.hero-banner--quentin-heading .hero__heading h4,
.hero-banner--quentin-heading .hero__heading p {
  font-size: clamp(3.6rem, 10vw, 4.8rem);
}

.hero-banner--quentin-heading .hero__heading {
  max-width: min(44rem, 100%);
}

.hero-banner--quentin-heading .hero__heading p em {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.hero-banner--large-body .hero__entry,
.hero-banner--large-body .hero__entry p {
  font-size: var(--font-size-static-lg);
  line-height: var(--line-height-static-md);
  max-width: min(36rem, 100%);
}

@media screen and (max-width: 749px) {
  .hero-banner--quentin-heading:not(.hero-banner--mobile-dark-copy) .hero__inner {
    text-align: start;
    align-items: stretch;
  }

  .hero-banner--quentin-heading:not(.hero-banner--mobile-dark-copy) .hero__content.text-start--mobile,
  .hero-banner--quentin-heading:not(.hero-banner--mobile-dark-copy) .hero__content.align-start--mobile {
    align-items: flex-start;
    padding-inline-end: 22vw;
  }

  .hero-banner--mobile-dark-copy .hero__inner {
<<<<<<< HEAD
    text-align: end;
=======
    text-align: center;
>>>>>>> 22c8a0d (checkpoint before checking out NO)
    align-items: stretch;
  }

  .hero-banner--mobile-dark-copy .hero__content {
    display: flex;
    flex-direction: column;
<<<<<<< HEAD
    align-items: flex-end;
    text-align: end;
    justify-content: flex-end;
    padding-inline-start: 22vw;
    padding-inline-end: clamp(2rem, 5vw, 3.6rem);
    padding-block-end: clamp(2.4rem, 6vh, 4.8rem);
  }

  .hero-banner--mobile-dark-copy .hero__content.text-end--mobile,
  .hero-banner--mobile-dark-copy .hero__content.align-end--mobile {
    align-items: flex-end;
  }

  /* Stack: heading → body → button (right-aligned in white area) */
  .hero-banner--mobile-dark-copy .hero__content .hero__animation:has(.hero__heading),
  .hero-banner--mobile-dark-copy .hero__content .hero__animation:has(.hero__entry),
  .hero-banner--mobile-dark-copy .hero__content .hero__animation:has(.hero__button) {
    width: 100%;
    text-align: end;
  }

  .hero-banner--mobile-dark-copy .hero__content .hero__animation:has(.hero__heading) {
    order: 1;
    margin-block-end: 0.2rem;
=======
    align-items: center;
    text-align: center;
    justify-content: flex-end;
    padding-inline: clamp(2rem, 6vw, 3.6rem);
    padding-block-end: clamp(2.4rem, 6vh, 4.8rem);
  }

  /* Stack: heading → body → button */
  .hero-banner--mobile-dark-copy .hero__content .hero__animation:has(.hero__heading) {
    order: 1;
    width: 100%;
    margin-block-end: 0.8rem;
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  }

  .hero-banner--mobile-dark-copy .hero__content .hero__animation:has(.hero__entry) {
    order: 2;
<<<<<<< HEAD
    margin-block-start: 1.2rem;
    margin-block-end: 0.5rem;
=======
    width: 100%;
    margin-block-end: 1.4rem;
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  }

  .hero-banner--mobile-dark-copy .hero__content .hero__animation:has(.hero__button) {
    order: 3;
<<<<<<< HEAD
=======
    width: 100%;
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  }

  .hero-banner--mobile-dark-copy .hero__heading {
    max-width: min(34rem, 100%);
<<<<<<< HEAD
    margin-inline-start: auto;
    margin-inline-end: 0;
=======
    margin-inline: auto;
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  }

  .hero-banner--mobile-dark-copy .hero__entry {
    max-width: min(30rem, 100%);
<<<<<<< HEAD
    margin-inline-start: auto;
    margin-inline-end: 0;
=======
    margin-inline: auto;
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  }

  .hero-banner--mobile-dark-copy .hero__heading :is(h1, h2, h3, h4, p) {
    font-size: clamp(3.9rem, 11vw, 5.1rem);
    line-height: 1.05;
    text-shadow: 0 0 16px rgba(255, 255, 255, 0.55);
  }

  .hero-banner--mobile-dark-copy .hero__entry,
  .hero-banner--mobile-dark-copy .hero__entry p {
    font-size: calc(var(--font-size-static-lg) - 1px);
    font-weight: 300;
    line-height: var(--line-height-static-md);
  }

  .hero-banner--mobile-dark-copy .hero__content {
    color: #000;
    --color-foreground: 0, 0, 0;
    --color-heading-text: 0, 0, 0;
  }

<<<<<<< HEAD
  /* Override color-scheme-2 (white copy) on single-slide and swiper slides */
  .section-hero-banner .hero-banner--mobile-dark-copy.gradient,
  .section-hero-banner .hero-banner--mobile-dark-copy[class*="color-scheme"],
  .section-hero-banner .hero-banner--mobile-dark-copy .hero__swiper-slide[class*="color-scheme"] {
    --color-foreground: 0, 0, 0;
    --color-heading-text: 0, 0, 0;
  }

  .section-hero-banner .hero-banner--mobile-dark-copy .hero__inner,
  .section-hero-banner .hero-banner--mobile-dark-copy .hero__content,
  .section-hero-banner .hero-banner--mobile-dark-copy .hero__heading,
  .section-hero-banner .hero-banner--mobile-dark-copy .hero__heading :is(h1, h2, h3, h4, p, a, strong, span, em),
  .section-hero-banner .hero-banner--mobile-dark-copy .hero__entry,
  .section-hero-banner .hero-banner--mobile-dark-copy .hero__entry :is(p, a, li, span, em) {
    color: #000 !important;
  }

=======
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  .hero-banner--mobile-dark-copy .hero__heading,
  .hero-banner--mobile-dark-copy .hero__heading :is(h1, h2, h3, h4, p, strong, span, em),
  .hero-banner--mobile-dark-copy .hero__entry,
  .hero-banner--mobile-dark-copy .hero__entry :is(p, li, span) {
    color: #000 !important;
  }

  .hero-banner--mobile-dark-copy .hero__button {
    display: flex;
<<<<<<< HEAD
    justify-content: flex-end;
=======
    justify-content: center;
>>>>>>> 22c8a0d (checkpoint before checking out NO)
    width: 100%;
    margin-block-start: 0;
  }

  .hero-banner--mobile-dark-copy .hero__button .button {
    --color-button-text: 0, 0, 0;
    --color-button-background: 255, 255, 255;
    --color-button-outline: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-outline: 0, 0, 0;
    color: #000 !important;
    background-color: rgba(255, 255, 255, 0.55) !important;
    border: 1px solid rgba(0, 0, 0, 0.85) !important;
    font-size: var(--font-size-static-xs);
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 1.3rem 2.4rem;
    min-height: unset;
    line-height: 1;
  }

  .hero-banner--mobile-dark-copy .hero__button .button--text {
    background-color: transparent !important;
    border: 1px solid #000 !important;
    padding: 1.2rem 2.2rem;
  }

  .hero-banner--mobile-dark-copy .hero__button .button--outlined {
    background-color: rgba(255, 255, 255, 0.55) !important;
  }
}

@media screen and (min-width: 750px) {
  .hero-banner--quentin-heading .hero__heading h1,
  .hero-banner--quentin-heading .hero__heading h2,
  .hero-banner--quentin-heading .hero__heading h3,
  .hero-banner--quentin-heading .hero__heading h4,
<<<<<<< HEAD
  .hero-banner--quentin-heading .hero__heading p,
  .hero-banner--quentin-heading .hero__heading strong {
    font-size: clamp(5.2rem, 6.8vw, var(--font-size-static-h1));
    line-height: 1.05;
    font-weight: 500;
  }

  /* Desktop: wide lines + whole block shifted right */
  .hero-banner--quentin-heading .hero__inner.hero-banner--full .hero__content.align-start {
=======
  .hero-banner--quentin-heading .hero__heading p {
    font-size: clamp(5.2rem, 6.8vw, var(--font-size-static-h1));
    line-height: 1.05;
  }

  /* Left column: inset from edge, keep copy off the face on the right */
  .hero-banner--quentin-heading .hero__content.align-start {
>>>>>>> 22c8a0d (checkpoint before checking out NO)
    align-items: flex-start;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
<<<<<<< HEAD
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: clamp(10rem, 13vw, 16.5rem);
    padding-inline-end: min(32vw, 48rem);
    padding-block-start: 0;
    padding-block-end: clamp(8rem, 11vh, 12.5rem);
  }

  .hero-banner--quentin-heading .hero__heading {
    max-width: min(62rem, 58vw);
=======
    padding-inline-start: clamp(5.6rem, 8vw, 11rem);
    padding-inline-end: min(46vw, 72rem);
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  }

  .hero-banner--large-body .hero__entry,
  .hero-banner--large-body .hero__entry p {
<<<<<<< HEAD
    font-size: var(--font-size-static-h7);
    font-weight: 300;
    line-height: var(--line-height-static-md);
    max-width: min(48rem, 52vw);
    color: rgb(var(--color-foreground));
  }

  .hero-banner--quentin-heading:not(.hero-banner--mobile-dark-copy) .hero__button {
    margin-block-start: 1.6rem;
  }

  .hero-banner--quentin-heading:not(.hero-banner--mobile-dark-copy) .hero__button .button {
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.88) !important;
    font-size: var(--font-size-static-xs);
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 1.2rem 2rem;
    min-height: unset;
=======
    font-size: var(--font-size-static-h6);
    line-height: var(--line-height-static-md);
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  }
}

@media screen and (min-width: 990px) {
<<<<<<< HEAD
  .hero-banner--quentin-heading .hero__inner.hero-banner--full .hero__content.align-start {
    padding-inline-start: clamp(11rem, 14vw, 18rem);
    padding-inline-end: min(34vw, 54rem);
    padding-block-end: clamp(9rem, 12vh, 14rem);
  }

  .hero-banner--quentin-heading .hero__heading {
    max-width: min(68rem, 56vw);
=======
  .hero-banner--quentin-heading .hero__content.align-start {
    padding-inline-start: clamp(6.4rem, 9vw, 12rem);
    padding-inline-end: min(50vw, 80rem);
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  }

  .hero-banner--large-body .hero__entry,
  .hero-banner--large-body .hero__entry p {
<<<<<<< HEAD
    max-width: min(52rem, 50vw);
    font-size: var(--font-size-static-h7);
    font-weight: 300;
=======
    font-size: var(--font-size-static-h5);
>>>>>>> 22c8a0d (checkpoint before checking out NO)
  }
}