:root {
      --ink:#071c2b; --deep:#0a2637; --deep-2:#103448; --paper:#f4f3ee;
      --white:#fff; --muted:#5c6870; --line:#d9ddd9; --aqua:#9ce9df;
      --aqua-strong:#79d8cb; --max:1240px;
    }
    *, *::before, *::after { box-sizing:border-box; }
    html { scroll-behavior:smooth; scroll-padding-top:88px; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
    body.menu-open { overflow:hidden; }
    a { color:inherit; text-decoration:none; }
    button, input, select, textarea { font:inherit; }
    button { cursor:pointer; }
    img { display:block; max-width:100%; }
    :focus-visible { outline:3px solid #31bdae; outline-offset:4px; }
    .wrap { width:min(calc(100% - 64px),var(--max)); margin-inline:auto; }
    .skip { position:absolute; z-index:100; top:-80px; left:16px; padding:12px 16px; background:white; }
    .skip:focus { top:12px; }
    .eyebrow { display:flex; gap:12px; align-items:center; margin:0; font-size:11px; line-height:1.35; font-weight:700; text-transform:uppercase; letter-spacing:.17em; }
    .eyebrow::before { content:""; width:28px; height:1px; flex:none; background:currentColor; opacity:.65; }
    .section-head { display:flex; gap:40px; justify-content:space-between; align-items:end; margin-bottom:48px; }
    .section-head h2, .narrative h2, .join h2, .contact h2 { font-size:clamp(36px,5vw,66px); line-height:1.045; letter-spacing:-.055em; font-weight:500; margin:17px 0 0; max-width:760px; }
    .section-head p:last-child { max-width:360px; margin:0 0 4px; color:var(--muted); line-height:1.62; font-size:16px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:50px; padding:0 21px; border:1px solid transparent; border-radius:4px; background:var(--aqua); color:var(--ink); font-size:13px; font-weight:700; transition:background .2s,transform .2s,border-color .2s; }
    .btn:hover { background:var(--aqua-strong); transform:translateY(-2px); }
    .btn svg { width:16px; height:16px; }
    .btn-outline { background:transparent; color:var(--white); border-color:rgba(255,255,255,.5); }
    .btn-outline:hover { background:rgba(255,255,255,.1); border-color:#fff; }
    .text-link { display:inline-flex; gap:12px; align-items:center; width:max-content; padding-bottom:7px; border-bottom:1px solid currentColor; font-size:14px; font-weight:700; }
    .text-link svg { width:16px; transition:transform .2s; }
    .text-link:hover svg { transform:translateX(4px); }

    .site-header { position:relative; z-index:20; background:var(--ink); color:var(--white); }
    .nav { display:flex; align-items:center; justify-content:space-between; height:84px; gap:20px; }
    .brand { display:inline-flex; align-items:center; gap:12px; flex:none; color:white; }
    .brand-symbol { position:relative; display:block; width:32px; height:32px; border:4px solid var(--aqua); border-right-color:transparent; border-radius:50%; transform:rotate(-30deg); }
    .brand-symbol::after { content:""; position:absolute; inset:6px -9px 6px 13px; border-right:4px solid var(--aqua); transform:rotate(30deg); }
    .brand-name { display:block; font-size:19px; line-height:1; font-weight:800; letter-spacing:-.045em; white-space:nowrap; }
    .brand-name span { color:var(--aqua); }
    .nav-links { display:flex; align-items:center; gap:31px; margin-left:auto; font-size:13px; font-weight:600; }
    .nav-links a:not(.btn) { color:#cfdee1; transition:color .2s; }
    .nav-links a:not(.btn):hover { color:white; }
    .nav-links .btn { min-height:41px; margin-left:13px; padding:0 17px; }
    .menu-toggle { display:none; width:43px; height:43px; border:1px solid #65818b; border-radius:3px; background:transparent; color:white; }
    .menu-toggle svg { width:23px; height:23px; }

    .hero { position:relative; overflow:hidden; background:var(--ink); color:var(--white); }
    .hero::before { content:""; position:absolute; width:650px; height:650px; border:1px solid rgba(156,233,223,.12); border-radius:50%; top:-440px; left:-100px; pointer-events:none; }
    .hero-grid { display:grid; grid-template-columns:47% 53%; min-height:620px; }
    .hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:74px 52px 88px 0; position:relative; z-index:2; }
    .hero .eyebrow { color:var(--aqua); }
    h1 { max-width:680px; margin:30px 0 23px; font-size:clamp(49px,5.9vw,83px); line-height:.99; font-weight:500; letter-spacing:-.062em; }
    h1 em { color:var(--aqua); font-family:Georgia,'Times New Roman',serif; font-weight:400; }
    .hero-lead { max-width:492px; color:#c4d3d7; font-size:17px; line-height:1.65; margin:0; }
    .hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:38px; }
    .hero-visual { position:relative; min-height:620px; margin-right:calc((min(100vw,var(--max)) - 100vw) / 2); overflow:hidden; background:#42616c; }
    .hero-visual img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:right center; filter:saturate(.82) contrast(1.03); }
    .hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,28,43,.22),transparent 40%),linear-gradient(0deg,rgba(7,28,43,.60),transparent 38%); }
    .image-caption { position:absolute; z-index:2; right:29px; bottom:28px; display:flex; align-items:center; gap:11px; color:#fff; text-transform:uppercase; letter-spacing:.13em; font-size:10px; font-weight:700; }
    .image-caption::before { content:""; width:34px; height:1px; background:var(--aqua); }
    .hero-note { position:absolute; z-index:3; right:0; top:0; padding:18px 26px; background:var(--aqua); color:var(--ink); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.11em; }
    .fact-bar { background:#103244; color:white; }
    .fact-list { display:grid; grid-template-columns:repeat(3,1fr); }
    .fact-list div { display:flex; align-items:center; gap:16px; min-height:92px; padding:15px 28px; border-left:1px solid rgba(255,255,255,.16); }
    .fact-list div:first-child { padding-left:0; border-left:0; }
    .fact-list strong { display:flex; width:31px; height:31px; flex:none; align-items:center; justify-content:center; border:1px solid var(--aqua); border-radius:50%; color:var(--aqua); font-size:15px; font-weight:400; }
    .fact-list span { font-size:13px; font-weight:600; line-height:1.4; }

    .narrative { padding:124px 0 128px; }
    .narrative-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:10%; align-items:start; }
    .narrative h2 { margin-bottom:31px; }
    .narrative h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
    .narrative-body { padding-top:54px; }
    .narrative-body p { max-width:590px; margin:0 0 29px; font-size:clamp(19px,2.15vw,26px); line-height:1.47; letter-spacing:-.028em; }
    .narrative-body p + p { color:var(--muted); font-size:16px; letter-spacing:0; line-height:1.7; }
    .narrative .text-link { margin-top:9px; }

    .values { padding:0 0 124px; }
    .values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid #bcc7c7; border-bottom:1px solid #bcc7c7; }
    .value { min-height:260px; padding:30px 38px 35px; border-left:1px solid #bcc7c7; }
    .value:first-child { border-left:0; padding-left:0; }
    .value:last-child { padding-right:0; }
    .value .num { display:block; color:#4e6268; font-size:11px; font-weight:700; letter-spacing:.15em; }
    .value h3 { margin:39px 0 13px; font-size:25px; font-weight:500; letter-spacing:-.045em; }
    .value p { max-width:310px; margin:0; color:var(--muted); font-size:14px; line-height:1.65; }

    .editorial { background:var(--deep); color:white; }
    .editorial-grid { display:grid; grid-template-columns:49% 51%; min-height:490px; }
    .editorial-photo { min-height:490px; background:#557079; overflow:hidden; }
    .editorial-photo img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.8); }
    .editorial-copy { display:flex; flex-direction:column; justify-content:center; padding:68px clamp(35px,7vw,110px); }
    .editorial .eyebrow { color:var(--aqua); }
    .editorial-copy h2 { max-width:600px; margin:27px 0 24px; font-size:clamp(36px,4.35vw,60px); font-weight:400; line-height:1.08; letter-spacing:-.055em; }
    .editorial-copy h2 em { color:var(--aqua); font-family:Georgia,'Times New Roman',serif; }
    .editorial-copy p:last-child { max-width:490px; color:#c8d6d8; font-size:15px; line-height:1.7; }

    .activities { padding:130px 0 140px; }
    .activity-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#ced5d3; border:1px solid #ced5d3; }
    .activity { min-height:280px; padding:32px 33px 34px; background:var(--paper); transition:background .2s; }
    .activity:hover { background:#fff; }
    .activity-top { display:flex; justify-content:space-between; align-items:start; }
    .activity-top span { font-size:12px; color:#4e6268; letter-spacing:.09em; }
    .activity-top svg { width:36px; height:36px; color:#248b89; stroke-width:1.4; }
    .activity h3 { margin:55px 0 12px; font-size:22px; font-weight:500; letter-spacing:-.035em; }
    .activity p { max-width:320px; margin:0; color:var(--muted); font-size:14px; line-height:1.65; }

    .join { padding:112px 0 120px; background:var(--ink); color:white; }
    .join-grid { display:grid; grid-template-columns:1fr .95fr; gap:11%; align-items:start; }
    .join .eyebrow { color:var(--aqua); }
    .join h2 { margin-bottom:25px; }
    .join-intro { max-width:490px; margin:0; color:#c7d6da; line-height:1.72; font-size:16px; }
    .join .btn { margin-top:35px; }
    .join-steps { margin:3px 0 0; padding:0; list-style:none; border-top:1px solid #41606b; }
    .join-steps li { display:grid; grid-template-columns:48px 1fr; gap:20px; padding:25px 0 27px; border-bottom:1px solid #41606b; }
    .join-steps span { color:var(--aqua); font-size:12px; font-weight:700; letter-spacing:.1em; }
    .join-steps h3 { margin:0 0 7px; font-size:18px; font-weight:500; }
    .join-steps p { margin:0; color:#bbccd0; font-size:14px; line-height:1.58; }
    .join-foot { margin-top:22px; color:var(--aqua); font-size:13px; font-weight:700; }

    .faq { padding:112px 0 120px; }
    .faq-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:12%; }
    .faq h2 { margin:17px 0 0; font-size:clamp(36px,4.4vw,54px); letter-spacing:-.05em; font-weight:500; line-height:1.1; }
    .faq-list { border-top:1px solid #b8c6c6; }
    .faq details { border-bottom:1px solid #b8c6c6; }
    .faq summary { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:24px 0; cursor:pointer; list-style:none; font-size:18px; font-weight:500; letter-spacing:-.025em; }
    .faq summary::-webkit-details-marker { display:none; }
    .faq summary::after { content:"+"; flex:none; color:#248b89; font-size:25px; line-height:1; font-weight:300; }
    .faq details[open] summary::after { content:"−"; }
    .faq details p { max-width:650px; margin:-5px 40px 25px 0; color:var(--muted); font-size:15px; line-height:1.7; }

    .contact { padding:120px 0; background:#e7ebe7; }
    .contact-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:10%; }
    .contact h2 { margin-bottom:24px; }
    .contact-intro { max-width:400px; color:var(--muted); font-size:16px; line-height:1.67; }
    .contact-methods { margin-top:58px; }
    .contact-methods span { display:block; margin-bottom:9px; color:#455d62; text-transform:uppercase; font-size:11px; letter-spacing:.14em; font-weight:700; }
    .contact-methods a { display:block; width:max-content; margin:0 0 31px; font-size:21px; letter-spacing:-.025em; border-bottom:1px solid #7a9999; padding-bottom:4px; }
    .contact-methods a:hover { color:#137b77; }
    .form-panel { padding:43px 44px 48px; background:white; box-shadow:0 20px 56px rgba(10,38,55,.055); }
    .form-panel h3 { margin:0 0 7px; font-size:24px; font-weight:500; letter-spacing:-.035em; }
    .form-panel > p { margin:0 0 29px; color:var(--muted); font-size:14px; line-height:1.5; }
    .form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:21px 18px; }
    .field-full { grid-column:1/-1; }
    label { display:block; margin-bottom:8px; color:#263e4b; font-size:12px; font-weight:700; }
    .required { color:#177f7b; }
    input:not([type=checkbox]), select, textarea { display:block; width:100%; min-height:47px; padding:11px 12px; border:1px solid #bac8ca; border-radius:2px; background:#fbfcfb; color:var(--ink); font-size:14px; outline:none; transition:border-color .2s,box-shadow .2s; }
    textarea { min-height:125px; resize:vertical; }
    input:not([type=checkbox]):focus, select:focus, textarea:focus { border-color:#178b84; box-shadow:0 0 0 3px rgba(121,216,203,.2); }
    input::placeholder, textarea::placeholder { color:#899a9e; }
    .consent { display:flex; gap:11px; align-items:flex-start; margin:25px 0 21px; font-size:12px; line-height:1.6; color:#455860; }
    .consent input { margin:3px 0 0; accent-color:#137d78; width:16px; height:16px; flex:none; }
    .consent label { margin:0; font-weight:400; font-size:12px; color:inherit; }
    .consent a { text-decoration:underline; text-underline-offset:2px; }
    .form-actions { display:flex; flex-wrap:wrap; gap:15px; align-items:center; }
    .form-actions .btn { border:0; }
    .form-note { max-width:360px; color:#52666b; font-size:12px; line-height:1.5; }
    .form-status { min-height:19px; margin:12px 0 0; color:#1a6f68; font-size:12px; }

    .footer { padding:65px 0 28px; background:var(--ink); color:white; }
    .footer-top { display:grid; grid-template-columns:1.35fr .8fr 1fr; gap:45px; padding-bottom:74px; }
    .footer-tagline { max-width:370px; margin:25px 0 0; color:#b8cbd0; font-size:15px; line-height:1.65; }
    .footer h3 { margin:2px 0 22px; color:var(--aqua); font-size:11px; text-transform:uppercase; letter-spacing:.16em; }
    .footer-links { display:grid; gap:14px; font-size:13px; }
    .footer-links a:hover { color:var(--aqua); }
    .footer-bottom { display:flex; justify-content:space-between; gap:24px; border-top:1px solid #345061; padding-top:24px; color:#c0d0d4; font-size:12px; line-height:1.55; }
    .footer-bottom p { margin:0; }
    .legal-links { display:flex; gap:20px; }
    .legal-links a:hover { color:white; }
    .legal-content { background:#0d2a3b; color:#c2d1d5; }
    .legal-content .wrap { display:grid; grid-template-columns:1fr 1fr; gap:55px; padding-block:30px; }
    .legal-content h2 { margin:0 0 11px; font-size:15px; color:#fff; }
    .legal-content p { margin:0; font-size:12px; line-height:1.7; }
    .legal-content a { text-decoration:underline; }

    @media (max-width:1020px) {
      .nav-links { gap:18px; }
      .hero-grid { grid-template-columns:51% 49%; }
      .hero-copy { padding-right:24px; }
      .hero-visual { margin-right:-32px; }
      .editorial-copy { padding-inline:45px; }
      .join-grid { gap:7%; }
    }
    @media (max-width:760px) {
      html { scroll-padding-top:68px; }
      .wrap { width:min(calc(100% - 36px),var(--max)); }
      .nav { height:68px; }
      .brand-name { font-size:17px; }
      .brand-symbol { width:29px; height:29px; }
      .menu-toggle { display:grid; place-items:center; }
      .nav-links { position:absolute; z-index:20; top:68px; left:0; right:0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:14px 18px 25px; background:var(--ink); box-shadow:0 20px 30px rgba(0,0,0,.18); }
      .nav-links.open { display:flex; }
      .nav-links a:not(.btn) { padding:15px 3px; border-bottom:1px solid #345061; }
      .nav-links .btn { margin:20px 0 0; }
      .hero-grid { display:flex; flex-direction:column; min-height:0; }
      .hero-copy { padding:80px 0 64px; }
      h1 { max-width:600px; font-size:clamp(51px,9.5vw,78px); }
      .hero-visual { min-height:420px; margin:0 -18px; }
      .hero-note { right:18px; }
      .fact-list { grid-template-columns:1fr; padding-block:9px; }
      .fact-list div { min-height:56px; padding:10px 0; border-left:0; border-top:1px solid rgba(255,255,255,.14); }
      .fact-list div:first-child { border-top:0; }
      .narrative { padding:85px 0; }
      .narrative-grid, .join-grid, .faq-grid, .contact-grid { grid-template-columns:1fr; gap:30px; }
      .narrative-body { padding-top:0; }
      .narrative-body p { font-size:21px; }
      .values { padding-bottom:90px; }
      .values-grid { grid-template-columns:1fr; }
      .value, .value:first-child, .value:last-child { padding:26px 0; min-height:0; border-left:0; border-top:1px solid #bcc7c7; }
      .value:first-child { border-top:0; }
      .value h3 { margin-top:23px; }
      .editorial-grid { grid-template-columns:1fr; }
      .editorial-photo { min-height:360px; max-height:440px; }
      .editorial-copy { padding:70px 18px 75px; }
      .activities { padding:88px 0 95px; }
      .section-head { display:block; margin-bottom:35px; }
      .section-head p:last-child { margin-top:19px; }
      .activity-grid { grid-template-columns:repeat(2,1fr); }
      .activity { min-height:255px; padding:25px; }
      .join { padding:84px 0 90px; }
      .join-steps { margin-top:26px; }
      .faq { padding:85px 0 90px; }
      .contact { padding:86px 0; }
      .contact-methods { margin-top:33px; }
      .form-panel { padding:30px 26px; }
      .footer-top { grid-template-columns:1fr 1fr; gap:50px 35px; padding-bottom:55px; }
      .footer-top > div:first-child { grid-column:1/-1; }
      .legal-content .wrap { grid-template-columns:1fr; gap:25px; }
    }
    @media (max-width:520px) {
      .hero-copy { padding-top:68px; }
      h1 { font-size:clamp(46px,11.5vw,60px); }
      .hero-lead { font-size:15px; }
      .hero-actions { align-items:flex-start; flex-direction:column; gap:22px; }
      .hero-visual { min-height:320px; }
      .hero-note { font-size:9px; padding:13px; }
      .image-caption { font-size:9px; }
      .section-head h2, .narrative h2, .join h2, .contact h2 { font-size:39px; }
      .activity-grid { grid-template-columns:1fr; }
      .activity { min-height:230px; }
      .activity h3 { margin-top:40px; }
      .form-grid { grid-template-columns:1fr; }
      .form-panel { margin-inline:-6px; padding:27px 21px; }
      .footer-top { grid-template-columns:1fr; gap:35px; }
      .footer-top > div:first-child { grid-column:auto; }
      .footer-bottom { flex-direction:column; }
      .legal-links { flex-wrap:wrap; }
    }
    @media (prefers-reduced-motion:reduce) {
      html { scroll-behavior:auto; }
      *,*::before,*::after { transition-duration:.01ms!important; animation-duration:.01ms!important; }
    }
  

/* Shared page layouts */
.nav-links a[aria-current="page"]:not(.btn) { color:var(--aqua); }
.nav-links a.btn[aria-current="page"] { background:white; }
.join h1, .contact h1 { margin:17px 0 24px; max-width:760px; font-size:clamp(36px,5vw,66px); line-height:1.045; letter-spacing:-.055em; font-weight:500; }
.page-hero { padding:85px 0 95px; background:var(--ink); color:white; }
.page-hero .eyebrow { color:var(--aqua); }
.page-hero h1 { max-width:910px; margin:26px 0 20px; font-size:clamp(48px,6vw,78px); }
.page-hero p:last-child { max-width:710px; margin:0; color:#c4d3d7; font-size:18px; line-height:1.65; }
.page-hero.compact { padding:64px 0 70px; }
.page-hero.compact h1 { font-size:clamp(43px,5vw,64px); }
.home-intro { padding:122px 0 108px; }
.home-intro-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:10%; align-items:start; }
.home-intro h2 { max-width:630px; margin:18px 0 0; font-size:clamp(39px,4.7vw,63px); line-height:1.08; font-weight:500; letter-spacing:-.055em; }
.home-intro-copy { padding-top:54px; }
.home-intro-copy p { margin:0 0 28px; color:var(--muted); font-size:19px; line-height:1.6; }
.home-paths { padding:0 0 120px; }
.home-paths-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#c7d1d0; border:1px solid #c7d1d0; }
.path-card { display:flex; flex-direction:column; min-height:270px; padding:30px; background:var(--paper); transition:background .2s,transform .2s; }
.path-card:hover { background:white; }
.path-card .num { color:#506369; font-size:12px; font-weight:700; letter-spacing:.13em; }
.path-card h3 { margin:auto 0 14px; font-size:26px; font-weight:500; letter-spacing:-.04em; }
.path-card p { max-width:290px; margin:0; color:var(--muted); font-size:14px; line-height:1.6; }
.path-card .arrow { margin-top:28px; color:#168179; font-size:19px; }
.closing-cta { padding:76px 0 84px; background:#e0e8e5; }
.closing-cta .wrap { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.closing-cta h2 { max-width:720px; margin:13px 0 0; font-size:clamp(34px,4vw,52px); font-weight:500; line-height:1.13; letter-spacing:-.048em; }
.closing-cta .btn { flex:none; background:var(--ink); color:white; }
.closing-cta .btn:hover { background:var(--deep-2); }
.member-detail { padding:105px 0 112px; }
.member-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:11%; }
.member-detail h2 { max-width:560px; margin:15px 0 0; font-size:clamp(34px,4vw,53px); font-weight:500; line-height:1.1; letter-spacing:-.05em; }
.member-detail p { max-width:540px; margin:0 0 24px; color:var(--muted); font-size:17px; line-height:1.7; }
.member-detail .text-link { margin-top:5px; }
.contact-methods address { margin:0 0 31px; font-size:18px; font-style:normal; line-height:1.5; letter-spacing:-.015em; }
.footer-links address { color:#c5d4d8; font-size:13px; font-style:normal; line-height:1.55; }
.legal-page { padding:85px 0 115px; }
.legal-page .wrap { max-width:820px; }
.legal-page h2 { margin:45px 0 12px; font-size:27px; font-weight:500; letter-spacing:-.035em; }
.legal-page h2:first-child { margin-top:0; }
.legal-page p, .legal-page li { margin:0 0 17px; color:#41545b; font-size:16px; line-height:1.75; }
.legal-page a { color:#126e69; text-decoration:underline; text-underline-offset:3px; }
.legal-page ul { padding-left:22px; }
@media (max-width:760px) {
  .page-hero { padding:66px 0 74px; }
  .page-hero p:last-child { font-size:16px; }
  .home-intro { padding:86px 0 75px; }
  .home-intro-grid, .member-detail-grid { grid-template-columns:1fr; gap:25px; }
  .home-intro-copy { padding-top:0; }
  .home-paths { padding-bottom:90px; }
  .home-paths-grid { grid-template-columns:1fr; }
  .path-card { min-height:215px; }
  .closing-cta .wrap { align-items:flex-start; flex-direction:column; }
  .member-detail { padding:82px 0 90px; }
  .legal-page { padding:65px 0 80px; }
}
@media (max-width:520px) {
  .join h1, .contact h1 { font-size:39px; }
}