:root {
  --gti-ink: #080a0e;
  --gti-midnight: #0b1526;
  --gti-paper: #f3eee4;
  --gti-gold: #c9a44e;
  --gti-gold-light: #e1c47b;
  --gti-rule: rgba(201, 164, 78, .3);
}

.gti-section {
  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  font-family: Inter, Arial, sans-serif;
}
.gti-shell { width: min(calc(100% - 80px), 1200px); margin: 0 auto; }
.gti-kicker {
  margin: 0 0 18px;
  color: var(--gti-gold-light);
  font: 700 11px/1 Inter, Arial, sans-serif;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.gti-section h2 {
  margin: 0;
  font: 700 clamp(42px, 5.6vw, 78px)/.98 "Playfair Display", Georgia, serif;
  letter-spacing: -.035em;
}
.gti-section a:focus-visible { outline: 3px solid var(--gti-gold-light) !important; outline-offset: 5px !important; }

/* Verified impact ledger: a factual bridge from the origin story to the work. */
.gti-impact {
  color: var(--gti-paper);
  background:
    radial-gradient(circle at 86% 18%, rgba(201,164,78,.13), transparent 30%),
    linear-gradient(122deg, #07101d, var(--gti-midnight) 55%, #080a0e);
  border-block: 1px solid var(--gti-rule);
}
.gti-impact::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .13;
  background: repeating-linear-gradient(90deg, transparent 0 119px, rgba(255,255,255,.08) 120px);
}
.gti-impact__inner { padding: clamp(96px, 10vw, 148px) 0; }
.gti-impact__head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .65fr);
  gap: 70px;
  align-items: end;
}
.gti-impact__head h2 { max-width: 760px; }
.gti-impact__head > p {
  margin: 0 0 6px;
  color: rgba(243,238,228,.7);
  font: 400 16px/1.7 Inter, Arial, sans-serif;
}
.gti-impact__grid {
  margin-top: 70px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-block: 1px solid var(--gti-rule);
}
.gti-stat { min-height: 216px; padding: 34px 28px 32px; border-right: 1px solid var(--gti-rule); }
.gti-stat:last-child { border-right: 0; }
.gti-stat__value {
  display: block;
  color: var(--gti-gold-light);
  font: 700 clamp(52px, 5vw, 74px)/.95 "Playfair Display", Georgia, serif;
  letter-spacing: -.045em;
}
.gti-stat h3 { margin: 18px 0 8px; color: var(--gti-paper); font: 700 15px/1.25 Inter, Arial, sans-serif; }
.gti-stat p { margin: 0; color: rgba(243,238,228,.58); font: 400 12px/1.55 Inter, Arial, sans-serif; }
.gti-impact__links { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 16px 30px; }
.gti-impact__links a,
.gti-human__all {
  color: var(--gti-paper);
  font: 700 12px/1.4 Inter, Arial, sans-serif;
  text-decoration-color: var(--gti-gold);
  text-underline-offset: 6px;
}
.gti-impact__links a::after,
.gti-human__all::after { content: "\00a0→"; color: var(--gti-gold-light); }

/* Curated witness: a concise editorial prelude to the full testimonial wall. */
.gti-human { color: #171310; background: var(--gti-paper); }
.gti-human__inner { padding: clamp(100px, 11vw, 156px) 0; }
.gti-human .gti-kicker { color: #795f1e; }
.gti-human__head {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(300px, .7fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 62px;
}
.gti-human__head h2 { max-width: 730px; }
.gti-human__head > p { margin: 0 0 4px; color: #635e57; font: 400 16px/1.7 Inter, Arial, sans-serif; }
.gti-human__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(72,58,34,.2); border: 1px solid rgba(72,58,34,.2); }
.gti-story { min-width: 0; padding: 0 32px 38px; background: #f8f3e9; }
.gti-story figure { margin: 0 -32px 32px; aspect-ratio: 4 / 3; overflow: hidden; background: #111a29; }
.gti-story img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; filter: saturate(.82) contrast(1.03); }
.gti-story__theme { color: #795f1e; font: 700 10px/1 Inter, Arial, sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.gti-story blockquote { min-height: 180px; margin: 20px 0 30px; color: #252019; font: 400 clamp(20px, 1.7vw, 25px)/1.45 "Playfair Display", Georgia, serif; }
.gti-story__credit { padding-top: 20px; border-top: 1px solid rgba(72,58,34,.2); }
.gti-story cite {
  display: block;
  color: #171310;
  font: 700 clamp(16px, 1.15vw, 18px)/1.25 Inter, Arial, sans-serif;
  font-style: normal;
  letter-spacing: -.01em;
}
.gti-story small { display: block; margin-top: 6px; color: #6d675e; font: 400 11px/1.5 Inter, Arial, sans-serif; }
.gti-human__all { display: inline-block; margin-top: 34px; color: #171310; }
.gti-human__all::after { color: #795f1e; }

/* Five distinct audience doors before the existing universal invitation. */
.gti-pathways {
  color: var(--gti-paper);
  background:
    radial-gradient(circle at 8% 88%, rgba(135,35,45,.2), transparent 31%),
    linear-gradient(118deg, #090b10, #101218 58%, #0b1526);
  border-block: 1px solid var(--gti-rule);
}
.gti-pathways__inner { padding: clamp(100px, 11vw, 160px) 0; }
.gti-pathways__head { max-width: 780px; margin-bottom: 60px; }
.gti-pathways__head > p:last-child { max-width: 600px; margin: 26px 0 0; color: rgba(243,238,228,.66); font: 400 16px/1.7 Inter, Arial, sans-serif; }
.gti-pathways__list { display: grid; border-top: 1px solid var(--gti-rule); }
.gti-path {
  min-height: 116px;
  padding: 24px 4px;
  display: grid;
  grid-template-columns: 70px minmax(220px, .7fr) minmax(240px, 1fr) 40px;
  gap: 28px;
  align-items: center;
  color: var(--gti-paper);
  border-bottom: 1px solid var(--gti-rule);
  text-decoration: none;
}
.gti-path__number { color: var(--gti-gold-light); font: 700 11px/1 Inter, Arial, sans-serif; letter-spacing: .16em; }
.gti-path strong { font: 700 clamp(25px, 2.6vw, 38px)/1.05 "Playfair Display", Georgia, serif; }
.gti-path small { color: rgba(243,238,228,.6); font: 400 13px/1.5 Inter, Arial, sans-serif; }
.gti-path__arrow { color: var(--gti-gold-light); font: 400 28px/1 Inter, Arial, sans-serif; transition: transform .25s ease; }
.gti-path:hover .gti-path__arrow,
.gti-path:focus-visible .gti-path__arrow { transform: translateX(7px); }

[data-gti-reveal] { opacity: 0; transition: opacity .7s ease; }
[data-gti-reveal].gti-visible { opacity: 1; }

@media (max-width: 980px) {
  .gti-impact__head,
  .gti-human__head { grid-template-columns: 1fr; gap: 28px; }
  .gti-impact__grid { grid-template-columns: repeat(2, 1fr); }
  .gti-stat:nth-child(2) { border-right: 0; }
  .gti-stat:nth-child(-n+2) { border-bottom: 1px solid var(--gti-rule); }
  .gti-human__grid { grid-template-columns: 1fr; }
  .gti-story { display: grid; grid-template-columns: minmax(240px, .7fr) 1fr; gap: 0 32px; }
  .gti-story figure { grid-row: 1 / 4; margin: 0; aspect-ratio: auto; min-height: 380px; }
  .gti-story__theme { margin-top: 32px; }
  .gti-story blockquote { min-height: 0; }
  .gti-story__credit { margin-bottom: 34px; }
}

@media (max-width: 809px) {
  .gti-shell { width: min(calc(100% - 40px), 1200px); }
  .gti-section h2 { font-size: clamp(40px, 12vw, 58px); }
  .gti-impact__grid { margin-top: 46px; }
  .gti-stat { min-height: 185px; padding: 26px 18px; }
  .gti-stat__value { font-size: clamp(45px, 14vw, 62px); }
  .gti-human__head { margin-bottom: 42px; }
  .gti-story { display: block; padding: 0 24px 30px; }
  .gti-story figure { min-height: 0; margin: 0 -24px 26px; aspect-ratio: 4 / 3; }
  .gti-story__theme { margin-top: 0; }
  .gti-story blockquote { margin: 17px 0 24px; font-size: 21px; }
  .gti-story__credit { margin-bottom: 0; }
  .gti-pathways__head { margin-bottom: 42px; }
  .gti-path { min-height: 116px; padding: 24px 0; grid-template-columns: 40px minmax(0, 1fr) 28px; gap: 14px; }
  .gti-path strong { font-size: 27px; }
  .gti-path small { grid-column: 2 / 4; grid-row: 2; margin-top: -7px; }
  .gti-path__arrow { grid-column: 3; grid-row: 1; font-size: 23px; }
}

@media (max-width: 430px) {
  .gti-impact__grid { grid-template-columns: 1fr; }
  .gti-stat { min-height: 0; border-right: 0; border-bottom: 1px solid var(--gti-rule); }
  .gti-stat:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  [data-gti-reveal] { opacity: 1 !important; transition: none !important; }
  .gti-path__arrow { transition: none !important; }
  .gti-path:hover .gti-path__arrow,
  .gti-path:focus-visible .gti-path__arrow { transform: none; }
}
