/* line 6, ../sass/spotlight-feature.scss */
.gs-spotlight-feature {
  --sf-max: 1280px;
  /* Theme colors (block-level) */
  --sf-theme-bg: transparent;
  --sf-theme-fg: inherit;
  /* Panel colors (separate from theme) */
  --sf-panel-bg: transparent;
  --sf-panel-fg: inherit;
  /* Spacing */
  --sf-gap: 28px;
  --sf-content-pad-x: 56px;
  --sf-band-pad-y: 44px;
  --sf-panel-pad-y: 44px;
  /* Radius + shadow */
  --sf-radius: 16px;
  --sf-shadow: none;
  /* CTA styling (defaults; panel tokens override) */
  --sf-cta-bg: #0071C1;
  --sf-cta-fg: #ffffff;
  --sf-cta-bd: rgba(255, 255, 255, 0.75);
  --sf-focus: 0 0 0 3px rgba(0, 113, 193, 0.35);
  /* Band */
  --sf-band-bg: transparent;
  --sf-band-fg: inherit;
  color: var(--sf-theme-fg);
  margin: 60px auto;
  /* Padding presets (ACF: sf_padding) */
  /* Radius presets (ACF: sf_radius) */
  /* Shadow presets (ACF: sf_shadow) */
  /* Theme tokens (sf_theme_mode=tokens, sf_theme=...) */
  /* Band tokens (sf_heading_bg_* in tokens mode) */
  /* Panel tokens (sf_panel_mode=tokens, sf_panel_token=...) */
}
/* line 41, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.has-no-gap {
  --sf-gap: 0px;
}
/* line 44, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-padding-tight {
  --sf-content-pad-x: 56px;
  --sf-band-pad-y: 44px;
  --sf-panel-pad-y: 44px;
}
/* line 49, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-padding-normal {
  --sf-content-pad-x: 56px;
  --sf-band-pad-y: 44px;
  --sf-panel-pad-y: 44px;
}
/* line 54, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-padding-roomy {
  --sf-content-pad-x: 72px;
  --sf-band-pad-y: 56px;
  --sf-panel-pad-y: 56px;
}
/* line 61, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-radius-none {
  --sf-radius: 0px;
}
/* line 62, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-radius-sm {
  --sf-radius: 10px;
}
/* line 63, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-radius-md {
  --sf-radius: 16px;
}
/* line 64, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-radius-lg {
  --sf-radius: 24px;
}
/* line 67, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-shadow-none {
  --sf-shadow: none;
}
/* line 68, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-shadow-sm {
  --sf-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}
/* line 69, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-shadow-md {
  --sf-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}
/* line 70, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-shadow-lg {
  --sf-shadow: 0 22px 54px rgba(0, 0, 0, 0.22);
}
/* line 73, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-theme-default {
  --sf-theme-bg: transparent;
  --sf-theme-fg: inherit;
}
/* line 74, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-theme-light {
  --sf-theme-bg: #ffffff;
  --sf-theme-fg: #1A2763;
}
/* line 75, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-theme-dark {
  --sf-theme-bg: #1A2763;
  --sf-theme-fg: #ffffff;
}
/* line 76, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-theme-brand {
  --sf-theme-bg: #0071C1;
  --sf-theme-fg: #ffffff;
}
/* line 77, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-theme-muted {
  --sf-theme-bg: #f5f6f7;
  --sf-theme-fg: #1A2763;
}
/* line 80, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.band-brand {
  --sf-band-bg: #0071C1;
  --sf-band-fg: #ffffff;
}
/* line 81, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.band-muted {
  --sf-band-bg: #f0f2f5;
  --sf-band-fg: #1A2763;
}
/* line 82, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.band-dark {
  --sf-band-bg: #1A2763;
  --sf-band-fg: #ffffff;
}
/* line 83, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.band-light {
  --sf-band-bg: #ffffff;
  --sf-band-fg: #1A2763;
}
/* line 86, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.panel-brand {
  --sf-panel-bg: #0071C1;
  --sf-panel-fg: #ffffff;
  --sf-cta-bg: #ffffff;
  --sf-cta-fg: #1A2763;
  --sf-cta-bd: rgba(255, 255, 255, 0.75);
}
/* line 93, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.panel-muted {
  --sf-panel-bg: #f5f6f7;
  --sf-panel-fg: #1A2763;
  --sf-cta-bg: #1A2763;
  --sf-cta-fg: #f5f6f7;
  --sf-cta-bd: rgba(26, 39, 99, 0.65);
}
/* line 100, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.panel-dark {
  --sf-panel-bg: #1A2763;
  --sf-panel-fg: #ffffff;
  --sf-cta-bg: #ffffff;
  --sf-cta-fg: #0071C1;
  --sf-cta-bd: rgba(255, 255, 255, 0.65);
}
/* line 107, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.panel-light {
  --sf-panel-bg: #ffffff;
  --sf-panel-fg: #1A2763;
  --sf-cta-bg: #1A2763;
  --sf-cta-fg: #ffffff;
  --sf-cta-bd: rgba(26, 39, 99, 0.65);
}

/* -----------------------------
 * Layout grid (mobile-first)
 * ----------------------------- */
/* line 119, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__inner {
  max-width: var(--sf-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "media" "content";
  gap: var(--sf-gap);
  align-items: start;
}

/* line 133, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__media,
.gs-spotlight-feature__content {
  min-width: 0;
}

/* line 138, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__media {
  grid-area: media;
}

/* line 139, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__content {
  grid-area: content;
}

/* -----------------------------
 * Media
 * ----------------------------- */
/* line 144, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__figure {
  margin: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: var(--sf-radius);
  box-shadow: var(--sf-shadow);
}
/* line 153, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__figure.is-aspect-auto {
  aspect-ratio: auto;
}
/* line 154, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__figure.is-aspect-1x1 {
  aspect-ratio: 1 / 1;
}
/* line 155, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__figure.is-aspect-4x3 {
  aspect-ratio: 4 / 3;
}
/* line 156, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__figure.is-aspect-3x2 {
  aspect-ratio: 3 / 2;
}
/* line 157, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__figure.is-aspect-16x9 {
  aspect-ratio: 16 / 9;
}

/* line 160, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Caption */
/* line 168, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__caption {
  position: absolute;
  left: 16px;
  bottom: 16px;
  max-width: calc(100% - 32px);
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 14px;
  line-height: 1.25;
  backdrop-filter: blur(3px);
}

/* line 185, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__caption-credit {
  opacity: 0.85;
  margin-left: 8px;
}

/* -----------------------------
 * Content
 * ----------------------------- */
/* line 193, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__content {
  display: flex;
  flex-direction: column;
}

/* line 198, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__header {
  background: var(--sf-band-bg);
  color: var(--sf-band-fg);
  padding: var(--sf-band-pad-y) var(--sf-content-pad-x) 0;
}

/* line 204, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__eyebrow {
  margin: 0 0 5px !important;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.9;
  padding: 0 !important;
}

/* line 213, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__heading {
  margin: 0;
  line-height: 1.05;
  padding: 0 0 20px 0;
  color: var(--sf-band-fg);
}

/* line 220, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__panel {
  background: var(--sf-panel-bg);
  color: var(--sf-panel-fg);
  padding: var(--sf-panel-pad-y) var(--sf-content-pad-x) var(--sf-panel-pad-y);
  border-radius: var(--sf-radius);
  box-shadow: var(--sf-shadow);
}

/* line 230, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__body > *:first-child {
  margin-top: 0;
}
/* line 231, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__body > *:last-child {
  margin-bottom: 0;
}
/* line 233, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__body p {
  padding: 0;
}

/* CTAs */
/* line 237, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__ctas {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

/* line 245, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid var(--sf-cta-bd);
  text-decoration: none;
  font-weight: 600;
  line-height: 1.1;
  background: var(--sf-cta-bg);
  color: var(--sf-cta-fg);
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
/* line 269, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__cta:focus-visible {
  outline: none;
  box-shadow: var(--sf-focus);
}
/* line 270, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__cta:hover {
  background-color: var(--sf-cta-fg);
  color: var(--sf-cta-bg);
}
/* line 271, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__cta:active {
  transform: translateY(0);
}
/* line 273, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__cta.is-secondary {
  background: transparent;
  color: var(--sf-panel-fg);
  border-color: rgba(255, 255, 255, 0.55);
}
/* line 279, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__cta.is-text {
  padding: 0;
  min-height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-decoration: underline;
}
/* line 288, ../sass/spotlight-feature.scss */
.gs-spotlight-feature__cta.is-text:hover {
  text-decoration-thickness: 2px;
  transform: none;
}

/* line 294, ../sass/spotlight-feature.scss */
.is-padding-tight .gs-spotlight-feature__panel {
  --sf-content-pad-x: 56px;
  --sf-band-pad-y: 44px;
  --sf-panel-pad-y: 0px;
  padding: var(--sf-panel-pad-y) var(--sf-content-pad-x) 30px;
}

/* Special-case hover for panel-light (keeps your current intent) */
/* line 306, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.panel-light .gs-spotlight-feature__cta:hover {
  background-color: #0071C1;
  color: #ffffff;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  /* line 312, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature__cta {
    transition: none;
  }
}
/* -----------------------------
 * Desktop split layout (GRID AREAS + RATIOS + EQUAL HEIGHT)
 * ----------------------------- */
@media (min-width: 768px) {
  /* line 319, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split {
    /* Vertical alignment of content column */
    /* Equal-height media (bulletproof) */
  }
  /* line 320, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split .gs-spotlight-feature__inner {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "content media";
    align-items: stretch;
  }
  /* line 326, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-image-right .gs-spotlight-feature__inner {
    grid-template-areas: "content media";
  }
  /* line 327, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-image-left .gs-spotlight-feature__inner {
    grid-template-areas: "media content";
  }
  /* line 329, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-ratio-50_50 .gs-spotlight-feature__inner {
    grid-template-columns: 1fr 1fr;
  }
  /* line 331, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-ratio-60_40.is-image-left .gs-spotlight-feature__inner {
    grid-template-columns: 3fr 2fr;
  }
  /* line 332, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-ratio-40_60.is-image-left .gs-spotlight-feature__inner {
    grid-template-columns: 2fr 3fr;
  }
  /* line 334, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-ratio-60_40.is-image-right .gs-spotlight-feature__inner {
    grid-template-columns: 2fr 3fr;
  }
  /* line 335, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-ratio-40_60.is-image-right .gs-spotlight-feature__inner {
    grid-template-columns: 3fr 2fr;
  }
  /* line 338, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-valign-top .gs-spotlight-feature__content {
    align-self: start;
  }
  /* line 339, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-valign-center .gs-spotlight-feature__content {
    align-self: center;
  }
  /* line 340, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split.is-valign-bottom .gs-spotlight-feature__content {
    align-self: end;
  }
  /* line 343, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split .gs-spotlight-feature__media {
    align-self: stretch;
    position: relative;
  }
  /* line 348, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split .gs-spotlight-feature__figure {
    height: 100%;
    min-height: 100%;
    aspect-ratio: auto !important;
  }
  /* line 354, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature.is-variant-split .gs-spotlight-feature__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
/* -----------------------------
 * Alignment modifiers
 * ----------------------------- */
/* line 368, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-text-left .gs-spotlight-feature__content {
  text-align: left;
}
/* line 369, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-text-left .gs-spotlight-feature__ctas {
  justify-content: flex-start;
}

/* line 373, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-text-center .gs-spotlight-feature__header,
.gs-spotlight-feature.is-text-center .gs-spotlight-feature__panel,
.gs-spotlight-feature.is-text-center .gs-spotlight-feature__content {
  text-align: center;
}
/* line 376, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.is-text-center .gs-spotlight-feature__ctas {
  justify-content: center;
}

/* No-gap safety */
/* line 381, ../sass/spotlight-feature.scss */
.gs-spotlight-feature.has-no-gap .gs-spotlight-feature__inner {
  gap: 0;
}

/* -----------------------------
 * Mobile adjustments
 * ----------------------------- */
@media (max-width: 767px) {
  /* line 388, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature {
    --sf-content-pad-x: 22px;
    --sf-band-pad-y: 28px;
    --sf-panel-pad-y: 28px;
  }

  /* On mobile, keep normal flow */
  /* line 395, ../sass/spotlight-feature.scss */
  .gs-spotlight-feature__img {
    position: static;
  }
}