/* Advocating for Better — site styles */
:root{
  --navy:#0C2147; --navy-2:#1B3A78; --blue:#14397A; --blue-dark:#122C60;
  --ink:#1C2740; --muted:#5A667D; --muted-2:#4F5B72; --line:#E2E6EC; --tile:#F1F3F6; --tile-hover:#E7EBF1;
  --gold:#B5873A; --gold-logo:#CFB084; --gold-text:#8A6A2C; --gold-soft:#E4CE9E;
  --cream:#FBF2DF; --cream-2:#FBF5E7; --cream-hover:#F9EBCB; --cream-ink:#5E4F2E;
  --guide-blue:#EEF2F9; --guide-blue-line:#C9D4E8;
  --serif:Literata,Georgia,"Times New Roman",serif;
  --sans:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:clamp(16px,6.5vw,96px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
img,svg{display:block}
a{color:var(--navy)}
a:hover{color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.on-navy :focus-visible{outline-color:#FFFFFF}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:12px;z-index:10;background:var(--navy);color:#FFFFFF;padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{left:16px;color:#FFFFFF}
.page{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.wrap{padding-left:var(--gutter);padding-right:var(--gutter)}
.serif{font-family:var(--serif)}
.muted{color:var(--muted)}

/* header */
.site-head{border-bottom:1px solid var(--line)}
.site-head .bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 32px;padding:14px var(--gutter)}
.site-head .logo{display:block;padding:6px 0}
.site-head .logo img{height:clamp(30px,2.9vw,42px);width:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 clamp(18px,2.6vw,38px);font-size:17px}
.nav a{display:inline-block;padding:10px 0;text-decoration:none;color:var(--muted)}
.nav a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:6px}
.nav a[aria-current="page"]{color:var(--navy);font-weight:700}
.nav a.cta{color:var(--navy);font-weight:700;border-bottom:2px solid var(--gold);padding-bottom:6px}

/* home */
.home-top{position:relative;background:var(--navy);overflow:hidden}
.home-top .wm{position:absolute;right:0;top:0;z-index:1;width:clamp(220px,34vw,492px);height:auto}
.home-top .nav{position:relative;z-index:2;display:flex;justify-content:flex-end;padding:10px var(--gutter) 0}
.home-top .nav ul{justify-content:flex-end}
.home-top .nav a{color:#C9D2E3}
.home-top .nav a:hover{color:#FFFFFF}
.home-top .nav a.cta{color:#FFFFFF;border-bottom-color:#7F9BD1}
.hero{position:relative;z-index:2;text-align:center;padding:clamp(20px,2.4vw,30px) 16px clamp(132px,11vw,150px)}
.hero img{width:min(790px,100%);height:auto;margin:0 auto}
.hero h1{margin:clamp(28px,3vw,40px) 0 0;font:500 clamp(42px,5.2vw,74px)/1.05 var(--serif);letter-spacing:-.022em;color:#FFFFFF}
.hero p{margin:14px 0 0;font:italic 400 clamp(21px,2vw,28px)/1.3 var(--serif);color:#C9D2E3}
.home-cards{position:relative;z-index:3;padding:0 var(--gutter) clamp(56px,6vw,80px)}
.who-list{list-style:none;padding:0;max-width:1160px;margin:-104px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(16px,2vw,26px)}
.who-list li{display:flex}
.who{flex:1;display:flex;align-items:center;gap:22px;min-height:160px;padding:clamp(24px,2.4vw,30px) clamp(22px,2.4vw,30px) clamp(24px,2.4vw,30px) clamp(24px,2.8vw,36px);background:#FFFFFF;border:1.5px solid #DFE4EC;border-radius:14px;box-shadow:0 16px 38px rgba(3,12,32,.24);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.who:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 24px 50px rgba(3,12,32,.30)}
.who .t{display:block;font:500 clamp(28px,2.6vw,37px)/1.12 var(--serif);letter-spacing:-.012em;color:var(--navy)}
.who .d{display:block;margin-top:10px;font-size:18.5px;line-height:1.4;color:var(--muted)}
.go{margin-left:auto;flex:none;width:52px;height:52px;border-radius:50%;background:var(--blue);color:#FFFFFF;display:grid;place-items:center;transition:background-color .15s}
.who:hover .go{background:var(--navy)}
.alts{max-width:1160px;margin:clamp(20px,2.4vw,28px) auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(16px,2vw,26px)}
.alt{display:block;min-height:88px;padding:18px 26px 18px clamp(24px,2.8vw,36px);background:#FFFFFF;border:1.5px solid var(--line);border-radius:12px;text-decoration:none;transition:border-color .15s,background-color .15s}
.alt:hover{border-color:var(--blue);background:#F7F8FA}
.alt.guide{background:var(--guide-blue);border-color:var(--guide-blue-line)}
.alt.guide:hover{background:#E3E9F4}
.alt .t{display:block;font:500 clamp(21px,1.8vw,23.5px)/1.2 var(--serif);color:var(--navy)}
.alt .d{display:block;margin-top:5px;font-size:16.5px;line-height:1.4;color:var(--muted)}
.alt.guide .d{color:var(--muted-2)}

/* inner pages */
.inner{padding:clamp(20px,2.4vw,34px) var(--gutter) clamp(56px,7vw,96px)}
.toprow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 28px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:15.5px;line-height:1.5;color:var(--muted)}
.crumbs a{color:var(--muted)}
.crumbs [aria-current]{color:var(--navy)}
.lks{display:flex;flex-wrap:wrap;gap:0 28px;font-size:15.5px}
.lk{text-decoration:none;border-bottom:1.5px solid var(--gold-logo);padding:10px 0 1px}
.lk:hover{border-bottom-color:var(--navy)}
h1.pg{margin:14px 0 0;font:500 clamp(34px,3.8vw,56px)/1.1 var(--serif);letter-spacing:-.02em;color:var(--navy)}
.sub{margin:10px 0 0;font-size:clamp(18px,1.4vw,20px);line-height:1.5;color:var(--muted)}
.intro{margin:16px 0 0;max-width:820px;font-size:clamp(18px,1.4vw,19.5px);line-height:1.55;color:var(--ink)}

/* situation cards */
.conds{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.conds li{display:flex}
.cond{position:relative;overflow:hidden;flex:1;display:block;min-height:148px;padding:24px 40px 22px 26px;background:#FFFFFF;border:1.5px solid var(--line);border-radius:12px;text-decoration:none;transition:border-color .15s,box-shadow .15s,background-color .15s}
.cond::before{content:"";position:absolute;right:0;top:0;width:30px;height:30px;background:var(--gold-logo);clip-path:polygon(0 0,100% 0,100% 100%)}
.cond:hover{border-color:var(--navy);background:#FDFBF6;box-shadow:inset 0 -4px 0 var(--gold-logo)}
.cond:hover::before{background:var(--blue)}
.cond .t{display:block;font:500 clamp(22px,1.8vw,26px)/1.2 var(--serif);color:var(--navy)}
.cond .d{display:block;margin-top:9px;font-size:16.5px;line-height:1.45;color:var(--muted)}
.cond.also{background:var(--cream-2);border-color:var(--gold-soft)}
.cond.also::before{display:none}
.cond.also .k{display:block;font-size:14.5px;font-weight:700;color:#6E531E;margin-bottom:6px}
.cond.also .d{color:var(--cream-ink)}
.strip{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px 16px 26px;background:var(--cream-2);border:1.5px solid var(--gold-soft);border-radius:12px;text-decoration:none;transition:border-color .15s,background-color .15s}
.strip:hover{border-color:var(--gold);background:var(--cream-hover)}
.strip .t{display:block;font:500 clamp(21px,1.6vw,22.5px)/1.2 var(--serif);color:var(--navy)}
.strip .d{display:block;margin-top:4px;font-size:16px;line-height:1.45;color:var(--cream-ink)}
.strip .go{width:44px;height:44px;background:var(--navy);margin-left:0}

/* chips */
.quick{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.quick .ql{font-size:15.5px;font-weight:700;color:var(--navy);margin-right:6px}
.chip{display:inline-block;padding:10px 16px;border:1.5px solid var(--line);border-radius:999px;background:#FFFFFF;color:#3E4A60;font:inherit;font-size:15px;line-height:1.3;text-decoration:none;cursor:pointer;transition:border-color .15s,background-color .15s}
.chip:hover{border-color:var(--navy);background:var(--tile);color:#3E4A60}
.chip[aria-pressed="true"],.chip[aria-current]{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
button.chip{min-height:44px;font-size:15.5px}

/* category tiles */
.tiles{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(208px,44%),1fr));gap:clamp(12px,1.4vw,20px)}
.tiles li{display:flex}
.tile{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:clamp(138px,13vw,186px);padding:clamp(16px,1.6vw,22px);background:var(--tile);border:1.5px solid transparent;border-radius:10px;text-decoration:none;transition:border-color .15s,box-shadow .15s,background-color .15s}
.tile:hover{background:var(--tile-hover);border-color:var(--navy)}
.tile .t{display:block;font-size:clamp(17px,1.4vw,19.5px);font-weight:700;line-height:1.25;color:var(--navy)}
.tile.guide{background:var(--cream);border-color:var(--gold-soft);gap:14px}
.tile.guide:hover{background:var(--cream-hover);border-color:var(--gold);box-shadow:0 8px 22px rgba(181,135,58,.2)}
.tile.guide .t{font:500 clamp(20px,1.65vw,23.5px)/1.15 var(--serif)}
.tile.guide .d{display:block;margin-top:7px;font-size:14.5px;line-height:1.35;color:var(--cream-ink)}

/* resource pages */
.cols{margin-top:clamp(24px,2.6vw,34px);display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px 64px}
.cols .main{flex:999 1 560px;min-width:0}
.cols .side{flex:1 1 300px;max-width:460px}
.group{margin-bottom:clamp(36px,3.4vw,48px)}
.group h2{margin:0;font:500 clamp(25px,2.1vw,30px)/1.2 var(--serif);color:var(--navy)}
.group .gnote{margin:6px 0 0;font-size:16.5px;line-height:1.5;color:var(--muted)}
.res{list-style:none;margin:12px 0 0;padding:0}
.res li{padding:20px 0 18px;border-top:1px solid var(--line)}
.res .top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 24px}
.res h3{margin:0;font:500 clamp(20px,1.6vw,22.5px)/1.25 var(--serif);color:var(--navy)}
.res .where{font-size:14.5px;font-weight:700;color:var(--gold-text)}
.res .txt{margin:7px 0 0;font-size:17px;line-height:1.5;color:var(--muted)}
.res .det{margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--ink)}
.ext{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 0;font-size:16px;font-weight:700;color:var(--blue);text-decoration:underline;text-decoration-color:var(--gold-logo);text-underline-offset:4px;word-break:break-word}
.ext:hover{color:var(--navy);text-decoration-color:var(--navy)}
.plain{margin-top:14px;background:var(--cream);border-radius:10px;padding:20px 24px}
.plain h3{margin:0 0 8px;font-size:17px;font-weight:700;color:var(--navy)}
.plain p{margin:0;font-size:17px;line-height:1.55}
.see{margin:14px 0 0;font-size:16px}
.shared-h{margin:8px 0 28px;padding:20px 24px;background:var(--tile);border-radius:12px}
.shared-h h2{margin:0;font:500 clamp(22px,1.8vw,26px)/1.2 var(--serif);color:var(--navy)}
.shared-h p{margin:6px 0 0;font-size:16px;color:var(--muted)}
.linknote{margin:0 0 14px;display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--muted-2)}
.linknote svg{flex:none;margin-top:2px}
.source{margin:0;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.5;color:var(--muted)}
.guidecta{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:22px 26px;background:var(--cream);border:1.5px solid var(--gold-soft);border-radius:12px;text-decoration:none;transition:background-color .15s,border-color .15s}
.guidecta:hover{background:var(--cream-hover);border-color:var(--gold)}
.guidecta .t{display:block;font:500 clamp(21px,1.7vw,24px)/1.2 var(--serif);color:var(--navy)}
.guidecta .d{display:block;margin-top:5px;font-size:16px;line-height:1.45;color:var(--cream-ink)}
.pill{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:9px;background:var(--navy);color:#FFFFFF;font-size:16.5px;font-weight:700}
.more{margin-top:40px}
.more h2{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--navy)}
.more ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.aside{background:var(--tile);border-left:3px solid var(--navy);border-radius:0 10px 10px 0;padding:24px 26px}
.aside h2{margin:0 0 10px;font:500 22px/1.25 var(--serif);color:var(--navy)}
.aside p{margin:0 0 10px;font-size:16.5px;line-height:1.5}
.aside ul{margin:0;padding-left:20px;font-size:16.5px;line-height:1.5}
.aside li{margin-bottom:7px}
.aside dl{margin:0;font-size:16.5px;line-height:1.5}
.aside dt{font-weight:700;color:var(--navy);margin-top:10px}
.aside dd{margin:2px 0 0}
.aside .blk+.blk{margin-top:18px;padding-top:16px;border-top:1px solid #D5DBE4}
.legal{margin-bottom:48px;border:1.5px solid var(--guide-blue-line);border-radius:14px;padding:clamp(22px,2.4vw,32px);background:#F7F9FC}
.legal h2{margin:0;font:500 clamp(25px,2.1vw,30px)/1.2 var(--serif);color:var(--navy)}
.legal p{margin:12px 0 0;max-width:760px;font-size:17px;line-height:1.55}
.legal .fine{font-size:14.5px;color:var(--muted)}
.formbox{margin-top:22px;background:#FFFFFF;border:1px solid #DFE4EC;border-radius:12px;overflow:hidden}
.formbox .fh{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--navy);color:#FFFFFF;font-size:17px;font-weight:700}
.formbox iframe{display:block;width:100%;height:1150px;border:0}
.formbox .fb{padding:14px 20px;font-size:15.5px;border-top:1px solid var(--line)}

/* hub */
.hubrow{border-top:1px solid var(--line);padding:18px 0 16px}
.hubrow h3{margin:0;font:500 clamp(20px,1.6vw,22.5px)/1.25 var(--serif)}
.hubrow h3 a{color:var(--navy);text-decoration-color:var(--gold-logo);text-underline-offset:4px}
.hubrow .st{font-size:14.5px;font-weight:700}
.hubrow .st.ready{color:#1F5E3B}
.hubrow .st.wait{color:var(--muted)}
.hubrow .cats{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hubrow .cats .chip{padding:9px 14px;font-size:14.5px}
.panel{background:var(--tile);border-radius:12px;padding:22px 24px}
.panel h2{margin:0 0 8px;font:500 22px var(--serif);color:var(--navy)}
.panel p{margin:0;font-size:16.5px;line-height:1.5}
.card-cream{display:block;padding:24px 26px;background:var(--cream);border:1.5px solid var(--gold-soft);border-radius:12px;text-decoration:none;transition:background-color .15s,border-color .15s}
.card-cream:hover{background:var(--cream-hover);border-color:var(--gold)}
.card-cream .t{display:block;margin-top:12px;font:500 23.5px/1.15 var(--serif);color:var(--navy)}
.card-cream .d{display:block;margin-top:7px;font-size:16px;line-height:1.45;color:var(--cream-ink)}

/* prose pages */
.prose{max-width:820px}
.prose .lead{margin:18px 0 0;font:400 clamp(20px,1.6vw,22px)/1.55 var(--serif)}
.prose h2{margin:38px 0 0;font:500 clamp(25px,2.1vw,30px)/1.2 var(--serif);color:var(--navy)}
.prose p{margin:10px 0 0;font-size:18px;line-height:1.6}

/* forms */
label.fl,legend.fl{display:block;margin:0 0 8px;padding:0;font-size:17px;font-weight:700;color:var(--navy)}
.opt{font-weight:400;color:var(--muted)}
input[type=text],input[type=email],textarea,select{width:100%;min-height:52px;padding:12px 16px;border:1.5px solid #9AA4B4;border-radius:9px;background:#FFFFFF;color:var(--ink);font:inherit;font-size:18px}
textarea{min-height:112px;line-height:1.5;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(20,39,74,.12);outline:none}
fieldset{margin:0;padding:0;border:0}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px 14px}
.check{display:flex;align-items:center;gap:12px;min-height:56px;padding:11px 14px;border:1.5px solid var(--line);border-radius:9px;background:#FFFFFF;font-size:16px;line-height:1.3;cursor:pointer}
.check:hover{border-color:var(--navy)}
.check input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--navy)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:14px 26px;border:1.5px solid var(--navy);border-radius:9px;background:var(--navy);color:#FFFFFF;font:inherit;font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}
.btn:hover{background:var(--navy-2);border-color:var(--navy-2);color:#FFFFFF}
.btn.ghost{background:#FFFFFF;color:var(--navy)}
.btn.ghost:hover{background:var(--tile);color:var(--navy)}
.btn.sm{min-height:48px;padding:12px 20px;font-size:16.5px}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* guide */
.gwrap{max-width:1010px;margin:0 auto}
.ask{max-width:880px;margin:0 auto}
.building{max-width:560px;margin:clamp(40px,8vw,120px) auto;text-align:center}
.building ul{list-style:none;margin:30px auto 0;padding:0;display:inline-flex;flex-direction:column;gap:14px;text-align:left}
.building li{display:flex;align-items:center;gap:12px;font-size:18px}
.dot{width:24px;height:24px;border-radius:50%;border:2px solid #C9D0DB;flex:none;display:grid;place-items:center;color:#FFFFFF}
.dot.done{background:var(--navy);border-color:var(--navy)}
.gkicker{font-size:16.5px;font-weight:700;color:var(--gold-text)}
.gtitle{margin:22px 0 0;max-width:860px;font:500 clamp(34px,3.7vw,54px)/1.12 var(--serif);letter-spacing:-.02em;color:var(--navy)}
.gintro{margin:20px 0 0;max-width:880px;font:400 clamp(18.5px,1.5vw,20.5px)/1.62 var(--serif)}
.grule{height:2px;width:72px;background:var(--gold);margin-top:34px}
.gsec{margin-top:40px}
.gsec h2{margin:0 0 4px;font:500 clamp(26px,2.2vw,32px)/1.2 var(--serif);color:var(--navy)}
.gitem{padding:18px 0;border-top:1px solid var(--line)}
.gitem h3{margin:0;font-size:19.5px;font-weight:700;line-height:1.35;color:var(--navy)}
.gitem h3 span{font-weight:400;color:var(--gold-text);font-size:15.5px;margin-left:8px}
.gitem p{margin:6px 0 0;font-size:17px;line-height:1.52}
.qs{list-style:none;margin:14px 0 0;padding:0}
.qs li{display:flex;gap:14px;align-items:flex-start;padding:11px 0;font-size:18px;line-height:1.45}
.qs li::before{content:"";width:20px;height:20px;border:1.5px solid var(--navy);border-radius:4px;flex:none;margin-top:3px}

/* footer */
.site-foot{border-top:1px solid var(--line);padding:22px var(--gutter) 20px;font-size:15px;line-height:1.5;color:var(--muted)}
.site-foot .disc{margin:0 0 14px;max-width:980px;font-size:14.5px;line-height:1.55}
.site-foot .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px}
.site-foot .row a{color:var(--muted)}

@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}.who:hover{transform:none}}
@media print{
  .site-head,.site-foot,.noprint,.skip{display:none !important}
  .inner{padding:0}
  body{font-size:12pt}
  a{color:#000}
  .gitem,.gsec h2{break-inside:avoid}
}

/* about */
.about-col{max-width:780px}
.about-col p{margin:16px 0 0;font-size:18.5px;line-height:1.7}
.kicker{margin:28px 0 0 !important;font-size:15px !important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text)}
.about-intro{padding-top:clamp(20px,2.4vw,34px);padding-bottom:clamp(48px,6vw,80px)}
.about-intro h1.pg{margin-top:8px}
.about-tag{margin:18px 0 8px !important;padding-left:18px;border-left:3px solid var(--gold-logo);font:italic 400 clamp(21px,2vw,26px)/1.4 var(--serif) !important;color:var(--navy)}
.about-why{background:var(--cream-2);border-top:1px solid var(--gold-soft);border-bottom:1px solid var(--gold-soft);padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(52px,6.5vw,92px)}
.about-why h2,.dana-text h2{margin:0;font:500 clamp(30px,3vw,42px)/1.15 var(--serif);letter-spacing:-.015em;color:var(--navy)}
.about-why .about-col p{color:var(--ink)}
.pull{max-width:900px;margin:clamp(40px,5vw,64px) 0 0;font:500 clamp(30px,3.6vw,48px)/1.2 var(--serif);letter-spacing:-.015em;color:var(--navy)}
.pull-rule{display:block;width:72px;height:3px;background:var(--gold);margin-bottom:22px}
.about-dana{padding-top:clamp(52px,6.5vw,92px);padding-bottom:clamp(56px,7vw,100px)}
.dana-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start;max-width:1200px}
.dana-portrait{margin:0;position:sticky;top:24px}
.dana-portrait img,.dana-family img{display:block;width:100%;height:auto;border-radius:14px}
.dana-portrait img{box-shadow:0 18px 40px rgba(12,33,71,.14)}
.dana-role{margin:10px 0 0;font-size:17px;font-weight:700;color:var(--gold-text)}
.dana-text p{margin:18px 0 0;font-size:18.5px;line-height:1.7}
.dana-text .dana-role{margin-top:10px;font-size:17px;line-height:1.4}
.dana-text .dana-em{font:italic 400 clamp(20px,1.7vw,23px)/1.5 var(--serif);color:var(--navy);padding:6px 0 6px 18px;border-left:3px solid var(--gold-logo)}
.dana-text cite{font-style:italic}
.dana-family{margin:clamp(56px,7vw,96px) auto 0;max-width:1100px}
@media (max-width:820px){
  .dana-grid{grid-template-columns:minmax(0,1fr)}
  .dana-portrait{position:static;max-width:420px}
}

/* homepage redesign */
.brand{max-width:970px;margin:0 auto;padding:clamp(12px,2vw,24px) 0 clamp(8px,1.4vw,16px)}
.brand-mark{display:block;width:min(970px,100%);margin:0 auto}
.brand-mark img{display:block;width:100%;height:auto;max-width:none}
.hero .brand-tag{margin:clamp(14px,1.6vw,20px) 0 0;font:400 clamp(16px,1.55vw,21px)/1.45 var(--sans);letter-spacing:.03em;color:#D9E1EE}
.hero{padding-bottom:clamp(128px,11vw,150px)}
.hero h1{margin-top:clamp(36px,4vw,56px)}
.home-cream{background:var(--cream-2);padding:0 var(--gutter) clamp(56px,6vw,84px)}
.home-cream .who-list{position:relative;z-index:3}
.discover{max-width:1160px;margin:clamp(72px,8vw,112px) auto 0}
.discover h2{margin:0;max-width:820px;font:500 clamp(30px,3.4vw,46px)/1.15 var(--serif);letter-spacing:-.018em;color:var(--navy)}
.discover-sub{margin:16px 0 0;max-width:680px;font-size:clamp(18px,1.5vw,20px);line-height:1.6;color:var(--ink)}
.rcards{list-style:none;margin:clamp(36px,4vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(18px,2vw,28px);counter-reset:rc}
.rcards li{display:flex;counter-increment:rc}
.rcard{position:relative;flex:1;display:flex;flex-direction:column;min-height:232px;padding:clamp(28px,3vw,40px) clamp(26px,3vw,40px) clamp(24px,2.6vw,32px);background:#FFFFFF;border:1px solid #EADFC6;border-radius:16px;text-decoration:none;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.rcard::after{content:"";position:absolute;left:clamp(26px,3vw,40px);right:clamp(26px,3vw,40px);bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--gold-logo);transform:scaleX(.18);transform-origin:left;transition:transform .25s ease}
.rcard:hover{transform:translateY(-4px);border-color:var(--gold-soft);box-shadow:0 18px 40px rgba(12,33,71,.10);color:var(--ink)}
.rcard:hover::after{transform:scaleX(1)}
.rnum::before{content:counter(rc,decimal-leading-zero);font:500 clamp(18px,1.5vw,20px)/1 var(--serif);color:var(--gold-text);letter-spacing:.04em}
.rt{display:block;margin-top:clamp(18px,2vw,26px);font:500 clamp(24px,2.2vw,30px)/1.2 var(--serif);letter-spacing:-.01em;color:var(--navy)}
.rd{display:block;margin-top:10px;font-size:17px;line-height:1.55;color:var(--muted)}
.rgo{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:22px;font-size:16px;font-weight:700;color:var(--blue)}
.rcard:hover .rgo{color:var(--navy)}
.discover-all{margin:clamp(28px,3vw,40px) 0 0;text-align:right}
.discover-all a{display:inline-flex;align-items:center;gap:8px;padding:10px 0;font-size:17px;font-weight:700;color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold-logo);text-underline-offset:6px}
.home-guide{background:var(--guide-blue);border-top:1px solid var(--guide-blue-line);border-bottom:1px solid var(--guide-blue-line);padding:clamp(56px,7vw,96px) var(--gutter)}
.guide-inner{max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:28px clamp(32px,5vw,72px)}
.guide-mark{flex:none;width:clamp(56px,6vw,84px);height:auto}
.guide-copy{flex:1 1 420px}
.guide-copy h2{margin:0;font:500 clamp(32px,3.6vw,48px)/1.12 var(--serif);letter-spacing:-.018em;color:var(--navy)}
.guide-copy p{margin:14px 0 0;max-width:620px;font-size:clamp(18px,1.5vw,20px);line-height:1.6;color:var(--ink)}
.guide-btn{flex:none;min-height:60px;padding:16px 32px;font-size:19px;border-radius:10px;box-shadow:0 10px 24px rgba(12,33,71,.18)}
.home-statement{background:var(--cream-2);padding:clamp(80px,9vw,128px) var(--gutter);text-align:center}
.stmt-mark{width:44px;height:auto;margin:0 auto 26px}
.home-statement p{margin:0 auto;max-width:860px;font:italic 400 clamp(26px,2.8vw,38px)/1.35 var(--serif);color:var(--navy)}
.home-foot{background:var(--navy);color:#C9D2E3;border-top:0;padding:clamp(40px,5vw,56px) var(--gutter) 32px}
.home-foot .hf-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.14)}
.home-foot .hf-logo{flex:none;display:block}
.home-foot .brand-mark.sm{width:min(300px,78vw);margin:0}
.home-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 28px;font-size:16px}
.home-foot ul a{display:inline-block;padding:10px 0;color:#FFFFFF;text-decoration:none}
.home-foot ul a:hover{text-decoration:underline;text-underline-offset:5px;color:#FFFFFF}
.home-foot :focus-visible{outline-color:#FFFFFF}
.home-foot .hf-attr{margin:20px 0 0;font-size:15px;color:#E4E9F2}
.home-foot .disc{margin:10px 0 0;max-width:980px;font-size:13.5px;line-height:1.6;color:#AFBBD0}
@media (max-width:640px){.discover-all{text-align:left}.guide-btn{width:100%;justify-content:center}}
.prose ul{margin:12px 0 0;padding-left:22px;font-size:18px;line-height:1.6}
.prose li{margin-bottom:10px}

/* stay connected band (every page) and path mark */
.stay-band{background:var(--blue);color:#FFFFFF;padding:clamp(36px,4.5vw,56px) var(--gutter)}
.stay-inner{max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 48px}
.stay-copy{flex:1 1 420px}
.stay-band h2{margin:0;font:500 clamp(26px,2.6vw,34px)/1.2 var(--serif);color:#FFFFFF}
.stay-band p{margin:8px 0 0;max-width:640px;font-size:17.5px;line-height:1.55;color:#E4E9F2}
.stay-band :focus-visible{outline-color:#FFFFFF}
.btn.stay-btn{flex:none;min-height:56px;padding:14px 28px;border-color:var(--cream-2);background:var(--cream-2);color:var(--navy);border-radius:10px}
.btn.stay-btn:hover{background:#FFFFFF;border-color:#FFFFFF;color:var(--navy)}
img.guide-mark{border-radius:14px;box-shadow:0 8px 20px rgba(12,33,71,.16)}
img.stmt-mark{display:block;width:clamp(72px,7vw,96px);height:auto;margin:0 auto 28px;border-radius:16px;box-shadow:0 10px 24px rgba(12,33,71,.14)}
.home-statement + .stay-band, main + .stay-band{border-top:0}
@media (max-width:640px){.btn.stay-btn{width:100%;justify-content:center}}
