/* 2026 visual refinement: clean white, readable type, Adinkra and restrained kente. */
html { font-size: 16px; }
:root {
  --ink: #142720;
  --forest: #0b4938;
  --deep: #082c24;
  --cream: #fff;
  --gold: #efbc49;
  --rust: #9c2b3c;
  --line: rgba(11, 73, 56, .2);
}
body.r2gh-cinematic-home {
  background: #fff;
  color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-size: 18px;
}
.r2gh-section-meta, .r2gh-eyebrow, .r2gh-overline { font-size: .84rem; letter-spacing: .13em; line-height: 1.55; }
.r2gh-section-meta { opacity: 1; }
.r2gh-button { font-size: .86rem; min-height: 4.15rem; letter-spacing: .1em; }
.r2gh-text-link { font-size: .9rem; letter-spacing: .1em; }
.r2gh-nav a { font-size: .82rem; }
@media (min-width: 768px) { .r2gh-header { top: 30px; } }
.r2gh-brand-logo { display: block; width: clamp(155px, 14vw, 188px); height: auto; }
.r2gh-footer-brand { background: transparent; padding: 0; }
.r2gh-footer-brand img { width: clamp(190px, 19vw, 250px); height: auto; }
.r2gh-header-cta { font-size: .76rem; }
.r2gh-brand small { font-size: .67rem; }
.r2gh-button-gold, .r2gh-header-cta, .r2gh-readiness-pill { background: var(--gold); color: var(--deep); }
.r2gh-hero-poster { filter: brightness(.72) saturate(1.15); }
.r2gh-hero-midground {
  background: linear-gradient(90deg, rgba(3, 26, 19, .83), rgba(3, 26, 19, .42) 48%, rgba(3, 26, 19, .07)),
              linear-gradient(0deg, rgba(3, 26, 19, .6), transparent 35%);
}
.r2gh-hero-copy { max-width: 34rem; font-size: clamp(1.15rem, 1.5vw, 1.5rem); line-height: 1.55; }
.r2gh-scroll-cue { font-size: .78rem; }

/* The Sankofa bird is a quiet printed watermark, not a foreground ornament. */
.r2gh-credibility, .r2gh-proof, .r2gh-obstacles, .r2gh-media, .r2gh-testimonials { background: #fff; }
.r2gh-credibility, .r2gh-obstacles, .r2gh-media, .r2gh-testimonials,
.r2gh-readiness-card, .r2gh-proof-copy { position: relative; }
.r2gh-credibility::before, .r2gh-obstacles::before, .r2gh-media::before,
.r2gh-testimonials::before, .r2gh-readiness-card::after, .r2gh-proof-copy::after {
  content: "";
  position: absolute;
  width: clamp(190px, 30vw, 480px);
  aspect-ratio: 1513 / 2048;
  top: 7%;
  right: 3%;
  background: var(--forest);
  -webkit-mask: url("../img/sankofa-bird.svg") center / contain no-repeat;
  mask: url("../img/sankofa-bird.svg") center / contain no-repeat;
  opacity: .055;
  pointer-events: none;
  z-index: 0;
}
.r2gh-obstacles::before, .r2gh-testimonials::before { right: auto; left: 2%; top: 3%; }
.r2gh-readiness-card::after { width: min(28vw, 360px); right: 3%; top: auto; bottom: 4%; }
.r2gh-proof-copy::after { width: min(20vw, 300px); top: auto; bottom: 6%; right: 4%; }
.r2gh-cred-inner, .r2gh-obstacles-head, .r2gh-obstacles-window, .r2gh-obstacles-end,
.r2gh-media > *, .r2gh-testimonials > *, .r2gh-readiness-card > *, .r2gh-proof-copy > * {
  position: relative;
  z-index: 1;
}

/* Trust section: substantial type and legible marks instead of tiny columns. */
.r2gh-credibility { min-height: 100svh; }
.r2gh-cred-inner {
  position: relative;
  top: auto;
  min-height: 100svh;
  padding-block: clamp(8rem, 10vw, 10rem) clamp(5rem, 7vw, 7rem);
  justify-content: center;
}
.r2gh-credibility .r2gh-section-meta { margin-bottom: clamp(1.5rem, 3vw, 3rem); }
.r2gh-credibility .r2gh-display {
  max-width: 14ch;
  font-size: clamp(3.9rem, 6.1vw, 7.2rem);
  line-height: .93;
  margin-bottom: clamp(2rem, 4vw, 4rem);
}
.r2gh-credentials { width: 100%; max-width: 90rem; gap: 1.5rem; }
.r2gh-credential {
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(11, 73, 56, .18);
  border-top: 5px solid var(--forest);
  padding: clamp(1.5rem, 2.8vw, 2.75rem);
  grid-template-columns: minmax(170px, .85fr) minmax(0, 1fr);
  gap: 1.25rem 2rem;
  box-shadow: 0 16px 50px rgba(8, 44, 36, .06);
}
.r2gh-credential:nth-child(2) { border-top-color: var(--rust); }
.r2gh-credential .r2gh-overline { margin: 0; color: var(--rust); }
.r2gh-credential-image { width: min(100%, 235px); max-height: 6.25rem; mix-blend-mode: normal; }
.r2gh-credential p { font-size: 1.125rem; line-height: 1.55; max-width: 26rem; margin: 0; }
.r2gh-cred-note { max-width: 55rem; margin-top: 2rem; font-size: 1.08rem; line-height: 1.5; opacity: 1; }

.r2gh-readiness { background: linear-gradient(135deg, #0b6348, #092e27); }
.r2gh-readiness-card { background: #fff; overflow: hidden; }
.r2gh-readiness-card::before, .r2gh-obstacle-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(90deg, #a52935 0 31%, #efbc49 31% 61%, #087554 61% 100%);
  z-index: 2;
}
.r2gh-readiness-prelude { font-size: .92rem; color: var(--rust); }
.r2gh-readiness-card .r2gh-small { font-size: 1rem; }
.r2gh-readiness-form { background: #fff; }
.r2gh-readiness-form summary { font-size: .9rem; }
.r2gh-path { background: var(--forest); }
.r2gh-path-kicker, .r2gh-path-visual span { font-size: .85rem; }
.r2gh-path-text p { font-size: clamp(1.12rem, 1.5vw, 1.42rem); line-height: 1.55; }
.r2gh-proof-copy { background: #fff; overflow: hidden; }
.r2gh-proof-copy p { font-size: 1.25rem; line-height: 1.6; }
.r2gh-obstacles-head > p { font-size: 1.4rem; }
.r2gh-obstacles-head > .r2gh-imagery-note { font-size: .95rem; opacity: .7; margin-top: .85rem; }
.r2gh-obstacle-panel { position: relative; background: #0b4938; }
.r2gh-obstacle-panel:nth-child(3n + 2) { background: #792b39; }
.r2gh-obstacle-panel:nth-child(3n) { background: #114d47; }
.r2gh-obstacle-panel::before { height: 5px; }
.r2gh-obstacle-content > p { font-size: 1.16rem; line-height: 1.5; }
.r2gh-obstacle-content li a { font-size: 1rem; line-height: 1.4; padding: .75rem 0; }
.r2gh-media-grid > a, .r2gh-media-grid strong { font-size: .96rem; }
.r2gh-media-poster { background: linear-gradient(135deg, #0e7052, #07372d); color: var(--gold); }
.r2gh-media-poster-alt { background: linear-gradient(135deg, #c46141, #78263a); }
.r2gh-testimonials .r2gh-section-meta { margin-bottom: clamp(3rem, 6vw, 6rem); }
.r2gh-testimonial-quote { color: var(--ink); }
.r2gh-testimonial-credit { font-size: 1.08rem; }
.r2gh-testimonial-credit span { font-size: .95rem; }
.r2gh-footer nav a, .r2gh-footer > small { font-size: .86rem; }
.r2gh-door-overline, .r2gh-door-message p { font-size: .9rem; }
.r2gh-door { background: #fff; }
.r2gh-door-gateway { opacity: .08; }
.r2gh-door-message p { color: var(--rust); }
.r2gh-door-message h3 { color: var(--deep); }
.r2gh-door-overline { color: var(--rust); }
.r2gh-door h2 { width: min(75vw, 980px); font-size: 0; line-height: 0; letter-spacing: normal; margin: 0; }
.r2gh-door h2 img { display: block; width: 100%; height: auto; }
.r2gh-final > p { line-height: 1.5; }

@media (max-width: 1100px) {
  .r2gh-credentials { grid-template-columns: 1fr; }
  .r2gh-credential { grid-template-columns: minmax(170px, 240px) minmax(0, 1fr); }
  .r2gh-cred-inner { min-height: auto; }
}
@media (max-width: 767px) {
  .r2gh-brand-logo { width: 138px; }
  body.r2gh-cinematic-home { font-size: 17px; }
  .r2gh-section-meta, .r2gh-eyebrow, .r2gh-overline { font-size: .8rem; }
  .r2gh-hero .r2gh-eyebrow { font-size: .78rem; }
  .r2gh-hero-copy { font-size: 1.08rem; }
  .r2gh-hero-actions .r2gh-button { width: 100%; font-size: .84rem; }
  .r2gh-credibility { min-height: auto; }
  .r2gh-cred-inner { min-height: auto; padding: 7rem 1.25rem 5rem; }
  .r2gh-credibility .r2gh-display { font-size: clamp(3rem, 10vw, 4.7rem); line-height: .96; }
  .r2gh-credential { grid-template-columns: 1fr; gap: 1rem; padding: 1.5rem; }
  .r2gh-credential-image { width: min(100%, 220px); max-height: 5.5rem; }
  .r2gh-credential p { font-size: 1.05rem; }
  .r2gh-cred-note { font-size: 1rem; }
  .r2gh-readiness-form summary { font-size: .82rem; }
  .r2gh-path-text p { font-size: 1.1rem; }
  .r2gh-obstacle-content > p { font-size: 1.08rem; }
  .r2gh-obstacle-content li a { font-size: .98rem; }
  .r2gh-door { min-height: 740px; }
  .r2gh-door-gateway { display: none; }
  .r2gh-door-inner { justify-content: flex-start; padding-top: 9rem; }
  .r2gh-door h2 { width: min(82vw, 350px); }
  .r2gh-door-message p { color: var(--rust); }
  .r2gh-door-message h3 { color: var(--deep); }
  .r2gh-credibility::before, .r2gh-obstacles::before,
  .r2gh-media::before, .r2gh-testimonials::before { width: 55vw; opacity: .035; }
}