/* Northbridge's institutional introduction. Shared by home and About. */
.nb-purpose,.nb-about{--p-navy:#0b1f35;--p-ink:#102b45;--p-paper:#f5f2eb;--p-orange:#ef956e;--p-line:#cbd0ce;--p-muted:#526370}
.nb-purpose{background:var(--p-navy);color:#f6f3ec;margin-top:20px;position:relative;isolation:isolate}
.nb-purpose *,.nb-about *{box-sizing:border-box}
.nb-purpose a,.nb-about a{color:inherit;text-decoration:none}
.nb-purpose a:focus-visible,.nb-purpose button:focus-visible,.nb-about a:focus-visible,.nb-about summary:focus-visible{outline:3px solid #ef956e;outline-offset:6px}
.purpose-wrap{max-width:1400px;margin:auto;padding:60px 5.5% 0}
.purpose-topline{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #536577;padding-top:17px;margin-bottom:45px;font:500 .875rem/1.5 'DM Sans',Arial,sans-serif}
.purpose-kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--p-orange)}
.purpose-since{color:#b9c9d7}
.purpose-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(35px,5vw,75px);align-items:start;padding-bottom:48px}
.purpose-heading{font:500 clamp(3rem,5.2vw,4.8rem)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 26px;max-width:630px}
.purpose-heading em{color:var(--p-orange);font-weight:400}
.purpose-lead{font:400 1.2rem/1.7 'DM Sans',Arial,sans-serif;color:#e3e9ed;max-width:570px;margin:0 0 18px}
.purpose-description{font:400 1rem/1.8 'DM Sans',Arial,sans-serif;color:#b9c9d7;max-width:560px;margin:0}
.purpose-actions{display:flex;gap:22px 26px;align-items:center;flex-wrap:wrap;margin-top:30px}
.purpose-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#f2eee5;color:#0b1f35!important;padding:15px 20px;font:600 .9375rem/1.4 'DM Sans',Arial,sans-serif;transition:background .2s}
.purpose-button:hover{background:#f3ba96}.purpose-button span,.purpose-text-link span{display:inline-block;transition:transform .2s}
.purpose-button:hover span,.purpose-text-link:hover span{transform:translateX(4px)}
.purpose-text-link{font:500 .9375rem/1.5 'DM Sans',Arial,sans-serif;border-bottom:1px solid #7d8f9e;padding:5px 0}
.purpose-text-link span{margin-left:10px}
.purpose-lenses{padding:29px 30px 26px;background:#142d44;border:1px solid #465d70;border-top:3px solid var(--p-orange);min-width:0}
.purpose-lenses-label{font:500 .8125rem/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c9d5de;margin:0 0 8px}
.purpose-lenses-title{font:400 1.8rem/1.2 Georgia,serif;margin:0 0 24px;color:#f6f3ec}
.purpose-tabs{display:flex;border-bottom:1px solid #4c6275;gap:0;margin-bottom:23px}
.purpose-tabs[hidden],.purpose-panel[hidden]{display:none!important}
.purpose-tabs button{font:500 .875rem/1.4 'DM Sans',Arial,sans-serif;background:transparent;color:#c1ced8;cursor:pointer;border:0;border-bottom:3px solid transparent;padding:12px 13px 13px;flex:1;margin-bottom:-1px;transition:color .2s,border-color .2s}
.purpose-tabs button[aria-selected="true"]{color:var(--p-orange);border-bottom-color:var(--p-orange)}
.purpose-tabs button:hover{color:white;background:#1b3851}
.purpose-panel+.purpose-panel{border-top:1px solid #4c6275;padding-top:24px;margin-top:24px}
.purpose-lenses[data-enhanced] .purpose-panel{border:0;padding-top:0;margin-top:0;min-height:310px}
.purpose-panel-title{font:400 1.65rem/1.25 Georgia,serif;margin:0 0 15px;letter-spacing:-.01em}
.purpose-panel>p{font:400 1rem/1.75 'DM Sans',Arial,sans-serif;color:#c9d5de;margin:0 0 25px}
.purpose-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:16px;margin:0 0 24px;padding:0}
.purpose-chain li{position:relative;border-top:1px solid #7390a5;padding-top:13px;color:#e7edf0;font:500 .875rem/1.45 'DM Sans',Arial,sans-serif}
.purpose-chain li+li:before{content:'→';position:absolute;top:-15px;left:-14px;color:var(--p-orange);background:#142d44;padding:0 4px;font-size:18px}
.purpose-chain small{display:block;color:#a7bccb;font-size:.75rem;font-weight:400;margin-top:6px}
.purpose-panel-link{font:500 .875rem/1.65 'DM Sans',Arial,sans-serif;display:inline-block;border-bottom:1px solid #7890a3;padding-bottom:3px}
.purpose-panel-link:hover{color:var(--p-orange)}
.purpose-base{border-top:1px solid #536577;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;padding:24px 0 28px;font:400 .875rem/1.6 'DM Sans',Arial,sans-serif;color:#b9c9d7}
.purpose-base span:first-child{color:#f6f3ec}
.purpose-base a{display:flex;justify-content:space-between;gap:12px}.purpose-base a:hover{color:var(--p-orange)}
.purpose-panel.is-selected{animation:purpose-enter .3s ease-out both}
.nb-purpose.purpose-seen .purpose-heading em{animation:purpose-accent .8s ease-out both}
@keyframes purpose-enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes purpose-accent{from{color:#f6f3ec}to{color:#ef956e}}

/* About page: an editorial introduction with numbered chapters. */
.nb-about{margin:0;background:var(--p-paper);color:var(--p-ink);font:400 1rem/1.75 'DM Sans',Arial,sans-serif}
.nb-about .nb-purpose{margin-top:0}
.about-skip{position:absolute;top:-100px;left:20px;z-index:10;background:white;padding:12px}.about-skip:focus{top:10px}
.about-mast{max-width:1400px;margin:auto;padding:24px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap;border-bottom:1px solid #cbd0ce}
.about-brand{font:600 1.5rem/1.1 Georgia,serif;letter-spacing:.03em}.about-brand span{display:block;font:500 .75rem/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.12em;margin-top:7px}
.about-mast nav{display:flex;gap:22px;flex-wrap:wrap;font-size:.875rem;font-weight:500}.about-mast nav a[aria-current]{border-bottom:2px solid #a64628}
.about-mast nav a:hover{color:#a64628}
.about-language{font-size:.8125rem;display:flex;align-items:center;gap:9px;color:#526370}
.about-language .goog-te-gadget-simple{background:white!important;padding:6px!important;border:1px solid #cbd0ce!important}
.about-chapters{max-width:1246px;padding:20px 0;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 30px;border-bottom:1px solid #b5c0c7;font-size:.875rem}
.about-chapters a:hover{text-decoration:underline;text-underline-offset:5px}
.about-body{max-width:1400px;padding:0 5.5%;margin:auto}
.about-chapter{display:grid;grid-template-columns:.85fr 1.3fr;gap:clamp(35px,7vw,110px);padding:76px 0;border-bottom:1px solid #bdc8cc;scroll-margin-top:25px}
.about-chapter-head{align-self:start;position:sticky;top:32px}
.about-chapter-number{font:400 .875rem/1.5 'DM Sans',Arial,sans-serif;color:#92401f;display:block;margin-bottom:23px;letter-spacing:.1em;text-transform:uppercase}
.about-chapter h2{font:400 clamp(2rem,3.25vw,2.8rem)/1.12 Georgia,serif;letter-spacing:-.02em;margin:0 0 23px;max-width:470px}
.about-copy p{font-size:1.0625rem;line-height:1.85;color:#425968;margin:0 0 22px;max-width:730px}
.about-copy .about-standfirst{font:400 1.6rem/1.45 Georgia,serif;color:#102b45}
.about-inline-link{display:inline-block;font-size:.9375rem;font-weight:600;margin-top:10px;border-bottom:1px solid #9a482a;padding-bottom:4px}
.about-inline-link:hover{color:#9a482a}
.about-method{border-top:1px solid #bdc8cc;padding-top:22px;margin-top:25px}
.about-method:first-child{margin-top:0}
.about-method h3{font:400 1.6rem/1.3 Georgia,serif;margin:0 0 12px}
.about-audiences{display:grid;gap:0;margin:25px 0 0}
.about-audiences a{border-top:1px solid #bdc8cc;padding:19px 0;display:grid;grid-template-columns:110px 1fr 22px;gap:20px;align-items:start}
.about-audiences strong{font-size:.9375rem}.about-audiences span{font-size:.9375rem;line-height:1.7;color:#425968}.about-audiences a:hover strong{color:#9a482a}
.about-principles{margin:0}
.about-principles>div{display:grid;grid-template-columns:180px 1fr;gap:26px;border-top:1px solid #bdc8cc;padding:22px 0}
.about-principles dt{font:400 1.35rem/1.3 Georgia,serif}.about-principles dd{margin:0;color:#425968;font-size:1rem;line-height:1.8}
.about-end{padding:58px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.about-end>a{display:grid;grid-template-columns:1fr 30px;padding-top:22px;gap:16px;border-top:2px solid #0b1f35}
.about-end h2{font:400 2rem/1.2 Georgia,serif;margin:0 0 12px}.about-end p{font-size:1rem;color:#425968;margin:0}.about-end .about-end-arrow{font-size:28px;transition:transform .2s}.about-end>a:hover .about-end-arrow{transform:translateX(5px)}
.about-footer{background:#0b1f35;color:#d8e1e8;padding:30px 5.5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.875rem}
.about-footer nav{display:flex;gap:24px;flex-wrap:wrap}
@media(min-width:1700px){.purpose-wrap,.about-mast,.about-body{padding-left:77px;padding-right:77px}}
@media(max-width:1050px){.purpose-grid{grid-template-columns:1fr;gap:35px}.purpose-copy{max-width:800px}.purpose-heading{font-size:clamp(3rem,7vw,4.8rem);max-width:780px}.purpose-lead,.purpose-description{max-width:720px}.purpose-lenses[data-enhanced] .purpose-panel{min-height:0}.purpose-lenses{max-width:none}.purpose-base{grid-template-columns:1fr 1fr}.purpose-base>span{grid-column:1/-1}.about-chapters{margin:0 5.5%}.about-chapter{gap:40px;grid-template-columns:.8fr 1.2fr}.about-principles>div{grid-template-columns:1fr;gap:10px}}
@media(max-width:700px){.purpose-wrap{padding:35px 6% 0}.purpose-topline{margin-bottom:30px;flex-wrap:wrap;gap:8px}.purpose-heading{font-size:clamp(2.75rem,10.5vw,4rem)}.purpose-lead{font-size:1.1rem}.purpose-lenses{padding:24px 20px}.purpose-panel-title{font-size:1.5rem}.purpose-tabs button{padding-left:7px;padding-right:7px}.purpose-base{grid-template-columns:1fr;gap:17px}.purpose-base>span{grid-column:auto}.purpose-actions{gap:20px}.about-chapter{grid-template-columns:1fr;gap:10px;padding:45px 0}.about-chapter-head{position:static}.about-chapter-number{margin-bottom:14px}.about-copy .about-standfirst{font-size:1.4rem}.about-end{grid-template-columns:1fr;gap:32px;padding:40px 0}.about-audiences a{grid-template-columns:1fr 20px;gap:5px}.about-audiences strong{grid-column:1}.about-audiences span{grid-column:1}.about-audiences b{grid-column:2;grid-row:1/3}.about-mast nav{gap:12px 20px}.about-brand{font-size:1.35rem}}
@media(max-width:370px){.purpose-chain{grid-template-columns:1fr;gap:13px}.purpose-chain li+li:before{display:none}.purpose-chain li{padding-top:9px}.purpose-topline{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.nb-purpose *,.nb-about *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.nb-purpose,.purpose-lenses,.about-footer{background:white;color:black}.purpose-topline,.purpose-since,.purpose-kicker,.purpose-heading em,.purpose-lead,.purpose-description,.purpose-lenses-label,.purpose-lenses-title,.purpose-panel>p,.purpose-base,.purpose-base span:first-child{color:black}.purpose-tabs,.purpose-actions,.about-mast,.about-chapters,.about-footer{display:none!important}.purpose-panel[hidden]{display:block!important}.purpose-grid,.about-chapter{display:block}.purpose-panel{margin:20px 0!important}.purpose-chain li,.purpose-chain small{color:black}.about-chapter-head{position:static}.nb-about{background:white}.purpose-wrap{padding-top:15px}}
