/* C DEFENCE - Mobile-first visual refinement of approved homepage hero.
   Desktop stays unchanged. No new text cards, no additional frameworks.
   Included ONLY on the homepage and loaded after existing design styles. */
.history-slider.history-hero .history-copy-mobile { display: none; }

@media (max-width: 991px) {
  /* Photo remains edge-to-edge; typography sits directly on the photograph. */
  .cd-header {
    background: rgba(7, 12, 20, .94);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .history-slider.history-hero,
  .history-slider.history-hero .history-slide {
    min-height: clamp(570px, 86svh, 740px);
    height: clamp(570px, 86svh, 740px);
    background: #0b111b;
  }
  .history-slider.history-hero .history-slide .history-hero-inner {
    min-height: 0;
    height: 100%;
    width: min(100% - 36px, 520px);
    margin-inline: auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 84px 0 80px;
  }
  .history-slider.history-hero .history-slide .history-hero-content {
    width: 100%;
    max-width: 355px;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .history-slider.history-hero .history-slide .history-hero-bg {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 62% center;
    filter: none;
    opacity: 1;
    transform: none;
  }
  .history-slider.history-hero .history-slide:nth-of-type(2) .history-hero-bg { object-position: 60% center; }
  .history-slider.history-hero .history-slide:nth-of-type(3) .history-hero-bg { object-position: 60% center; }
  .history-slider.history-hero .history-slide:nth-of-type(4) .history-hero-bg { object-position: 64% center; }
  .history-slider.history-hero .history-slide .history-hero-overlay {
    /* The TOP of the image stays visible: darkness grows only behind the copy. */
    background: linear-gradient(180deg,
      rgba(6, 10, 17, .05) 0%,
      rgba(6, 10, 17, .10) 30%,
      rgba(6, 10, 17, .35) 48%,
      rgba(6, 10, 17, .75) 67%,
      rgba(6, 10, 17, .92) 87%,
      #0b111b 100%);
  }
  .history-slider.history-hero .history-slide.has-mobile-compact .history-copy-desktop { display: none; }
  .history-slider.history-hero .history-slide.has-mobile-compact .history-copy-mobile { display: inline; }
  .history-slider.history-hero .history-kicker {
    margin-bottom: 12px;
    max-width: 100%;
    font-size: 10px;
    font-weight: 680;
    line-height: 1.45;
    letter-spacing: .16em;
    color: rgba(255,255,255,.88);
    text-transform: uppercase;
  }
  .history-slider.history-hero .history-kicker::before {
    width: 5px;
    height: 5px;
  }
  .history-slider.history-hero .history-title {
    max-width: 330px;
    margin: 0 0 12px;
    font-size: clamp(29px, 8vw, 36px);
    font-weight: 800;
    line-height: 1.09;
    letter-spacing: -.034em;
    text-transform: none;
    color: #fff;
    text-wrap: balance;
  }
  .history-slider.history-hero .history-text {
    max-width: 310px;
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;
    color: rgba(245,247,250,.88);
    text-wrap: pretty;
  }
  .history-slider.history-hero .history-actions {
    margin-top: 17px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 8px;
  }
  .history-slider.history-hero .history-btn {
    height: 42px;
    min-width: 0;
    max-width: 100%;
    padding: 0 18px;
    font-size: 10.5px;
    font-weight: 750;
    line-height: 1.2;
    border-radius: 2px;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: normal;
  }
  .history-slider.history-hero .history-slider-dots {
    left: 18px;
    right: auto;
    bottom: 22px;
    transform: none;
    gap: 7px;
    z-index: 20;
  }
  .history-slider.history-hero .history-dot {
    width: 32px;
    height: 29px;
    padding: 0;
    font-size: 9px;
    letter-spacing: 0;
  }
}
@media (max-width: 359px) {
  .history-slider.history-hero .history-slide .history-hero-inner {
    width: calc(100% - 32px);
    padding-bottom: 73px;
  }
  .history-slider.history-hero .history-title {
    font-size: 28px;
    line-height: 1.08;
  }
  .history-slider.history-hero .history-text { font-size: 13px; line-height: 1.45; }
  .history-slider.history-hero .history-btn { height: 40px; font-size: 10px; }
  .history-slider.history-hero .history-slider-dots { left: 16px; bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .history-slider.history-hero .history-slide,
  .history-slider.history-hero .history-hero-bg,
  .history-slider.history-hero .history-btn { transition-duration: .01ms !important; }
}