.aero-slider{position:relative;width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;--slide-aspect: 5 / 3;--slides-per-view: 1;--slide-gap: 0px;--aero-layout-width: 100%;--aero-edge-inset: 0px}.aero-slider[data-aero-defer-visibility]:not(.aero-slider--ready){--aero-defer-offset: calc( var(--aero-layout-width, 100%) / 2 - (var(--aero-layout-width, 100%) - var(--slide-gap, 0px) * (var(--slides-per-view, 1) - 1)) / (2 * var(--slides-per-view, 1)) )}.aero-slider[data-aero-defer-visibility]:not(.aero-slider--ready)[data-aero-alignment=left]{--aero-defer-offset: 0px}.aero-slider[data-aero-defer-visibility]:not(.aero-slider--ready)[data-aero-alignment=right]{--aero-defer-offset: calc( var(--aero-layout-width, 100%) - (var(--aero-layout-width, 100%) - var(--slide-gap, 0px) * (var(--slides-per-view, 1) - 1)) / var(--slides-per-view, 1) )}.aero-slider[data-aero-defer-visibility]:not(.aero-slider--ready) .aero-slider__track:before{content:"";flex:0 0 max(0px,calc(var(--aero-defer-offset, 0px) - var(--slide-gap, 0px)));scroll-snap-align:none}.aero-slider[data-aero-defer-visibility]:not(.aero-slider--ready) .aero-slider__track>*{scroll-snap-align:center}.aero-slider[data-aero-defer-visibility]:not(.aero-slider--ready)[data-aero-alignment=left] .aero-slider__track>*{scroll-snap-align:start}.aero-slider[data-aero-defer-visibility]:not(.aero-slider--ready)[data-aero-alignment=right] .aero-slider__track>*{scroll-snap-align:end}.aero-slider__viewport{position:relative;width:100%;min-width:0;min-height:0;overflow:hidden;contain:paint}.aero-slider--breakout .aero-slider__viewport{overflow:visible;contain:layout style}.aero-slider__track{min-height:0;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;min-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:manipulation;overscroll-behavior-x:contain;overflow-anchor:none;gap:var(--slide-gap, 0px);cursor:grab;transform:translateZ(0);backface-visibility:hidden;scrollbar-width:none;-ms-overflow-style:none}.aero-slider__track::-webkit-scrollbar{display:none}.aero-slider--breakout.aero-slider--ready .aero-slider__track:before,.aero-slider--breakout.aero-slider--ready .aero-slider__track:after,.aero-slider--breakout:not([data-aero-defer-visibility]) .aero-slider__track:before,.aero-slider--breakout:not([data-aero-defer-visibility]) .aero-slider__track:after{content:"";flex:0 0 max(0px,calc(var(--aero-edge-inset, 0px) - var(--slide-gap, 0px)));scroll-snap-align:none;pointer-events:none}.aero-slider__track:focus{outline:none}.aero-slider__track:focus-visible{outline:2px solid currentColor;outline-offset:2px}.aero-slider__slide,.aero-slider__track>*{flex:0 0 calc((var(--aero-layout-width, 100%) - var(--slide-gap, 0px) * (var(--slides-per-view, 1) - 1)) / var(--slides-per-view, 1));flex-shrink:0;flex-grow:0;scroll-snap-align:start;aspect-ratio:var(--slide-aspect, 16 / 9);display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;contain:layout style paint;overflow:hidden}.aero-slider__slide>*,.aero-slider__track>*>*{flex:1;min-width:0;min-height:0}.aero-slider--dragging{user-select:none}.aero-slider--dragging .aero-slider__track{cursor:grabbing;scroll-snap-type:none}.aero-slider__nav--prev,.aero-slider__nav--next{touch-action:manipulation}.aero-slider__pagination{display:flex;flex-wrap:nowrap;gap:8px;flex-shrink:0;justify-content:center;align-items:center;padding:12px 0 16px;min-height:44px;box-sizing:border-box}.aero-slider__dot{touch-action:manipulation;cursor:pointer;flex-shrink:0;transition:transform .2s ease-out,opacity .2s ease-out}.aero-slider__pagination--windowed{width:calc(var(--pagination-width) + 12px);max-width:calc(100% + 12px);margin-left:auto;margin-right:auto;overflow:hidden;justify-content:flex-start;padding-left:6px;padding-right:6px;box-sizing:border-box}.aero-slider__pagination-track{display:flex;gap:inherit;align-items:center;transform:translate(var(--track-offset, 0));transition:transform .3s cubic-bezier(.4,0,.2,1)}.aero-slider__dot--hidden{transform:scale(.4);opacity:0}.aero-slider__dot--edge{transform:scale(.6)}.aero-slider__dot--near-edge{transform:scale(.8)}.aero-slider--rtl .aero-slider__track{direction:rtl}.aero-slider--vertical .aero-slider__viewport{aspect-ratio:var(--slide-aspect, 5 / 3);overflow:hidden}.aero-slider--vertical .aero-slider__track{flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-x:initial;overscroll-behavior-y:contain;min-width:initial;height:100%;min-height:100%}.aero-slider--vertical .aero-slider__slide,.aero-slider--vertical .aero-slider__track>*{flex:0 0 calc((100% - var(--slide-gap, 0px) * (var(--slides-per-view, 1) - 1)) / var(--slides-per-view, 1));aspect-ratio:initial;width:100%;min-height:0}

/* Cook Street Hero Slider — plain CSS for Shadow DOM (imported from .webflow.tsx). */

.cs-hero-slider {
  /* auto + vh: room for title/subtitle/CTA (4:3 was too short on phones). */
  --slide-aspect: auto;
  --slides-per-view: 1;
  --slide-gap: 0px;
  /* Match CookStreetHeader: mx-auto max-w-300 + px-5 / max-[1100px]:px-3 */
  --hero-content-max: 75rem;
  --hero-content-pad: 1.25rem;
  --hero-slide-height: 72svh;
  position: relative;
  width: 100%;
  height: var(--hero-slide-height);
  min-height: 26rem;
  color: #fff;
}

.cs-hero-slider .aero-slider__viewport,
.cs-hero-slider .aero-slider__track,
.cs-hero-slider__slide {
  height: var(--hero-slide-height);
  min-height: 26rem;
}

@media (max-width: 1100px) {
  .cs-hero-slider {
    --hero-content-pad: 0.75rem;
  }
}

@media (min-width: 768px) {
  .cs-hero-slider {
    --hero-slide-height: 65vh;
    min-height: 0;
  }

  .cs-hero-slider .aero-slider__viewport,
  .cs-hero-slider .aero-slider__track,
  .cs-hero-slider__slide {
    min-height: 0;
  }

  /* Fallback 0: .cs-hero-slider also classed on inner slider root, so a
     default declaration here would override the section's inline var.
     Extra .cs-hero-slider prefix outranks the base border-radius: 0 rules
     that appear later in this file. */
  .cs-hero-slider
  .aero-slider__viewport {
    overflow: hidden;
    border-radius: var(--hero-slide-radius, 0);
  }

  .cs-hero-slider .cs-hero-slider__slide,
  .cs-hero-slider .cs-hero-slider__media,
  .cs-hero-slider .cs-hero-slider__fallback,
  .cs-hero-slider .cs-hero-slider__scrim {
    border-radius: var(--hero-slide-radius, 0);
  }

  .cs-hero-slider .cs-hero-slider__media img,
  .cs-hero-slider .cs-hero-slider__media video {
    border-radius: var(--hero-slide-radius, 0) !important;
  }
}

.cs-hero-slider__empty {
  display: none;
}

.cs-hero-slider__viewport {
  position: relative;
}

.cs-hero-slider__controls {
  position: absolute;
  inset-block-start: 0.75rem;
  inset-inline-start: var(--hero-content-pad);
  z-index: 5;
  display: flex;
  gap: 0.5rem;
}

/* Visible on keyboard focus only — stays in tab order for WCAG 2.2.2. */
.cs-hero-slider__control-button {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  font-size: 0.875rem;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background: rgb(1 43 87 / 85%);
  border: 0;
  border-radius: 0;
  clip: rect(0, 0, 0, 0);
}

.cs-hero-slider__control-button:focus-visible {
  position: static;
  width: auto;
  min-width: 44px;
  height: auto;
  min-height: 44px;
  padding: 0 0.75rem;
  margin: 0;
  overflow: visible;
  white-space: normal;
  outline: 2px solid #fff;
  outline-offset: 2px;
  border: 1px solid rgb(255 255 255 / 55%);
  clip: auto;
}

.cs-hero-slider .aero-slider__pagination {
  position: absolute;
  inset-block-end: 1.25rem;
  inset-inline: 0;
  z-index: 4;
  display: flex;
  gap: 0.65rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  pointer-events: none;
}

.cs-hero-slider .aero-slider__dot {
  box-sizing: border-box;
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0;
  appearance: none;
  pointer-events: auto;
  cursor: pointer;
  background: rgb(255 255 255 / 45%);
  border: 2px solid rgb(255 255 255 / 80%);
  border-radius: 50%;
  transition:
    background-color 160ms ease,
    transform 160ms ease,
    border-color 160ms ease;
}

.cs-hero-slider .aero-slider__dot--active {
  background: #fff;
  border-color: #fff;
  transform: scale(1.15);
}

.cs-hero-slider .aero-slider__dot:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.cs-hero-slider__slide {
  position: relative;
  overflow: hidden;
  background: #012b57;
  border-radius: 0;
}

.cs-hero-slider__media {
  position: absolute;
  inset: 0;
  border-radius: 0;
}

/* Override site tag `img { border-radius }` from applyTagSelectors. */
.cs-hero-slider__media
> *,
.cs-hero-slider__media slot {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.cs-hero-slider__media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.cs-hero-slider__media img,
.cs-hero-slider__media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Default; overridden per slide via inline object-position from Designer Variants. */
  object-position: center center;
  border-radius: 0 !important;
}

.cs-hero-slider__fallback {
  position: absolute;
  inset: 0;
  background: #012b57;
}

.cs-hero-slider__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  padding: 0 0 2.75rem;
  pointer-events: none;
}

@media (min-width: 768px) {
  .cs-hero-slider__overlay {
    padding: 0 0 3.5rem;
  }
}

.cs-hero-slider__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgb(0 24 50 / 58%) 0%,
    rgb(0 24 50 / 28%) 32%,
    rgb(0 24 50 / 8%) 58%,
    transparent 78%
  );
}

.cs-hero-slider__text {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--hero-content-max);
  padding-block-end: 0.5rem;
  padding-inline: var(--hero-content-pad);
  margin-inline: auto;
  color: #fff;
  pointer-events: auto;
}

.cs-hero-slider__text h1,
.cs-hero-slider__text h2,
.cs-hero-slider__text h3,
.cs-hero-slider__text h4,
.cs-hero-slider__text h5,
.cs-hero-slider__text h6 {
  margin: 0 0 0.4rem;
  font-size: clamp(1.375rem, 1.1rem + 2.2vw, 3rem);
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
}

.cs-hero-slider__text p {
  max-width: 36rem;
  margin: 0 0 0.65rem;
  font-size: clamp(0.875rem, 0.8rem + 0.55vw, 1.2rem);
  line-height: 1.4;
  color: #fff;
}

/* Mirrors Webflow `.audience-button-primary` (resolved tokens for Shadow DOM). */
.cs-hero-slider__text
a,
.cs-hero-slider__text .audience-button-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.65rem 1.1rem;
  margin: 0.15rem 0 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  color: #fbfaf7;
  text-decoration: none;
  cursor: pointer;
  background-color: #012b57;
  border: none;
  border-radius: 0.5rem;
  transition:
    background-color 160ms ease,
    color 160ms ease;
}

@media (min-width: 768px) {
  .cs-hero-slider__text h1,
  .cs-hero-slider__text h2,
  .cs-hero-slider__text h3,
  .cs-hero-slider__text h4,
  .cs-hero-slider__text h5,
  .cs-hero-slider__text h6 {
    margin: 0 0 0.75rem;
  }

  .cs-hero-slider__text p {
    margin: 0 0 1rem;
  }

  .cs-hero-slider__text a,
  .cs-hero-slider__text .audience-button-primary {
    min-height: 3rem;
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
  }
}

.cs-hero-slider__text a:hover,
.cs-hero-slider__text .audience-button-primary:hover {
  background-color: #080331;
  color: #fbfaf7;
}

.cs-hero-slider__text a:focus-visible,
.cs-hero-slider__text .audience-button-primary:focus-visible {
  outline: 2px solid #fbfaf7;
  outline-offset: 3px;
}

.cs-hero-slider__live-region {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.cs-hero-slider--chrome-hidden .cs-hero-slider__controls,
.cs-hero-slider--chrome-hidden .aero-slider__pagination {
  display: none;
}