:root {
      --ink: #05070A;
      --navy: #07111D;
      --gold-soft: #E6D19A;
      --white: #FFFFFF;
      --off-white: #F5F2EA;
      --muted: #AEB7C0;
      --line: rgba(255,255,255,0.14);
      --dark-line: rgba(5,7,10,0.12);
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Manrope', Arial, sans-serif;
      color: var(--white);
      background: var(--ink);
      line-height: 1.55;
      font-weight: 300;
      letter-spacing: -0.01em;
    }
    a { color: inherit; text-decoration: none; }
    .topbar {
      position: fixed; top: 0; left: 0; right: 0; z-index: 50;
      height: 76px; padding: 0 5.5vw; display: flex; align-items: center; justify-content: space-between;
      background: rgba(5, 7, 10, 0.76); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .brand { display: flex; align-items: center; gap: 12px; min-width: 220px; }
    .brand-mark-small { width: 40px; height: 32px; flex: 0 0 auto; opacity: 0.96; }

    .brand-logo-img {
      width: 56px;
      height: 56px;
      object-fit: contain;
      border-radius: 50%;
      opacity: 0.96;
    }

    .hero-logo-actual {
      width: min(420px, 82vw);
      height: auto;
      display: block;
      margin-bottom: 34px;
      filter: drop-shadow(0 24px 55px rgba(0,0,0,0.32));
    }
    .brand-text-wrap { display: flex; flex-direction: column; gap: 1px; }
    .brand strong {
      font-family: 'Cormorant Garamond', Georgia, serif; color: var(--gold-soft); font-size: 1.22rem;
      line-height: 1; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 500;
    }
    .brand span {
      color: var(--muted); font-size: 0.58rem; line-height: 1; text-transform: uppercase;
      letter-spacing: 0.22em; font-weight: 600;
    }
    .navlinks {
      display: flex; gap: 34px; align-items: center; color: #D8DDE2; font-size: 0.69rem;
      text-transform: uppercase; letter-spacing: 0.18em; font-weight: 600;
    }
    .navlinks a:not(.button) { opacity: 0.86; }
    .navlinks a:not(.button):hover { opacity: 1; color: var(--gold-soft); }
    .button {
      display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 22px;
      border: 1px solid rgba(230,209,154,0.72); color: var(--gold-soft); background: transparent;
      font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700; transition: 0.22s ease;
    }
    .button.primary { background: var(--gold-soft); color: #07111D; border-color: var(--gold-soft); }
    .button:hover { transform: translateY(-1px); background: rgba(230,209,154,0.10); }
    .button.primary:hover { background: #F1DFA8; }

    .hero {
      position: relative;
      min-height: 100vh;
      padding: 76px 5.5vw 0;
      display: grid;
      align-items: end;
      overflow: hidden;
      background: var(--ink);
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(90deg, rgba(5,7,10,0.88) 0%, rgba(5,7,10,0.58) 42%, rgba(5,7,10,0.20) 100%),
        linear-gradient(0deg, rgba(5,7,10,0.78) 0%, rgba(5,7,10,0.10) 48%);
      pointer-events: none;
    }

    .hero-slideshow {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
    }

    .hero-slide {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0;
      transform: scale(1.04);
      animation: heroFade 24s infinite;
    }

    .hero-slide:nth-child(1) {
      background-image: url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=2400&q=85');
      background-position: center 44%;
      animation-delay: 0s;
    }

    .hero-slide:nth-child(2) {
      background-image: url('../images/avra-asset-1.png');
      background-position: center;
      animation-delay: 6s;
    }

    .hero-slide:nth-child(3) {
      background-image: url('../images/avra-asset-2.png');
      background-position: center;
      animation-delay: 12s;
    }

    .hero-slide:nth-child(4) {
      background-image: url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=2400&q=85');
      background-position: center 44%;
      animation-delay: 18s;
    }

    @keyframes heroFade {
      0% { opacity: 0; transform: scale(1.04); }
      7% { opacity: 1; }
      25% { opacity: 1; }
      32% { opacity: 0; transform: scale(1.09); }
      100% { opacity: 0; transform: scale(1.09); }
    }
    .hero-content { position: relative; z-index: 2; max-width: 820px; padding: 0 0 9vh; }
    .hero-logo { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
    .hero-mark { width: 64px; height: 48px; opacity: 0.94; }
    .hero-wordmark {
      font-family: 'Cormorant Garamond', Georgia, serif; color: var(--gold-soft);
      font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1; letter-spacing: 0.20em;
      font-weight: 500; text-transform: uppercase;
    }
    .eyebrow {
      color: var(--gold-soft); text-transform: uppercase; letter-spacing: 0.26em;
      font-size: 0.64rem; font-weight: 700; margin-bottom: 18px;
    }
    h1, h2, h3 {
      font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; letter-spacing: -0.02em;
    }
    h1 {
      font-size: clamp(4rem, 7vw, 8rem); line-height: 0.84; letter-spacing: -0.03em;
      font-weight: 500; margin-bottom: 28px; max-width: 860px;
    }
    .hero p, .section-heading p, .editorial-copy p, .cta p {
      font-size: 0.96rem; line-height: 1.75; font-weight: 300; letter-spacing: -0.01em;
    }
    .hero p { max-width: 620px; color: #D9DEE3; margin-bottom: 34px; }
    .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
    .scroll-note {
      position: absolute;
      z-index: 2; right: 5.5vw; bottom: 34px; color: rgba(255,255,255,0.70);
      font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600;
    }
    .intro-strip {
      display: grid; grid-template-columns: 1fr 1fr 1fr; border-top: 1px solid var(--line); background: var(--ink);
    }
    .intro-item { padding: 34px 5.5vw; border-right: 1px solid var(--line); }
    .intro-item:last-child { border-right: none; }
    .intro-item strong {
      display: block; font-family: 'Cormorant Garamond', Georgia, serif; color: var(--gold-soft);
      font-size: 1.8rem; font-weight: 500; line-height: 1; margin-bottom: 8px;
    }
    .intro-item span {
      color: var(--muted); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 600;
    }
    section { padding: 118px 5.5vw; }
    .section-light { background: var(--off-white); color: var(--ink); }
    .section-heading { max-width: 760px; margin-bottom: 56px; }
    h2 {
      font-size: clamp(2.8rem, 5vw, 5.4rem); line-height: 0.94; letter-spacing: -0.025em; font-weight: 500; margin-bottom: 22px;
    }
    .section-heading p { max-width: 640px; color: inherit; opacity: 0.70; }
    .editorial-grid { display: grid; grid-template-columns: 1fr 1fr; min-height: 620px; padding: 0; }
    .editorial-image { min-height: 620px; background-size: cover; background-position: center; }
    .image-charter {
      background-image:
        linear-gradient(0deg, rgba(5,7,10,0.24), rgba(5,7,10,0.16)),
        linear-gradient(90deg, rgba(5,7,10,0.10), rgba(5,7,10,0.10)),
        url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=85');
      background-position: center;
    }
    .image-destination {
      background-image:
        linear-gradient(0deg, rgba(5,7,10,0.26), rgba(5,7,10,0.18)),
        linear-gradient(90deg, rgba(5,7,10,0.08), rgba(5,7,10,0.08)),
        url('../images/avra-asset-3.png');
      background-position: center;
      background-size: cover;
    }
    .editorial-copy {
      padding: 100px 7vw; display: flex; flex-direction: column; justify-content: center;
      background: var(--off-white); color: var(--ink);
    }
    .editorial-copy.dark { background: var(--navy); color: var(--white); }
    .editorial-copy p { max-width: 560px; color: inherit; opacity: 0.74; margin-bottom: 28px; }
    .feature-list { display: grid; gap: 0; margin-top: 12px; border-top: 1px solid currentColor; border-color: rgba(5,7,10,0.14); }
    .editorial-copy.dark .feature-list { border-color: rgba(255,255,255,0.14); }
    .feature-list div {
      padding: 18px 0; border-bottom: 1px solid rgba(5,7,10,0.14); font-size: 0.78rem; text-transform: uppercase;
      letter-spacing: 0.14em; font-weight: 700; color: rgba(5,7,10,0.78);
    }
    .editorial-copy.dark .feature-list div { border-color: rgba(255,255,255,0.14); color: rgba(255,255,255,0.76); }

    .empty-leg-section { background: var(--ink); color: var(--white); }
    .route-list { border-top: 1px solid var(--line); }
    .route-row {
      display: grid; grid-template-columns: 1.2fr 1.7fr 0.9fr 170px; gap: 28px; align-items: center;
      padding: 30px 0; border-bottom: 1px solid var(--line);
    }
    .route-row .aircraft {
      font-family: 'Cormorant Garamond', Georgia, serif; color: var(--gold-soft); font-size: 1.65rem; font-weight: 500; line-height: 1.05;
    }
    .route-row .route { font-size: 1rem; color: #F1F4F6; font-weight: 400; }
    .route-row .details {
      color: var(--muted); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 600;
    }

    .process {
      display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; border-top: 1px solid var(--dark-line); border-bottom: 1px solid var(--dark-line);
    }
    .process-step { padding: 34px 26px; border-right: 1px solid var(--dark-line); }
    .process-step:last-child { border-right: none; }
    .process-step span {
      display: block; color: #C6A15B; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.20em; font-weight: 800; margin-bottom: 24px;
    }
    .process-step h3 { font-size: 1.7rem; line-height: 1; margin-bottom: 12px; }
    .process-step p { font-size: 0.9rem; color: rgba(5,7,10,0.66); }

    .cta {
      min-height: 560px; display: flex; align-items: end;
      background:
        linear-gradient(90deg, rgba(5,7,10,0.82), rgba(5,7,10,0.20)),
        linear-gradient(0deg, rgba(5,7,10,0.64), rgba(5,7,10,0.10)),
        url('../images/avra-asset-4.png');
      background-size: cover; background-position: center;
    }
    .cta-inner { max-width: 760px; padding-bottom: 20px; }
    .cta p { max-width: 620px; color: #D9DEE3; margin-bottom: 30px; }

    footer {
      padding: 34px 5.5vw; display: grid; grid-template-columns: 1fr 1.5fr; gap: 40px; color: rgba(255,255,255,0.58);
      background: var(--ink); border-top: 1px solid var(--line); font-size: 0.72rem;
    }

    @media (prefers-reduced-motion: reduce) {
      .hero-slide {
        animation: none;
        opacity: 0;
        transform: none;
      }

      .hero-slide:first-child {
        opacity: 1;
      }
    }


    .legal-page {
      min-height: 100vh;
      padding: 150px 5.5vw 90px;
      background: var(--off-white);
      color: var(--ink);
    }

    .legal-container {
      max-width: 920px;
      margin: 0 auto;
    }

    .legal-container h1 {
      color: var(--ink);
      font-size: clamp(3.2rem, 6vw, 6.2rem);
      line-height: 0.9;
      margin-bottom: 28px;
    }

    .legal-container h2 {
      font-size: clamp(1.8rem, 3vw, 2.8rem);
      margin-top: 54px;
      margin-bottom: 16px;
      color: var(--ink);
    }

    .legal-container p,
    .legal-container li {
      color: rgba(5,7,10,0.76);
      font-size: 0.98rem;
      line-height: 1.8;
      margin-bottom: 16px;
    }

    .legal-container ul {
      padding-left: 22px;
      margin-bottom: 18px;
    }

    .legal-updated {
      color: rgba(5,7,10,0.52);
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      font-weight: 700;
      margin-bottom: 34px;
    }

    .legal-back {
      display: inline-flex;
      margin-top: 46px;
    }

    .footer-links {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      margin-top: 14px;
    }

    .footer-links a {
      color: rgba(255,255,255,0.72);
      text-decoration: none;
      border-bottom: 1px solid rgba(230,209,154,0.38);
    }

    .footer-links a:hover {
      color: var(--gold-soft);
    }

    @media (max-width: 980px) {
      .navlinks a:not(.button) { display: none; }
      .hero { padding-top: 96px; }
      .scroll-note { display: none; }
      .intro-strip, .editorial-grid, .process, .route-row, footer { grid-template-columns: 1fr; }
      .intro-item, .process-step { border-right: none; border-bottom: 1px solid var(--line); }
      .editorial-image { min-height: 420px; }
      .editorial-copy { padding: 78px 5.5vw; }
      .route-row { gap: 14px; }
      h1 { font-size: clamp(3.6rem, 16vw, 5.4rem); }
    }
