/** Shopify CDN: Minification failed

Line 19:18 Unexpected "{"
Line 19:27 Expected ":"
Line 23:20 Unexpected "{"
Line 23:29 Expected ":"
Line 27:20 Unexpected "{"
Line 27:29 Expected ":"
Line 33:20 Unexpected "{"
Line 33:29 Expected ":"
Line 36:14 Expected identifier but found whitespace
Line 36:16 Unexpected "{"
... and 102 more hidden warnings

**/


/* CSS from section stylesheet tags */
#AnnouncementBar-{{ section.id }} .announcement-bar--container {
    display: flex; justify-content: center; align-items: center;
    padding: 0 12px;
  }
  #AnnouncementBar-{{ section.id }} .announcement-rotator {
    display: grid;
    width: 100%;
  }
  #AnnouncementBar-{{ section.id }} .announcement {
    grid-area: 1 / 1;      /* all items overlap */
    justify-self: center;
    margin: 0; text-align: center;
    opacity: 0; transform: translateY(6px);
  }
  #AnnouncementBar-{{ section.id }} .rt {
    font-family: 'Anton', var(--font-heading-family, var(--font-body-family));
    font-weight: 400; font-style: normal;
    font-size: {{ section.settings.font_size | default: 20 }}px;
    line-height: 100%;
    letter-spacing: 0;
  }
  #AnnouncementBar-{{ section.id }} .rt a {
    color: #000;
  }
  #AnnouncementBar-{{ section.id }} .rt p { margin: 0; }
  #AnnouncementBar-{{ section.id }} .rt p + p { margin-top: .25rem; }

  #AnnouncementBar-{{ section.id }} .ann-link {
    margin-left: .5ch;
    color: inherit;
    text-decoration: underline;
    font: inherit;
    white-space: nowrap;
  }

  /* Keyframes for each slide’s slot within the cycle */
  @keyframes annFade {
    0%   { opacity: 0; transform: translateY(6px); }
    6%   { opacity: 1; transform: translateY(0); }
    28%  { opacity: 1; transform: translateY(0); }
    34%  { opacity: 0; transform: translateY(-6px); }
    100% { opacity: 0; transform: translateY(-6px); }
  }

  #AnnouncementBar-{{ section.id }}.count-0 .announcement:first-child,
  #AnnouncementBar-{{ section.id }}.count-1 .announcement:first-child {
    opacity: 1; transform: none;
  }

  /* 2 slides */
  #AnnouncementBar-{{ section.id }}.count-2 { --ann-cycle: calc(var(--ann-speed) * 2); }
  #AnnouncementBar-{{ section.id }}.count-2 .announcement {
    animation: annFade var(--ann-cycle) linear infinite both;
  }
  #AnnouncementBar-{{ section.id }}.count-2 .announcement:nth-child(1) { animation-delay: calc(var(--ann-speed) * 0); }
  #AnnouncementBar-{{ section.id }}.count-2 .announcement:nth-child(2) { animation-delay: calc(var(--ann-speed) * 1); }

  /* 3 slides */
  #AnnouncementBar-{{ section.id }}.count-3 { --ann-cycle: calc(var(--ann-speed) * 3); }
  #AnnouncementBar-{{ section.id }}.count-3 .announcement {
    animation: annFade var(--ann-cycle) linear infinite both;
  }
  #AnnouncementBar-{{ section.id }}.count-3 .announcement:nth-child(1) { animation-delay: calc(var(--ann-speed) * 0); }
  #AnnouncementBar-{{ section.id }}.count-3 .announcement:nth-child(2) { animation-delay: calc(var(--ann-speed) * 1); }
  #AnnouncementBar-{{ section.id }}.count-3 .announcement:nth-child(3) { animation-delay: calc(var(--ann-speed) * 2); }

  /* 4 slides */
  #AnnouncementBar-{{ section.id }}.count-4 { --ann-cycle: calc(var(--ann-speed) * 4); }
  #AnnouncementBar-{{ section.id }}.count-4 .announcement {
    animation: annFade var(--ann-cycle) linear infinite both;
  }
  #AnnouncementBar-{{ section.id }}.count-4 .announcement:nth-child(1) { animation-delay: calc(var(--ann-speed) * 0); }
  #AnnouncementBar-{{ section.id }}.count-4 .announcement:nth-child(2) { animation-delay: calc(var(--ann-speed) * 1); }
  #AnnouncementBar-{{ section.id }}.count-4 .announcement:nth-child(3) { animation-delay: calc(var(--ann-speed) * 2); }
  #AnnouncementBar-{{ section.id }}.count-4 .announcement:nth-child(4) { animation-delay: calc(var(--ann-speed) * 3); }

  /* Mobile sizing */
  @media (max-width: 640px) {
    #AnnouncementBar-{{ section.id }} .rt {
      font-size: {{ section.settings.font_size | default: 20 | minus: 2 }}px;
    }
  }

  /* Respect reduced motion (still rotates, but with no motion) */
  @media (prefers-reduced-motion: reduce) {
    #AnnouncementBar-{{ section.id }} .announcement { animation: none !important; }
    #AnnouncementBar-{{ section.id }}.count-2 .announcement:nth-child(1),
    #AnnouncementBar-{{ section.id }}.count-3 .announcement:nth-child(1),
    #AnnouncementBar-{{ section.id }}.count-4 .announcement:nth-child(1) { opacity: 1; transform: none; }
  }
#vid2-{{ sid }}.vid2{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
#vid2-{{ sid }} .vid2__outer{ width:100%; }

#vid2-{{ sid }} .vid2__frame{
  position: relative; width:100%;
}
/* Aspect-ratio mode (existing behavior) stays as-is */
#vid2-{{ sid }} .vid2__frame::before{
  content:""; display:block; padding-top: calc(var(--ar,56.25%) - var(--reveal,0px));
}
@media (max-width: 750px){
  #vid2-{{ sid }} .vid2__frame::before{
    padding-top: calc(var(--arm, var(--ar,56.25%)) - var(--revealm,0px));
  }
}

/* Viewport-height mode: mimic Nike */
#vid2-{{ sid }} .vid2__frame.vh-mode::before{ content:none; display:none; }
#vid2-{{ sid }} .vid2__frame.vh-mode{
  height: var(--vh-d, 75vh);      /* desktop */
}
@media (max-width: 750px){
  #vid2-{{ sid }} .vid2__frame.vh-mode{
    height: var(--vh-m, 62dvh);   /* mobile; dvh handles browser UI bars */
  }
}

/* Ensure media fills the set height */
#vid2-{{ sid }} .vid2__media{
  width:100%; height:100%; object-fit:cover;
}

#vid2-{{ sid }} .vid2__media{
  position:absolute; 
  inset:0; width:100%; 
  height:100%;
  object-fit:cover; 
  display:block;
  background:#000;
  z-index:0;
}

/* overlay only when has content */
#vid2-{{ sid }} .vid2__overlay{
  position:absolute; inset:0;
  z-index:1;
  background: rgba(0,0,0,var(--ov,0));
  pointer-events:none;
  display:block !important;
}

#vid2-{{ sid }} .vid2__content{
z-index:2;
  position:absolute; inset:0;
  display:grid; align-content:center; gap: clamp(10px,2.2vw,18px);
  padding: clamp(16px,3.5vw,64px);
  max-width: 1200px;
}
#vid2-{{ sid }} .content-left{ justify-items:start; text-align:left; margin-left: auto; margin-right: auto; }
#vid2-{{ sid }} .content-center{ justify-items:center; text-align:center; margin-left:auto; margin-right:auto; }
#vid2-{{ sid }} .content-right{ justify-items:end; text-align:right; margin-left:auto; margin-right:auto; }

#vid2-{{ sid }} .vid2__title{
  font-family: var(--font-anton, var(--font-heading-family, var(--font-body-family)));
  font-weight: 400; text-transform: uppercase; line-height:1.05; margin:0;
}
#vid2-{{ sid }} .vid2__subtitle{ font-weight:700; }
#vid2-{{ sid }} .vid2__desc{ max-width: 75ch; }
#vid2-{{ sid }} .vid2__desc p {line-height: normal;}
#vid2-{{ sid }} .vid2__desc h2 {margin: 0;}
#vid2-{{ sid }} .vid2__btns{ display:flex; gap:12px; flex-wrap:wrap; }
#vid2-{{ sid }} .vid2__btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 14px 24px; border-radius: 10px; text-decoration:none;
  font-weight:800; line-height:1; white-space:nowrap;
}