/*
 * Afterburner 2025 — homepage-only styles
 * Consolidated in v1.0.76 from three inline <style> blocks in the homepage
 * (page 14) body content, verbatim, so the page can drop its inline copies
 * in the Phase 2 content pass. Conditionally enqueued on is_front_page().
 * Contains: §2.6 image carousel (.ab-carousel), §4 pathway flow (.fp-flow),
 * §11 Chat to a Pilot background (#chat-to-a-pilot).
 */

/* ===== §2.6 image carousel ===== */
.ab-carousel__grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 24px;
    }
    @media (min-width: 768px) {
      .ab-carousel__grid {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        padding: 0 32px;
      }
    }
    .ab-carousel__slot {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: #e5e5e5;
    }
    .ab-carousel__slot img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 1;
      transition: opacity 1.2s ease-in-out;
    }
    @media (prefers-reduced-motion: reduce) {
      .ab-carousel__slot img { transition: none; }
    }

/* ===== §4 pathway flow ===== */
.fp-flow {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  text-align: left;
  margin-bottom: 40px;
}
.fp-card {
  flex: 1;
  background: var(--wp--preset--color--charcoal, #1A1A1A);
  color: #FFFFFF;
  padding: 40px 32px;
  border-top: 4px solid;
  display: flex;
  flex-direction: column;
}
.fp-card.silo-a { border-top-color: var(--wp--preset--color--silo-a, #FF4B22); }
.fp-card.silo-b { border-top-color: var(--wp--preset--color--silo-b, #9E1F63); }
.fp-card h3 {
  font-family: "Space Grotesk", Impact, "Arial Narrow", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: .04em;
  margin-bottom: 20px;
}
.fp-card p {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255,255,255,.85);
  margin-bottom: 24px;
}
.fp-card ul {
  list-style: none;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fp-card li a {
  font-family: "Space Grotesk", Impact, "Arial Narrow", sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: .1em;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: baseline;
  transition: opacity .15s ease;
}
.fp-card li a:hover { opacity: .8; }
.fp-card li a::before { content: "\25B8"; margin-right: 8px; }
.fp-card.silo-a li a { color: var(--wp--preset--color--silo-a, #FF4B22); }
.fp-card.silo-b li a { color: #D66BA0; }
.ab-arrow {
  display: inline-flex;
  width: 45px;
  height: 24px;
  flex-shrink: 0;
  align-self: center;
}
.ab-arrow svg { width: 25px; height: 24px; margin: 0 auto; }
.ab-arrow path { fill: #EDB797; }
.ab-arrow path:nth-child(1) { animation: abChevron 2s infinite; animation-delay: 0s; }
.ab-arrow path:nth-child(2) { animation: abChevron 2s infinite; animation-delay: .3s; }
.ab-arrow path:nth-child(3) { animation: abChevron 2s infinite; animation-delay: .6s; }
@keyframes abChevron {
  0%, 100% { fill: #EDB797; opacity: .2; }
  50%      { fill: var(--wp--preset--color--silo-a, #FF4B22); opacity: 1; }
}
@media (max-width: 1023px) {
  .fp-flow { flex-direction: column; align-items: stretch; }
  .ab-arrow { transform: rotate(90deg); align-self: center; }
}

/* ===== §11 Chat to a Pilot background ===== */
#chat-to-a-pilot {
    background-image: url('/wp-content/uploads/2026/06/speak_to_a_pilot_team_bg.jpg');
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
  }