/**
 * GTGF v15.99.66 — unified dark homepage destination hub.
 * All six direct-destination cards share one dark/orange GTGF visual language.
 */

body.home.gtgf-v14 .gtgf-home45__destinations {
  position: relative;
  overflow: hidden;
  padding-block: clamp(58px, 6.5vw, 86px);
  border-top: 1px solid rgba(255,255,255,.07);
  border-bottom: 1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 76% 2%, rgba(255,90,0,.08), transparent 34%),
    linear-gradient(180deg, #0d0e0f 0%, #090a0b 100%);
}

body.home.gtgf-v14 .gtgf-home45__destinations::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .35;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 88%);
}

body.home.gtgf-v14 .gtgf-home45__destinations > .v14-shell {
  position: relative;
  z-index: 1;
}

body.home.gtgf-v14 .gtgf-home45__destinations .gtgf-home45__section-head.is-dark {
  margin-bottom: clamp(24px, 3vw, 34px);
}

body.home.gtgf-v14 .gtgf-home45__destinations .gtgf-home45__section-head.is-dark p {
  color: var(--gtgf-accent);
}

body.home.gtgf-v14 .gtgf-home45__destinations .gtgf-home45__section-head.is-dark h2 {
  color: #fff;
}

body.home.gtgf-v14 .gtgf-home45__destinations .gtgf-home45__section-head.is-dark > span {
  color: rgba(255,255,255,.66);
}

body.home.gtgf-v14 .gtgf-home45__route-grid {
  gap: 14px;
}

body.home.gtgf-v14 .gtgf-home45__route-card,
body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit,
body.home.gtgf-v14 .gtgf-home45__route-card.is-progress {
  min-height: 252px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 7px;
  background: linear-gradient(145deg, #141516 0%, #090a0b 72%);
  color: #fff !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.2);
}

body.home.gtgf-v14 .gtgf-home45__route-card:hover,
body.home.gtgf-v14 .gtgf-home45__route-card:focus-visible,
body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit:hover,
body.home.gtgf-v14 .gtgf-home45__route-card.is-progress:hover {
  border-color: rgba(255,90,0,.72);
  box-shadow: 0 24px 62px rgba(0,0,0,.34), 0 0 0 1px rgba(255,90,0,.08) inset;
  transform: translateY(-3px);
}

body.home.gtgf-v14 .gtgf-home45__route-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  z-index: 1;
  height: 2px;
  background: linear-gradient(90deg, var(--gtgf-accent), rgba(255,90,0,0));
  opacity: .34;
  pointer-events: none;
}

body.home.gtgf-v14 .gtgf-home45__route-card > img {
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .78;
  filter: saturate(.72) contrast(1.12) brightness(.68);
}

body.home.gtgf-v14 .gtgf-home45__route-card:hover > img {
  transform: scale(1.018);
  filter: saturate(.82) contrast(1.12) brightness(.72);
}

body.home.gtgf-v14 .gtgf-home45__route-shade {
  background:
    linear-gradient(90deg, rgba(8,9,10,.98) 0%, rgba(8,9,10,.96) 31%, rgba(8,9,10,.82) 51%, rgba(8,9,10,.34) 76%, rgba(8,9,10,.16) 100%),
    linear-gradient(0deg, rgba(4,5,6,.72), transparent 62%);
}

body.home.gtgf-v14 .gtgf-home45__route-copy,
body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit .gtgf-home45__route-copy,
body.home.gtgf-v14 .gtgf-home45__route-card.is-progress .gtgf-home45__route-copy {
  width: 64%;
  min-height: 250px;
  padding: 26px 25px 23px;
}

body.home.gtgf-v14 .gtgf-home45__route-copy > small {
  color: var(--gtgf-accent);
  font-size: .72rem;
  letter-spacing: .15em;
}

body.home.gtgf-v14 .gtgf-home45__route-copy > strong {
  margin-top: 24px;
  color: #fff;
  font-size: clamp(1.42rem, 1.85vw, 1.8rem);
  letter-spacing: -.04em;
}

body.home.gtgf-v14 .gtgf-home45__route-copy > em,
body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit .gtgf-home45__route-copy > em,
body.home.gtgf-v14 .gtgf-home45__route-card.is-progress .gtgf-home45__route-copy > em {
  max-width: 27ch;
  color: rgba(255,255,255,.67);
  font-size: .88rem;
  line-height: 1.52;
}

body.home.gtgf-v14 .gtgf-home45__route-copy > b,
body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit .gtgf-home45__route-copy > b,
body.home.gtgf-v14 .gtgf-home45__route-card.is-progress .gtgf-home45__route-copy > b {
  color: #fff;
  font-size: .8rem;
}

body.home.gtgf-v14 .gtgf-home45__route-copy > b i {
  color: var(--gtgf-accent);
}

/* Keep each photograph recognisable while sharing one dark grade. */
body.home.gtgf-v14 .gtgf-home45__route-card.is-planner > img { object-position: 66% 50%; }
body.home.gtgf-v14 .gtgf-home45__route-card.is-nutrition > img { object-position: 76% 52%; }
body.home.gtgf-v14 .gtgf-home45__route-card.is-events > img { object-position: 69% 52%; }
body.home.gtgf-v14 .gtgf-home45__route-card.is-knowledge > img { object-position: 70% 46%; filter: grayscale(.25) saturate(.62) contrast(1.14) brightness(.62); }

/* Cockpit and progress stay live UI illustrations but receive the same card treatment. */
body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit {
  background:
    radial-gradient(circle at 100% 0%, rgba(255,90,0,.12), transparent 42%),
    linear-gradient(145deg, #141516 0%, #08090a 72%);
}

body.home.gtgf-v14 .gtgf-home45__cockpit {
  top: 27px;
  right: -17px;
  height: 188px;
  border-color: rgba(255,255,255,.12);
  background: linear-gradient(160deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
  box-shadow: 0 28px 66px rgba(0,0,0,.42);
}

body.home.gtgf-v14 .gtgf-home45__route-card.is-progress {
  background:
    radial-gradient(circle at 92% 88%, rgba(255,90,0,.09), transparent 33%),
    linear-gradient(145deg, #141516 0%, #08090a 72%);
}

body.home.gtgf-v14 .gtgf-home45__chart {
  right: -4px;
  bottom: 10px;
  width: 50%;
  opacity: .94;
}

@media (max-width: 1050px) {
  body.home.gtgf-v14 .gtgf-home45__route-card,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-progress { min-height: 238px; }
  body.home.gtgf-v14 .gtgf-home45__route-copy,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit .gtgf-home45__route-copy,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-progress .gtgf-home45__route-copy { min-height: 236px; }
}

@media (max-width: 720px) {
  body.home.gtgf-v14 .gtgf-home45__destinations { padding-block: 42px; }
  body.home.gtgf-v14 .gtgf-home45__route-grid { gap: 10px; }
  body.home.gtgf-v14 .gtgf-home45__route-card,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-progress {
    min-height: 218px;
    border-radius: 6px;
  }
  body.home.gtgf-v14 .gtgf-home45__route-copy,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit .gtgf-home45__route-copy,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-progress .gtgf-home45__route-copy {
    width: 70%;
    min-height: 216px;
    padding: 21px 19px 18px;
  }
  body.home.gtgf-v14 .gtgf-home45__route-copy > strong { margin-top: 16px; font-size: 1.45rem; }
  body.home.gtgf-v14 .gtgf-home45__route-copy > em { font-size: .83rem; }
}

@media (max-width: 430px) {
  body.home.gtgf-v14 .gtgf-home45__route-card > img { width: 100%; }
  body.home.gtgf-v14 .gtgf-home45__route-shade {
    background: linear-gradient(90deg, rgba(8,9,10,.99) 0%, rgba(8,9,10,.95) 43%, rgba(8,9,10,.76) 68%, rgba(8,9,10,.26) 100%);
  }
  body.home.gtgf-v14 .gtgf-home45__route-copy,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-cockpit .gtgf-home45__route-copy,
  body.home.gtgf-v14 .gtgf-home45__route-card.is-progress .gtgf-home45__route-copy { width: 74%; }
}