:root{--forest:#24402f;--moss:#5d7a4f;--sage:#dfe7d6;--cream:#faf6ee;--clay:#b8643c;--ink:#233028;--muted:#5d6b62;--line:#e3dccd;
--serif:Georgia,"Iowan Old Style","Palatino Linotype",serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 var(--sans);color:var(--ink);background:var(--cream)}
h1,h2,h3{font-family:var(--serif);color:var(--forest);line-height:1.2;font-weight:600}
h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 .5em}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.25rem;margin:.2em 0}
a{color:var(--clay)}img{max-width:100%}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.site{position:sticky;top:0;z-index:5;background:rgba(250,246,238,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;flex-wrap:wrap}
.logo{font:600 1.35rem var(--serif);color:var(--forest);text-decoration:none;display:flex;align-items:center;gap:8px}
nav a{color:var(--ink);text-decoration:none;margin-left:18px;font-size:.95rem}nav a:hover,nav a[aria-current]{color:var(--clay)}
.btn{display:inline-block;background:var(--clay);color:#fff;padding:.75em 1.4em;border-radius:999px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font-size:1rem}
.btn:hover{background:#9f5230}.btn.alt{background:transparent;color:var(--forest);border:2px solid var(--forest)}.btn.alt:hover{background:var(--forest);color:#fff}
nav .btn{margin-left:18px;padding:.5em 1.1em;color:#fff}
.hero{background:linear-gradient(160deg,var(--sage),var(--cream) 70%);padding:84px 0 72px;position:relative;overflow:hidden}
.hero p.lead{font-size:1.25rem;max-width:620px;color:var(--muted)}.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero svg.deco{position:absolute;right:-40px;bottom:-10px;width:min(520px,60%);opacity:.5}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--moss);font-weight:700}
section{padding:64px 0}section.alt{background:#fff}section.dark{background:var(--forest);color:#e9efe3}section.dark h2,section.dark h3{color:#fff}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}section.alt .card{background:var(--cream)}
.card .ic{font-size:1.8rem}.card p{color:var(--muted);margin:.4em 0 0}
.path{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.path .card{border-top:6px solid var(--moss)}.path .card.emp{border-top-color:var(--clay)}
.split{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center}
.quote{font:italic 1.35rem/1.5 var(--serif);border-left:4px solid var(--clay);padding-left:20px;color:var(--forest)}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.steps li{counter-increment:s;background:#fff;border-radius:16px;padding:22px;border:1px solid var(--line)}
.steps li:before{content:counter(s);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--moss);color:#fff;font-weight:700;margin-bottom:8px}
.portrait{aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--moss),var(--sage));display:grid;place-items:center;font:600 3rem var(--serif);color:#fff;width:160px}
.people{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.person{display:flex;gap:22px;align-items:flex-start}
.crisis{background:#fff3e8;border:1px solid #f0cdb3;border-radius:14px;padding:16px 20px;font-size:.95rem}
form.f{display:grid;gap:14px;max-width:520px}form.f label{font-weight:600;font-size:.92rem}
form.f input,form.f select,form.f textarea{width:100%;padding:.7em .9em;border:1px solid #cfc7b5;border-radius:10px;font:inherit;background:#fff}
.tabs{display:flex;gap:8px;margin-bottom:22px}.tabs button{border:1px solid var(--line);background:#fff;padding:.5em 1.1em;border-radius:999px;cursor:pointer;font:inherit}
.tabs button[aria-pressed=true]{background:var(--forest);color:#fff}
.proto{background:#fff8d6;border-bottom:1px solid #ecdf9a;text-align:center;font-size:.82rem;padding:5px}
footer{background:#1b2f22;color:#bccabf;padding:46px 0;font-size:.92rem}footer a{color:#e7efe2}footer .cols{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:640px){nav a{margin-left:12px}.hero{padding:56px 0}.person{flex-direction:column}}
.portrait.photo{object-fit:cover;object-position:50% 20%;border-radius:50%;flex:none;width:160px;height:160px;background:var(--sage)}

/* Account menu (top right) */
nav{display:flex;align-items:center;flex-wrap:wrap}
details.acct{position:relative;margin-left:18px}
details.acct summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--ink);font-size:.95rem;padding:.35em .6em;border:1px solid var(--line);border-radius:999px}
details.acct summary::-webkit-details-marker{display:none}
details.acct summary:hover,details.acct[open] summary{color:var(--clay);border-color:var(--clay)}
details.acct .menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;display:flex;flex-direction:column;z-index:10}
details.acct .menu a{margin:0;padding:.55em .8em;border-radius:6px;font-size:.95rem}
details.acct .menu a:hover{background:var(--cream,#faf6ee)}
details.acct .menu hr{border:0;border-top:1px solid var(--line);margin:4px 0;width:100%}
@media(max-width:640px){details.acct{margin-left:12px}details.acct summary span{display:none}}
details.acct .menu .who{padding:.6em .8em;font-weight:600;display:flex;flex-direction:column}
details.acct .menu .who small{font-weight:400;color:var(--muted)}
details.acct .menu .who{padding:.6em .8em;font-weight:600;display:flex;flex-direction:column}
details.acct .menu .who small{font-weight:400;color:var(--muted)}

.hero.photo{--shade:linear-gradient(180deg,rgba(15,35,50,.45),rgba(15,35,50,.78));background:var(--shade),url(../img/bc-mountains.png);background-position:center 35%;background-size:cover;color:#fff;padding:120px 0 100px}
.hero.photo h1,.hero.photo p.lead{color:#fff}.hero.photo .eyebrow{color:#f1d3bd}
.hero.photo .btn.alt{color:#fff;border-color:#fff}.hero.photo .btn.alt:hover{background:#fff;color:var(--forest)}
img.collage,.duo img{width:100%;height:auto;display:block}.duo{display:grid;gap:16px}.duo img{max-width:100%}
@media(min-width:900px){.duo{grid-template-columns:1fr 1fr;align-items:center}}
@media(max-width:640px){.hero.photo{padding:72px 0 64px}}