:root {
      --navy-950: #061525;
      --navy-900: #071a2f;
      --navy-800: #0e2a48;
      --blue-600: #1f5f91;
      --gold-500: #c7a24d;
      --gold-300: #e2ca8a;
      --cream-100: #f8f5ee;
      --cream-50: #fdfbf7;
      --white: #ffffff;
      --ink: #132235;
      --muted: #5f6b77;
      --line: rgba(13, 42, 72, .14);
      --shadow: 0 24px 70px rgba(6, 21, 37, .14);
      --radius-lg: 28px;
      --radius-md: 18px;
      --container: 1200px;
      --serif: "Source Serif 4", Georgia, serif;
      --sans: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--cream-50);
      font-family: var(--sans);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    img { max-width: 100%; display: block; }
    a { color: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    ::selection { background: var(--gold-300); color: var(--navy-950); }

    .skip-link {
      position: fixed;
      z-index: 999;
      top: 10px;
      left: 10px;
      transform: translateY(-160%);
      background: var(--white);
      color: var(--navy-950);
      padding: 10px 14px;
      border-radius: 8px;
      box-shadow: var(--shadow);
    }
    .skip-link:focus { transform: translateY(0); }

    .container {
      width: min(calc(100% - 40px), var(--container));
      margin-inline: auto;
    }

    .site-header {
      position: fixed;
      z-index: 100;
      inset: 0 0 auto;
      height: 78px;
      display: flex;
      align-items: center;
      color: var(--white);
      transition: background .25s ease, box-shadow .25s ease, color .25s ease;
    }
    .site-header.scrolled {
      color: var(--navy-950);
      background: rgba(253, 251, 247, .94);
      backdrop-filter: blur(18px);
      box-shadow: 0 1px 0 var(--line);
    }
    .header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 13px;
      text-decoration: none;
      min-width: max-content;
    }
    .brand-mark {
      width: 38px;
      height: 38px;
      border: 1px solid rgba(255, 255, 255, .46);
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-family: var(--serif);
      font-size: 17px;
      letter-spacing: -.04em;
      transition: border-color .25s ease;
    }
    .scrolled .brand-mark { border-color: rgba(7, 26, 47, .22); }
    .brand-copy { display: grid; line-height: 1.05; }
    .brand-name { font-family: var(--serif); font-weight: 600; font-size: 19px; letter-spacing: .02em; }
    .brand-tag { margin-top: 5px; font-size: 9px; font-weight: 700; letter-spacing: .19em; text-transform: uppercase; opacity: .72; }

    .nav-wrap { display: flex; align-items: center; gap: 28px; }
    .primary-nav { display: flex; align-items: center; gap: 25px; }
    .primary-nav a {
      position: relative;
      text-decoration: none;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: .015em;
    }
    .primary-nav a:not(.nav-cta)::after {
      content: "";
      position: absolute;
      left: 0;
      right: 100%;
      bottom: -7px;
      height: 1px;
      background: var(--gold-500);
      transition: right .2s ease;
    }
    .primary-nav a:hover::after,
    .primary-nav a:focus-visible::after { right: 0; }
    .nav-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 0 17px;
      border: 1px solid rgba(255,255,255,.48);
      border-radius: 999px;
      transition: background .2s ease, color .2s ease, border-color .2s ease;
    }
    .nav-cta:hover { background: var(--white); color: var(--navy-950); }
    .scrolled .nav-cta { border-color: rgba(7,26,47,.22); }
    .scrolled .nav-cta:hover { background: var(--navy-950); color: var(--white); }

    .menu-toggle {
      display: none;
      width: 44px;
      height: 44px;
      border: 1px solid currentColor;
      border-radius: 50%;
      background: transparent;
      color: inherit;
      cursor: pointer;
    }
    .menu-toggle span,
    .menu-toggle::before,
    .menu-toggle::after {
      content: "";
      width: 18px;
      height: 1px;
      margin: 4px auto;
      display: block;
      background: currentColor;
      transition: transform .2s ease, opacity .2s ease;
    }
    .menu-toggle[aria-expanded="true"] span { opacity: 0; }
    .menu-toggle[aria-expanded="true"]::before { transform: translateY(5px) rotate(45deg); }
    .menu-toggle[aria-expanded="true"]::after { transform: translateY(-5px) rotate(-45deg); }

    .hero {
      position: relative;
      overflow: hidden;
      min-height: 850px;
      display: flex;
      align-items: center;
      color: var(--white);
      background:
        radial-gradient(circle at 74% 25%, rgba(199, 162, 77, .22), transparent 26%),
        linear-gradient(118deg, var(--navy-950) 0%, #08223b 52%, #0c3a5d 100%);
    }
    .hero::before {
      content: "";
      position: absolute;
      width: 760px;
      height: 760px;
      right: -280px;
      top: -270px;
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 50%;
      box-shadow: 0 0 0 90px rgba(255,255,255,.025), 0 0 0 180px rgba(255,255,255,.018);
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 180px;
      background: linear-gradient(to bottom, transparent, rgba(6, 21, 37, .26));
      pointer-events: none;
    }
    .hero-grid {
      position: relative;
      z-index: 2;
      padding-top: 128px;
      padding-bottom: 84px;
      display: grid;
      grid-template-columns: minmax(0, 1.04fr) minmax(390px, .76fr);
      gap: 84px;
      align-items: center;
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 20px;
      color: var(--gold-300);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .21em;
      text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 30px; height: 1px; background: currentColor; }
    .hero h1 {
      max-width: 780px;
      margin: 0;
      font-family: var(--serif);
      font-size: clamp(58px, 6.3vw, 94px);
      font-weight: 500;
      line-height: .99;
      letter-spacing: -.048em;
    }
    .hero h1 em { color: var(--gold-300); font-style: normal; }
    .hero-lede {
      max-width: 680px;
      margin: 30px 0 0;
      color: rgba(255,255,255,.78);
      font-size: 18px;
      line-height: 1.75;
    }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 36px; }
    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 52px;
      padding: 0 22px;
      border-radius: 999px;
      text-decoration: none;
      font-size: 13px;
      font-weight: 700;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
    }
    .button:hover { transform: translateY(-2px); }
    .button-primary { background: var(--gold-500); color: var(--navy-950); box-shadow: 0 12px 34px rgba(0,0,0,.18); }
    .button-primary:hover { background: #d8b965; }
    .button-secondary { color: var(--white); border: 1px solid rgba(255,255,255,.35); }
    .button-secondary:hover { background: rgba(255,255,255,.10); }
    .button-dark { background: var(--navy-950); color: var(--white); }
    .button-dark:hover { box-shadow: 0 12px 34px rgba(6,21,37,.2); }
    .button-light { border: 1px solid var(--line); color: var(--navy-950); background: var(--white); }
    .button-light:hover { box-shadow: 0 12px 34px rgba(6,21,37,.1); }
    .arrow { width: 15px; height: 15px; transition: transform .2s ease; }
    .button:hover .arrow, .text-link:hover .arrow { transform: translateX(3px); }
    .hero-note {
      margin-top: 24px;
      color: rgba(255,255,255,.52);
      font-size: 11px;
      letter-spacing: .02em;
    }

    .portrait-stage { position: relative; min-height: 610px; }
    .portrait-card {
      position: absolute;
      inset: 0 0 0 auto;
      width: min(100%, 455px);
      overflow: hidden;
      border-radius: 230px 230px 30px 30px;
      box-shadow: 0 34px 90px rgba(0,0,0,.35);
      background: #0d3353;
    }
    .portrait-card img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; filter: saturate(.90) contrast(1.03); }
    .portrait-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(6,21,37,.70) 0%, transparent 42%);
    }
    .portrait-caption {
      position: absolute;
      z-index: 2;
      left: 28px;
      right: 28px;
      bottom: 24px;
      padding-top: 18px;
      border-top: 1px solid rgba(255,255,255,.30);
      font-size: 11px;
      letter-spacing: .09em;
      text-transform: uppercase;
      color: rgba(255,255,255,.72);
    }
    .network-orbit {
      position: absolute;
      width: 174px;
      height: 174px;
      left: -44px;
      top: 66px;
      border: 1px solid rgba(226,202,138,.55);
      border-radius: 50%;
      animation: spin 28s linear infinite;
    }
    .network-orbit::before,
    .network-orbit::after {
      content: "";
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: var(--gold-300);
      box-shadow: 0 0 0 8px rgba(226,202,138,.10);
    }
    .network-orbit::before { top: 16px; right: 18px; }
    .network-orbit::after { left: 6px; bottom: 50px; }
    .portrait-quote {
      position: absolute;
      z-index: 3;
      left: -70px;
      bottom: 48px;
      width: 245px;
      padding: 22px 24px;
      background: rgba(253,251,247,.97);
      color: var(--navy-950);
      border-radius: var(--radius-md);
      box-shadow: var(--shadow);
    }
    .portrait-quote strong { display: block; font-family: var(--serif); font-size: 23px; line-height: 1.2; font-weight: 600; }
    .portrait-quote span { display: block; margin-top: 9px; color: var(--muted); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
    @keyframes spin { to { transform: rotate(360deg); } }

    .trust-strip {
      position: relative;
      z-index: 4;
      margin-top: -1px;
      background: var(--navy-950);
      color: var(--white);
      border-top: 1px solid rgba(255,255,255,.09);
    }
    .trust-strip-grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); align-items: stretch; }
    .trust-intro, .trust-item { min-height: 130px; padding: 28px 30px; display: flex; flex-direction: column; justify-content: center; }
    .trust-intro { padding-left: 0; }
    .trust-intro strong { font-family: var(--serif); font-size: 24px; font-weight: 500; line-height: 1.2; }
    .trust-intro span { margin-top: 5px; color: rgba(255,255,255,.55); font-size: 12px; }
    .trust-item { border-left: 1px solid rgba(255,255,255,.11); }
    .trust-item strong { font-size: 13px; letter-spacing: .02em; }
    .trust-item span { margin-top: 7px; color: rgba(255,255,255,.57); font-size: 12px; line-height: 1.5; }

    section { position: relative; }
    .section-pad { padding: 118px 0; }
    .section-heading { max-width: 780px; }
    .section-heading.center { margin-inline: auto; text-align: center; }
    .section-heading.center .eyebrow { justify-content: center; }
    .section-heading.center .eyebrow::after { content: ""; width: 30px; height: 1px; background: currentColor; }
    .section-heading h2 {
      margin: 0;
      color: var(--navy-950);
      font-family: var(--serif);
      font-size: clamp(44px, 5vw, 68px);
      font-weight: 500;
      line-height: 1.04;
      letter-spacing: -.04em;
    }
    .section-heading p { margin: 22px 0 0; color: var(--muted); font-size: 17px; line-height: 1.75; }

    .pillars { background: var(--cream-50); }
    .pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 54px; }
    .pillar {
      min-height: 330px;
      padding: 34px;
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.72);
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    }
    .pillar:hover { transform: translateY(-7px); box-shadow: var(--shadow); background: var(--white); }
    .pillar-icon {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: var(--cream-100);
      color: var(--blue-600);
    }
    .pillar-icon svg { width: 25px; height: 25px; }
    .pillar-number { margin-top: 44px; color: var(--gold-500); font-size: 10px; letter-spacing: .19em; font-weight: 700; }
    .pillar h3 { margin: 9px 0 0; font-family: var(--serif); color: var(--navy-950); font-size: 30px; line-height: 1.16; font-weight: 600; }
    .pillar p { margin: 15px 0 0; color: var(--muted); font-size: 14px; line-height: 1.75; }

    .gmn-section {
      overflow: hidden;
      color: var(--white);
      background:
        radial-gradient(circle at 90% 10%, rgba(199,162,77,.16), transparent 30%),
        linear-gradient(135deg, #07182b, #0a2843 60%, #0b3554);
    }
    .gmn-section::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .25;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
        radial-gradient(circle at 80% 60%, rgba(255,255,255,.5) 0 1px, transparent 1.5px);
      background-size: 88px 88px, 136px 136px;
      pointer-events: none;
    }
    .gmn-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 72px;
      align-items: center;
    }
    .gmn-visual { position: relative; }
    .gmn-image {
      position: relative;
      overflow: hidden;
      aspect-ratio: 1.18 / 1;
      border-radius: var(--radius-lg);
      box-shadow: 0 30px 80px rgba(0,0,0,.30);
      border: 1px solid rgba(255,255,255,.13);
    }
    .gmn-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
    .gmn-image::after { content: ""; position: absolute; }
    .gmn-badge {
      position: absolute;
      right: -28px;
      bottom: -34px;
      width: 210px;
      min-height: 164px;
      padding: 24px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      color: var(--navy-950);
      background: var(--gold-300);
      border-radius: 28px;
      box-shadow: var(--shadow);
    }
    .gmn-badge strong { font-family: var(--serif); font-size: 28px; line-height: 1.05; }
    .gmn-badge span { margin-top: 10px; font-size: 11px; line-height: 1.5; font-weight: 600; text-transform: uppercase; letter-spacing: .11em; }
    .gmn-copy .eyebrow { color: var(--gold-300); }
    .gmn-copy h2 { margin: 0; max-width: 620px; font-family: var(--serif); font-size: clamp(48px, 5vw, 72px); font-weight: 500; line-height: 1.02; letter-spacing: -.04em; }
    .gmn-copy > p { margin: 25px 0 0; color: rgba(255,255,255,.70); font-size: 17px; line-height: 1.78; }
    .gmn-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 34px; }
    .gmn-stat { padding: 19px 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.035); }
    .gmn-stat strong { display: block; color: var(--gold-300); font-family: var(--serif); font-size: 31px; line-height: 1; }
    .gmn-stat span { display: block; margin-top: 8px; color: rgba(255,255,255,.58); font-size: 10px; line-height: 1.45; text-transform: uppercase; letter-spacing: .10em; }
    .gmn-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
    .gmn-status { margin-top: 25px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.65; }
    .gmn-status a { color: var(--gold-300); text-underline-offset: 4px; }

    .opportunity { background: var(--cream-100); }
    .opportunity-grid { display: grid; grid-template-columns: 1fr .92fr; gap: 82px; align-items: center; }
    .opportunity-card {
      position: relative;
      overflow: hidden;
      min-height: 565px;
      border-radius: 34px;
      background: var(--navy-900);
      box-shadow: var(--shadow);
    }
    .opportunity-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; filter: saturate(.85) contrast(1.03); }
    .opportunity-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(6,21,37,.92) 0%, rgba(6,21,37,.16) 70%);
    }
    .opportunity-caption {
      position: absolute;
      z-index: 2;
      left: 32px;
      right: 32px;
      bottom: 30px;
      color: var(--white);
    }
    .opportunity-caption span { display: block; color: var(--gold-300); font-size: 10px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
    .opportunity-caption strong { display: block; margin-top: 8px; max-width: 500px; font-family: var(--serif); font-size: 31px; line-height: 1.12; font-weight: 500; }
    .opportunity-copy h2 { margin: 0; font-family: var(--serif); color: var(--navy-950); font-size: clamp(46px, 5vw, 68px); line-height: 1.04; letter-spacing: -.04em; font-weight: 500; }
    .opportunity-copy > p { margin: 24px 0 0; color: var(--muted); font-size: 17px; line-height: 1.78; }
    .opportunity-list { margin: 31px 0 0; padding: 0; list-style: none; }
    .opportunity-list li { display: grid; grid-template-columns: 34px 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid var(--line); }
    .opportunity-list li:last-child { border-bottom: 1px solid var(--line); }
    .opportunity-list b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--white); color: var(--gold-500); font-size: 11px; box-shadow: 0 5px 15px rgba(6,21,37,.06); }
    .opportunity-list strong { display: block; color: var(--navy-950); font-size: 14px; }
    .opportunity-list span { display: block; margin-top: 2px; color: var(--muted); font-size: 13px; }
    .opportunity-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }

    .playbook { background: var(--white); }
    .playbook-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 52px; }
    .lesson {
      position: relative;
      min-height: 360px;
      padding: 29px;
      overflow: hidden;
      border-radius: 24px;
      border: 1px solid var(--line);
      background: var(--cream-50);
    }
    .lesson::before {
      content: attr(data-number);
      position: absolute;
      right: -8px;
      top: -28px;
      color: rgba(14,42,72,.045);
      font-family: var(--serif);
      font-size: 134px;
      line-height: 1;
      font-weight: 600;
    }
    .lesson-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; color: var(--blue-600); background: var(--white); box-shadow: 0 8px 22px rgba(6,21,37,.06); }
    .lesson-icon svg { width: 20px; height: 20px; }
    .lesson h3 { position: relative; margin: 78px 0 0; font-family: var(--serif); color: var(--navy-950); font-size: 28px; line-height: 1.15; }
    .lesson p { position: relative; margin: 14px 0 0; color: var(--muted); font-size: 13px; line-height: 1.75; }

    .archive { background: var(--cream-50); }
    .archive-head { display: flex; justify-content: space-between; gap: 28px; align-items: end; }
    .text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--navy-950); text-decoration: none; font-size: 13px; font-weight: 700; border-bottom: 1px solid rgba(7,26,47,.23); padding-bottom: 5px; }
    .article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 48px; }
    .article-card {
      overflow: hidden;
      border-radius: var(--radius-lg);
      border: 1px solid var(--line);
      background: var(--white);
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .article-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
    .article-art {
      position: relative;
      height: 230px;
      overflow: hidden;
      background: var(--navy-900);
    }
    .article-art::before,
    .article-art::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.20); }
    .article-art::before { width: 280px; height: 280px; right: -110px; top: -80px; box-shadow: 0 0 0 48px rgba(255,255,255,.025); }
    .article-art::after { width: 12px; height: 12px; left: 42px; bottom: 44px; background: var(--gold-300); border: none; box-shadow: 72px -42px 0 2px rgba(226,202,138,.45), 144px 14px 0 0 rgba(226,202,138,.65); }
    .article-art svg { position: absolute; left: 30px; top: 30px; width: 42px; height: 42px; color: rgba(255,255,255,.85); }
    .article-art small { position: absolute; left: 30px; bottom: 25px; color: rgba(255,255,255,.61); font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
    .article-card:nth-child(2) .article-art { background: linear-gradient(135deg, #173a56, #8a6b2e); }
    .article-card:nth-child(3) .article-art { background: linear-gradient(135deg, #0d3150, #315f74); }
    .article-content { padding: 28px 28px 30px; }
    .article-meta { color: var(--gold-500); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
    .article-content h3 { margin: 11px 0 0; color: var(--navy-950); font-family: var(--serif); font-size: 27px; line-height: 1.16; font-weight: 600; }
    .article-content p { margin: 14px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
    .article-content .text-link { margin-top: 22px; }

    .about { color: var(--white); background: var(--navy-950); }
    .about-grid { display: grid; grid-template-columns: .84fr 1.16fr; gap: 88px; align-items: center; }
    .about-monogram {
      position: relative;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.15);
      color: var(--gold-300);
      font-family: var(--serif);
      font-size: clamp(110px, 14vw, 190px);
      line-height: 1;
      letter-spacing: -.08em;
    }
    .about-monogram::before,
    .about-monogram::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.07); }
    .about-monogram::before { inset: 12%; }
    .about-monogram::after { inset: 24%; }
    .about-copy .eyebrow { color: var(--gold-300); }
    .about-copy h2 { margin: 0; font-family: var(--serif); font-size: clamp(44px, 5vw, 66px); line-height: 1.04; font-weight: 500; letter-spacing: -.04em; }
    .about-copy > p { margin: 25px 0 0; color: rgba(255,255,255,.68); font-size: 17px; line-height: 1.8; }
    .about-links { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
    .about-resources { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 34px; }
    .about-resource { padding: 17px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; color: rgba(255,255,255,.68); text-decoration: none; font-size: 11px; line-height: 1.5; transition: background .2s ease, border-color .2s ease; }
    .about-resource:hover { background: rgba(255,255,255,.06); border-color: rgba(226,202,138,.35); }
    .about-resource strong { display: block; color: var(--white); font-size: 12px; margin-bottom: 4px; }

    .site-footer { color: rgba(255,255,255,.58); background: #04111f; }
    .footer-inner { padding: 42px 0; display: grid; grid-template-columns: 1.2fr .8fr; gap: 50px; align-items: end; }
    .footer-copy { max-width: 720px; font-size: 12px; line-height: 1.75; }
    .footer-copy strong { color: rgba(255,255,255,.85); }
    .footer-meta { text-align: right; font-size: 11px; line-height: 1.8; }
    .footer-meta a { color: rgba(255,255,255,.75); text-underline-offset: 3px; }

    [data-reveal] { opacity: 1; transform: none; transition: opacity .7s ease, transform .7s ease; }
    html.reveal-enabled [data-reveal] { opacity: 0; transform: translateY(24px); }
    html.reveal-enabled [data-reveal].visible { opacity: 1; transform: none; }

    :focus-visible { outline: 3px solid var(--gold-300); outline-offset: 4px; }

    @media (max-width: 1040px) {
      .hero-grid { grid-template-columns: 1fr .72fr; gap: 42px; }
      .portrait-quote { left: -35px; }
      .gmn-grid, .opportunity-grid, .about-grid { gap: 50px; }
      .playbook-grid { grid-template-columns: repeat(2, 1fr); }
      .lesson { min-height: 310px; }
    }

    @media (max-width: 850px) {
      .site-header { height: 70px; }
      .menu-toggle { display: block; }
      .primary-nav {
        position: fixed;
        inset: 70px 14px auto;
        padding: 20px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 5px;
        color: var(--navy-950);
        background: var(--cream-50);
        border: 1px solid var(--line);
        border-radius: 18px;
        box-shadow: var(--shadow);
      }
      .primary-nav.open { display: flex; }
      .primary-nav a { padding: 12px 10px; }
      .primary-nav a::after { display: none; }
      .primary-nav .nav-cta { border-color: var(--line); }
      .hero { min-height: auto; }
      .hero-grid { grid-template-columns: 1fr; padding-top: 132px; gap: 58px; }
      .hero-copy { max-width: 760px; }
      .portrait-stage { min-height: 650px; max-width: 580px; width: 100%; margin-inline: auto; }
      .portrait-card { right: 30px; }
      .portrait-quote { left: 0; }
      .trust-strip-grid { grid-template-columns: 1fr 1fr; }
      .trust-intro { padding-left: 24px; grid-column: 1 / -1; border-bottom: 1px solid rgba(255,255,255,.11); }
      .trust-item:nth-child(3) { border-left: none; border-top: 1px solid rgba(255,255,255,.11); }
      .trust-item:nth-child(4) { border-top: 1px solid rgba(255,255,255,.11); }
      .pillar-grid, .article-grid { grid-template-columns: 1fr; }
      .pillar { min-height: 270px; }
      .gmn-grid, .opportunity-grid, .about-grid { grid-template-columns: 1fr; }
      .gmn-visual { max-width: 680px; }
      .gmn-copy { padding-top: 34px; }
      .opportunity-card { min-height: 520px; order: 2; }
      .about-monogram { width: min(520px, 100%); margin-inline: auto; }
      .footer-inner { grid-template-columns: 1fr; gap: 20px; }
      .footer-meta { text-align: left; }
    }

    @media (max-width: 600px) {
      .container { width: min(calc(100% - 28px), var(--container)); }
      .brand-tag { display: none; }
      .hero-grid { padding-top: 112px; padding-bottom: 68px; }
      .hero h1 { font-size: clamp(49px, 15vw, 70px); }
      .hero-lede { font-size: 16px; }
      .hero-actions .button { width: 100%; }
      .portrait-stage { min-height: 530px; }
      .portrait-card { right: 0; width: calc(100% - 20px); border-radius: 180px 180px 24px 24px; }
      .network-orbit { width: 128px; height: 128px; left: -18px; top: 42px; }
      .portrait-quote { width: 215px; left: 0; bottom: 28px; padding: 18px; }
      .portrait-quote strong { font-size: 20px; }
      .portrait-caption { display: none; }
      .trust-strip-grid { grid-template-columns: 1fr; }
      .trust-intro { grid-column: auto; }
      .trust-item { border-left: none; border-top: 1px solid rgba(255,255,255,.11); }
      .section-pad { padding: 86px 0; }
      .pillar { padding: 28px; }
      .gmn-grid { gap: 40px; }
      .gmn-badge { right: 10px; bottom: -46px; width: 184px; min-height: 142px; }
      .gmn-stats { grid-template-columns: 1fr; }
      .gmn-actions .button, .opportunity-actions .button, .about-links .button { width: 100%; }
      .opportunity-card { min-height: 420px; }
      .opportunity-caption { left: 23px; right: 23px; bottom: 22px; }
      .opportunity-caption strong { font-size: 25px; }
      .playbook-grid { grid-template-columns: 1fr; }
      .lesson { min-height: 290px; }
      .archive-head { align-items: start; flex-direction: column; }
      .article-art { height: 200px; }
      .about-resources { grid-template-columns: 1fr; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
      [data-reveal] { opacity: 1; transform: none; }
    }

/* WordPress template integration */
body.page-template-kjk-one-page-template { margin:0 !important; }
body.page-template-kjk-one-page-template #wpadminbar { z-index: 10000; }
body.admin-bar.page-template-kjk-one-page-template .site-header { top: 32px; }
@media screen and (max-width:782px){ body.admin-bar.page-template-kjk-one-page-template .site-header { top:46px; } }

    /* v3.0.1 anchor offset: keep fixed header from covering section headings */
    html { scroll-padding-top: 112px; }
    #mentorship,
    #opportunity,
    #service,
    #ideas { scroll-margin-top: 112px; }

    @media (max-width: 850px) {
      html { scroll-padding-top: 96px; }
      #mentorship,
      #opportunity,
      #service,
      #ideas { scroll-margin-top: 96px; }
    }

    /* v3 contextual links */
    .pillar-link {
      display: inline-block;
      margin-top: 18px;
      color: var(--blue-600);
      font-size: 12px;
      font-weight: 700;
      text-decoration: none;
      text-underline-offset: 4px;
    }
    .pillar-link:hover, .pillar-link:focus-visible { text-decoration: underline; }
    .about-context-link { margin-top: 14px !important; font-size: 14px !important; }
    .about-context-link a { color: var(--gold-300); text-underline-offset: 4px; }