@charset "UTF-8";
/** Alpha-aware fade for oklch (and other) tokens — replaces legacy rgba($color, $alpha). */
/** html font-size in `_typography.scss` -> drops to 18px below `sm` */
/** `to-rem($px)` with a CSS px floor */
body.page-brands #container > header,
body.page-in-real-life #container > header {
  z-index: 6;
}
body.page-brands main,
body.page-in-real-life main {
  margin-block-start: calc(var(--headerHeight) * -1);
}

.brands-section {
  margin: 0;
  overflow: visible;
  padding: 0;
}
.brands-section > .brands-inner {
  max-inline-size: none;
  overflow: visible;
  padding: 0;
  inline-size: min(100% - 1.9047619048rem, 50.9047619048rem);
  margin-inline: auto;
}

.brands-button {
  align-items: center;
  block-size: 3.0476190476rem;
  border-radius: 0.4761904762rem 0;
  box-sizing: border-box;
  display: flex;
  font-size: 0.8571428571rem;
  font-weight: 700;
  inline-size: 11.619047619rem;
  justify-content: center;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
}
.brands-button:hover {
  filter: brightness(0.94);
}
.brands-button:hover {
  text-decoration: none;
}
.brands-button--navy {
  background-color: oklch(25.12% 0.0959 266.71deg);
  color: oklch(73.47% 0.1447 228.91deg);
}

/** Band proportions, not a card's: the stage is full-bleed, so this sets how tall it runs. */
/**
 * Sized so the featured carton — this times the 1.28 it is scaled to — fills the band, leaving
 * no headroom above it. Lower it and the gap comes back; the band ratios set the carton's size.
 */
.brands-hero {
  text-align: center;
  background: linear-gradient(in srgb, oklch(87.52% 0.0797 219.4deg) 21.36%, oklch(73.47% 0.1447 228.91deg));
}

.brands-hero--carousel {
  padding-block: calc(var(--headerHeight) + 1.1428571429rem) 2.2857142857rem;
}
.brands-hero--carousel .brands-hero__cta {
  block-size: 3rem;
  border-radius: 0.5rem 0;
  margin: 1.4476190476rem auto 0;
}

.brands-hero__title {
  color: oklch(25.12% 0.0959 266.71deg);
  font-size: min(3.5238095238rem, 11vw);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0;
  padding-top: 2.5rem;
}

.brands-hero__copy {
  color: oklch(25.12% 0.0959 266.71deg);
  font-size: min(1.2142857143rem, 5.5vw);
  font-weight: 400;
  line-height: 1.5;
  margin: 1.1428571429rem auto;
}

.brands-carousel {
  background-color: oklch(100% 0 0deg);
  display: flow-root;
  /** Full-bleed stage: opt this one inner out of the shared card column. */
}
.brands-carousel > .brands-inner {
  inline-size: 100%;
}

/** Full-bleed stage. No card frame: the cartons stand on the page, not in a box. */
.brands-carousel__card {
  aspect-ratio: 7 / 2;
  background-color: oklch(100% 0 0deg);
  overflow: hidden;
  perspective: 57.1428571429rem;
  position: relative;
}
@media (max-width: 500px) {
  .brands-carousel__card {
    aspect-ratio: 11 / 8;
  }
}

.brands-carousel__track {
  inset: 0;
  pointer-events: none;
  position: absolute;
  transform-style: preserve-3d;
  z-index: 1;
}

.brands-carousel__slide {
  block-size: 76.5%;
  inline-size: fit-content;
  inset: auto 0 0.2857142857rem;
  margin-inline: auto;
  pointer-events: auto;
  position: absolute;
  transform-origin: bottom center;
  will-change: filter, opacity, transform;
}
.brands-carousel__slide picture,
.brands-carousel__slide img {
  block-size: 100%;
  display: block;
  inline-size: auto;
}

.brands-carousel__slide:not(:first-child) {
  display: none;
}

:root.js-brands .brands-carousel__slide {
  cursor: pointer;
}
:root.js-brands .brands-carousel__slide:not(:first-child) {
  display: block;
}

.brands-carousel__arrow {
  /** On a full-bleed stage these sit over the outer cartons, so they carry their own ground. */
  background: oklch(100% 0 0deg / 0.82);
  border: none;
  border-radius: max(2.1428571429rem, 44px);
  box-shadow: 0 0.0952380952rem 0.4761904762rem oklch(25.12% 0.0959 266.71deg / 0.12);
  cursor: pointer;
  inline-size: max(2.1428571429rem, 44px);
  inset-block-start: 50%;
  padding: 0.4761904762rem;
  position: absolute;
  translate: 0 -50%;
  z-index: 2;
}
.brands-carousel__arrow svg {
  fill: none;
  stroke: oklch(25.12% 0.0959 266.71deg / 0.7);
  stroke-linecap: round;
  stroke-width: 4;
}
.brands-carousel__arrow:hover {
  background: oklch(100% 0 0deg);
}
.brands-carousel__arrow:hover svg {
  stroke: oklch(25.12% 0.0959 266.71deg);
}
.brands-carousel__arrow:focus-visible {
  outline: 0.1428571429rem solid oklch(25.12% 0.0959 266.71deg);
  outline-offset: 0.0952380952rem;
}
@media (max-width: 500px) {
  .brands-carousel__arrow {
    inset-block-start: 38%;
  }
}
.brands-carousel__arrow--prev {
  inset-inline-start: 1.1428571429rem;
}
.brands-carousel__arrow--next {
  inset-inline-end: 1.1428571429rem;
}

.brands-connect {
  background-color: oklch(25.12% 0.0959 266.71deg);
  color: oklch(100% 0 0deg);
  padding-block: 2.880952381rem 8.9571428571rem;
  text-align: center;
}
.brands-connect > .brands-inner {
  inline-size: min(100% - 1.9047619048rem, 44.7619047619rem);
  margin-inline: auto;
}

.brands-connect__title {
  margin: 0 0 1.0476190476rem;
  color: oklch(73.47% 0.1447 228.91deg);
  font-size: 1.8095238095rem;
  font-weight: 600;
  line-height: 2.2619047619rem;
}

.brands-connect__copy {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4285714286rem;
  font-weight: 400;
}
.brands-connect__copy + .brands-connect__copy {
  margin-block-start: 0.3333333333rem;
}

.brands-ground {
  display: flow-root;
  background: linear-gradient(in srgb, oklch(100% 0 0deg), oklch(94.61% 0 0deg));
}

.brands-download__card {
  margin-block-start: -4.8333333333rem;
  min-block-size: 0;
}

.brands-download__clip {
  align-items: stretch;
  border-radius: 3.9047619048rem 0;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  min-block-size: 0;
  min-inline-size: 0;
  overflow: hidden;
}
@media (max-width: 500px) {
  .brands-download__clip {
    border-radius: 2.2857142857rem 0;
  }
}
@media (min-width: 801px) {
  .brands-download__clip {
    grid-template-columns: minmax(0, 1fr) minmax(0, 21.4285714286rem);
  }
}

.brands-download__content {
  background-color: oklch(85.39% 0.1722 87.17deg);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-block-size: 0;
  min-inline-size: 0;
  padding: 1.5238095238rem 0.7619047619rem 1.3333333333rem;
}
@media (max-width: 800px) {
  .brands-download__content {
    align-items: center;
    text-align: center;
  }
}
@media (min-width: 801px) {
  .brands-download__content {
    padding: 1.9047619048rem 1.1428571429rem;
  }
}
@media (min-width: 1101px) {
  .brands-download__content {
    padding: 1.9047619048rem 1.1428571429rem 1.9047619048rem 6.0238095238rem;
  }
}

.brands-download__title {
  margin: 0;
  max-inline-size: 17.1428571429rem;
  min-inline-size: 0;
  color: oklch(25.12% 0.0959 266.71deg);
  font-size: 1.8095238095rem;
  font-weight: 600;
  line-height: 2.2619047619rem;
}

.brands-download__lead {
  display: block;
  font-weight: 400;
}

.brands-download__cta {
  border-radius: 0.5rem 0;
  flex-shrink: 0;
  margin-block-start: 1.2619047619rem;
  max-inline-size: 100%;
  min-block-size: 3.0476190476rem;
}

.brands-download__media {
  box-sizing: border-box;
  display: grid;
  min-block-size: 0;
  min-inline-size: 0;
  overflow: hidden;
  padding: 7.5%;
  padding-block-end: 0;
  place-items: end center;
  background: linear-gradient(in srgb, oklch(100% 0 0deg), oklch(94.61% 0 0deg) 80%, oklch(89.75% 0 0deg));
}
.brands-download__media picture {
  display: contents;
}
.brands-download__media img {
  block-size: auto;
  display: block;
  inline-size: 100%;
  max-block-size: 100%;
  max-inline-size: 100%;
  min-block-size: 0;
  min-inline-size: 0;
  object-fit: contain;
  object-position: center bottom;
}

@keyframes brands-gallery-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-71.0476190476rem, 0, 0);
  }
}
@keyframes brands-gallery-right {
  from {
    transform: translate3d(-71.0476190476rem, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.brands-irl {
  padding-block: 1.9047619048rem 1.5238095238rem;
  text-align: center;
}
.brands-irl > .brands-inner {
  inline-size: min(100% - 1.9047619048rem, 50.9047619048rem);
  margin-inline: auto;
}

.brands-irl__title {
  margin: 0 0 1.019047619rem;
  color: oklch(39.55% 0.0999 245.15deg);
  font-size: 1.8095238095rem;
  font-weight: 600;
  line-height: 2.2619047619rem;
}

.brands-irl__copy {
  margin: 0;
  color: oklch(25.12% 0.0959 266.71deg);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4285714286rem;
  font-weight: 400;
}

.brands-irl__title + .brands-irl__copy {
  padding-block-end: 12px;
}

.brands-irl__channels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0.880952381rem 0 0;
  padding: 0;
  color: oklch(39.55% 0.0999 245.15deg);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4285714286rem;
}
.brands-irl__channels li {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.brands-irl__channels li + li::before {
  content: "·"/"";
  margin-inline: 0.5238095238rem;
}

.brands-gallery {
  display: grid;
  gap: 1.5238095238rem;
  margin-block-end: -3.619047619rem;
  overflow-x: clip;
  position: relative;
  z-index: 2;
}
.brands-gallery > .brands-gallery__row {
  block-size: 14.4761904762rem;
  margin: 0;
  max-inline-size: none;
  overflow: visible;
  padding: 0;
  position: relative;
}

.brands-gallery__track {
  --marquee: brands-gallery-left;
  animation: var(--marquee) 40s linear infinite;
  display: flex;
  gap: 1.5238095238rem;
  inset-block-start: 0;
  position: absolute;
  will-change: transform;
}

.brands-gallery__row:nth-child(2) .brands-gallery__track {
  --marquee: brands-gallery-right;
}

.brands-gallery__row:is(:hover, :focus-within, .is-offscreen) .brands-gallery__track {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .brands-gallery__track {
    animation: none;
    will-change: auto;
  }
}
.brands-gallery__row:focus-visible {
  outline: 3px solid oklch(25.12% 0.0959 266.71deg);
  outline-offset: 4px;
}

@media (max-width: 800px) {
  .brands-gallery {
    overflow-x: visible;
  }
  .brands-gallery > .brands-gallery__row {
    block-size: auto;
    overflow-x: auto;
    padding-block: 0.5714285714rem;
    scroll-padding-inline: 0.9523809524rem;
    scroll-snap-type: x mandatory;
  }
  .brands-gallery__track {
    animation: none;
    padding-inline: 0.9523809524rem;
    position: static;
    will-change: auto;
  }
  .brands-gallery__set[aria-hidden=true] {
    display: none;
  }
  .brands-gallery__set > picture {
    scroll-snap-align: start;
  }
}
.brands-gallery__row:nth-child(1) .brands-gallery__track {
  inset-inline-start: calc(50% - 5.638 * 17.7619047619rem);
}

.brands-gallery__row:nth-child(2) .brands-gallery__track {
  inset-inline-start: calc(50% - 6.2735 * 17.7619047619rem);
}

.brands-gallery__set {
  display: flex;
  gap: 1.5238095238rem;
}
.brands-gallery__set > picture {
  block-size: 14.4761904762rem;
  border-radius: 1.0476190476rem;
  box-shadow: 0 1px 10px oklch(0% 0 0deg / 0.45);
  flex: none;
  inline-size: 16.2380952381rem;
  overflow: hidden;
  position: relative;
}
.brands-gallery__set img {
  max-inline-size: none;
  position: absolute;
}

.brands-gallery__row:nth-child(1) .brands-gallery__set > picture:nth-child(1) img {
  block-size: 100%;
  inline-size: 133.72%;
  inset-block-start: 0%;
  inset-inline-start: -9.677%;
}

.brands-gallery__row:nth-child(1) .brands-gallery__set > picture:nth-child(2) img {
  block-size: 103.95%;
  inline-size: 162.17%;
  inset-block-start: -1.974%;
  inset-inline-start: -31.085%;
}

.brands-gallery__row:nth-child(1) .brands-gallery__set > picture:nth-child(3) img {
  block-size: 102.96%;
  inline-size: 133.72%;
  inset-block-start: -1.316%;
  inset-inline-start: -33.431%;
}

.brands-gallery__row:nth-child(1) .brands-gallery__set > picture:nth-child(4) img {
  block-size: 102.96%;
  inline-size: 138.12%;
  inset-block-start: -1.316%;
  inset-inline-start: -19.062%;
}

.brands-gallery__row:nth-child(2) .brands-gallery__set > picture:nth-child(1) img {
  block-size: 111.84%;
  inline-size: 189.44%;
  inset-block-start: -10.197%;
  inset-inline-start: -80.938%;
}

.brands-gallery__row:nth-child(2) .brands-gallery__set > picture:nth-child(2) img {
  block-size: 100%;
  inline-size: 118.77%;
  inset-block-start: 0%;
  inset-inline-start: -12.023%;
}

.brands-gallery__row:nth-child(2) .brands-gallery__set > picture:nth-child(3) img {
  block-size: 106.91%;
  inline-size: 169.5%;
  inset-block-start: -3.618%;
  inset-inline-start: -18.182%;
}

.brands-gallery__row:nth-child(2) .brands-gallery__set > picture:nth-child(4) img {
  block-size: 201.97%;
  inline-size: 119.94%;
  inset-block-start: -68.75%;
  inset-inline-start: 0%;
}

.brands-distribution {
  padding-block: 7.1761904762rem 4.7285714286rem;
  position: relative;
  text-align: center;
  z-index: 1;
  background: linear-gradient(in srgb, oklch(87.52% 0.0797 219.4deg) -9.412%, oklch(73.47% 0.1447 228.91deg));
}
.brands-distribution > .brands-inner {
  inline-size: min(100% - 1.9047619048rem, 37.5238095238rem);
  margin-inline: auto;
}

.brands-distribution__copy {
  color: oklch(25.12% 0.0959 266.71deg);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4285714286rem;
  font-weight: 400;
  margin: 0;
}

.brands-tetra {
  padding-block: 5.5476190476rem 6.1095238095rem;
  background: linear-gradient(in srgb, oklch(100% 0 0deg), oklch(94.61% 0 0deg));
}
.brands-tetra > .brands-inner {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  gap: 2.7857142857rem;
  padding-inline-start: 3.7142857143rem;
}
@media (max-width: 800px) {
  .brands-tetra > .brands-inner {
    align-items: center;
    flex-direction: column;
    gap: 1.5238095238rem;
    padding-inline-start: 0;
    text-align: center;
  }
}

.brands-tetra__badge {
  block-size: 9.4285714286rem;
  flex: none;
  inline-size: 9.4285714286rem;
  margin-block-start: 0.0952380952rem;
}

.brands-tetra__body {
  max-inline-size: 32rem;
}

.brands-tetra__title {
  margin: 0 0 0.6619047619rem;
  color: oklch(39.55% 0.0999 245.15deg);
  font-size: 1.8095238095rem;
  font-weight: 600;
  line-height: 2.2619047619rem;
}

.brands-tetra__copy {
  margin: 0;
  color: oklch(25.12% 0.0959 266.71deg);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4285714286rem;
  font-weight: 400;
}

.brands-lead {
  padding-block: 5.2952380952rem 3.1666666667rem;
  text-align: center;
  background: linear-gradient(in srgb, oklch(87.52% 0.0797 219.4deg), oklch(73.47% 0.1447 228.91deg));
}
.brands-lead:focus {
  outline: none;
}
.brands-lead.is-success .brands-lead__intro,
.brands-lead.is-success .brands-lead__form {
  display: none;
}

.brands-lead__intro {
  font-size: 1.5rem;
  margin-inline: auto;
  max-inline-size: 57.1428571429rem;
}

.brands-lead__title {
  margin: 0 0 1.0476190476rem;
  color: oklch(25.12% 0.0959 266.71deg);
  font-size: 1.8095238095rem;
  font-weight: 600;
  line-height: 2.2619047619rem;
}

.brands-lead__copy {
  color: oklch(25.12% 0.0959 266.71deg);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4285714286rem;
  font-weight: 400;
  margin: 0;
}

.brands-lead__form {
  color: oklch(25.12% 0.0959 266.71deg);
  font-size: 1rem;
  font-weight: 500;
  margin: 2.0952380952rem auto 0;
  max-inline-size: 28.5714285714rem;
  position: relative;
  text-align: start;
}
.brands-lead__form form {
  position: relative;
}
.brands-lead__form form.hide {
  display: none;
}
.brands-lead__form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.brands-lead__form li {
  margin: 0;
}
.brands-lead__form .field {
  margin-block-end: 1.1428571429rem;
}
.brands-lead__form label {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.0285714286rem;
  margin-block-end: 0.5rem;
}
.brands-lead__form input,
.brands-lead__form textarea,
.brands-lead__form .select {
  background-color: oklch(100% 0 0deg);
  block-size: max(2.6666666667rem, 44px);
  border: 2px solid transparent;
  border-radius: 5px;
  box-sizing: border-box;
  color: oklch(25.12% 0.0959 266.71deg);
  display: block;
  font: inherit;
  font-size: max(0.8571428571rem, 16px);
  inline-size: 100%;
  padding: 0 0.6666666667rem;
}
.brands-lead__form input:focus-visible,
.brands-lead__form textarea:focus-visible,
.brands-lead__form .select:focus-visible {
  border-color: oklch(25.12% 0.0959 266.71deg);
  outline: 3px solid oklch(25.12% 0.0959 266.71deg);
  outline-offset: 2px;
}
.brands-lead__form textarea {
  block-size: 6.2857142857rem;
  padding-block: 0.380952381rem;
  resize: vertical;
}
.brands-lead__form .field--message label {
  margin-block-end: 0.3404761905rem;
}
.brands-lead__form .field__help {
  display: block;
  font-size: max(0.6666666667rem, 14px);
  font-weight: 400;
  line-height: 0.6904761905rem;
  margin-block-start: 0.269047619rem;
  padding-block-end: 2px;
}
.brands-lead__form .field .error {
  color: oklch(35% 0.18 29.23deg);
  font-size: 0.6666666667rem;
  font-weight: 600;
  line-height: 1.3;
  margin-block-start: 0.1904761905rem;
}
.brands-lead__form .field .error:not(.show) {
  display: none;
}
.brands-lead__form :is(input, textarea, .select)[aria-invalid=true] {
  border-color: oklch(35% 0.18 29.23deg);
}
.brands-lead__form li.error {
  background-color: oklch(100% 0 0deg);
  border-inline-start: 0.1904761905rem solid oklch(62.8% 0.2577 29.23deg);
  font-size: 0.7142857143rem;
  margin-block-start: 0.7619047619rem;
  padding: 0.380952381rem 0.5714285714rem;
}
.brands-lead__form li.error:not(.show) {
  display: none;
}
.brands-lead__form .recaptcha {
  margin-block-start: 1.1428571429rem;
  min-block-size: max(3.7142857143rem, 78px);
}
@media (width <= 336px) {
  .brands-lead__form .recaptcha {
    transform: scale(0.9);
    transform-origin: 0 0;
  }
}
.brands-lead__form .submit {
  margin-block-start: 1rem;
}
.brands-lead__form .submit button {
  background-color: oklch(85.39% 0.1722 87.17deg);
  block-size: max(2.6666666667rem, 44px);
  border: 0;
  border-radius: 12px;
  color: oklch(25.12% 0.0959 266.71deg);
  cursor: pointer;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  inline-size: 100%;
  padding: 0;
  text-transform: uppercase;
}
.brands-lead__form .submit button:hover {
  filter: brightness(0.94);
}
.brands-lead__form .submit button:hover {
  filter: brightness(90%);
}
.brands-lead__form .submit button:focus-visible {
  border-color: oklch(25.12% 0.0959 266.71deg);
  outline: 3px solid oklch(25.12% 0.0959 266.71deg);
  outline-offset: 2px;
}
.brands-lead__form small {
  display: block;
  font-size: max(0.6666666667rem, 14px);
  line-height: 0.7142857143rem;
  margin-block-start: 0.7619047619rem;
  text-align: center;
}
.brands-lead__form small a {
  text-decoration: underline;
}

.brands-lead__required {
  font-size: max(0.6666666667rem, 14px);
  inset-block-start: 0;
  inset-inline-end: 0;
  line-height: 1.0285714286rem;
  margin: 0;
  position: absolute;
  white-space: nowrap;
}

#lets-connect .select {
  padding: 0;
}
#lets-connect .select > .selected {
  background: transparent;
  block-size: max(2.6666666667rem, 44px);
  font-size: max(0.8571428571rem, 16px);
  line-height: max(2.6666666667rem, 44px);
  padding-inline: 0.6666666667rem 1.9047619048rem;
}
#lets-connect .select li {
  box-sizing: border-box;
}
#lets-connect .select > svg {
  block-size: 1.380952381rem;
  fill: oklch(84.5222255813% 0 none);
  inline-size: 1.380952381rem;
  margin-block-start: -0.6904761905rem;
  right: 0.6666666667rem;
}

.brands-thanks {
  border-radius: 3.9047619048rem 0;
  box-shadow: 0 0.9523809524rem 1.9047619048rem oklch(15.67% 0.0561 265.22deg / 0.35);
  color: oklch(25.12% 0.0959 266.71deg);
  margin-inline: auto;
  padding-block: 2.8571428571rem 3.0952380952rem;
  text-align: center;
  background: linear-gradient(in srgb, oklch(100% 0 0deg), oklch(94.61% 0 0deg));
}
.brands-thanks:not(.show) {
  display: none;
}
.brands-thanks:focus {
  outline: none;
}

.brands-thanks__title {
  color: oklch(39.55% 0.0999 245.15deg);
  font-size: 2.6666666667rem;
  font-weight: 500;
  line-height: 3.1428571429rem;
  margin: 0;
}

.brands-thanks__lead {
  margin: 0.4857142857rem 0 0;
  font-size: 1.8095238095rem;
  font-weight: 300;
  line-height: 2.2619047619rem;
}

.brands-thanks__copy {
  font-size: 1.0476190476rem;
  font-weight: 600;
  margin: 0.619047619rem 0 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4285714286rem;
}

.brands-thanks__logo {
  color: oklch(25.12% 0.0959 266.71deg);
  margin: 2.5523809524rem auto 0;
}
.brands-thanks__logo svg {
  block-size: auto;
  display: block;
  fill: currentcolor;
  inline-size: 8.8571428571rem;
  margin-inline: auto;
}

/** Hide `.reveal` until JS claims it. Lives in CSS because the bundle is deferred and would flash the finished page first. */
:root.js-motion .reveal {
  opacity: 0;
}

/** Pad SplitText masks so tight leading does not clip ascenders and descenders. Negative margin gives the space back. */
.ink-mask {
  margin-block: -0.18em;
  padding-block: 0.18em;
}

/*# sourceMappingURL=brands.css.map */