/* PTL Landing — Preview V1.3.2: Quiet Institutional Hero
   Surgical override only. Replaces Preview V1.2 override.
   Locked copy. Removes redundant geographic metadata, lowers visual volume,
   tightens text-to-globe spacing, and uses the approved DR-to-Dubai globe. */

.premium-hero {
  height: auto !important;
  min-height: 100vh;
  padding-bottom: clamp(390px, 35vw, 505px);
  overflow: hidden;
}

.premium-hero-inner {
  position: relative;
  z-index: 2;
}

/* Quieter WHY: institutional statement, not advertising headline. */
.why-statement {
  max-width: 960px;
  margin-top: clamp(22px, 2.7vh, 34px);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3.05vw, 3.35rem);
  line-height: 1.08;
  letter-spacing: -0.022em;
  text-wrap: balance;
}

.why-execution {
  max-width: 820px;
  margin-top: clamp(16px, 2vh, 22px);
  font-size: clamp(0.98rem, 1.1vw, 1.08rem);
  line-height: 1.48;
  letter-spacing: 0.005em;
  opacity: 0.82;
  text-wrap: balance;
}

/* One quiet evidence line. Geography is already explicit in the WHY. */
.why-meta {
  margin-top: clamp(18px, 2.2vh, 24px);
  display: block;
}

.why-meta .why-disciplines {
  margin: 0;
  font-size: clamp(0.84rem, 1vw, 0.98rem);
  letter-spacing: 0.19em;
  opacity: 0.9;
}

.premium-geo {
  display: none !important;
}

/* Pull the globe upward so it reads as the visual continuation of the proposition. */
.premium-globe {
  top: auto !important;
  bottom: 0 !important;
  height: clamp(390px, 35vw, 505px) !important;
  z-index: 1;
  background-image: url("assets/ptl-globe-v1.3.3.webp") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
}

@media (max-width: 900px) {
  .premium-hero {
    padding-bottom: clamp(330px, 50vw, 430px);
  }

  .why-break-desktop {
    display: none;
  }

  .why-statement {
    max-width: 100%;
    margin-top: 22px;
    font-size: clamp(1.9rem, 6.3vw, 2.85rem);
    line-height: 1.08;
  }

  .why-execution {
    max-width: 100%;
    margin-top: 16px;
    font-size: 0.98rem;
    line-height: 1.44;
  }

  .why-meta {
    margin-top: 18px;
  }

  .premium-globe {
    height: clamp(330px, 50vw, 430px) !important;
    background-position: center top !important;
  }
}

@media (max-width: 560px) {
  .premium-hero {
    min-height: 100svh;
    padding-bottom: clamp(285px, 74vw, 365px);
  }

  .why-statement {
    font-size: clamp(1.72rem, 8.5vw, 2.35rem);
    line-height: 1.08;
    letter-spacing: -0.018em;
  }

  .why-execution {
    font-size: 0.93rem;
    line-height: 1.42;
  }

  .why-meta .why-disciplines {
    font-size: 0.76rem;
    letter-spacing: 0.14em;
    line-height: 1.6;
  }

  .premium-globe {
    height: clamp(285px, 74vw, 365px) !important;
    /* Keep both Caribbean and Gulf endpoints visible on narrow screens. */
    background-size: auto 100% !important;
    background-position: center top !important;
  }
}

/* V1.3.1 surgical correction: clean transition and tighten globe proximity. */
@media (min-width: 901px) {
  .premium-hero {
    padding-bottom: clamp(365px, 33vw, 480px);
  }

  .premium-globe {
    height: clamp(385px, 35vw, 505px) !important;
  }
}

/* Prevent inherited decorative layers from bleeding across the globe transition. */
.premium-globe::before,
.premium-globe::after {
  content: none !important;
  display: none !important;
}

.why-meta,
.why-meta .why-disciplines {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  z-index: 3;
}


/* V1.3.2: isolate sector label from legacy .premium-disciplines rules. */
.why-disciplines {
  position: static !important;
  display: block !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  white-space: normal;
  color: inherit;
}
.why-disciplines::before,
.why-disciplines::after {
  content: none !important;
  display: none !important;
}


/* V1.3.3 surgical correction:
   - keep the intended sector line
   - restore its approved gold treatment
   - use a clean globe crop with the accidental embedded duplicate text removed */
.why-disciplines {
  color: #d4af37 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.19em !important;
}


/* =========================================================
   PREVIEW V1.4 — SIMPLIFIED INSTITUTIONAL HERO
   Surgical override only.
   ========================================================= */

.why-execution {
  max-width: 980px;
  margin-top: 38px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 2.55vw, 42px);
  line-height: 1.22;
  font-weight: 400;
  letter-spacing: -0.018em;
  color: #f4efe5;
}

.why-disciplines {
  margin-top: 30px;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.22em !important;
  color: #c9a24b !important;
  text-transform: uppercase;
}

.mobile-menu-toggle {
  display: none;
}

/* Mobile: quieter hierarchy + complete geographic visual */
@media (max-width: 700px) {
  nav .nav-inner {
    min-height: 72px;
    position: relative;
  }

  .nav-brand {
    font-size: 15px;
    letter-spacing: 0.20em;
    white-space: nowrap;
  }

  .mobile-menu-toggle {
    display: flex;
    width: 38px;
    height: 38px;
    padding: 9px;
    margin-left: auto;
    border: 0;
    background: transparent;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
  }

  .mobile-menu-toggle span {
    display: block;
    width: 20px;
    height: 1px;
    background: #f4efe5;
  }

  nav .nav-links {
    display: none;
    position: absolute;
    top: 64px;
    right: 20px;
    z-index: 20;
    min-width: 190px;
    padding: 14px 18px;
    background: #071d31;
    border: 1px solid rgba(244,239,229,.14);
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  nav .nav-links.mobile-open {
    display: flex;
  }

  .premium-hero-inner {
    padding-top: 74px !important;
    padding-bottom: 34px !important;
  }

  .premium-brand {
    font-size: clamp(46px, 13vw, 60px) !important;
    line-height: .98 !important;
    letter-spacing: .035em !important;
  }

  .premium-rule {
    margin-top: 30px !important;
    width: 54px !important;
  }

  .why-execution {
    max-width: 100%;
    margin-top: 42px;
    font-size: clamp(24px, 7vw, 31px);
    line-height: 1.27;
    letter-spacing: -0.012em;
  }

  .why-disciplines {
    margin-top: 30px;
    font-size: 10px;
    line-height: 1.55;
    letter-spacing: .16em !important;
    white-space: normal;
  }

  .premium-globe {
    /* Preserve the full horizontal artwork so both endpoints and the full arc are visible. */
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2048 / 573;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

@media (max-width: 430px) {
  .shell {
    width: calc(100% - 48px);
  }

  .premium-hero-inner {
    padding-top: 62px !important;
  }

  .why-execution {
    font-size: 25px;
  }

  .why-disciplines {
    max-width: 330px;
  }
}


/* =========================================================
   PREVIEW V1.4.1 — RESPONSIVE HERO SPACING CORRECTION
   Desktop: restore safe separation between copy and globe.
   Mobile: remove inherited empty reserve while preserving
   the complete DR–UAE arc.
   ========================================================= */

/* Desktop only — keep the V1.4 typography, but restore an
   intentional breathing zone before the globe begins. */
@media (min-width: 901px) {
  .premium-hero {
    padding-bottom: calc(clamp(385px, 35vw, 505px) + 34px) !important;
  }

  .premium-globe {
    height: clamp(385px, 35vw, 505px) !important;
    bottom: 0 !important;
  }
}

/* Mobile only — the previous inherited 285–365px reserve was
   much taller than the fitted panoramic globe, creating the
   large empty gap. Reserve only the globe's true displayed
   height plus a restrained 26px transition. */
@media (max-width: 700px) {
  .premium-hero {
    min-height: auto !important;
    padding-bottom: calc((100vw * 573 / 2048) + 26px) !important;
  }

  .premium-hero-inner {
    padding-bottom: 0 !important;
  }

  .premium-globe {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2048 / 573;
    bottom: 0 !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  .why-disciplines {
    margin-bottom: 0 !important;
  }
}


/* =========================================================
   PREVIEW V1.4.2 — CONTENT SECTION RHYTHM
   Reduce the visual distance between Our Purpose and
   Operating Platform by 20%. No other layout changes.
   ========================================================= */

/* The gap is created by the lower spacing of the Purpose
   section. Scale that transition to 80% of its prior value. */
#about {
  padding-bottom: calc(var(--section-space, 120px) * 0.8) !important;
}


/* =========================================================
   PREVIEW V1.5 — CLEAN 15-SECOND STORY
   Surgical correction:
   - removes ONLY the Institutional Bridge section from HTML
   - preserves approved Our Purpose and Operating Platform
   - preserves V1.4.2 spacing, hero, responsive behavior,
     founding partners, and footer
   ========================================================= */

/* Normalize the transition into the next remaining section
   after Institutional Bridge removal without changing the
   approved Purpose / Platform spacing. */
#partners {
  scroll-margin-top: 88px;
}

@media (min-width: 701px) {
  #partners {
    padding-top: clamp(76px, 6vw, 108px) !important;
  }
}

@media (max-width: 700px) {
  #partners {
    padding-top: 54px !important;
  }
}

@media (max-width: 430px) {
  #partners {
    padding-top: 48px !important;
  }
}


/* =========================================================
   PREVIEW V1.6 — NARRATIVE CADENCE
   Structural reorder only:
   Our Purpose → Founders → Operating Platform.
   Preserve approved section designs and content.
   ========================================================= */

/* Restore disciplined section rhythm for the new sequence. */
@media (min-width: 701px) {
  #partners {
    padding-top: clamp(68px, 6vw, 96px) !important;
    padding-bottom: clamp(72px, 6vw, 104px) !important;
  }
}

@media (max-width: 700px) {
  #partners {
    padding-top: 48px !important;
    padding-bottom: 54px !important;
  }
}

@media (max-width: 430px) {
  #partners {
    padding-top: 42px !important;
    padding-bottom: 48px !important;
  }
}