/** Shopify CDN: Minification failed

Line 56:20 Unexpected "{"
Line 56:29 Expected ":"
Line 61:20 Unexpected "{"
Line 61:29 Expected ":"
Line 61:48 Unexpected "{"
Line 61:57 Expected ":"
Line 61:64 Unexpected "{"
Line 150:40 Unexpected "{"
Line 150:49 Expected ":"
Line 156:42 Unexpected "{"
... and 13 more hidden warnings

**/


/* CSS from section stylesheet tags */
.pill-tray {
    position: fixed;
    left: 50%;
    transform: translate(
      calc(-50% + var(--pill-tray-offset-x, 0px)),
      var(--pill-tray-translate-y, 0)
    );
    bottom: calc(var(--pill-tray-offset-vh, 20vh) + var(--pill-tray-offset-px, 0px));
    z-index: var(--layer-overlay, 16);
    width: 100%;
    pointer-events: none;
    transition: opacity 220ms ease, transform 260ms ease, filter 200ms ease;
  }

  body.cart-drawer-open .pill-tray {
    z-index: 3;
  }

  .pill-tray.is-hidden {
    opacity: 0;
    --pill-tray-translate-y: var(--pill-tray-hidden-translate, 14px);
  }

  .pill-tray--hide-mobile {
    display: none;
  }

  @media screen and (min-width: 750px) {
    .pill-tray--hide-mobile {
      display: grid;
    }

    .pill-tray--hide-desktop {
      display: none;
    }
  }

  #shopify-section-{{ section.id }} .section-background {
    display: none;
  }

  /* Prevent global section background override from forcing white on this floating tray */
  #shopify-section-{{ section.id }} #pill-tray-{{ section.id }} {
    background: transparent;
    background-color: transparent;
  }

  .pill-tray__inner {
    pointer-events: none;
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .pill-tray__surface {
    pointer-events: auto;
    position: relative;
    display: inline-flex;
    gap: var(--pill-gap, 12px);
    padding: var(--pill-tray-padding-block, 12px) var(--pill-tray-padding-inline, 14px);
    min-height: var(--pill-tray-height, 60px);
    background: var(--pill-tray-bg, rgba(119, 118, 118, 0.3));
    border: var(--pill-tray-border-width, 0.5px) solid var(--pill-tray-border-color, rgba(255, 255, 255, 0.2));
    border-radius: 9999px;
    backdrop-filter: blur(var(--pill-tray-blur, 25px));
    -webkit-backdrop-filter: blur(var(--pill-tray-blur, 25px));
    box-shadow: var(--pill-tray-shadow, 0 12px 32px rgb(0 0 0 / 0.12));
    width: min(100%, var(--pill-tray-max-width, 352px));
    align-items: center;
    justify-content: center;
  }

  .pill-tray__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--pill-height, 30px);
    min-width: var(--pill-min-width, 96px);
    padding: 0 var(--pill-padding-inline, 22px);
    border-radius: 999px;
    background: var(--pill-bg, rgba(0, 0, 0, 0.2));
    border: var(--pill-border-width, 1px) solid var(--pill-border-color, rgba(255, 255, 255, 0.2));
    backdrop-filter: blur(var(--pill-blur, 52px));
    -webkit-backdrop-filter: blur(var(--pill-blur, 52px));
    color: var(--pill-text-color, #fff);
    font-family: var(--pill-font-family, var(--font-heading-family), var(--font-body-family), sans-serif);
    font-size: var(--pill-text-size, 12px);
    font-weight: var(--pill-text-weight, 600);
    letter-spacing: var(--pill-letter-spacing, 0.04em);
    text-decoration: none;
    text-transform: var(--pill-text-transform, uppercase);
    line-height: var(--pill-text-line-height, 110%);
    transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
    box-shadow: 0 6px 18px rgb(0 0 0 / 0.18);
    text-align: center;
    white-space: nowrap;
  }

  .pill-tray__pill--one {
    --pill-min-width: var(--pill-one-min-width, 96px);
  }

  .pill-tray__pill--two {
    --pill-min-width: var(--pill-two-min-width, 115px);
  }

  .pill-tray__pill--three {
    --pill-min-width: var(--pill-three-min-width, 96px);
  }

  .pill-tray__pill:hover,
  .pill-tray__pill:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgb(0 0 0 / 0.24);
    outline: none;
  }

  .pill-tray__pill:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }
.rolling-image-marquee {
    position: relative;
    width: 100%;
    overflow: hidden;
    --marquee-direction: normal;
    margin-top: var(--marquee-margin-top-mobile, var(--marquee-margin-top, 0px));
    margin-bottom: var(--marquee-margin-bottom-mobile, var(--marquee-margin-bottom, 0px));
  }

  /* Ensure section spacing settings win over template-level padding on index */
  body.template-index #shopify-section-{{ section.id }} .rolling-image-marquee {
    padding-top: var(--padding-block-start-mobile, var(--padding-block-start, 0px)) !important;
    padding-bottom: var(--padding-block-end-mobile, var(--padding-block-end, 0px)) !important;
  }

  @media screen and (min-width: 750px) {
    body.template-index #shopify-section-{{ section.id }} .rolling-image-marquee {
      padding-top: var(--padding-block-start, 0px) !important;
      padding-bottom: var(--padding-block-end, 0px) !important;
    }

    .rolling-image-marquee {
      --scroll-speed: {{ section.settings.speed_seconds_desktop | default: section.settings.speed_seconds }}s;
    }
  }

  .rolling-image-marquee__mask {
    width: 100%;
    overflow: hidden;
    touch-action: pan-y;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
  }

  .rolling-image-marquee[data-dragging='true'] .rolling-image-marquee__mask {
    cursor: grabbing;
  }

  .rolling-image-marquee__track {
    display: flex;
    gap: var(--item-gap-mobile, var(--item-gap, 16px));
    width: max-content;
    min-height: 100%;
    will-change: transform;
    animation: rolling-image-marquee var(--scroll-speed, 18s) linear infinite;
    animation-direction: var(--marquee-direction, normal);
  }

  .rolling-image-marquee[data-stop-mobile='true'] .rolling-image-marquee__mask {
    overflow-x: auto;
    cursor: auto;
    touch-action: pan-x pan-y;
  }

  .rolling-image-marquee[data-stop-mobile='true'] .rolling-image-marquee__track {
    width: 100%;
    justify-content: var(--marquee-justify, flex-start);
    animation: none;
  }

  @supports not (gap: 1px) {
    .rolling-image-marquee__track {
      gap: 0;
    }

    .rolling-image-marquee__item {
      margin-inline-end: var(--item-gap, 16px);
    }

    .rolling-image-marquee__item:last-child {
      margin-inline-end: 0;
    }
  }

  .rolling-image-marquee__item {
    flex: 0 0 var(--item-size-mobile, var(--item-size, 203px));
    width: var(--item-size-mobile, var(--item-size, 203px));
    height: var(--item-size-mobile, var(--item-size, 203px));
    border-radius: var(--item-radius, 14px);
    overflow: hidden;
    background: #f5f5f5;
    margin: 0;
  }

  .rolling-image-marquee__image,
  .rolling-image-marquee__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
  }

  .rolling-image-marquee__placeholder {
    background: linear-gradient(135deg, #ececec 0%, #d8d8d8 100%);
  }

  .rolling-image-marquee[data-pause-desktop='true']
    .rolling-image-marquee__mask:hover
    .rolling-image-marquee__track {
    animation-play-state: paused;
  }

  @keyframes rolling-image-marquee {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(calc(-1 * var(--marquee-distance, 50%)), 0, 0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rolling-image-marquee__track {
      animation: none;
    }
  }

  @media screen and (min-width: 750px) {
    .rolling-image-marquee {
      margin-top: var(--marquee-margin-top, var(--marquee-margin-top-mobile, 0px));
      margin-bottom: var(--marquee-margin-bottom, var(--marquee-margin-bottom-mobile, 0px));
    }

    .rolling-image-marquee__track {
      gap: var(--item-gap, var(--item-gap-mobile, 16px));
    }

    .rolling-image-marquee__item {
      flex-basis: var(--item-size, var(--item-size-mobile, 203px));
      width: var(--item-size, var(--item-size-mobile, 203px));
      height: var(--item-size, var(--item-size-mobile, 203px));
    }

    .rolling-image-marquee[data-stop-desktop='true'] .rolling-image-marquee__mask {
      overflow-x: auto;
      cursor: auto;
      touch-action: pan-x pan-y;
    }

    .rolling-image-marquee[data-stop-desktop='true'] .rolling-image-marquee__track {
      width: 100%;
      justify-content: var(--marquee-justify, flex-start);
      animation: none;
    }

    .rolling-image-marquee[data-pause-desktop='true']
      .rolling-image-marquee__mask:hover
      .rolling-image-marquee__track {
      animation-play-state: paused;
    }
  }

  @media screen and (max-width: 749px) {
    .rolling-image-marquee[data-stop-mobile='true'],
    .rolling-image-marquee[data-swipe-mobile='true'] {
      --marquee-direction: normal;
    }

    .rolling-image-marquee[data-swipe-mobile='true'] .rolling-image-marquee__mask {
      overflow-x: auto;
      touch-action: pan-x pan-y;
      cursor: grab;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }

    .rolling-image-marquee[data-swipe-mobile='true']
      .rolling-image-marquee__mask::-webkit-scrollbar {
      display: none;
    }

    .rolling-image-marquee[data-swipe-mobile='true'][data-dragging='true']
      .rolling-image-marquee__mask {
      cursor: grabbing;
    }

    .rolling-image-marquee[data-swipe-mobile='true'] .rolling-image-marquee__track {
      animation: none;
      width: max-content;
      gap: var(--item-gap-mobile, var(--item-gap, 16px));
    }

    .rolling-image-marquee[data-swipe-mobile='true'] .rolling-image-marquee__item {
      flex: 0 0 var(--marquee-mobile-card-basis, 100%);
      width: var(--marquee-mobile-card-basis, 100%);
      height: auto;
      aspect-ratio: 1 / 1;
      scroll-snap-align: start;
    }

    .rolling-image-marquee[data-pause-mobile=\"true\"]
      .rolling-image-marquee__mask:active
      .rolling-image-marquee__track {
      animation-play-state: paused;
    }
  }

  .rolling-image-marquee__dots-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-block-start: 12px;
  }

  .rolling-image-marquee__dots {
    display: flex;
    gap: 6px;
    justify-content: flex-start;
  }

  .rolling-image-marquee__dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: rgb(var(--color-foreground-rgb) / 0.35);
    border: none;
    padding: 0;
    cursor: pointer;
  }

  .rolling-image-marquee__dot.is-active {
    background: rgb(var(--color-foreground-rgb) / 0.9);
  }

  .rolling-image-marquee__dots-label {
    margin-left: auto;
    text-align: right;
    font-family: var(--font-body-family);
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(var(--color-foreground-rgb) / 0.8);
    white-space: nowrap;
  }

  @media screen and (min-width: 750px) {
    .rolling-image-marquee__dots-row {
      display: none;
    }
  }

/* CSS from block stylesheet tags */
.dial-card-single {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: min(var(--dial-card-max-width, 1200px), var(--dial-card-inline-size, 100%));
    min-width: 240px;
    min-height: var(--dial-card-height, 620px);
    border-radius: var(--dial-card-radius, 10px);
    border: var(--dial-card-border-width, 1px) solid var(--dial-card-border-color, #454545);
    overflow: hidden;
    background: #111; /* fallback so cards stay dark even if overlay is transparent */
    color: #fff;
    --dial-panel-gap-current: var(--dial-panel-gap, 14px);
    --dial-panel-padding-inline-current: var(--dial-panel-gap-current, 14px);
    --dial-panel-padding-top-current: var(--dial-panel-padding-top, 0px);
    --dial-panel-padding-bottom-current: var(--dial-panel-padding-bottom, 0px);
    --dial-size-fit-columns: 3;
  }

  .dial-card-single__media,
  .dial-card-single__scrim,
  .dial-card-single__content {
    position: absolute;
    inset: 0;
  }

  .dial-card-single__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .dial-card-single__placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #d6d6d6 0%, #bfbfbf 100%);
  }

  .dial-card-single__placeholder-svg {
    width: 60%;
    height: 60%;
    opacity: 0.55;
  }

  .dial-card-single__scrim {
    z-index: 1;
    background:
      linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.9)), var(--dial-card-overlay, #000);
    opacity: var(--dial-card-overlay-opacity, 0.72);
  }
  .no-lh {
    line-height: 0;
  }
  .dial-card-single__content {
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: var(--dial-content-pt, 0px) var(--dial-content-pi, 0px) var(--dial-content-pb, 0px);
    font-family: var(--font-body-family);
    height: 100%;
  }

  .dial-card-single__name {
    font-family: var(--dial-name-font, var(--font-heading-family));
    font-size: clamp(var(--dial-name-size, 32px), 3vw, calc(var(--dial-name-size, 32px) + 6px));
    font-weight: var(--dial-name-weight, 700);
    line-height: var(--dial-name-line-height, 1);
    color: rgb(var(--dial-name-color-rgb, 255 255 255) / var(--dial-name-color-alpha, 1));
    margin-top: var(--dial-name-mt, 0px);
    margin-bottom: var(--dial-name-mb, 0px);
  }

  .dial-card-single__place {
    font-family: var(--dial-place-font, var(--font-body-family));
    font-size: clamp(var(--dial-place-size, 22px), 2.4vw, calc(var(--dial-place-size, 22px) + 4px));
    font-weight: var(--dial-place-weight, 500);
    margin-top: var(--dial-place-mt, var(--dial-name-place-gap, 0px));
    margin-bottom: var(--dial-place-mb, 0px);
    color: rgb(var(--dial-place-color-rgb, 245 245 245) / var(--dial-place-color-alpha, 1));
    line-height: var(--dial-place-line-height, 1);
  }

  .dial-card-single__panel {
    margin-top: auto;
    width: 100%;
    box-sizing: border-box;
    padding-top: var(--dial-panel-padding-top-current, 0px);
    padding-bottom: calc(
      var(--dial-panel-padding-bottom-current, 0px) +
        (var(--dial-panel-range-reserve, 0) *
          (var(--dial-range-mt, 0px) + (var(--dial-range-size, 12px) * var(--dial-range-line-height, 1))))
    );
    padding-left: var(--dial-panel-padding-inline-current, 0px);
    padding-right: var(--dial-panel-padding-inline-current, 0px);
    border-radius: var(--dial-panel-border-radius, 22px);
    border: var(--dial-panel-border-width, 2px) solid
      rgba(var(--dial-panel-border-color-rgb, 255, 255, 255), var(--dial-panel-border-alpha, 0.9));
    background: rgba(0, 0, 0, 0.25);
    display: grid;
    grid-template-columns: repeat(var(--dial-size-fit-columns), minmax(0, 1fr));
    column-gap: var(--dial-panel-gap-current, 14px);
    align-items: center;
  }

  .dial-card-single--gap-free .dial-card-single__panel {
    justify-content: center;
  }

  .dial-card-single--dial-size-free .dial-card-single__panel {
    --dial-size-fit: var(--dial-size-max);
  }

  .dial-card-single__dial-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(6px, 1.2vw, 10px);
    width: 100%;
    min-width: 0;
    text-align: center;
    position: relative;
  }

  .dial-card-single__dial {
    --dial-value: 0;
    --dial-accent: #19ec06;
    --dial-track: #343a40;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    position: relative;
    background: conic-gradient(
      var(--dial-accent) calc(var(--dial-value) * 1%),
      var(--dial-track) 0
    );
  }

  .dial-card-single__dial::before {
    content: '';
    position: absolute;
    inset: var(--dial-thickness, 4px);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.85);
  }

  .dial-card-single__dial-inner {
    position: relative;
    z-index: 1;
    text-align: center;
  }

  .dial-card-single__dial-label {
    font-family: var(--dial-label-font, var(--font-body-family));
    font-size: clamp(5px, calc(var(--dial-size-current) * 0.12), var(--dial-label-size, 10px));
    letter-spacing: var(--dial-label-letter, 0.18em);
    text-transform: uppercase;
    opacity: 0.75;
    margin-bottom: 7px;
    color: rgb(var(--dial-label-color-rgb, 224 224 224) / var(--dial-label-color-alpha, 1));
    line-height: var(--dial-label-line-height, 1);
  }

  .dial-card-single__dial-value {
    font-family: var(--dial-number-font, var(--font-heading-family));
    font-size: clamp(18px, calc(var(--dial-size-current) * 0.34), var(--dial-number-size, 32px));
    font-weight: var(--dial-number-weight, 800);
    line-height: var(--dial-number-line-height, 1);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0.02em;
    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.9);
    color: rgb(var(--dial-number-color-rgb, 255 255 255) / var(--dial-number-color-alpha, 1));
  }

  .dial-card-single__percent {
    font-size: clamp(10px, calc(var(--dial-size-current) * 0.19), 1rem);
    margin-left: 0.04em;
    line-height: 1;
    vertical-align: super;
    opacity: 0.9;
    color: var(--dial-number-color, #ffffff);
  }

  .dial-card-single__range {
    font-family: var(--dial-range-font, var(--font-body-family));
    font-size: clamp(10px, calc(var(--dial-size-current) * 0.18), var(--dial-range-size, 15px));
    font-weight: var(--dial-range-weight, 600);
    letter-spacing: 0;
    white-space: nowrap;
    color: rgb(var(--dial-range-color-rgb, 255 255 255) / var(--dial-range-color-alpha, 1));
    line-height: var(--dial-range-line-height, 1);
    margin-bottom: var(--dial-range-mb, 0px);
    position: absolute;
    left: 50%;
    top: calc(100% + var(--dial-range-mt, 0px));
    transform: translateX(-50%);
    text-align: center;
    pointer-events: none;
  }

  .dial-card-single__range:empty {
    visibility: hidden;
  }

  .dial-card-single__footer {
    margin-top: var(--dial-footer-mt, 0px);
    margin-bottom: var(--dial-footer-mb, 0px);
    padding: 0px 4px;
    font-family: var(--dial-footer-font, var(--font-body-family));
    font-size: var(--dial-footer-size, 18px);
    font-weight: var(--dial-footer-weight, 500);
    color: rgb(var(--dial-footer-color-rgb, 255 255 255) / var(--dial-footer-color-alpha, 1));
    line-height: var(--dial-footer-line-height, 1);
  }

  .dial-card-single--label-size-free .dial-card-single__dial-label {
    font-size: var(--dial-label-size, 10px);
  }

  .dial-card-single--number-size-free .dial-card-single__dial-value {
    font-size: var(--dial-number-size, 32px);
  }

  .dial-card-single--range-size-free .dial-card-single__range {
    font-size: var(--dial-range-size, 15px);
  }

  @media (min-width: 87.5em) {
    .dial-card-single--hide-large-desktop {
      display: none !important;
    }
  }

  @media (min-width: 64em) and (max-width: 87.49em) {
    .dial-card-single--hide-desktop {
      display: none !important;
    }
  }

  @media (min-width: 48em) and (max-width: 63.99em) {
    .dial-card-single--hide-tablet {
      display: none !important;
    }
  }

  @media (max-width: 63.99em) {
    .dial-card-single {
      --dial-panel-gap-current: var(--dial-panel-gap-tablet, var(--dial-panel-gap, 14px));
      --dial-panel-padding-top-current: min(var(--dial-panel-padding-top, 0px), 22px);
      --dial-panel-padding-bottom-current: min(var(--dial-panel-padding-bottom, 0px), 22px);
    }
  }

  @media (max-width: 47.99em) {
    .dial-card-single--hide-mobile {
      display: none !important;
    }
  }

  @media (max-width: 47.99em) {
    .dial-card-single__panel {
      column-gap: var(--dial-panel-gap-current, 14px);
    }
  }

  @media (max-width: 47.99em) {
    .dial-card-single {
      --dial-panel-gap-current: var(--dial-panel-gap-mobile, var(--dial-panel-gap, 14px));
      --dial-panel-padding-top-current: min(
        var(--dial-panel-padding-top-mobile, var(--dial-panel-padding-top, 0px)),
        18px
      );
      --dial-panel-padding-bottom-current: min(
        var(--dial-panel-padding-bottom-mobile, var(--dial-panel-padding-bottom, 0px)),
        18px
      );
      --dial-range-mt: {{ range_margin_top_mobile }}px;
      --dial-range-mb: {{ range_margin_bottom_mobile }}px;
    }
  }
.image-name-card {
    width: var(--image-name-card-width, 100%);
    max-width: var(--image-name-card-max-width, 360px);
    flex: 0 0 auto;
    --image-name-card-text-size: 14px;
    --image-name-card-text-style: normal;
    --image-name-card-text-weight: 400;
    --image-name-card-text-line: 110%;
    --image-name-card-text-letter: -0.1px;
    position: relative;
    min-height: var(--image-name-card-height, 360px);
    border-radius: var(--image-name-card-radius, 12px);
    overflow: hidden;
    background: var(--image-name-card-bg, #000000);
  }

  .group-block-content--swipe-mobile .image-name-card {
    flex: 0 0 var(--group-mobile-slide-basis, auto);
    scroll-snap-align: start;
  }

  .group-block-content--swipe-tablet .image-name-card {
    flex: 0 0 var(--group-tablet-slide-basis, auto);
    scroll-snap-align: start;
  }

  .group-block-content--swipe-desktop .image-name-card {
    flex: 0 0 var(--group-desktop-slide-basis, auto);
    scroll-snap-align: start;
  }

  .image-name-card__media,
  .image-name-card__content {
    position: absolute;
    inset: 0;
  }

  .image-name-card__media {
    background: var(--image-name-card-bg, #000000);
    border-radius: var(--image-name-card-radius, 12px);
    overflow: hidden;
  }

  .image-name-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .image-name-card__placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #d6d6d6 0%, #bfbfbf 100%);
  }

  .image-name-card__placeholder-svg {
    width: 60%;
    height: 60%;
    opacity: 0.55;
  }

  .image-name-card__content {
    display: grid;
    place-items: center;
    padding: var(--image-name-card-padding-y, 20px) var(--image-name-card-padding-x, 20px);
    text-align: var(--image-name-card-text-align, center);
  }

  .image-name-card__text {
    color: var(--image-name-card-text-color, #ffffff);
    font-family: var(--image-name-card-text-font, "ABC Walter", var(--font-body-family));
    font-size: var(--image-name-card-text-size, 14px);
    font-style: var(--image-name-card-text-style, normal);
    font-weight: var(--image-name-card-text-weight, 400);
    line-height: var(--image-name-card-text-line, 110%);
    letter-spacing: var(--image-name-card-text-letter, -0.14px);
  }
.journal-card-single {
    position: relative;
    isolation: isolate;
    width: var(--journal-card-width, 100%);
    max-width: var(--journal-card-max-width, 1200px);
    min-height: var(--journal-card-height, 500px);
    border-radius: var(--journal-card-radius, 12px);
    overflow: hidden;
    background: #0b0b0b;
    color: #fff;
  }

  .journal-card-single__media,
  .journal-card-single__scrim,
  .journal-card-single__content {
    position: absolute;
    inset: 0;
  }

  .journal-card-single__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .journal-card-single__placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #d6d6d6 0%, #bfbfbf 100%);
  }

  .journal-card-single__placeholder-svg {
    width: 60%;
    height: 60%;
    opacity: 0.55;
  }

  .journal-card-single__scrim {
    z-index: 1;
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.78) 100%),
      var(--journal-card-overlay, #000);
    opacity: var(--journal-card-overlay-opacity, 0.65);
  }

  .journal-card-single__content {
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: var(--journal-content-gap, 12px);
    padding: var(--journal-content-padding-top, 22px) var(--journal-content-padding-x, 20px)
      var(--journal-content-padding-bottom, 18px);
    height: 100%;
  }

  .journal-card-single__meta {
    display: inline-block;
    font-family: var(--journal-meta-font, var(--font-body-family));
    font-size: var(--journal-meta-size, 14px);
    letter-spacing: var(--journal-meta-letter, 0.12em);
    text-transform: uppercase;
    color: var(--journal-meta-color, #f5f5f5);
    margin-top: var(--journal-meta-margin-top, 0px);
    margin-bottom: var(--journal-meta-margin-bottom, 0px);
    max-width: var(--journal-meta-max, none);
  }

  .journal-card-single__title {
    font-family: var(--journal-title-font, var(--font-heading-family));
    font-size: clamp(var(--journal-title-size, 26px), 4vw, calc(var(--journal-title-size, 26px)));
    line-height: var(--journal-title-line, 1.25);
    font-weight: var(--journal-title-weight, 700);
    color: var(--journal-title-color, #fff);
    max-width: var(--journal-title-max, 32ch);
    width: 100%;
    align-self: flex-start;
    margin-top: var(--journal-title-margin-top, 0px);
    margin-bottom: var(--journal-title-margin-bottom, 0px);
    text-wrap: var(--journal-title-wrap, balance);
    white-space: var(--journal-title-white-space, normal);
  }

  .journal-card-single__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid var(--journal-tag-border, #ffffff);
    color: var(--journal-tag-color, #ffffff);
    font-family: var(--journal-tag-font, var(--font-body-family));
    font-size: var(--journal-tag-size, 13px);
    letter-spacing: var(--journal-tag-letter, 0.1em);
    text-transform: uppercase;
    align-self: flex-start;
    white-space: normal;
    text-align: center;
    min-width: 0;
    margin-top: var(--journal-tag-margin-top, 0px);
    margin-bottom: var(--journal-tag-margin-bottom, 0px);
    max-width: var(--journal-tag-max, none);
  }

  .journal-card-single__spacer {
    flex: 1;
  }

  .journal-card-single__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--journal-footer-gap, 12px);
  }

  .journal-card-single__read {
    display: inline-block;
    align-self: flex-end;
    min-width: 0;
    font-family: var(--journal-read-font, var(--font-body-family));
    font-size: var(--journal-read-size, 14px);
    font-weight: var(--journal-read-weight, 500);
    color: var(--journal-read-color, #fff);
    margin-top: var(--journal-read-margin-top, 0px);
    margin-bottom: var(--journal-read-margin-bottom, 0px);
    max-width: var(--journal-read-max, none);
  }

  .journal-card-single__cta {
    font-family: var(--journal-cta-font, var(--font-body-family));
    font-size: var(--journal-cta-size, 15px);
    font-weight: var(--journal-cta-weight, 700);
    color: var(--journal-cta-color, #0a0a0a);
    text-decoration: none;
    background: var(--journal-cta-bg, #ffffff);
    border: 1px solid var(--journal-cta-border, #ffffff);
    padding: var(--journal-cta-padding-y, 10px) var(--journal-cta-padding-x, 16px);
    border-radius: var(--journal-cta-radius, 999px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: max-content;
    transition:
      background-color 150ms ease,
      color 150ms ease,
      border-color 150ms ease,
      transform 150ms ease;
    min-width: 0;
    margin-top: var(--journal-cta-margin-top, 0px);
    margin-bottom: var(--journal-cta-margin-bottom, 0px);
    max-width: var(--journal-cta-max, none);
  }

  .journal-card-single__cta[aria-disabled='true'] {
    opacity: 0.6;
    pointer-events: none;
  }

  .journal-card-single__cta:not([aria-disabled='true']):hover {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--journal-cta-bg, #ffffff) 85%, #000 15%);
    border-color: color-mix(in srgb, var(--journal-cta-border, #ffffff) 85%, #000 15%);
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .group-block-content:not(.group-block-content--swipe-tablet) .journal-card-single {
      flex: 1 1
        calc((100% - (var(--gap, 12px) * (var(--journal-card-tablet-columns, 3) - 1))) / var(--journal-card-tablet-columns, 3));
      max-width: min(
        var(--journal-card-max-width, 1200px),
        calc(
          (100% - (var(--gap, 12px) * (var(--journal-card-tablet-columns, 3) - 1))) /
            var(--journal-card-tablet-columns, 3)
        )
      );
      min-width: 0;
    }
  }

  @media (max-width: 47.99em) {
    .journal-card-single__content {
      padding: var(--journal-content-padding-top-mobile, 18px)
        var(--journal-content-padding-x-mobile, 16px)
        var(--journal-content-padding-bottom-mobile, 14px);
    }

    .journal-card-single__footer {
      gap: var(--journal-footer-gap-mobile, 8px);
    }
  }
.person-card-wrapper {
    width: var(--person-card-width, 100%);
    max-width: var(--person-card-max-width, 429px);
    flex: 0 0 auto;
  }

  .group-block-content--swipe-mobile .person-card-wrapper {
    flex: 0 0 var(--group-mobile-slide-basis, auto);
    scroll-snap-align: start;
  }

  .group-block-content--swipe-tablet .person-card-wrapper {
    flex: 0 0 var(--group-tablet-slide-basis, auto);
    scroll-snap-align: start;
  }

  .group-block-content--swipe-desktop .person-card-wrapper {
    flex: 0 0 var(--group-desktop-slide-basis, auto);
    scroll-snap-align: start;
  }

  .person-card {
    position: relative;
    min-height: var(--person-card-height, 500px);
    border-radius: var(--person-card-radius, 12px);
    overflow: hidden;
    background: var(--person-card-bg, #f3f3f3);
    color: #fff;
  }

  .person-card__media,
  .person-card__content {
    position: absolute;
    inset: 0;
  }

  .person-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .person-card__placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #d6d6d6 0%, #bfbfbf 100%);
  }

  .person-card__placeholder-svg {
    width: 60%;
    height: 60%;
    opacity: 0.55;
  }

  .person-card__gradient {
    position: absolute;
    left: 0;
    right: 0;
    height: var(--person-card-gradient-height, 125px);
    pointer-events: none;
  }

  .person-card__gradient--top {
    top: 0;
    background: linear-gradient(180deg, var(--person-card-gradient, rgba(0, 0, 0, 0.6)) 0%, rgba(0, 0, 0, 0) 100%);
  }

  .person-card__gradient--bottom {
    bottom: 0;
    background: linear-gradient(0deg, var(--person-card-gradient, rgba(0, 0, 0, 0.6)) 0%, rgba(0, 0, 0, 0) 100%);
  }

  .person-card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--person-card-padding-top, 26px) var(--person-card-padding-x, 18px) var(--person-card-padding-bottom, 26px);
  }

  .person-card__role {
    display: block;
    font-family: var(--person-role-font, var(--font-body-family));
    font-size: var(--person-role-size, 14px);
    letter-spacing: var(--person-role-letter, 0px);
    color: var(--person-role-color, #ffffff);
    text-transform: uppercase;
  }

  .person-card__name {
    margin: 6px 0 0;
    font-family: var(--person-name-font, var(--font-heading-family));
    font-size: var(--person-name-size, 30px);
    line-height: var(--person-name-line, 1.2);
    letter-spacing: var(--person-name-letter, -0.3px);
    font-weight: var(--person-name-weight, 400);
    color: var(--person-name-color, #ffffff);
  }

  .person-card__bottom {
    font-family: var(--person-bottom-font, var(--font-heading-family));
    font-size: var(--person-bottom-size, 20px);
    line-height: var(--person-bottom-line, 1.2);
    letter-spacing: var(--person-bottom-letter, -0.2px);
    font-weight: var(--person-bottom-weight, 400);
    color: var(--person-bottom-color, #ffffff);
  }

  .person-card__link {
    display: block;
    margin-top: 12px;
    text-align: center;
    font-family: var(--person-link-font, var(--font-body-family));
    font-size: var(--person-link-size, 16px);
    letter-spacing: var(--person-link-letter, -0.16px);
    color: var(--person-link-color, #000000);
    text-decoration: underline;
    text-underline-position: from-font;
  }

/* CSS from snippet stylesheet tags */
@media (prefers-reduced-motion: reduce) {
    video-background-component video {
      display: none;
    }
  }
.overlay {
    position: absolute;
    inset: 0;
    z-index: var(--overlay-layer);
    pointer-events: none;
    border-radius: var(--overlay-border-radius, 0);
  }

  .overlay--solid {
    background: var(--overlay-color);
  }

  .overlay--gradient {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color), var(--overlay-color--end));
  }
.group-block__link {
    position: absolute;
    inset: 0;
  }

  .group-block__link ~ :is(.group-block-content, .group-block__media-wrapper) {
    pointer-events: none;

    :is(a, button, input, textarea, select) {
      pointer-events: auto;
    }
  }

  /* Needs the .group-block__link ~ to be specific enough to take effect. */
  .group-block__link ~ .group-block-content--design-mode {
    pointer-events: auto;
  }

  .group-block-content--swipe-desktop,
  .group-block-content--swipe-tablet,
  .group-block-content--swipe-mobile {
    scroll-behavior: smooth;
  }

  @media screen and (min-width: 990px) {
    .group-block--swipe-desktop .group-block-content {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: var(--group-gap, 12px);
      overflow-x: auto;
      overflow-y: hidden;
      overscroll-behavior-x: contain;
      scrollbar-width: none;
    }

    .group-block--swipe-desktop .group-block-content > * {
      flex: 0 0 var(--group-desktop-slide-basis, auto);
      max-width: var(--group-desktop-slide-basis, auto);
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .group-block--swipe-tablet .group-block-content {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: var(--group-gap, 12px);
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-x: contain;
      scrollbar-width: none;
    }

    .group-block--swipe-tablet .group-block-content > * {
      flex: 0 0 var(--group-tablet-slide-basis, auto);
      max-width: var(--group-tablet-slide-basis, auto);
    }
  }

  @media screen and (max-width: 749px) {
    .group-block--swipe-mobile .group-block-content {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: var(--group-gap-mobile, var(--group-gap, 12px));
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-x: contain;
      scrollbar-width: none;
      padding-inline: 0;
      margin-inline: 0;
    }

    .group-block--swipe-mobile .group-block-content > * {
      flex: 0 0 var(--group-mobile-slide-basis, 100%);
      max-width: var(--group-mobile-slide-basis, 100%);
    }
  }

  .group-block[data-snap='true'] .group-block-content {
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--group-snap-padding, 0%);
  }

  .group-block[data-snap='true'] .group-block-content > * {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .group-block--swipe-desktop .group-block-content::-webkit-scrollbar,
  .group-block--swipe-tablet .group-block-content::-webkit-scrollbar,
  .group-block--swipe-mobile .group-block-content::-webkit-scrollbar {
    display: none;
  }

  .group-block__dots-row {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-block-start: 12px;
    position: relative;
    z-index: 2;
    color: var(--group-dots-color-mobile, var(--group-dots-color, #000000));
  }

  .group-block__dots-label {
    font-family: var(--font-body-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #8a8a8a;
    white-space: nowrap;
  }

  .group-block__dots {
    display: flex;
    gap: 8px;
    justify-content: center;
  }

  .group-block__dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.35;
    border: none;
    padding: 0;
    cursor: pointer;
  }

  .group-block__dot.is-active {
    opacity: 0.9;
  }

  @media screen and (max-width: 749px) {
    .group-block--dots-mobile .group-block__dots-row {
      display: flex;
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .group-block--dots-tablet .group-block__dots-row {
      display: flex;
    }
  }

  @media screen and (min-width: 990px) {
    .group-block--dots-desktop .group-block__dots-row {
      display: flex;
    }
  }

  @media screen and (min-width: 750px) {
    .group-block__dots-row {
      color: var(--group-dots-color-desktop, var(--group-dots-color, #000000));
    }
  }

  .group-block__arrows {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding-block-start: 12px;
  }

  .group-block__arrow {
    border: none;
    background: rgb(var(--color-foreground-rgb) / 0.12);
    color: rgb(var(--color-foreground-rgb) / 0.9);
    width: 36px;
    height: 36px;
    border-radius: 999px;
    cursor: pointer;
  }

  .group-block__arrow:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }