/** Shopify CDN: Minification failed

Line 126:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:animated-text (INDEX:3) */
.ks-animated-richtext {
    display: block;
    background-color: rgba(var(--color-background), 1);
    color: rgba(var(--color-text), 1);
    padding-top: calc(var(--padding-top) * .75);
    padding-bottom: calc(var(--padding-bottom) * .75);
    text-align: var(--text-align);
  }

  .ks-animated-richtext .container {
    max-width: var(--container-max-width);
  }

  .ks-animated-richtext-inner {
    font-family: var(--headings-font-family);
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: var(--text-align);
    gap: 8px;
    line-height: var(--img-height);
    color: currentColor !important;
  }

  .ks-animated-richtext-text {
    letter-spacing: var(--letter-spacing);
  }

  .ks-animated-richtext-text[data-emphasize="true"] {
    color: rgba(var(--color-accent), 1);
    text-decoration: underline;
    text-underline-offset: .5rem;
    text-decoration-color: rgba(var(--color-accent), .25);
    transition: all 0.2s ease-out;
  }

  .ks-animated-richtext-text[data-emphasize="true"]:hover {
    text-decoration-color: rgba(var(--color-accent), .5);
  }

  .ks-animated-richtext-text a {
    text-decoration: none;
    color: currentColor;
  }

  .ks-animated-richtext-image {
    display: inline-flex;
    height: var(--img-height);
    position: relative;
    margin: 0 .375rem;
  }

  .ks-animated-richtext-image a {
    display: flex;
  }

  .ks-animated-richtext-image a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }

  .ks-animated-richtext-image img,
  .ks-animated-richtext-image .placeholder-svg {
    display: block;
    transition: all 0.2s ease-out;
  }

  .ks-animated-richtext-image .placeholder-svg {
    width: 80px;
    height: 60px;
    object-fit: cover;
  }

  .ks-animated-richtext-image[data-corners-style="square"] a,
  .ks-animated-richtext-image[data-corners-style="square"] img,
  .ks-animated-richtext-image[data-corners-style="square"] .placeholder-svg {
    border-radius: 0;
  }

  .ks-animated-richtext-image[data-corners-style="rounded"] a,
  .ks-animated-richtext-image[data-corners-style="rounded"] img,
  .ks-animated-richtext-image[data-corners-style="rounded"] .placeholder-svg {
    border-radius: 4px;
  }

  .ks-animated-richtext-image[data-corners-style="circle"] a,
  .ks-animated-richtext-image[data-corners-style="circle"] img,
  .ks-animated-richtext-image[data-corners-style="circle"] .placeholder-svg {
    border-radius: 50rem;
  }

  .ks-animated-richtext-image a:hover img,
  .ks-animated-richtext-image a:hover .placeholder-svg {
    opacity: 0.85;
  }

  .ks-animated-richtext[data-animate-on-scroll="true"] .ks-animated-richtext-inner span {
    opacity: 0.2;
    transition: opacity 0.5s ease-in-out;
  }

  .ks-animated-richtext[data-animate-on-scroll="true"] .ks-animated-richtext-inner span.visible {
    opacity: 1;
  }

  @media (min-width: 750px) {
    .ks-animated-richtext {
      padding-top: var(--padding-top);
      padding-bottom: var(--padding-bottom);
    }
  }
/* END_SECTION:animated-text */

/* START_SECTION:big-why (INDEX:6) */
@import url('https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Caveat+Brush&family=Fredoka:wght@600;700&family=Kalam:wght@700&family=Nunito:wght@500;600;700&display=swap');

  .ekb-bigwhy{
    --ekb-title-font: "Bagel Fat One", "Fredoka", system-ui, sans-serif;
    --ekb-heading-font: "Caveat Brush", "Kalam", cursive;
    --ekb-body-font: "Nunito", system-ui, sans-serif;

    background: var(--ekb-bg);
    padding: var(--ekb-section-padding-y) var(--ekb-section-padding-x);
    font-family: var(--ekb-body-font);
    color: var(--ekb-ink);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .ekb-bigwhy *,
  .ekb-bigwhy *::before,
  .ekb-bigwhy *::after{ box-sizing: border-box; }

  .ekb-bigwhy__title{
    font-family: var(--ekb-title-font);
    font-size: var(--ekb-title-size-desktop);
    font-weight: 800;
    letter-spacing: 0.5px;
    color: var(--ekb-ink);
    text-align: center;
    margin: 0 0 var(--ekb-title-margin-bottom);
    text-transform: uppercase;
    line-height: 1;
  }

  .ekb-bigwhy__inner{
    max-width: var(--ekb-max-width);
    margin: 0 auto;
    position: relative;
  }

  .ekb-bigwhy__track-wrap{ position: relative; }

  .ekb-bigwhy__track{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ekb-card-gap);
    align-items: stretch;
  }

  .ekb-bigwhy__card{
    position: relative;
    background: var(--ekb-card-bg);
    border: var(--ekb-card-border) solid var(--ekb-ink);
    border-radius: var(--ekb-card-radius);
    padding: 36px 32px 40px;
    min-height: var(--ekb-card-min-height);
    box-shadow: var(--ekb-card-shadow-offset) var(--ekb-card-shadow-offset) 0 var(--ekb-shadow);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .ekb-bigwhy__mascot{
    width: var(--ekb-mascot-size);
    height: var(--ekb-mascot-size);
    margin-bottom: 18px;
    animation: ekb-bob var(--ekb-mascot-bob-duration) ease-in-out infinite;
  }
  .ekb-bigwhy__mascot--img{
    object-fit: contain;
  }
  .ekb-bigwhy__card:nth-child(2) .ekb-bigwhy__mascot{ animation-delay: -1.3s; }
  .ekb-bigwhy__card:nth-child(3) .ekb-bigwhy__mascot{ animation-delay: -2.6s; }

  @keyframes ekb-bob{
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50%      { transform: translateY(-8px) rotate(-2deg); }
  }

  .ekb-bigwhy__heading{
    font-family: var(--ekb-heading-font);
    font-size: clamp(1.6rem, 2.6vw, 2.4rem);
    font-weight: 700;
    color: var(--ekb-ink);
    margin: 0 0 22px;
    line-height: 1.1;
  }

  .ekb-bigwhy__body{
    font-family: var(--ekb-body-font);
    font-size: clamp(0.95rem, 1.05vw, 1.05rem);
    font-weight: 500;
    line-height: 1.55;
    color: var(--ekb-ink);
  }
  .ekb-bigwhy__body p{ margin: 0 0 14px; }
  .ekb-bigwhy__body p:last-child{ margin-bottom: 0; }
  .ekb-bigwhy__body em{ font-style: italic; font-weight: 600; }

  .ekb-bigwhy__arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--ekb-arrow-size);
    height: var(--ekb-arrow-size);
    background: var(--ekb-arrow-bg);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: transform 0.2s ease;
    padding: 0;
  }
  .ekb-bigwhy__arrow:hover{ transform: translateY(-50%) scale(1.08); }
  .ekb-bigwhy__arrow:active{ transform: translateY(-50%) scale(0.95); }
  .ekb-bigwhy__arrow svg{
    width: 18px;
    height: 18px;
    fill: var(--ekb-arrow-icon);
  }
  .ekb-bigwhy__arrow--prev{ left: var(--ekb-arrow-offset); }
  .ekb-bigwhy__arrow--next{ right: var(--ekb-arrow-offset); }

  @media (max-width: 860px){
    .ekb-bigwhy{ padding: 56px 0; }
    .ekb-bigwhy__title{
      font-size: var(--ekb-title-size-mobile);
      padding: 0 var(--ekb-mobile-edge);
      margin-bottom: 32px;
    }
    .ekb-bigwhy__inner{ padding: 0; }

    .ekb-bigwhy__track{
      display: flex;
      gap: var(--ekb-card-gap-mobile);
      overflow-x: auto;
      overflow-y: visible;
      scroll-snap-type: x mandatory;
      scroll-padding-left: var(--ekb-mobile-edge);
      padding: 12px var(--ekb-mobile-edge) 28px;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    .ekb-bigwhy__track::-webkit-scrollbar{ display: none; }

    .ekb-bigwhy__card{
      flex: 0 0 calc(100% - (var(--ekb-mobile-edge) * 2) - var(--ekb-mobile-peek));
      scroll-snap-align: start;
      min-height: auto;
      padding: 28px 22px 32px;
    }

    .ekb-bigwhy__mascot{
      width: var(--ekb-mascot-size-mobile);
      height: var(--ekb-mascot-size-mobile);
    }
    .ekb-bigwhy__arrow{ display: none; }
  }

  @media (min-width: 861px) and (max-width: 1100px){
    .ekb-bigwhy__track{ gap: 20px; }
    .ekb-bigwhy__card{ padding: 28px 22px 32px; }
  }

  @media (prefers-reduced-motion: reduce){
    .ekb-bigwhy__mascot{ animation: none; }
    .ekb-bigwhy__track{ scroll-behavior: auto; }
  }
/* END_SECTION:big-why */

/* START_SECTION:stats (INDEX:54) */
/* ===== Scoped reset ===== */
  .ph-section,
  .ph-section *,
  .ph-section *::before,
  .ph-section *::after {
    box-sizing: border-box;
  }

  .ph-section .visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }

  /* ===== Section base ===== */
  .ph-section {
    background: #ffffff;
    color: #111111;
    padding: 60px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }

  .ph-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
  }

  /* ===== Top row (heading + image) ===== */
  .ph-top {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 48px;
    align-items: center;
  }

  .ph-text {
    min-width: 0;
  }

  .ph-heading {
    font-size: clamp(32px, 4.2vw, 60px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.01em;
    margin: 0 0 24px 0;
    color: #111111;
  }

  .ph-subheading {
    font-size: clamp(14px, 1.05vw, 17px);
    line-height: 1.55;
    color: #2a2a2a;
    margin: 0;
    max-width: 560px;
    font-weight: 400;
  }

  /* ===== Media ===== */
  .ph-media {
    width: 100%;
  }

  .ph-media__img,
  .ph-media__placeholder {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 18px;
    overflow: hidden;
    object-fit: cover;
    aspect-ratio: 5 / 4;
  }

  .ph-media__placeholder svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  /* ===== Stats row ===== */
  .ph-stats {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    text-align: center;
  }

  .ph-stat {
    padding: 8px;
  }

  .ph-stat__num {
    font-size: clamp(34px, 3.5vw, 52px);
    font-weight: 700;
    line-height: 1;
    color: #f3d27a; /* soft yellow matching reference */
    letter-spacing: -0.01em;
    margin-bottom: 14px;
    font-variant-numeric: tabular-nums;
  }

  .ph-stat__suffix {
    display: inline;
  }

  .ph-stat__label {
    font-size: clamp(13px, 1vw, 16px);
    color: #1a1a1a;
    font-weight: 400;
  }

  /* ===== Mobile (≤ 749px) ===== */
  @media (max-width: 749px) {
    .ph-section {
      padding: 36px 0 48px;
    }

    .ph-container {
      padding: 0 20px;
    }

    .ph-top {
      grid-template-columns: 1fr;
      gap: 24px;
    }

    /* Image first on mobile? Reference shows text first; keeping text first */
    .ph-heading {
      font-size: clamp(28px, 8vw, 38px);
      margin-bottom: 16px;
    }

    .ph-subheading {
      font-size: 14px;
      max-width: 100%;
    }

    .ph-media__img,
    .ph-media__placeholder {
      border-radius: 14px;
      aspect-ratio: 4 / 3;
    }

    .ph-stats {
      margin-top: 36px;
      grid-template-columns: repeat(6, 1fr);
      gap: 28px 8px;
    }

    /* Row 1: 3 stats spanning full width (each takes 2 of 6 cols) */
    .ph-stat:nth-child(1) { grid-column: 1 / span 2; }
    .ph-stat:nth-child(2) { grid-column: 3 / span 2; }
    .ph-stat:nth-child(3) { grid-column: 5 / span 2; }

    /* Row 2: 2 stats centered (each takes 2 of 6 cols, offset by 1) */
    .ph-stat:nth-child(4) { grid-column: 2 / span 2; }
    .ph-stat:nth-child(5) { grid-column: 4 / span 2; }

    .ph-stat__num {
      font-size: 32px;
      margin-bottom: 8px;
    }

    .ph-stat__label {
      font-size: 13px;
    }
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .ph-stat__value {
      transition: none !important;
    }
  }
/* END_SECTION:stats */