:root{color-scheme:light;--navy:#07334d;--deep:#05263b;--ink:#163c55;--muted:#536b79;--orange:#f58235;--orange-dark:#a94203;--cream:#fff8ee;--teal:#397276;--pale:#f2f7f8;--line:#d7e3e8;--white:#fff;--shadow:0 1rem 2.8rem rgba(7,51,77,.1)}
    *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:#fff;color:var(--ink);font:1rem/1.65 Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;z-index:30;padding:.7rem 1rem;border:2px solid var(--navy);border-radius:.5rem;background:#fff;color:var(--navy)}.skip:focus{top:1rem}.shell{width:min(100% - 2rem,74rem);margin-inline:auto}.eyebrow{margin:0 0 .75rem;color:var(--orange-dark);font-size:.76rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}h1,h2,h3{margin:0;color:var(--navy);line-height:1.08;text-wrap:balance}h1{max-width:13ch;font-size:clamp(2.7rem,7vw,5.8rem);letter-spacing:-.055em}h2{font-size:clamp(1.8rem,4vw,3.1rem);letter-spacing:-.04em}h3{font-size:1.3rem}.lead{max-width:46rem;margin:1.35rem 0 0;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.3rem)}
    .hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(4rem,9vw,7.5rem) 0;background:linear-gradient(120deg,#fff 5%,#fff5e7 58%,#e7f2f2)}.hero::before{content:"";position:absolute;z-index:-1;width:30rem;aspect-ratio:1;right:-14rem;top:-16rem;border:5.5rem solid rgba(245,130,53,.1);border-radius:50%}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:clamp(2rem,7vw,6rem);align-items:center}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.button{display:inline-flex;min-height:3.15rem;align-items:center;justify-content:center;padding:.75rem 1.15rem;border:2px solid var(--navy);border-radius:.65rem;background:var(--navy);color:#fff;font-weight:850;line-height:1.2;text-decoration:none;transition:transform .18s ease,background .18s ease}.button.alt{background:transparent;color:var(--navy)}
    .belonging-orbit{position:relative;width:min(100%,27rem);aspect-ratio:1;margin:auto;border:1px solid rgba(7,51,77,.13);border-radius:50%;background:radial-gradient(circle,#fff 0 31%,#fff7ed 32% 51%,#eaf4f4 52% 70%,transparent 71%);box-shadow:var(--shadow);animation:float 6s ease-in-out infinite}.orbit-center{position:absolute;inset:34%;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:clamp(1rem,3vw,1.45rem);font-weight:900;text-align:center}.orbit-word{position:absolute;padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:.82rem;font-weight:900;box-shadow:0 .4rem 1rem rgba(7,51,77,.08)}.orbit-word:nth-of-type(2){top:8%;left:38%}.orbit-word:nth-of-type(3){top:28%;right:-2%}.orbit-word:nth-of-type(4){right:3%;bottom:20%}.orbit-word:nth-of-type(5){bottom:7%;left:37%}.orbit-word:nth-of-type(6){bottom:22%;left:-2%}.orbit-word:nth-of-type(7){top:28%;left:-2%}@keyframes float{50%{transform:translateY(-8px)}}
    .purpose{padding:.9rem 0;background:var(--navy);color:#fff}.purpose .shell{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.purpose strong{color:#ffc092;letter-spacing:.04em}.purpose a{font-weight:850;text-underline-offset:.25rem}.section{padding:clamp(3.5rem,7vw,6.5rem) 0}.section.alt{background:var(--pale);border-block:1px solid var(--line)}.section-intro{max-width:50rem;margin-bottom:2rem}.section-intro p:not(.eyebrow){margin:.85rem 0 0;color:var(--muted)}
    .principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.principle{min-width:0;padding:1.5rem;border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:1rem;background:#fff;box-shadow:0 .8rem 2rem rgba(7,51,77,.07)}.principle:nth-child(2){border-top-color:var(--teal)}.principle:nth-child(3){border-top-color:var(--navy)}.principle-mark{display:grid;width:3rem;height:3rem;place-items:center;margin-bottom:1rem;border-radius:50%;background:var(--cream);color:var(--orange-dark);font-size:1.3rem;font-weight:900}.principle p{margin:.65rem 0 0;color:var(--muted)}
    .commitment-layout{display:grid;grid-template-columns:minmax(14rem,.42fr) minmax(0,1fr);gap:1.2rem}.commitment-tabs{display:flex;flex-direction:column;gap:.55rem}.commitment-tab{display:flex;min-height:3.4rem;align-items:center;justify-content:space-between;padding:.8rem 1rem;border:1px solid #b8cbd3;border-radius:.75rem;background:#fff;color:var(--navy);font-weight:850;text-align:left;cursor:pointer}.commitment-tab::after{content:"→";color:var(--orange)}.commitment-tab[aria-selected="true"]{border-color:var(--navy);background:var(--navy);color:#fff}.commitment-tab[aria-selected="true"]::after{color:#ffb47d}.commitment-panel{min-height:19rem;padding:clamp(1.4rem,4vw,2.4rem);border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:var(--shadow)}.commitment-panel[hidden]{display:none}.commitment-panel p{margin:.9rem 0 0;color:var(--muted);font-size:1.05rem}.commitment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.3rem 0 0;padding:0;list-style:none}.commitment-list li{padding:.8rem;border-radius:.7rem;background:var(--cream);color:var(--ink);font-weight:750}.commitment-list li::before{content:"✓";margin-right:.5rem;color:var(--teal);font-weight:900}
    .promise{padding:clamp(1.7rem,5vw,3rem);border-radius:1.25rem;background:linear-gradient(125deg,var(--deep),var(--navy) 62%,#0d526a);color:#fff;box-shadow:var(--shadow)}.promise .eyebrow{color:#ffb47d}.promise h2{color:#fff}.promise p{max-width:58rem;margin:1rem 0 0;color:#dce9ef;font-size:1.08rem}.promise strong{color:#ffbf91}
    .action{padding:clamp(3.5rem,7vw,6rem) 0;background:var(--cream);border-top:1px solid #efdfcf}.action-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}.action p{max-width:50rem;margin:.9rem 0 0;color:var(--muted)}[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}[data-reveal].visible{opacity:1;transform:none}
    @media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);background:#114d6c}.button.alt:hover{background:#edf5f7}.principle{transition:transform .18s ease,box-shadow .18s ease}.principle:hover{transform:translateY(-3px);box-shadow:var(--shadow)}}
    @media(max-width:62rem){.hero-grid,.action-grid,.commitment-layout{grid-template-columns:1fr}.belonging-orbit{max-width:23rem}.principles{grid-template-columns:1fr}.commitment-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.commitment-panel{min-height:0}}
    @media(max-width:40rem){.shell{width:min(100% - 1.25rem,74rem)}.hero{padding:3.2rem 0}.button-row,.button{width:100%}.commitment-tabs,.commitment-list{grid-template-columns:1fr}.purpose .shell{display:block}.purpose a{display:inline-block;margin-top:.35rem}.orbit-word{font-size:.7rem;padding:.45rem .6rem}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}
    @media print{.skip,.button-row,.commitment-tabs{display:none!important}.commitment-panel[hidden]{display:block}.hero,.section.alt,.action{background:#fff}.belonging-orbit,.principle,.commitment-panel,.promise{box-shadow:none}.promise{color:#000;background:#fff;border:1px solid var(--line)}.promise h2,.promise p{color:#000}[data-reveal]{opacity:1;transform: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}}