@media (max-width: 767px) {

      /* The orbit artwork is intentionally desktop/tablet only. */
      #top .hero-visual {
        display: none !important;
      }

      #top .hero-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: auto !important;
        padding-bottom: 42px !important;
      }

      #top .hero-copy {
        width: 100%;
        max-width: 100%;
      }
    }

    /* Keep the home hero headline intentionally set on exactly two lines. */
    #top .hero-main-title {
      width: max-content !important;
      max-width: none;
      line-height: 1.08;
      letter-spacing: -0.035em;
    }

    #top .hero-title-line {
      display: block;
      white-space: nowrap;
      text-align: center;
    }

    #top .hero-title-mobile {
      display: none;
    }

    /* Keep the desktop hero vertically balanced occupying the full viewport below the navbar. */
    @media (min-width: 981px) {
      #top.hero {
        padding-top: 129px;
      }

      #top .hero-grid {
        min-height: calc(100vh - 129px);
        padding-top: 16px;
        padding-bottom: 36px;
      }

      #top .hero-visual {
        transform: translate(18px, 28px);
      }
    }

    @media (max-width: 980px) and (min-width: 768px) {
      #top .hero-main-title {
        width: max-content !important;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: clamp(38px, 6.2vw, 54px);
      }
    }

    @media (max-width: 767px) {

      /* Use the compact three-line headline only on phones. */
      #top .hero-title-desktop {
        display: none !important;
      }

      #top .hero-title-mobile {
        display: block !important;
      }

      /* Clean hero viewport spacing with counters commented out. */
      #top .hero-grid {
        min-height: auto !important;
        box-sizing: border-box;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-top: 138px !important;
        padding-bottom: 48px !important;
      }

      #top .hero-copy {
        margin: 0 auto;
        text-align: center;
      }

      #top .hero-main-title {
        width: max-content !important;
        max-width: calc(100vw - 32px);
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(27px, 8.7vw, 40px);
        line-height: 1.12;
        letter-spacing: -0.045em;
        overflow-wrap: normal;
      }

      #top .hero-copy p.lead {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
      }

      #top .hero-ctas {
        margin-left: auto;
        margin-right: auto;
      }

      #top .hero-stats-wrap {
        padding-top: 30px;
      }
    }

    @media (max-width: 360px) {
      #top .hero-main-title {
        font-size: 27px;
      }
    }

    @media (max-width: 767px) {

      /* Match the supplied mobile reference: all hero copy is left aligned. */
      #top .hero-copy {
        width: 100%;
        margin: 0;
        text-align: left !important;
      }

      #top .hero-copy .eyebrow {
        justify-content: flex-start;
        text-align: left;
      }

      #top .hero-main-title {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: justify !important;
    text-align-last: left;
    font-size: clamp(34px, 10.2vw, 40px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
}

      #top .hero-title-line {
        text-align: left;
      }

      #top .hero-copy p.lead {
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: justify;
        text-align-last: left;
      }

      #top .hero-ctas {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
    }

    @media (max-width: 340px) {
      #top .hero-main-title {
        font-size: 33px !important;
      }
    }

    /* Keep the generated square artwork fully visible inside the existing hero circle. */
    #top .portrait-ring {
      padding: 0;
      background: transparent;
      overflow: hidden;
    }

    #top .portrait-ring img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      border-radius: 50%;
      transform: scale(1.095);
      transform-origin: center center;
      filter: none;
    }

    #top .portrait-ring .duotone {
      display: none;
    }

    /* Full-width About layout with a subtle animated international flight path */
    .about-flight-section {
      position: relative;
      padding: clamp(58px, 7vw, 92px) 0;
      overflow: hidden;
      background:
        radial-gradient(circle at 8% 18%, rgba(116, 116, 207, 0.09), transparent 30%),
        linear-gradient(180deg, #FFFFFF 0%, #F8F8FE 100%);
    }

    .about-flight-section .about-flight-card {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: clamp(42px, 5.2vw, 72px);
      /* border: 1px solid rgba(17, 17, 131, 0.13); */
      border-radius: 30px;
      /* background: */
      /* linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(243, 243, 253, 0.96)); */
      /* box-shadow: 0 26px 70px rgba(8, 8, 74, 0.12); */
    }

    .about-flight-section .about-flight-card::before,
    .about-flight-section .about-flight-card::after {
      content: "";
      position: absolute;
      z-index: -2;
      border-radius: 50%;
      pointer-events: none;
    }

    .about-flight-section .about-flight-card::before {
      width: 360px;
      height: 360px;
      left: -180px;
      bottom: -220px;
      border: 1px solid rgba(17, 17, 131, 0.12);
      box-shadow:
        0 0 0 42px rgba(17, 17, 131, 0.025),
        0 0 0 84px rgba(17, 17, 131, 0.018);
    }

    .about-flight-section .about-flight-card::after {
      width: 260px;
      height: 260px;
      right: -115px;
      top: -145px;
      background: radial-gradient(circle, rgba(116, 116, 207, 0.14), rgba(116, 116, 207, 0));
    }

    .about-flight-section .about-flight-decor {
      position: absolute;
      inset: 0;
      z-index: -1;
      overflow: hidden;
      pointer-events: none;
    }

    .about-flight-section .about-flight-path {
      position: absolute;
      top: 0;
      right: -2%;
      width: min(72%, 820px);
      height: 48%;
      opacity: 0.62;
    }

    .about-flight-section .about-flight-path path {
      fill: none;
      stroke: rgba(17, 17, 131, 0.22);
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-dasharray: 5 9;
    }

    .about-flight-section .about-flight-plane {
      position: absolute;
      left: -72px;
      top: 55%;
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      color: rgba(17, 17, 131, 0.58);
      filter: drop-shadow(0 8px 10px rgba(8, 8, 74, 0.14));
      animation: aboutPlaneFlight 11s linear infinite;
      will-change: left, top, transform, opacity;
    }

    .about-flight-section .about-flight-plane svg {
      width: 100%;
      height: 100%;
      display: block;
    }

    @keyframes aboutPlaneFlight {
      0% {
        left: -72px;
        top: 60%;
        opacity: 0;
        transform: rotate(-13deg) scale(0.82);
      }

      8% {
        opacity: 1;
      }

      28% {
        top: 45%;
        transform: rotate(-10deg) scale(0.88);
      }

      55% {
        top: 27%;
        transform: rotate(-5deg) scale(0.94);
      }

      80% {
        top: 12%;
        transform: rotate(2deg) scale(1);
      }

      92% {
        opacity: 1;
      }

      100% {
        left: calc(100% + 72px);
        top: 2%;
        opacity: 0;
        transform: rotate(7deg) scale(1.02);
      }
    }

    .about-flight-section .about-flight-layout {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
      gap: clamp(34px, 5vw, 76px);
      align-items: center;
    }

    .about-flight-section .about-flight-heading,
    .about-flight-section .about-flight-copy {
      min-width: 0;
    }

    .about-flight-section .about-flight-heading {
      padding-right: clamp(0px, 1vw, 12px);
    }

    .about-flight-section .eyebrow {
      padding-top: 0;
      margin-bottom: 15px;
    }

    .about-flight-section .about-flight-heading h2 {
      max-width: 650px;
      margin: 0 0 22px;
      font-size: clamp(34px, 3.7vw, 24px);
      line-height: 1.08;
    }

    .about-flight-section .about-flight-intro {
      max-width: 610px;
      margin: 0;
      color: var(--slate);
      font-size: clamp(16px, 1.3vw, 15px);
      line-height: 1.78;
    }

    .about-flight-section .about-flight-copy {
      position: relative;
      padding: clamp(30px, 3.6vw, 46px);
      border: 1px solid rgba(17, 17, 131, 0.12);
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.82);
      box-shadow: 0 16px 42px rgba(8, 8, 74, 0.08);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    .about-flight-section .about-flight-copy::before {
      content: "";
      position: absolute;
      top: 28px;
      bottom: 28px;
      left: 0;
      width: 3px;
      border-radius: 0 6px 6px 0;
      background: linear-gradient(180deg, var(--thames), var(--brass-light));
    }

    .about-flight-section .about-flight-copy p {
      margin: 0 0 17px;
      color: var(--slate);
      line-height: 1.78;
    }

    .about-flight-section .about-flight-copy p:last-of-type {
      margin-bottom: 0;
    }

    .about-flight-section .about-flight-copy .btn {
      margin-top: 25px;
    }

    .about-flight-section .about-flight-points {
      position: relative;
      z-index: 1;
      display: grid;
      /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 14px;
      margin-top: clamp(34px, 4.5vw, 56px);
      padding-top: clamp(24px, 3vw, 34px);
      border-top: 1px solid rgba(17, 17, 131, 0.12);
    }

    .about-flight-section .about-flight-point {
      grid-column: span 2;
    }

    .about-flight-section .about-flight-point:nth-child(4) {
      grid-column: 2 / span 2;
    }

    .about-flight-section .about-flight-point:nth-child(5) {
      grid-column: 4 / span 2;
    }

    .about-flight-section .about-flight-point {
      display: flex;
      align-items: center;
      gap: 14px;
      min-height: 72px;
      padding: 15px 17px;
      border: 1px solid rgba(17, 17, 131, 0.10);
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.64);
      color: var(--ink);
      font-size: 14px;
      font-weight: 650;
      line-height: 1.4;
      transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    }

    .about-flight-section .about-flight-point:hover {
      transform: translateY(-4px);
      border-color: rgba(17, 17, 131, 0.22);
      box-shadow: 0 12px 28px rgba(8, 8, 74, 0.09);
    }

    .about-flight-section .about-flight-point span {
      flex: 0 0 34px;
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: var(--thames);
      color: #FFFFFF;
      font-family: 'IBM Plex Mono', monospace;
      font-size: 11px;
      letter-spacing: 0.04em;
      box-shadow: 0 8px 18px rgba(17, 17, 131, 0.22);
    }

    @media (max-width: 900px) {
      .about-flight-section .about-flight-card {
        padding: 46px 34px;
        border-radius: 24px;
      }

      .about-flight-section .about-flight-layout {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      .about-flight-section .about-flight-heading h2,
      .about-flight-section .about-flight-intro {
        max-width: 760px;
      }

      .about-flight-section .about-flight-path {
        width: 92%;
        height: 34%;
        opacity: 0.42;
      }

      .about-flight-section .about-flight-points {
        grid-template-columns: 1fr;
      }

      .about-flight-section .about-flight-point,
      .about-flight-section .about-flight-point:nth-child(4),
      .about-flight-section .about-flight-point:nth-child(5) {
        grid-column: auto;
      }
    }

    @media (max-width: 560px) {
      .about-flight-section {
        padding: 48px 0;
      }

      .about-flight-section .about-flight-card {
        padding: 36px 22px 26px;
        border-radius: 20px;
      }

      .about-flight-section .about-flight-heading h2 {
        font-size: clamp(30px, 9vw, 38px);
      }

      .about-flight-section .about-flight-copy {
        padding: 26px 22px 26px 25px;
        border-radius: 18px;
      }

      .about-flight-section .about-flight-copy::before {
        top: 20px;
        bottom: 20px;
      }

      .about-flight-section .about-flight-point {
        min-height: 66px;
      }

      .about-flight-section .about-flight-plane {
        width: 44px;
        height: 44px;
        animation-duration: 9s;
      }
    }

    /* =========================================================
   ABOUT SECTION ONLY — PREMIUM COMPACT DESIGN
   ========================================================= */

    .about-flight-section {
      padding: 25px 0 28px !important;
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 8% 35%,
          rgba(116, 116, 207, 0.10),
          transparent 32%),
        radial-gradient(circle at 92% 10%,
          rgba(17, 17, 131, 0.06),
          transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f7f7fd 100%);
    }

    /* Main About card */
    .about-flight-section .about-flight-card {
      padding: 46px 48px 34px !important;

      border: 1px solid rgba(17, 17, 131, 0.12) !important;
      border-radius: 28px !important;

      background:
        linear-gradient(135deg,
          rgba(255, 255, 255, 0.98),
          rgba(248, 248, 254, 0.96)) !important;

      box-shadow:
        0 18px 50px rgba(8, 8, 74, 0.08) !important;
    }

    /* Two-column content */
    .about-flight-section .about-flight-layout {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
      gap: 48px !important;
      align-items: center;
    }

    /* Left side */
    .about-flight-section .about-flight-heading {
      padding-right: 10px !important;
    }

    .about-flight-section .about-flight-heading .eyebrow {
      margin-bottom: 14px !important;
    }

    .about-flight-section .about-flight-heading h2 {
      max-width: 560px !important;
      margin-bottom: 18px !important;

      font-size: clamp(34px, 3.2vw, 46px) !important;
      line-height: 1.08 !important;
      letter-spacing: -0.025em !important;
    }

    .about-flight-section .about-flight-intro {
      max-width: 550px !important;
      font-size: 16px !important;
      line-height: 1.7 !important;
      text-align: justify;
      text-align-last: left;
      hyphens: auto;
      -webkit-hyphens: auto;
      overflow-wrap: break-word;
    }

    /* Right information card */
    .about-flight-section .about-flight-copy {
      padding: 32px 34px 32px 38px !important;

      border: 1px solid rgba(17, 17, 131, 0.12) !important;
      border-radius: 22px !important;

      background: rgba(255, 255, 255, 0.94) !important;

      box-shadow:
        0 12px 35px rgba(8, 8, 74, 0.07) !important;
    }

    .about-flight-section .about-flight-copy p {
      font-size: 16px !important;
      line-height: 1.7 !important;
      text-align: justify;
      text-align-last: left;
      hyphens: auto;
      -webkit-hyphens: auto;
      overflow-wrap: break-word;
    }

    .about-flight-section .about-flight-copy .btn {
      margin-top: 20px !important;
    }

    /* Flight path - make it subtle */
    .about-flight-section .about-flight-path {
      width: 65% !important;
      height: 42% !important;
      opacity: 0.40 !important;
    }

    /* =========================================================
   SUPPORT POINTS
   ========================================================= */

    .about-flight-section .about-flight-points {
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

      gap: 12px !important;

      margin-top: 34px !important;
      padding-top: 28px !important;

      border-top: 1px solid rgba(17, 17, 131, 0.12);
    }

    /* Remove the old 3 + 2 positioning */
    .about-flight-section .about-flight-point,
    .about-flight-section .about-flight-point:nth-child(4),
    .about-flight-section .about-flight-point:nth-child(5) {
      grid-column: auto !important;
    }

    /* Individual point */
    .about-flight-section .about-flight-point {
      min-height: 76px !important;

      padding: 13px 14px !important;

      border: 1px solid rgba(17, 17, 131, 0.10) !important;
      border-radius: 15px !important;

      background: rgba(255, 255, 255, 0.78) !important;

      font-size: 12.5px !important;
      line-height: 1.35 !important;

      transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
    }

    .about-flight-section .about-flight-point:hover {
      transform: translateY(-4px) !important;

      background: #ffffff !important;

      border-color: rgba(17, 17, 131, 0.22) !important;

      box-shadow:
        0 12px 28px rgba(8, 8, 74, 0.09) !important;
    }

    /* Number circles */
    .about-flight-section .about-flight-point span {
      flex: 0 0 32px !important;
      width: 32px !important;
      height: 32px !important;

      font-size: 10px !important;
    }

    /* =========================================================
   TABLET
   ========================================================= */

    @media (max-width: 1000px) {

      .about-flight-section {
        padding: 38px 0 44px !important;
      }

      .about-flight-section .about-flight-card {
        padding: 40px 34px 30px !important;
      }

      .about-flight-section .about-flight-layout {
        gap: 32px !important;
      }

      .about-flight-section .about-flight-heading h2 {
        font-size: 36px !important;
      }

      .about-flight-section .about-flight-points {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      .about-flight-section .about-flight-point,
      .about-flight-section .about-flight-point:nth-child(4),
      .about-flight-section .about-flight-point:nth-child(5) {
        grid-column: auto !important;
      }
    }

    /* =========================================================
   MOBILE
   ========================================================= */

    @media (max-width: 700px) {

      .about-flight-section {
        padding: 32px 0 38px !important;
      }

      .about-flight-section .about-flight-card {
        padding: 28px 16px 22px !important;
        border-radius: 22px !important;
      }

      .about-flight-section .about-flight-layout {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
      }

      .about-flight-section .about-flight-heading h2 {
        width: 100% !important;
        max-width: none !important;
        font-size: clamp(26px, 7.5vw, 32px) !important;
        line-height: 1.1 !important;
        letter-spacing: -0.02em !important;
        text-wrap: balance;
      }

      .about-flight-section .about-flight-copy {
        padding: 24px 20px 24px 22px !important;
      }

      .about-flight-section .about-flight-copy p {
        font-size: 15px !important;
        text-align: justify;
        text-align-last: left;
        hyphens: auto;
        -webkit-hyphens: auto;
        overflow-wrap: break-word;
      }

      .about-flight-section .about-flight-points {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 26px !important;
        padding-top: 22px !important;
      }

      .about-flight-section .about-flight-point {
        min-height: 62px !important;
      }

      .about-flight-section .about-flight-path {
        width: 90% !important;
        height: 30% !important;
        opacity: 0.25 !important;
      }
    }


    @media (prefers-reduced-motion: reduce) {
      .about-flight-section .about-flight-plane {
        animation: none;
        left: auto;
        right: 7%;
        top: 7%;
        opacity: 0.34;
        transform: rotate(-8deg);
      }

      .about-flight-section .about-flight-point {
        transition: none;
      }
    }

    /* Footer logo size */
.footer-logo {
    width: 215px;
    height: auto;
    object-fit: contain;
    display: block;
}
@media (max-width: 640px) {
    .hero-copy {
        width: 100%;
    }

    .hero-copy h1 {
        width: 100%;
        text-align: justify;
        text-align-last: left;
    }

    .hero-copy p.lead {
        width: 100%;
        max-width: 100%;
        text-align: justify;
        text-align-last: left;
    }
}
@media (max-width: 767px) {

    /* Footer logo - mobile */
    .footer-brand {
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-logo-link {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto 25px auto !important;
    }

    .footer-logo {
        width: 200px !important;
        height: auto !important;
        max-width: 205px !important;
        display: block !important;
        margin: 0 auto !important;
        border-radius: 10px;
    }

}