/* v22 — lighter paper, clean white surfaces and deliberate navy sections. */
:root{--paper:#FAF9F6;--paper-deep:#F0F2F6;--line:#DDE0E5;--white:#FFFFFF}
.header-shell{background:var(--white)}
.header nav a:hover,.header nav a[aria-current=page],.nav-disclosure[open]>summary,.nav-disclosure>summary:hover,.nav-disclosure.current>summary,.header-account .login-link:hover,.header-account .login-link[aria-current=page]{background:#F0F2F6}
.studio-hero{box-shadow:0 20px 40px #17204d17}
.principles{background:var(--ink);color:#FFF;border-color:var(--ink)}.principles-inner>span{color:#D4DBEF}.principles b:before{color:var(--brand-orange,#ff8057)}
.creative-life{background:#FFF;border-bottom:1px solid var(--line)}
.maker,.maker-film,.maker-design,.maker-digital{background:var(--paper);border-color:#E1E3E8;box-shadow:0 8px 22px #17204d08}
#how .three article{background:#FFF;border:1px solid var(--line);border-radius:10px;padding:28px;box-shadow:0 5px 16px #17204d04}
.sample-section{background:#EEF1F8;border-color:#DCE2EE}.home-cards .op-card{background:#FFF;box-shadow:0 8px 24px #17204d08}
.resource-promo{background:var(--ink);border-color:var(--ink);box-shadow:0 12px 32px #17204d0C}
.resource-promo h2{color:#FFF}.resource-promo>div>p,.resource-promo>div>p:not(.eyebrow):not(.quiet){color:#DAE0F0}.resource-promo>div>.eyebrow{color:var(--brand-orange,#ff8057)}.resource-promo>div>p.quiet{color:#BBC7E3}
.resource-promo .button.navy{background:#FFF;color:var(--ink);border-color:#FFF}.resource-promo :focus-visible{outline-color:#FFB295}.resource-photo figcaption{background:#FF8057;color:var(--ink)}
.plan-card:not(.growth-plan){background:#FFF;box-shadow:0 6px 20px #17204d06}.plan-card.featured-plan{box-shadow:0 10px 30px #17204d12}
.op-card,.filters,.support-form,.help-search-panel,.faq-item,.login-panel{background:#FFF}.page-status,.suggested-answer{background:#F0F2F6;border-color:#DDE2EB}.faq-item[open] summary{background:#F0F2F6}
@media(max-width:1100px){.header .nav-submenu{background:#F0F2F6}#how .three article{padding:23px}}
@media(max-width:760px){#how .three article{padding:24px;margin-bottom:16px}.resource-promo>div>p:not(.eyebrow):not(.quiet){color:#DAE0F0}}

/* v23 strapline */
.hero h1{font-size:clamp(48px,5.8vw,80px)}
@media(max-width:760px){.hero h1{font-size:clamp(44px,10.7vw,72px)}}

.learning-photo{display:block;width:100%;height:220px;object-fit:cover}.resource-card{overflow:hidden}

.impact-overview{box-sizing:border-box;margin:20px auto 50px;padding:36px;background:#17204d;color:white;border-radius:16px}.impact-overview h2{font-size:clamp(28px,4vw,44px);margin:8px 0 14px}.impact-overview p{max-width:780px}.impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.impact-grid strong{display:block;color:var(--brand-orange,#ff8057);font-size:clamp(38px,5vw,58px);line-height:1.1}.impact-grid span{display:block;font-size:13px;line-height:1.5;margin-top:10px;max-width:220px}.impact-caption{font-size:11px!important;line-height:1.6;opacity:.8}@media(max-width:540px){.impact-overview{padding:24px}.impact-grid{grid-template-columns:1fr}.impact-grid>div{display:flex;align-items:center;gap:18px}.impact-grid strong{min-width:90px}.impact-grid span{margin:0}}