:root{--navy:#06172e;--navy2:#0b2d50;--ink:#14212b;--cream:#fffaf0;--paper:#fff;--teal:#18b8ad;--blue:#31a9e8;--coral:#ef5b63;--gold:#f4c86c;--muted:#596872;--line:#d8e2e5;--shadow:0 22px 55px rgba(6,23,46,.14);--radius:24px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}img{max-width:100%;height:auto}a{color:#087c88}a:hover{text-decoration-thickness:2px}h1,h2,h3{margin:0 0 .55em;color:var(--navy);font-family:Georgia,serif;line-height:1.12}h1{font-size:clamp(2.6rem,7vw,5.7rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.025em}h3{font-size:1.35rem}p{margin:0 0 1.15em}.container,.narrow{width:min(calc(100% - 42px),var(--container));margin-inline:auto}.narrow{max-width:780px}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-160%);padding:10px 16px;background:#fff;color:var(--navy);font-weight:800}.skip-link:focus{transform:none}.site-header{position:sticky;z-index:100;top:0;background:rgba(6,23,46,.96);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.header-inner{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border:2px solid var(--gold);border-radius:50%;background:var(--navy2);color:var(--gold);font:700 1.5rem Georgia,serif}img.brand-mark{display:block;width:46px;height:46px;max-width:none;object-fit:cover;padding:0;border:0;background:transparent;flex:0 0 46px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font:700 clamp(1.15rem,2.2vw,1.55rem) Georgia,serif}.brand-copy small{color:#a9c1cc;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:24px}.site-nav a{color:#e8f2f3;font-size:.9rem;font-weight:700;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--gold)}.site-nav .nav-cta{padding:9px 16px;border:1px solid var(--gold);border-radius:999px}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}.hero,.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 15%,rgba(49,169,232,.22),transparent 31%),linear-gradient(135deg,#07172d,#0b3154);color:#dce9ee}.hero{padding:clamp(75px,11vw,145px) 0}.page-hero{padding:clamp(64px,9vw,105px) 0}.hero h1,.page-hero h1{max-width:970px;color:#fff5d7}.hero em{color:var(--gold);font-weight:400}.hero-grid,.family-origin,.manifesto,.article-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(38px,7vw,90px);align-items:center}.lead{max-width:760px;font-size:clamp(1.08rem,2vw,1.3rem)}.eyebrow{display:block;margin-bottom:14px;color:#0d8c91;font-size:.76rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow,.page-hero .eyebrow,.dark .eyebrow{color:var(--gold)}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:12px 21px;border:2px solid var(--gold);border-radius:999px;background:var(--gold);color:var(--navy);font-weight:850;text-decoration:none}.button.secondary{background:transparent;color:inherit}.hero-card{padding:25px;border:1px solid rgba(244,200,108,.38);border-radius:var(--radius);background:rgba(255,255,255,.08);box-shadow:var(--shadow)}.hero-card h2{color:#fff}.compass-logo{display:block;width:min(100%,390px);margin:0 auto 24px;border:4px solid var(--gold);border-radius:50%;box-shadow:0 24px 60px rgba(0,0,0,.26)}.section{padding:clamp(62px,9vw,105px) 0}.section.alt{background:#eaf5f3}.section.dark{background:var(--navy);color:#dce9ee}.dark h2,.dark h3{color:#fff5d7}.section-head{max-width:790px;margin-bottom:38px}.section-head.center{margin-inline:auto;text-align:center}.path-grid,.card-grid,.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.path-card,.card,.trust-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(6,23,46,.07)}.path-number{color:var(--coral);font-weight:900}.text-link{font-weight:800}.manifesto{align-items:start}.manifesto-quote{font:italic clamp(1.65rem,3.4vw,2.6rem)/1.35 Georgia,serif;color:var(--navy)}.reflection-band{padding:60px 0;background:linear-gradient(90deg,var(--teal),var(--blue));text-align:center}.reflection-band blockquote{margin:0}.reflection-band p{font:italic clamp(1.6rem,4vw,3rem) Georgia,serif;color:var(--navy)}.cta{padding:clamp(34px,6vw,68px);border-radius:var(--radius);background:linear-gradient(135deg,#092544,#0e4363);color:#e7f0f3}.cta h2{color:#fff4d1}.breadcrumbs{margin-bottom:28px;color:#aac1cc;font-size:.9rem}.breadcrumbs a{color:#fff}.family-origin{grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr)}.story-intro{color:var(--muted);font-size:1.08rem}.story-poster-frame{margin:0;padding:clamp(10px,2vw,20px);border:1px solid rgba(244,200,108,.46);border-radius:var(--radius);background:var(--navy);box-shadow:var(--shadow)}.story-poster-frame a{display:block;overflow:hidden;border-radius:16px}.story-poster{display:block;width:100%;height:auto;background:#fff;transition:transform .25s ease}.story-poster-frame a:hover .story-poster{transform:scale(1.006)}.story-poster-frame figcaption{padding:16px 8px 2px;color:#c9d7df;font-size:.92rem;text-align:center}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:story}.story-card{position:relative;min-height:240px;overflow:hidden;padding:27px;border:1px solid rgba(244,200,108,.28);border-radius:20px;background:linear-gradient(145deg,#0a2747,#06172e);color:#dce8ee;box-shadow:var(--shadow)}.story-card:before{counter-increment:story;content:counter(story,decimal-leading-zero);display:block;margin-bottom:30px;color:var(--gold);font:700 1rem Georgia,serif;letter-spacing:.1em}.story-card h2{color:#fff4d1;font-size:1.5rem}.story-card strong{color:var(--gold)}.bhodi-dedication{padding:clamp(34px,6vw,60px);border:1px solid rgba(244,200,108,.38);border-radius:var(--radius);background:var(--navy);color:#fff4d1;text-align:center;box-shadow:var(--shadow)}.bhodi-dedication h2{color:var(--gold)}.bhodi-dedication p{font:clamp(1.12rem,2.3vw,1.5rem) Georgia,serif}.article-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.article-content h2{margin-top:1.4em;font-size:2rem}.side-note{position:sticky;top:112px;padding:25px;border-radius:20px;background:#fff;border:1px solid var(--line)}.topic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.topic-list article{padding:22px;border-left:5px solid var(--teal);background:#fff;box-shadow:0 8px 25px rgba(6,23,46,.07)}.site-footer{padding:64px 0 26px;background:#041223;color:#c9d8df}.site-footer h2,.site-footer h3{color:#fff4d1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-links{display:grid;gap:8px}.footer-links a{color:#dce8ed}.family-dedication{margin-top:38px;padding-top:23px;border-top:1px solid rgba(244,200,108,.22);color:#e1ae23;font:italic clamp(1rem,2vw,1.3rem) Georgia,serif;text-align:center}.family-dedication a{color:var(--gold);font-weight:700}.footer-base{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem}.muted{color:var(--muted);text-align:center}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:940px){.hero-grid,.family-origin,.manifesto,.article-layout{grid-template-columns:1fr}.path-grid,.card-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.topic-list{grid-template-columns:repeat(2,1fr)}.side-note{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container,.narrow{width:min(calc(100% - 30px),var(--container))}.header-inner{gap:8px}.brand{min-width:0;gap:8px}.brand-mark{width:42px;height:42px;flex:0 0 42px}.brand-copy{min-width:0}.brand-copy strong{font-size:1rem;line-height:1.08}.menu-toggle{display:inline-grid;min-width:58px;min-height:42px;flex:0 0 58px;place-items:center;border-radius:999px}.site-nav{position:fixed;inset:84px 0 auto;display:none;max-height:calc(100vh - 84px);overflow:auto;padding:24px;background:var(--navy);box-shadow:0 20px 30px rgba(0,0,0,.25)}.site-nav[data-open=true]{display:grid}.brand-copy small{display:none}.story-grid,.topic-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-base{flex-direction:column}}
@media(max-width:550px){.page-hero h1{font-size:2.35rem}.page-hero .lead{font-size:1.02rem}.path-grid,.card-grid,.trust-grid{grid-template-columns:1fr}.actions{flex-direction:column}.button{width:100%}.story-card{min-height:0}}
.hero{padding:clamp(62px,8vw,100px) 0}.hero h1{font-size:clamp(2.6rem,6vw,5rem)}.hero-grid{align-items:start;gap:clamp(30px,5vw,65px)}.hero-card .compass-logo{width:min(100%,250px)}.hero-card h2{font-size:1.7rem}.hero-card ul{margin-bottom:0;padding-left:1.25rem}
@media(max-width:940px){.hero-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 24px;align-items:center}.hero-card .compass-logo{grid-row:1/3;width:180px;margin:0}.hero-card h2{align-self:end;margin-bottom:0}.hero-card ul{align-self:start}}
@media(max-width:900px){.header-inner{gap:8px}.brand{min-width:0;gap:8px}.brand-mark{width:42px;height:42px;flex:0 0 42px}.brand-copy{min-width:0}.brand-copy strong{font-size:1rem;line-height:1.08}.brand-copy small{display:none}.menu-toggle{display:inline-grid;min-width:58px;min-height:42px;flex:0 0 58px;place-items:center;border-radius:999px}.site-nav{position:fixed;inset:84px 0 auto;display:none;max-height:calc(100vh - 84px);overflow:auto;padding:24px;background:var(--navy);box-shadow:0 20px 30px rgba(0,0,0,.25)}.site-nav[data-open=true]{display:grid}.story-grid,.topic-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-base{flex-direction:column}}
@media(max-width:550px){.hero{padding:52px 0}.hero h1,.page-hero h1{font-size:2.35rem}.hero .lead,.page-hero .lead{font-size:1.02rem}.hero-card{display:block;padding:20px}.hero-card .compass-logo{width:170px;margin:0 auto 18px}.hero-card h2{font-size:1.45rem}.hero-card ul{padding-left:1.15rem}}
body{overflow-x:hidden}.hero-copy,.hero-card,.brand-copy{min-width:0}.hero h1,.page-hero h1,.eyebrow{overflow-wrap:anywhere}.button{white-space:normal;text-align:center;overflow-wrap:anywhere}.topic-tools{margin-bottom:34px;padding:clamp(22px,4vw,34px);border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 34px rgba(6,23,46,.07)}.topic-tools label{display:block;margin-bottom:8px;color:var(--navy);font-weight:850}.topic-tools input{width:100%;min-height:54px;padding:12px 16px;border:2px solid #a9bec5;border-radius:14px;background:#fff;color:var(--ink);font:inherit}.topic-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.topic-filter{min-height:42px;padding:8px 14px;border:1px solid #8aa6ae;border-radius:999px;background:#fff;color:var(--navy);font-weight:750;cursor:pointer}.topic-filter.active,.topic-filter:hover{border-color:var(--navy);background:var(--navy);color:#fff}.topic-count{margin:16px 0 0;color:var(--muted)}.topic-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-entry{display:flex;min-width:0;flex-direction:column;padding:24px;border:1px solid var(--line);border-top:5px solid var(--teal);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(6,23,46,.07)}.topic-entry:nth-child(4n+2){border-top-color:var(--blue)}.topic-entry:nth-child(4n+3){border-top-color:var(--gold)}.topic-entry:nth-child(4n+4){border-top-color:var(--coral)}.topic-entry h2{font-size:1.55rem}.topic-entry p{color:var(--muted)}.topic-entry .text-link{margin-top:auto}.topic-entry[hidden]{display:none}.topic-empty{padding:28px;border-radius:18px;background:#fff;text-align:center}
@media(max-width:900px){.brand{flex:1 1 auto;overflow:hidden}.brand-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.topic-catalogue{grid-template-columns:1fr}.topic-filter{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.site-header,.menu-toggle,.actions,.site-footer{display:none!important}body{background:#fff}.section,.page-hero{padding:25px 0}.story-poster-frame{break-inside:avoid;box-shadow:none}}

/* Valid mobile text sizing (avoids invalid -webkit-text-size-adjust warnings) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Responsive cards / grids — prevent overlap on mid-width desktops & phones */
.path-grid,.card-grid,.trust-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));
  gap:clamp(14px,2.2vw,20px);
  align-items:stretch;
}
.path-card,.card,.trust-card{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.path-card h2,.card h2,.trust-card h2{
  font-size:clamp(1.2rem,2.4vw,1.55rem);
  line-height:1.2;
  overflow-wrap:anywhere;
}
.path-card p,.card p,.trust-card p{margin-bottom:0}
.topic-list,.topic-catalogue,.story-grid,.footer-grid{
  min-width:0;
}
.topic-list > *,.topic-catalogue > *,.story-grid > *,.footer-grid > *,.path-grid > *,.card-grid > *,.trust-grid > *{
  min-width:0;
}
@media(max-width:1100px){
  .path-grid,.card-grid,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .path-grid,.card-grid,.trust-grid,.topic-list,.topic-catalogue,.story-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .page-hero h1{font-size:clamp(1.85rem,8vw,2.35rem)}
  .page-hero .lead{font-size:1rem;line-height:1.55}
}
@media(max-width:380px){
  .container,.narrow{width:min(calc(100% - 22px),var(--container))}
  .path-card,.card,.trust-card{padding:18px}
}