*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FAFAF7;color:#22282B;
 font:400 17px/1.62 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:#1F6A61}
a:focus-visible,button:focus-visible{outline:2px solid #1F6A61;outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:20;background:#2b4654;color:#F4F7F6;padding:10px 16px;border-radius:2px}
.rail{max-width:1240px;margin:0 auto;padding:0 32px}
h1,h2,h3{font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;
 font-weight:700;line-height:1.15;margin:0 0 .5em;letter-spacing:.01em}
h1{font-size:46px}
h2{font-size:32px}
h3{font-size:21px}
p{margin:0 0 1em;max-width:66ch}
.eyebrow{font:700 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;
 text-transform:uppercase;margin:0 0 10px;opacity:.85}
.deck{font-size:19px;max-width:60ch}
.stripe{display:block;width:96px;margin:0 0 20px}
.stripe i{display:block;height:4px;margin-bottom:3px}
.stripe i:nth-child(1){background:#279a8d}
.stripe i:nth-child(2){background:#f3a65c;width:72%}
.stripe i:nth-child(3){background:#e56848;width:44%}
.stripe--sm{width:64px}
/* header */
.site-head{background:#FAFAF7;border-bottom:1px solid #D8DEDB;position:relative;z-index:5}
.head-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#22282B}
.wordmark{font:400 26px/1 "Trebuchet MS",Verdana,sans-serif;letter-spacing:.02em}
.wordmark b{font-weight:700}
.nav{list-style:none;display:flex;gap:26px;margin:0;padding:0;flex-wrap:wrap}
.nav a{font-size:15px;text-decoration:none;color:#22282B;padding:4px 0;
 border-bottom:2px solid transparent}
.nav a:hover,.nav a.is-active{border-bottom-color:#1F6A61;color:#1F6A61}
/* bands */
.band{padding:64px 0}
.band--paper{background:#FAFAF7}
.band--tint{background:#EFF3F2}
.band--navy{background:#2b4654;color:#F4F7F6}
.band--navy a{color:#9BD8CE}
.band--navy .stripe i:nth-child(1){background:#7fd0c4}
.titleband{padding:56px 0 48px}
.titleband h1{margin-bottom:.35em}
.band-title{margin-bottom:28px}
/* lead */
.lead{padding-top:56px;padding-bottom:56px}
.lead-inner{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
.lead-copy h1{font-size:46px;margin-bottom:.4em}
.lead-link a,.chapter-link a{display:inline-block;font-weight:700;text-decoration:none;
 border-bottom:2px solid #1F6A61;padding-bottom:2px;margin-right:24px}
.lead-link a:hover,.chapter-link a:hover{color:#123f39}
.band--navy .chapter-link a{border-bottom-color:#9BD8CE}
/* story + index */
.story-grid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:start;
 border-top:1px solid #D8DEDB;padding-top:40px}
.story-lede{font-size:20px;line-height:1.6;margin:0}
.section-index h2{font:700 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;
 text-transform:uppercase;margin:0 0 12px}
.section-index ul{list-style:none;margin:0;padding:0;border-top:1px solid #D8DEDB}
.section-index li{border-bottom:1px solid #D8DEDB}
.section-index a{display:block;padding:10px 0;text-decoration:none;font-size:15px}
.section-index span{display:inline-block;width:34px;color:#1F6A61;font-weight:700}
/* chapters */
.chapter-grid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
.chapter--flip .chapter-grid{direction:rtl}
.chapter--flip .chapter-grid>*{direction:ltr}
.chapter-media img{width:100%;border:1px solid #D8DEDB}
.numeral{font:700 13px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.14em;color:#1F6A61;margin:0 0 8px}
/* benefits */
.benefits{list-style:none;margin:0;padding:0;border-top:1px solid #D8DEDB}
.benefit{display:grid;grid-template-columns:112px 1fr;gap:28px;align-items:start;
 padding:26px 0;border-bottom:1px solid #D8DEDB}
.benefit img{width:112px;height:112px}
.benefit h3{margin:0 0 8px}
.benefit ul{margin:0;padding-left:18px}
.benefit li{margin-bottom:4px}
/* ledger */
.ledger{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid #D8DEDB}
.ledger-row{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:20px 0;
 border-bottom:1px solid #D8DEDB}
.ledger-date{font:700 12px/1.6 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;
 text-transform:uppercase;margin:2px 0 0;color:#4A5559}
.ledger-row h2,.ledger-row h3{font-size:23px;margin:0 0 6px}
.ledger-row a{text-decoration:none}
.ledger-row a:hover{text-decoration:underline}
.ledger-row p{margin:0;color:#3C4448}
.pager{display:flex;gap:20px;font-size:15px}
.pager a[aria-current]{font-weight:700;text-decoration:none;border-bottom:2px solid #1F6A61}
/* member chapter */
.member-grid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:start}
.get-list{margin:0;padding-left:18px}
.get-list li{margin-bottom:8px}
/* statements / values / team */
.statements{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.statement{border-top:1px solid #D8DEDB;padding-top:24px}
.statement p:last-child{margin-bottom:0}
.values{list-style:none;counter-reset:v;margin:0;padding:0;
 display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
.values li{counter-increment:v;border-bottom:1px solid #D8DEDB;padding:20px 0}
.values li h3::before{content:counter(v,decimal-leading-zero);color:#1F6A61;
 font:700 13px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.1em;display:block;margin-bottom:6px}
.values li p{margin:0}
.team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}
.team li{border-bottom:1px solid #D8DEDB}
.team a{display:block;padding:18px 0;text-decoration:none;color:#22282B}
.team a:hover .tm-name{color:#1F6A61;text-decoration:underline}
.tm-name{display:block;font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;
 font-weight:700;font-size:21px}
.tm-role,.team a span:last-child{display:block;font-size:13px;letter-spacing:.06em;
 text-transform:uppercase;color:#4A5559;margin-top:4px}
.motto{font-style:italic;max-width:56ch}
/* profile / post */
.profile-grid,.post-grid{display:grid;grid-template-columns:7fr 4fr;gap:56px;align-items:start}
.profile-rail{border-top:3px solid #2b4654;padding-top:18px}
.profile-rail h2{font:700 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;
 text-transform:uppercase;margin:0 0 6px}
.profile-rail p{font-size:16px;margin:0 0 18px}
.post-excerpt{font-size:20px;line-height:1.6}
.post-note{font-size:15px;color:#4A5559;border-left:3px solid #D8DEDB;padding-left:16px}
.prevnext{display:flex;gap:32px;flex-wrap:wrap}
.pn{max-width:34ch;text-decoration:none;font-weight:700;
 font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;font-size:20px}
.pn span{display:block;font:700 11px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.1em;
 text-transform:uppercase;color:#4A5559;font-weight:700}
.pn:hover{text-decoration:underline}
/* tiers */
.tiers{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tier{border-top:1px solid #D8DEDB;padding:28px 0;display:grid;
 grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.tier h2{margin:0 0 8px}
.tier .eyebrow{margin:0 0 6px}
.tier-price{font:700 26px/1.2 "Arial Narrow",Arial,sans-serif;color:#1F6A61;margin:0}
.tier-body p{margin:0 0 12px}
.tier-body ul{margin:0;padding-left:18px}
.tier li{margin-bottom:6px}
.plainlist,.linkrow{margin:0 0 20px;padding-left:18px}
.linkrow{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px}
.plainlist li{margin-bottom:6px}
/* cookies */
.cookie-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px;margin-bottom:32px}
.cookie-cat{border-top:1px solid #D8DEDB;padding:18px 0}
.cookie-cat p{margin:0}
.tablewrap{overflow-x:auto}
.cookie-table{border-collapse:collapse;width:100%;font-size:15px;min-width:640px}
.cookie-table caption{text-align:left;font-weight:700;padding-bottom:10px}
.cookie-table th,.cookie-table td{border-bottom:1px solid #D8DEDB;padding:10px 14px 10px 0;
 text-align:left;vertical-align:top}
.cookie-table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
/* footer */
.site-foot{background:#2b4654;color:#F4F7F6;padding:56px 0 28px;margin-top:0}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.foot-col h2{font:700 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;
 text-transform:uppercase;margin:0 0 12px}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col li{margin-bottom:8px}
.foot-col a{color:#DCE6E3;text-decoration:none;font-size:15px}
.foot-col a:hover{text-decoration:underline;color:#fff}
.foot-brand .wordmark{margin:12px 0 0;font-size:22px}
.foot-base{border-top:1px solid #3C5866;margin-top:36px;padding-top:18px}
.foot-base p{font-size:13px;color:#B9C8C4;margin:0}
@media (max-width:1080px){
 .rail{padding:0 24px}
 h1{font-size:40px}
 .lead-copy h1{font-size:40px}
 .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
 .team{grid-template-columns:repeat(2,1fr)}
 .values,.cookie-cats{grid-template-columns:1fr}
 .profile-grid,.post-grid{grid-template-columns:1fr;gap:36px}
 .tier{grid-template-columns:1fr;gap:16px}
 .statements{grid-template-columns:1fr}
}
@media (max-width:700px){
 .rail{padding:0 20px}
 body{font-size:16px}
 .head-inner{height:auto;min-height:60px;flex-direction:column;align-items:flex-start;
  gap:10px;padding-top:12px;padding-bottom:12px}
 .nav{gap:14px 20px}
 .nav a{padding:10px 0;font-size:15px}
 .band{padding:44px 0}
 h1,.lead-copy h1{font-size:32px}
 h2{font-size:26px}
 .deck,.story-lede,.post-excerpt{font-size:17px}
 .stripe{width:56px}
 .lead-inner,.chapter-grid,.story-grid,.member-grid{grid-template-columns:1fr;gap:26px}
 .chapter--flip .chapter-grid{direction:ltr}
 .lead-inner{display:flex;flex-direction:column}
 .lead-media img{max-height:210px;object-fit:cover}
 .section-index{display:none}
 .benefit{grid-template-columns:64px 1fr;gap:16px}
 .benefit img{width:64px;height:64px}
 .ledger-row{grid-template-columns:1fr;gap:4px}
 .ledger-date{order:-1;margin:0}
 .team{grid-template-columns:1fr}
 .foot-grid{grid-template-columns:1fr;gap:28px}
 .prevnext{flex-direction:column;gap:20px}
}
