:root { color-scheme: light; --navy:#07334d; --ink:#163c55; --muted:#4e6475; --orange:#ff842d; --orange-dark:#a94203; --cream:#fff8ee; --teal:#397276; --line:#d9e5ea; --white:#fff; }
    *,*::before,*::after { box-sizing:border-box; }
    html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; text-size-adjust:100%; overflow-x:hidden; }
    body { margin:0; color:var(--ink); background:var(--white); font:1rem/1.7 Arial,Helvetica,sans-serif; overflow-x:hidden; }
    img { display:block; max-width:100%; height:auto; }
    a { color:inherit; }
    a:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
    .skip { position:absolute; left:1rem; top:-5rem; z-index:20; padding:.7rem 1rem; background:#fff; color:var(--navy); border:2px solid var(--navy); border-radius:.5rem; }
    .skip:focus { top:1rem; }
    .shell { width:min(100% - 2rem, 74rem); margin-inline:auto; }
    .hero { position:relative; isolation:isolate; overflow:hidden; padding:clamp(3.5rem,8vw,7rem) 0; background:linear-gradient(118deg,#fff 8%,#fff6e9 65%,#eaf5f6); }
    .hero::after { content:""; position:absolute; z-index:-1; width:28rem; aspect-ratio:1; right:-12rem; top:-14rem; border:5rem solid rgba(255,132,45,.10); border-radius:50%; }
    .hero-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(17rem,.88fr); gap:clamp(2rem,6vw,5rem); align-items:center; }
    .eyebrow { margin:0 0 .8rem; color:var(--orange-dark); font-size:.78rem; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
    h1,h2 { margin:0; color:var(--navy); line-height:1.08; text-wrap:balance; }
    h1 { max-width:15ch; font-size:clamp(2.45rem,6.5vw,5.5rem); letter-spacing:-.052em; }
    h2 { font-size:clamp(1.35rem,2.7vw,2.15rem); letter-spacing:-.03em; }
    .lead { max-width:45rem; margin:1.35rem 0 0; color:var(--muted); font-size:clamp(1.05rem,1.6vw,1.3rem); }
    .button-row { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.8rem; }
    .button { display:inline-flex; justify-content:center; align-items:center; min-height:3.15rem; padding:.75rem 1.15rem; border:2px solid var(--navy); border-radius:.65rem; background:var(--navy); color:#fff; font-weight:800; line-height:1.25; text-decoration:none; transition:transform .18s ease,background .18s ease; }
    .button.alt { background:transparent; color:var(--navy); }
    .page-logo { width:min(100%,30rem); max-height:22rem; margin-inline:auto; object-fit:contain; }
    .program-logos { display:grid; gap:.8rem; }
    .program-logos a { display:grid; min-height:7rem; place-items:center; padding:.7rem; border:1px solid #e5d5c6; border-radius:1rem; background:rgba(255,255,255,.84); }
    .program-logos img { width:100%; max-height:8.5rem; object-fit:contain; }
    .purpose-band { padding:.85rem 0; background:var(--navy); color:#fff; }
    .purpose-band .shell { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
    .purpose-band strong { color:#ffc092; letter-spacing:.05em; }
    .purpose-band a { font-weight:800; text-underline-offset:.25rem; }
    .content { padding:clamp(3.5rem,7vw,6.5rem) 0; }
    .section-intro { max-width:48rem; margin-bottom:2rem; }
    .section-intro p { margin:.8rem 0 0; color:var(--muted); }
    .content-grid { display:grid; gap:1rem; }
    .content-card { display:grid; grid-template-columns:3.25rem minmax(0,1fr); gap:clamp(1rem,3vw,2rem); padding:clamp(1.25rem,3vw,2.15rem); border:1px solid var(--line); border-left:5px solid var(--orange); border-radius:1rem; background:#fff; box-shadow:0 .75rem 2.4rem rgba(7,51,77,.07); animation:rise .55s ease both; animation-delay:var(--delay); }
    .content-card:nth-child(even) { border-left-color:var(--teal); }
    .card-number { color:var(--orange-dark); font-size:.78rem; font-weight:900; letter-spacing:.12em; }
    .content-card p { max-width:72ch; margin:.8rem 0 0; color:#3f586b; }
    .media-section { padding:clamp(3rem,6vw,5.5rem) 0; background:#f3f8f9; border-block:1px solid var(--line); }
    .media-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
    .contact-graphic { margin:0; }
    .contact-graphic img { width:100%; max-height:none; }
    .media-card { min-width:0; margin:0; overflow:hidden; border:1px solid var(--line); border-radius:1rem; background:#fff; box-shadow:0 .75rem 2rem rgba(7,51,77,.07); }
    .media-card img,.media-card video { width:100%; height:auto; max-height:38rem; object-fit:contain; background:#fff; }
    .media-video { grid-column:1/-1; }
    .media-card figcaption { padding:.75rem 1rem; color:var(--muted); font-size:.85rem; }
    .resources { padding:clamp(3rem,6vw,5.5rem) 0; }
    .resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
    .resource-link { display:flex; justify-content:space-between; align-items:center; gap:1rem; min-height:3.5rem; padding:.85rem 1rem; border:1px solid var(--line); border-radius:.7rem; color:var(--navy); font-weight:800; text-decoration:none; }
    .resource-link strong { color:var(--orange-dark); font-size:1.25rem; }
    .action { padding:clamp(3rem,7vw,5.5rem) 0; background:var(--cream); border-block:1px solid #efdfcf; }
    .action-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:center; }
    .action p { max-width:52rem; margin:.9rem 0 0; color:var(--muted); }
    .social { display:flex; gap:.55rem; flex-wrap:wrap; margin-top:1rem; }
    .social a { padding:.45rem .7rem; border:1px solid #bdccd3; border-radius:999px; color:var(--navy); font-size:.88rem; font-weight:800; text-decoration:none; }
    .source { padding:1rem; color:#687d8c; font-size:.72rem; text-align:center; }
    @keyframes rise { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
    @media (hover:hover) and (pointer:fine) { .button:hover { transform:translateY(-2px); background:#114d6c; } .button.alt:hover { background:#edf5f7; } .social a:hover { border-color:var(--orange); } }
    @media (max-width:52rem) { .hero-grid,.action-grid { grid-template-columns:1fr; } .hero-visual { order:-1; } .page-logo { max-height:13rem; } .program-logos { grid-template-columns:repeat(3,minmax(0,1fr)); } .program-logos a { min-height:5rem; } .program-logos img { max-height:5rem; } .media-grid,.resource-grid { grid-template-columns:1fr; } .media-video { grid-column:auto; } }
    @media (max-width:36rem) { .shell { width:min(100% - 1.25rem,74rem); } .hero { padding:2.8rem 0; } .content-card { grid-template-columns:1fr; } .button-row,.button { width:100%; } .program-logos { grid-template-columns:1fr; } .purpose-band .shell { display:block; } .purpose-band a { display:inline-block; margin-top:.4rem; } }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }
    @media print { .button-row,.social,.skip { display:none!important; } .hero,.action { background:#fff; } .content-card { break-inside:avoid; box-shadow:none; } }
  
/* Responsive replacement: layouts follow the HTML embed's available width. */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;min-width:0;max-width:100%;margin:0}
main,section,article,aside,figure,nav,header,footer,div{min-width:0}
img,video,iframe,svg{max-width:100%}
img,video{height:auto}
h1,h2,h3,p,li,a,button{overflow-wrap:break-word}
.shell,.container,.rh-container{width:min(calc(100% - 2rem),74rem);max-width:74rem;margin-inline:auto}
@media(max-width:900px){
 .hero-grid,.mission-grid,.action-grid,.subscribe-grid,.governance-grid,.fit-grid,.why-grid,.feature-panel,.path-panel,.support-panel,.section-head,.directory-head,.program,.program:nth-child(even){grid-template-columns:minmax(0,1fr)!important}
 .programs,.cards,.media-grid,.resource-grid,.impact-grid,.explore-grid,.ways-grid,.board-grid,.principles,.context-grid,.values,.support-path,.support-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .hero-visual,.hero-media,.feature-number,.path-symbol{max-width:100%}
}
@media(max-width:640px){
 .shell,.container,.rh-container{width:min(calc(100% - 1.25rem),74rem)}
 [class*="-grid"],.programs,.cards,.values,.principles,.support-path,.support-list{grid-template-columns:minmax(0,1fr)!important}
 .button-row,.path-actions,.resource-actions{flex-wrap:wrap}
 .button-row>.button,.path-actions>.path-link{max-width:100%}
 .media-card img,.media-card video,.resource img,.program img{max-width:100%;height:auto;object-fit:contain}
 h1{font-size:clamp(2rem,9vw,3.5rem)}
 h2{font-size:clamp(1.45rem,6vw,2.4rem)}
}
@media(max-width:360px){.shell,.container,.rh-container{width:calc(100% - 1rem)}.button,.path-link,.resource-link{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}