/* Shared editorial system. Page-specific refinements follow this stylesheet. */
@font-face{font-family:Manrope;src:url('./fonts/manrope-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url('./fonts/newsreader-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url('./fonts/newsreader-latin-wght-italic.woff2') format('woff2');font-style:italic;font-weight:200 800;font-display:swap}
:root{
 --sans:Manrope,Arial,sans-serif;
 --serif:Newsreader,Georgia,serif;
 --paper:#f8f6ef;
 --paper-deep:#eeece3;
 --ink:#102d32;
 --ink-soft:#4b6060;
 --copper:#97583d;
 --copper-light:#dbad8a;
 --readable-copper:#97583d;
 --line:#d5d8ce;
 --white:#fffdf8;
 --max:1320px;
 --editorial-green:#e6ebe2;
 --panel-header-bg:var(--ink);
 --panel-header-text:#fffef9;
 --panel-header-meta:#dbe4d9;
}
html{scroll-padding-top:112px}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.7;letter-spacing:-.016em}
::selection{background:#dcb69b;color:#102d32}
h1,h2,h3,h4{font-weight:500}
h1,h2{font-family:var(--sans);letter-spacing:-.06em;text-wrap:balance}
h1{font-size:clamp(3rem,6.2vw,5.8rem);line-height:1.035}
h2{font-size:clamp(2.1rem,3.65vw,3.45rem);line-height:1.1}
h3{font-size:1.35rem;line-height:1.3;letter-spacing:-.035em}
h1 em,h2 em,.footer-statement em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
p{text-wrap:pretty}
button,input,select,textarea{font-family:var(--sans)}
a,button,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}
.dark a:focus-visible,.dark button:focus-visible,.footer a:focus-visible{outline-color:#efc29e}
.wrap{width:min(var(--max),calc(100% - 112px))}
.header{width:100%;background:rgba(248,246,239,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.header-inner{height:88px;gap:40px}
.header .brand .brand-logo{width:176px;height:auto;color:var(--ink)}
.nav{gap:30px}
.nav>a{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;padding-block:12px}
.nav>a:not(.nav-action)::after{height:2px;bottom:6px;background:var(--copper)}
.nav>a[aria-current=page]{font-weight:700}
.nav .nav-action{font-size:12px!important;min-height:44px;padding:11px 18px!important;gap:24px;color:var(--ink);background:transparent;border:1px solid #aeb9b0}
.nav .nav-action:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.nav .nav-action .arrow{font-size:18px}
.menu-toggle{min-height:44px;min-width:72px;font-family:var(--mono);font-size:11px;letter-spacing:.06em}
.eyebrow,.chapter-number{font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:.12em;font-weight:400;color:var(--copper)}
.eyebrow{margin-bottom:22px}
.eyebrow::before{width:28px}
.chapter-number{margin-bottom:28px}
.hero-deck{font-size:17px;line-height:1.8;max-width:43ch;color:var(--ink-soft)}
.chapter-explore,.text-link{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0;gap:24px;min-height:44px}
.chapter-explore{border-color:#b1bcb1}
.chapter-explore:hover,.text-link:hover{color:var(--copper);border-color:var(--copper)}
.button{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0;min-height:50px;padding:14px 22px;border-radius:0;gap:30px;background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:none}
.button:hover{background:#21484b;border-color:#21484b;transform:none}
.button.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.button.light:hover{background:#e5e9df;border-color:#e5e9df}
.button .arrow,.text-link .arrow{font-size:20px;font-weight:400;transition:transform .2s}
.section{padding-block:clamp(72px,7.4vw,110px)}
.section-tight{padding-block:clamp(58px,6.2vw,88px)}
.section-head{gap:60px;margin-bottom:46px}
.section-head p{font-size:15px;line-height:1.8}
.rich-copy{color:var(--ink-soft)}
.rich-copy p{font-size:15px;line-height:1.85}
.rich-copy .lead{font-size:20px;line-height:1.65;color:var(--ink)}
.rule-top{border-color:var(--line)}
.dark{background:var(--ink);color:var(--paper)}
.dark .eyebrow{color:var(--copper-light)}

/* A chapter index should orient the visitor without becoming another section. */
.page-wayfinder-wrap{padding-block:26px 0}
.page-wayfinder{padding:0;background:transparent;border:0;box-shadow:none}
.wayfinder-kicker{font:400 10px/1.5 var(--mono);letter-spacing:.12em;color:#64706b;margin:0 0 12px}
.wayfinder-links{display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;padding:0;list-style:none}
.wayfinder-links>li{flex:1;min-width:0}
.wayfinder-links a{display:flex;align-items:center;gap:12px;min-height:62px;height:100%;padding:13px 20px;border:0;border-right:1px solid var(--line);background:transparent;transition:background .2s}
.wayfinder-links>li:first-child a{padding-left:0}
.wayfinder-links>li:last-child a{border-right:0}
.wayfinder-number{font:400 10px/1 var(--mono);color:var(--copper)}
.wayfinder-label{font:500 12px/1.5 var(--sans);letter-spacing:-.01em}
.wayfinder-arrow{flex-shrink:0;margin-left:auto;width:23px;height:23px;border:1px solid #bdc7bb;background:transparent;color:var(--ink);font-size:14px;grid-area:auto}
.wayfinder-links a:hover,.wayfinder-links a:focus-visible{background:#e9ede4;color:var(--ink)}
.wayfinder-links a:hover .wayfinder-arrow{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* Quiet chapter transitions and one consistent informational footer. */
.closing{padding-block:58px;background:#e7ebe1;border-top:1px solid #cbd4c7}
.closing::before{display:none}
.closing-inner{gap:48px;align-items:center}
.closing h2{font-family:var(--sans);font-size:clamp(1.9rem,3.2vw,3rem);font-weight:500;line-height:1.15;letter-spacing:-.055em;max-width:740px}
.closing .button{flex-shrink:0}
.footer{background:#102d32;color:var(--paper);padding:66px 0 22px}
.footer-lead{grid-template-columns:1.35fr .65fr;gap:70px;padding-bottom:44px;margin-bottom:40px;border-color:#385256}
.footer-lead .footer-statement{font-family:var(--sans);font-size:clamp(2.6rem,5.3vw,4.7rem);font-weight:500;line-height:1.04;letter-spacing:-.065em}
.footer-lead .footer-statement em{color:#d4a47f;font-size:1.06em}
.footer-invitation{justify-self:end;max-width:320px}
.footer-invitation p{font-size:17px;line-height:1.6;letter-spacing:-.02em;color:#d2ded4;margin-bottom:18px}
.footer-invitation .button{font-size:12px;min-height:46px;padding:12px 18px;gap:28px}
.footer-top{gap:65px;padding-bottom:30px}
.footer-brand .brand .brand-logo{width:168px;color:var(--paper)}
.footer-brand p{font-size:12px;line-height:1.8;color:#b7c7bf;max-width:28ch}
.footer-label{font:400 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#d0a181;margin-bottom:18px}
.footer-links a{font-size:12px;min-height:34px;line-height:1.6;display:flex;align-items:center;color:#d2ddd4}
.footer-links a:hover{color:#fffdf8;text-decoration:underline;text-underline-offset:5px}
.footer-bottom{border-color:#385256;padding-top:19px;font-family:var(--mono);font-size:9px;color:#b8c9c0;gap:20px;align-items:center}
.footer-bottom>a{font-family:var(--mono);font-size:9px;color:#d2ddd4;min-height:32px}
.footer-bottom>span{font-size:9px}

@media(max-width:1100px){
 .wrap{width:calc(100% - 72px)}
 .header-inner{gap:24px}
 .nav{gap:22px}
 .nav .nav-action{gap:16px;padding-inline:14px!important}
 .wayfinder-links a{padding-inline:13px;gap:9px}
 .wayfinder-label{font-size:11px}
 .section-head{gap:40px}
}
@media(max-width:900px){
 .wrap{width:calc(100% - 56px)}
 .header-inner{height:76px}
 .header .brand .brand-logo{width:158px}
 .nav{background:var(--paper);border-color:var(--line)}
 .nav>a{font-size:30px;line-height:1.3;font-weight:400;min-height:58px}
 .nav .nav-action{font-size:14px!important;min-height:54px;margin-top:24px;padding:16px 20px!important;justify-content:space-between}
 .mobile-nav-footer{font-size:12px;color:var(--ink-soft)}
 .wayfinder-links{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a2b09f transparent;overscroll-behavior-inline:contain}
 .wayfinder-links>li{flex:0 0 auto;min-width:145px}
 .wayfinder-links a{white-space:nowrap;min-width:max-content;min-height:58px;padding-inline:15px}
 .wayfinder-links>li:first-child a{padding-left:0}
 .wayfinder-links>li:last-child:nth-child(odd){grid-column:auto}
 .wayfinder-label{font-size:12px}
 .footer-lead{grid-template-columns:1.2fr 1fr;gap:40px}
 .footer-invitation{justify-self:end}
 .footer-invitation p{font-size:16px}
 .footer-top{gap:40px}
}
@media(max-width:700px){
 html{scroll-padding-top:96px}
 .wrap{width:calc(100% - 40px)}
 .header-inner{height:72px;gap:18px}
 .header .brand .brand-logo{width:150px}
 h1{font-size:clamp(2.75rem,10vw,4rem);line-height:1.05}
 h2{font-size:clamp(2rem,8vw,2.75rem)}
 .chapter-number{margin-bottom:24px}
 .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:20px}
 .hero-deck{font-size:16px;line-height:1.8}
 .section{padding-block:64px}
 .section-tight{padding-block:54px}
 .section-head{gap:24px;margin-bottom:34px}
 .section-head p,.rich-copy p{font-size:15px;line-height:1.8}
 .page-wayfinder-wrap{padding-top:20px}
 .wayfinder-links>li{flex-basis:auto}
 .wayfinder-links a{min-height:54px}
 .wayfinder-kicker{margin-bottom:10px}
 .closing{padding-block:43px}
 .closing-inner{align-items:start;gap:25px}
 .closing h2{font-size:clamp(1.9rem,7.6vw,2.5rem)}
 .footer{padding-top:48px}
 .footer-lead{grid-template-columns:1fr;gap:28px;margin-bottom:32px;padding-bottom:32px}
 .footer-lead .footer-statement{font-size:clamp(2.6rem,11vw,3.8rem);line-height:1.05}
 .footer-invitation{justify-self:start;max-width:none;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
 .footer-invitation p{font-size:14px;margin:0;max-width:24ch}
 .footer-invitation p br{display:none}
 .footer-top{grid-template-columns:1fr 1fr;gap:28px 20px;padding-bottom:28px}
 .footer-brand{grid-column:1/-1}
 .footer-brand .brand .brand-logo{width:153px}
 .footer-brand p{margin-bottom:0;max-width:none}
 .footer-label{margin-bottom:12px}
 .footer-links a{font-size:12px;min-height:34px}
 .footer-bottom{flex-wrap:wrap;gap:4px 16px;justify-content:space-between}
 .footer-bottom>span:last-child{width:100%;line-height:1.8}
}
@media(max-width:380px){.wrap{width:calc(100% - 36px)}.nav>a{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover .arrow,.text-link:hover .arrow{transform:none}}
@media print{
 :root{--panel-header-bg:#fff;--panel-header-text:#102d32;--panel-header-meta:#4b6060}
 .header,.footer,.page-wayfinder-wrap{display:none!important}
 body{color:#000;background:#fff}
 .wrap{width:100%}
 .section,.section-tight{padding-block:25px}
}
