/* B extends the LP5 font, palette, controls and responsive margin tokens. A never loads this file. */
.cr-main{--cr-paper:#F7F6F3;--cr-ink:#0D1B2B;--cr-navy:#0C1A2C;--cr-gold:#E8BA4D;--cr-on:#F4F5F7;--cr-copy:#C3CBD8;--cr-section:clamp(64px,8vw,120px);background:var(--cr-navy);color:var(--cr-on)}
.cr-header .lp5-bar{max-width:none}
.cr-header .lp5-btn--sm{font-size:13px}
.cr-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.cr-visual{position:sticky;top:var(--lp5-header);height:calc(100svh - var(--lp5-header));min-height:560px;margin:0;overflow:hidden;background:#112638;display:flex;flex-direction:column}
.cr-photo-window{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:58% minmax(0,1fr);gap:8px}
.cr-photo-window img{width:100%;height:100%;object-fit:cover;object-position:center}
.cr-visual .cr-stage-image{grid-column:1/-1;transform-origin:center}
.cr-photo-window img[src$="/learning.webp"]{object-position:center 45%}
.cr-inline-photo img[src$="/conversation.webp"]{object-position:center 85%}
.cr-visual figcaption{padding:20px var(--lp5-margin);color:var(--cr-on,#F4F5F7);font-size:15px;line-height:1.4;font-weight:650}
.cr-reading{min-width:0;padding:0 var(--lp5-margin)}
.cr-section{padding:var(--cr-section) 0;max-width:620px;margin-inline:auto;scroll-margin-top:calc(var(--lp5-header) + 20px)}
.cr-section h1,.cr-section h2,.cr-close h2{font-family:var(--lp5-display);font-weight:850;letter-spacing:-.04em;text-wrap:balance}
.cr-section h1{font-size:clamp(44px,4.4vw,72px);line-height:1.02;margin:0 0 28px}
.cr-section h2{font-size:clamp(32px,3.2vw,48px);line-height:1.08;margin:0 0 24px}
.cr-section h3{font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}
.cr-section p{font-size:17px;line-height:1.6;color:var(--cr-copy);max-width:46ch;text-wrap:pretty}
.cr-section p+p{margin-top:20px}
.cr-hero{min-height:calc(100svh - var(--lp5-header));display:flex;flex-direction:column;justify-content:center;padding-block:64px}
.cr-section .cr-lead{font-size:clamp(17px,1.3vw,19px);line-height:1.6;max-width:38ch}
.cr-section .cr-audience{font-size:15px;line-height:1.6;max-width:42ch;margin-top:20px}
.cr-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px;margin-top:32px}
.cr-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;font-size:16px;font-weight:650;color:inherit}
.cr-section .cr-note,.cr-note{font-size:13px;line-height:1.6;margin-top:24px}
.cr-main :focus-visible{outline:3px solid #F6D57C;outline-offset:4px}
.cr-goals{display:grid;gap:8px;margin:32px 0}
.cr-goals button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:16px 20px;background:#1E3354;color:var(--cr-on);border:0;border-radius:3px;font-family:var(--lp5-font);font-size:18px;font-weight:750;line-height:1.3;text-align:left;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,transform 160ms var(--lp5-ease-out)}
.cr-goals button[aria-pressed=true]{background:var(--cr-gold);color:#172234}
.cr-goals button span{font-size:24px;line-height:1}
.cr-goals button:active{transform:scale(.98)}
.cr-example{padding:28px;background:#16294A}
.cr-example dl{display:grid;gap:24px;margin-top:24px}
.cr-example dt{font-weight:750;font-size:15px;margin-bottom:6px;color:var(--cr-on)}
.cr-example dd{font-size:16px;line-height:1.6;color:var(--cr-copy)}
.cr-example .cr-note{font-size:13px}
.cr-inline-photo{margin:32px 0}
.cr-inline-photo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.cr-inline-photo figcaption{margin-top:12px;color:var(--cr-copy);font-size:13px;line-height:1.5}
.cr-steps{display:grid;gap:36px;list-style:none;margin:32px 0 0;padding:0;counter-reset:none}
.cr-steps li{padding-left:0}
.cr-steps li h3{font-size:22px}
.cr-how{padding-inline:28px;background:#16294A;max-width:none}
.cr-openings .cr-inline-photo{margin-top:0;margin-bottom:32px}
.cr-openings .cr-link{margin-top:24px}
.cr-faq{padding-top:40px}
.cr-faq details{padding:20px 0}
.cr-faq summary{position:relative;min-height:44px;padding-right:32px;cursor:pointer;font-weight:750;font-size:18px;line-height:1.4;list-style:none}
.cr-faq summary::-webkit-details-marker{display:none}
.cr-faq summary::after{content:'+';position:absolute;right:0;top:0;font-weight:400;font-size:24px}
.cr-faq details[open] summary::after{content:'−'}
.cr-faq details p{margin-top:12px}
.cr-close{padding:clamp(72px,10vw,144px) 0;background:var(--cr-paper);color:var(--cr-ink)}
.cr-close>.lp5-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.cr-close h2{font-size:clamp(48px,7.4vw,96px);line-height:1.02}
.cr-close p{font-size:19px;line-height:1.6;max-width:35ch;margin-bottom:28px}
.cr-close .cr-note{font-size:13px;margin-top:24px;margin-bottom:0}
.cr-close a:focus-visible{outline-color:#7A4F0F}
.cr-footer{padding:40px 0;background:#E7E8EB;color:#0D1B2B}
.cr-footer>.lp5-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cr-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.cr-footer nav a{display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:650;text-underline-offset:4px}
.cr-credits{flex-basis:100%;max-width:80ch;color:#4B5565;font-size:13px;line-height:1.6}
.cr-credits summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;list-style-position:inside}
.cr-credits p{margin:12px 0}
.cr-credits li+li{margin-top:8px}
.cr-credits a{text-underline-offset:3px}
@media(hover:hover) and (pointer:fine){.cr-goals button:not([aria-pressed=true]):hover{background:#2C3F5C}.cr-link:hover{text-decoration-thickness:2px}}
@media(prefers-reduced-motion:no-preference){
  .cr-copy-enter{animation:cr-copy-in 650ms var(--lp5-ease-out) var(--cr-delay,0ms) both}
  .cr-photo-enter{animation:cr-photo-in 1400ms var(--lp5-ease-out) both}
  .cr-step-enter{animation:cr-step-in 600ms var(--lp5-ease-out) both}
}
@keyframes cr-copy-in{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes cr-photo-in{from{transform:scale(1.045)}to{transform:scale(1)}}
@keyframes cr-step-in{from{opacity:.65;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:1023px){
  .cr-story{display:grid;grid-template-columns:minmax(0,1fr)}
  .cr-reading{display:contents}
  .cr-section{width:100%;max-width:none;padding-inline:var(--lp5-margin)}
  .cr-hero{grid-row:1;min-height:0;padding-top:56px;padding-bottom:48px}
  .cr-hero h1{font-size:clamp(44px,7vw,72px);max-width:18ch}
  .cr-visual{grid-row:2;position:relative;top:auto;height:clamp(360px,74vw,560px);min-height:0}
  .cr-section:not(.cr-hero){max-width:780px}
  .cr-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 24px}
  .cr-how{max-width:none!important}
  .cr-how>*{max-width:calc(780px - 2*var(--lp5-margin));margin-inline:auto}
  .cr-close>.lp5-wrap{grid-template-columns:minmax(0,1fr);gap:32px}
}
@media(max-width:479px){
  .cr-hero{padding-top:44px;padding-bottom:40px}
  .cr-hero h1{font-size:clamp(30px,9.5vw,46px);margin-bottom:24px}
  .cr-actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:24px}
  .cr-section h2{font-size:34px}
  .cr-example{padding:24px 20px}
  .cr-goals button{font-size:17px}
  .cr-close h2{font-size:clamp(44px,12vw,56px)}
}
@media(prefers-reduced-motion:reduce){.cr-goals button{transition:none}.cr-main *, .cr-main *::before,.cr-main *::after{scroll-behavior:auto!important}}