:root{--paper:#f8f5ef;--ink:#203f32;--muted:#516457;--blue:#d1dcff;--lime:#ebf788;--line:#c6ccc1;--space:90px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--ink) var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.65}::selection{background:var(--lime);color:var(--ink)}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:6px}img{max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}p+p{margin-top:18px}p{max-width:70ch}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(46px,6.6vw,92px);font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(32px,3.6vw,48px);font-weight:700}h3{font-size:28px}h2+p,h3+p{margin-top:22px}svg{flex-shrink:0;vertical-align:middle}.header{max-width:1400px;margin:auto;padding:34px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:23px;font-weight:800;line-height:1.05;text-decoration:none;display:flex;align-items:center;gap:12px;letter-spacing:-.035em}.brand-dot{color:#637e5d}.brand-mark{display:flex;align-items:center;justify-content:center;font-size:32px;border:2px solid;border-radius:50%;width:58px;height:58px;transform:rotate(-9deg)}.brand-mark span{font-size:19px;align-self:flex-end;margin-bottom:8px;margin-left:-6px}.header nav{display:flex;gap:32px;font-weight:600;font-size:16px}.header nav a{text-decoration:none;padding:10px 0}.header nav a:hover,.header nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--ink);text-decoration-thickness:2px}.hero{padding:90px 28px 50px;text-align:center;max-width:1250px;margin:auto}.hero h1{line-height:1.06}.hero p{margin:38px auto 0;max-width:660px;font-size:20px}.circled{position:relative;display:inline-block;z-index:0}.circled:before{content:'';position:absolute;inset:0 -20px -6px;border:7px solid var(--blue);border-radius:50%;transform:rotate(-3deg);z-index:-1}.hero-actions{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 26px;border-radius:100px;background:var(--ink);color:var(--paper);font-size:16px;font-weight:700;text-decoration:none;border:2px solid var(--ink);min-height:58px;transition:background .2s}.button:hover{background:#355746}.button.secondary{background:var(--blue);color:var(--ink);border-color:var(--blue)}.button.secondary:hover{background:#bdcbf4;border-color:#bdcbf4}.hero-note{font-size:14px;margin:44px auto 0;color:var(--muted)}.photo-band{border-top:12px solid var(--ink);max-width:1400px;margin:22px auto 0;display:grid;grid-template-columns:1.4fr 1fr;background:var(--blue)}.photo-band figure{position:relative;min-width:0}.photo-band img{width:100%;height:450px;display:block}.photo-band figcaption{position:absolute;bottom:0;background:var(--paper);padding:10px 20px;font-size:12px}.photo-caption{padding:50px;display:flex;flex-direction:column;justify-content:center}.photo-caption>span{font-size:clamp(32px,4vw,54px);font-weight:800;line-height:1.08;letter-spacing:-.035em}.photo-caption em{font-style:normal;background:var(--lime)}.photo-caption p{font-size:16px;margin-top:28px;max-width:33ch}.section{max-width:1280px;margin:auto;padding:var(--space) 48px}.split-intro{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.lead{font-size:25px;line-height:1.45;font-weight:500}.pathways{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:0 48px}.pathways article{padding:50px;background:var(--blue)}.pathways article+article{background:var(--lime)}.pathways h2{font-size:48px}.pathways p{margin:26px 0;max-width:36ch}.text-link{display:inline-flex;align-items:center;gap:15px;font-weight:700;text-decoration:none;border-bottom:1px solid;padding:8px 0}.together{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.together img{width:100%;height:400px}.together .text-link{margin-top:25px}footer{background:#e9ecdf;padding:55px max(30px,calc((100vw - 1184px)/2));}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-top p{font-size:16px}.footer-top>a:last-child{display:flex;gap:16px;align-items:center}.partners{display:flex;gap:55px;align-items:center;margin:50px 0}.partners img{object-fit:contain}.fine{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:12px}.page-heading{padding:90px 48px 80px;max-width:1280px;margin:auto;border-bottom:5px solid var(--blue)}.page-heading h1{font-size:clamp(44px,5.6vw,78px)}.page-heading p{margin-top:32px;max-width:750px;font-size:21px}.underline{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:10px;text-underline-offset:8px}.resource-start{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center}.resource-start h2{font-size:34px}.resource-start .button{justify-self:end}.download{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500;font-size:17px}.download span{font-size:13px;font-weight:400;white-space:nowrap}.download:hover{text-decoration:underline}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;gap:20px}.filter-bar[hidden],[hidden]{display:none!important}.filter-bar div{display:flex;gap:8px}button{font:inherit;font-size:15px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:30px;padding:10px 21px;cursor:pointer}button[aria-pressed=true],button:hover{background:var(--ink);color:var(--paper)}.lessons{padding-top:0}.lesson{display:grid;grid-template-columns:100px 1fr;gap:32px;border-top:1px solid var(--line);padding:42px 0}.lesson-id{font-size:60px;line-height:1.1;letter-spacing:-.04em;font-weight:600;color:#577258}.meta{font-size:14px;color:var(--muted);margin-bottom:12px}.lesson h2{font-size:32px;max-width:34ch}.lesson p{margin-top:16px;max-width:70ch}.lesson details{margin-top:22px;max-width:780px}.lesson summary{cursor:pointer;font-size:16px;font-weight:700;padding:12px 0}.lesson summary>span{font-size:13px;font-weight:400;margin-left:16px}.downloads{padding:0 20px 15px;background:#eef0e6}.licensing{background:#e9ecdf;max-width:none;padding-left:max(48px,calc((100vw - 1184px)/2));padding-right:max(48px,calc((100vw - 1184px)/2))}.licensing p{font-size:16px}.publications{padding-top:0}.publications>h2{margin-bottom:40px}.publications article{border-top:1px solid var(--line);padding:34px 0}.publications h3{max-width:900px;font-size:29px;line-height:1.3}.publications h3 a{text-decoration:none}.publications h3 a:hover{text-decoration:underline}.publications article p{font-size:16px;margin-top:16px}.research-notes{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--blue)}.research-notes>div+div{align-self:center}.research-notes p{font-size:17px}.workshop{display:grid;grid-template-columns:1fr 2fr;gap:70px;border-bottom:1px solid var(--line)}.date{font-weight:600}.wide-photo{max-width:1184px;margin:auto}.wide-photo img{width:100%;max-height:570px;display:block}.wide-photo figcaption{font-size:14px;margin-top:12px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.people-grid article{border-top:1px solid var(--line);padding-top:25px}.people-grid h3{font-size:26px}.people-grid p{margin-top:12px}.skip{position:absolute;left:20px;top:-100px;padding:14px;background:var(--lime);z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.header{padding:26px;align-items:flex-start}.header nav{gap:16px;flex-wrap:wrap;justify-content:flex-end;max-width:360px}.hero{padding-top:60px}.photo-caption{padding:30px}.photo-band img{height:370px}.split-intro,.together,.resource-start,.workshop{gap:35px}.pathways article{padding:30px}.pathways h2{font-size:38px}.footer-top{flex-wrap:wrap}.research-notes{gap:40px}.section,.page-heading{padding-left:28px;padding-right:28px}.pathways{padding:0 28px}}
@media(max-width:600px){:root{--space:48px}body{font-size:17px}.header{display:block;padding:24px 22px 0}.brand{font-size:21px}.brand-mark{width:48px;height:48px;font-size:28px}.header nav{justify-content:flex-start;max-width:none;gap:12px 22px;font-size:14px;margin-top:24px;border-top:1px solid var(--line);padding-top:10px}.hero{padding:50px 22px 24px}.hero h1{font-size:clamp(39px,9.6vw,57px)}.circled:before{border-width:4px;inset:0 -9px -3px}.hero p{font-size:18px;margin-top:28px}.hero-actions{gap:12px}.hero-actions .button{width:100%}.hero-note{margin-top:28px;font-size:12px}.button{font-size:15px;min-height:54px;padding:13px 20px}.photo-band{grid-template-columns:1fr;margin-top:24px;border-top-width:8px}.photo-band img{height:270px}.photo-caption{padding:28px}.photo-caption>span{font-size:34px}.photo-caption>span br{display:block}.photo-caption p{max-width:40ch;margin-top:18px}.photo-band figcaption{font-size:10px}.section{padding:48px 22px}.split-intro,.together,.resource-start,.research-notes,.workshop{grid-template-columns:1fr;gap:28px}.lead{font-size:23px}.pathways{grid-template-columns:1fr;padding:0 22px}.pathways article{padding:32px 26px}.pathways h2{font-size:38px}.together img{height:260px}.page-heading{padding:50px 22px 40px}.page-heading h1{font-size:43px}.page-heading p{font-size:18px;margin-top:26px}.resource-start .button{justify-self:stretch}.download{font-size:15px;gap:12px}.download span{font-size:11px}.filter-bar{display:block}.filter-bar>span{display:block;margin-bottom:15px}.filter-bar div{gap:6px}button{padding:9px 15px;font-size:14px}.lesson{grid-template-columns:40px 1fr;gap:16px;padding:30px 0}.lesson-id{font-size:38px}.lesson h2{font-size:26px}.lesson p{font-size:16px}.lesson .download{display:block}.lesson .download span{display:block;margin-top:5px}.lessons{padding-top:0}.publications{padding-top:0}.publications h3{font-size:25px}.wide-photo{margin:0 22px}.wide-photo img{height:270px}.people-grid{grid-template-columns:1fr;gap:28px}.fine{flex-direction:column;gap:14px}.footer-top{display:grid;gap:26px}.partners{gap:28px;flex-wrap:wrap;margin:35px 0}.partners img{max-width:170px}.underline{text-decoration-thickness:6px}.photo-caption em{display:inline-block}.research-notes{padding:40px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Project mark, portrait-led people page, and research findings */
.brand-logo{width:58px;height:58px;display:block;object-fit:contain}
.people-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.people-heading h2{margin:0}.people-heading p{max-width:36ch;font-size:16px;color:var(--muted)}
.people-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:0}
.people-grid article{border:0;padding:0}.people-grid article:nth-child(even){padding-top:38px}
.people-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:18px;background:var(--blue)}
.people-grid h3{font-size:24px;margin-top:18px}.people-grid p{font-size:16px;margin-top:7px;color:var(--muted)}
.findings-section{background:var(--blue);max-width:1184px;margin:70px auto;padding:55px}
.findings-heading p{font-size:18px;margin-top:15px}
.findings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:35px}
.findings-grid article{border-top:2px solid var(--ink);padding-top:16px}
.findings-grid h3{font-size:24px;line-height:1.25}.findings-grid p{font-size:16px;margin-top:14px}
.findings-source{font-size:14px;margin-top:35px}
@media(max-width:760px){.people-heading{display:block}.people-heading p{margin-top:12px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.people-grid article:nth-child(even){padding-top:20px}.people-grid h3{font-size:20px}.people-grid p{font-size:14px}.findings-section{margin:45px 22px;padding:30px}.findings-grid{grid-template-columns:1fr;gap:26px}.brand-logo{width:48px;height:48px}}


/* Align the project portraits and give the footer a calmer hierarchy */
.people-grid article:nth-child(even){padding-top:0}
.people-grid img{object-position:center center}
.people-grid article:nth-child(1) img{object-position:50% 50%}
.people-grid article:nth-child(2) img{object-position:50% 50%}
.people-grid article:nth-child(3) img{object-position:50% 50%}
.people-grid article:nth-child(4) img{object-position:50% 50%}
footer{background:#e9ecdf;padding:65px max(30px,calc((100vw - 1184px)/2)) 30px}
.footer-top{display:grid;grid-template-columns:1.1fr 1.25fr auto;align-items:start;gap:38px}
.footer-top .brand{font-size:26px;line-height:1.1}
.footer-top p{margin:0;font-size:16px;line-height:1.55}
.footer-top>a:last-child{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--ink);border-radius:100px;text-decoration:none;padding:11px 19px;font-size:15px;font-weight:700;white-space:nowrap}
.footer-top>a:last-child:hover{background:var(--ink);color:var(--paper)}
.partners{display:flex;align-items:center;gap:48px;margin:52px 0 36px}
.partners a{display:flex;align-items:center}.partners img{display:block;object-fit:contain}
.partners a:first-child img{width:190px;height:65px}
.partners a:last-child img{width:140px;height:65px}
.fine{border-top:1px solid #bac6b9;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.45}
@media(max-width:760px){.people-grid article:nth-child(even){padding-top:0}.footer-top{grid-template-columns:1fr;gap:18px}.footer-top>a:last-child{justify-self:start}.partners{gap:25px;margin:38px 0 30px;flex-wrap:wrap}.partners a:first-child img{width:170px;height:55px}.partners a:last-child img{width:125px;height:55px}.fine{flex-direction:column;gap:10px}footer{padding:48px 22px 25px}}

.people-grid .portrait-frame{aspect-ratio:4/5;overflow:hidden;border-radius:18px;background:var(--blue)}
.people-grid .portrait-frame img{display:block;width:100%;height:100%;aspect-ratio:auto;border-radius:0;object-fit:cover}
.people-grid article:nth-child(2) .portrait-frame img{transform:scale(1.15);transform-origin:50% 28%}
.people-grid article:nth-child(4) .portrait-frame img{transform:scale(1.08);transform-origin:50% 28%}

/* Clip the cream margin around the original badge without changing the artwork */
.brand-logo { clip-path: ellipse(41.35% 40.85% at 50% 49.65%); }

/* Space the video list apart from the teacher guide. */
.video-intro{margin-top:32px}