@media (max-width: 1440px) {

}
@media (max-width: 1024px) {
  .metric-cards.five-column {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.split-list-grid , .split-list-grid.reverse-media {
  grid-template-columns: 1fr;
}

}
@media (max-width: 980px) {
  .nav-links {
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 90px;
    left: 100%;
    display: block;
    width: 100vw;
    padding: 30px;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    color: var(--ink);
    background: #013b72;
    box-shadow: var(--shadow);
    transition: 300ms left;

  }
  .nav-links, .nav-links > div {
      display: flex;
      align-items: start;
  }

  .nav-links.open {
    left: 0%;
  }
.nav-links > div {
    display: flex;
    width: 100%;
    gap: 14px;
    flex-direction: column;
}
  .nav-links .nav-cta {
    border-color: var(--line);
  }
  .nav-links .submenu a{
    color: #fff;
  }
  .menu-button {
    display: block;
  }

  .hero-grid,
  .split,
  .confidence-grid,
  .investors-grid {
    grid-template-columns: 1fr;
  }

  .confidence-grid,
  .ready-grid {
    width: min(1180px, calc(100% - 40px));
    grid-template-columns: 1fr;
    gap: 34px;
    margin: 0 auto;
  }

  .confidence-grid > div,
  .confidence-grid > img,
  .ready-grid > div,
  .ready-grid > img {
    grid-column: auto;
  }

  .confidence-grid > div,
  .ready-grid > div {
    padding: 0;
  }

  .confidence-grid > img,
  .ready-grid > img {
    justify-self: stretch;
    width: 100%;
    height: 460px;
    min-height: 0;
  }
 .hero-copy {
  padding-bottom: 0;
 }
  .hero-grid {
    padding: 125px 0 70px;
  }

  .hero-card {
    position: relative;
    right: 0;
    left: 25px;
    align-self: auto;
    justify-self: start;
    margin-bottom: 15px;
  }

  .investors {
    padding-bottom: 70px;
  }

  .investors-image {
    margin-left: 0;
  }

  .investor-list {
    padding-bottom: 0;
  }

  .stats,
  .feature-strip,
  .steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .steps {
    gap: 56px 24px;
  }

  .steps article::after,
  .steps article h3::before {
    display: none;
  }

  .steps article:nth-child(odd)::before {
    display: block;
  }

  .steps article:nth-child(even)::before {
    display: none;
  }

  .split {
    padding-top: 90px;
  }

  .footer {
    padding-top: 64px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 30px;
  }

  .footer-brand {
    margin-left: 0;
  }

  .back-top {
    position: static;
  }

  .image-content-grid,
  .edge-image-grid {
    grid-template-columns: 1fr;
    width: min(1180px, calc(100% - 40px));
    gap: 34px;
    margin: 0 auto;
  }

  .image-content-media {
    order: 0;
  }

  .image-content-copy {
    order: 1;
  }

  .edge-image-copy,
  .edge-image-grid > img {
    grid-column: auto;
  }

  .edge-image-copy {
    padding: 90px 0 0;
  }

  .edge-image-grid > img {
    justify-self: stretch;
    width: 100%;
    height: 460px;
    min-height: 0;
  }

  .metric-cards,
  .number-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-matrix-grid,
  .icon-card-grid.five-up {
    grid-template-columns: 1fr 1fr;
  }

  .mission-vision-grid {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }

  .right-half,
  .left-half {
    margin-left: auto;
    margin-right: auto;
  }

  .timeline-steps,
  .icon-card-grid.six-up {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .timeline-steps article::before {
    display: none;
  }

  .metric-cards.five-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .timeline-steps article::after,
  .timeline-steps article::before {
    display: none;
  }

  .contact-action-grid,
  .contact-enquiry-grid,
  .location-grid {
    grid-template-columns: 1fr;
  }
.contact-action-grid {
  gap: 40px;
}
  .contact-promise-strip,
  .office-grid,
  .icon-card-grid.four-up {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
.inner-banner-content {
  padding-bottom: 90px;
}
    .advantage-section .split-list-grid {
        grid-template-columns: 1fr;
    }
.orange-panel-card {
        max-width: none;
        margin: 0 auto;
    }
}
@media (max-width: 680px) {
  .shell {
    width: min(100% - 28px, 1180px);
  }

  .site-header {
    padding-top: 14px;
  }

  .hero {
    min-height: auto;
  }

  .hero-grid {
    min-height: auto;
    gap: 34px;
  }

  .hero-copy,
  .hero-card {
    width: 100%;
    max-width: 330px;
  }

  h1 {
    font-size: 27px;
    line-height: 1.16;
  }

  .hero-card {
    padding: 28px 26px;
  }

  .hero-card h2 {
    font-size: 18px;
    line-height: 1.28;
  }

  .hero-actions,
  .center-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .btn {
    width: 100%;
  }

  .stats,
  .feature-strip,
  .steps,
  .mini-grid,
  .faq-grid,
  .investor-list {
    grid-template-columns: 1fr;
  }

  .steps {
    gap: 42px;
  }

  .steps article {
    width: min(100%, 280px);
  }

  .steps article::before {
    display: none;
  }

  .stats {
    margin-top: 0;
    padding-top: 36px;
  }

  .feature-strip {
    margin-bottom: 70px;
  }

  .confidence,
  .ready,
  .services,
  .process,
  .faq {
    padding: 72px 0;
  }

  .confidence-grid,
  .ready-grid {
    width: min(100% - 28px, 1180px);
  }

  .service-grid article {
    width: min(100%, 292px);
  }

  .service-grid h3,
  .service-grid ul,
  .service-grid article > p {
    min-height: 0;
  }

  .ready .mini-grid span:last-child {
    grid-column: auto;
  }

  .confidence .mini-grid span,
  .ready .mini-grid span {
    min-height: 78px;
    font-size: 15px;
  }

  .confidence .mini-grid,
  .ready .mini-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .confidence-grid > img,
  .ready-grid > img {
    height: auto;
    aspect-ratio: 1.18 / 1;
  }

  .footer-tagline {
    min-width: 0;
    width: 100%;
    font-size: 11px;
  }

  .footer-links {
    gap: 22px;
  }

  .footer-brand {
    width: 155px;
  }

  .inner-banner,
  .inner-banner-content {
    min-height: 430px;
  }

  .inner-banner-content {
    padding: 112px 0 62px;
  }

  .image-content-section,
  .card-section {
    padding: 72px 0;
  }

  .image-content-copy h2,
  .card-section h2,
  .edge-image-section h2 {
    max-width: 100%;
    overflow-wrap: break-word;
    font-size: 26px;
    line-height: 1.18;
  }

  .image-content-media img,
  .edge-image-grid > img {
    height: auto;
    aspect-ratio: 1.2 / 1;
  }

  .metric-cards,
  .number-card-grid,
  .info-tile-grid {
    grid-template-columns: 1fr;
  }

  .metric-cards {
    padding-top: 40px;
  }

  .number-card-grid article {
    min-height: 0;
  }

  .inner-page .eyebrow {
    max-width: 100%;
    white-space: normal;
    letter-spacing: 0.18em;
  }

  .image-content-grid,
  .edge-image-grid {
    width: min(100% - 28px, 1180px);
  }

  .image-content-copy h2,
  .image-content-copy p,
  .edge-image-copy h2,
  .edge-image-copy p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .section-block {
    padding: 72px 0;
  }

  .service-matrix-grid,
  .icon-card-grid.five-up,
  .split-list-grid,
  .split-list-grid.reverse-media {
    grid-template-columns: 1fr;
  }

  .service-matrix-grid article,
  .mission-vision-grid article,
  .icon-card-grid article {
    min-height: 0;
  }

  .mission-vision-section {
    padding-bottom: 0;
  }

  .mission-vision-grid article {
    padding: 56px 0;
  }

  .split-list-grid > img {
    height: auto;
    aspect-ratio: 1.15 / 1;
  }

  .service-detail-grid article {
    width: 100%;
    min-height: 0;
  }

  .timeline-steps,
  .icon-card-grid.six-up {
    grid-template-columns: 1fr;
  }

  .timeline-steps {
    gap: 34px;
  }

  .orange-panel-card > img {
    height: auto;
    aspect-ratio: 1.15 / 1;
  }

  .orange-panel-card ul {
    grid-template-columns: 1fr;
  }

  .metric-cards.five-column {
    grid-template-columns: 1fr;
  }

  .timeline-section {
    min-height: auto;
  }

  .timeline-section h2,
  .advantage-section h2 {
    font-size: 28px;
  }

  .timeline-steps::before,
  .timeline-steps article::before {
    display: none;
  }

  .timeline-steps article {
    padding-top: 52px;
  }

  .orange-panel-card > div {
    min-height: 0;
    padding: 28px 24px;
  }

  .orange-panel-card {
    min-height: 0;
    padding: 220px 16px 16px;
  }

  .orange-panel-card > img {
    height: 100%;
  }

  .orange-panel-card .panel-list-grid {
    grid-template-columns: 1fr;
  }

  .contact-promise-strip,
  .office-grid,
  .icon-card-grid.four-up,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .contact-form,
  .orange-contact-card {
    padding: 28px 22px;
  }

  .contact-side-panel {
    border-width: 4px;
  }

  .contact-map {
    min-height: 320px;
  }

  .compact-heading h2,
  .compact-heading .section-intro {
    max-width: calc(100vw - 32px);
    overflow-wrap: break-word;
  }

  .compact-heading {
    overflow: hidden;
  }
}

@media (max-width: 420px) {
  .inner-banner h1,
  .image-content-copy h2,
  .card-section h2,
  .edge-image-section h2 {
    font-size: 24px;
    line-height: 1.2;
  }

  .inner-page p {
    font-size: 13px;
  }
}