@font-face{font-family:Inter;font-weight:100 900;font-style:normal;font-display:swap;src:url('/marketing/homepage/20260916-font-v1/inter-full.woff2') format('woff2');unicode-range:U+100-130,U+132-148,U+14A-151,U+154-1C3,U+1C5-254,U+256-27B,U+27E-284,U+286-290,U+292-2A4,U+2A6-304,U+306-30A,U+30C,U+30F,U+313,U+315,U+31B,U+323,U+326-328,U+32C,U+337-338,U+342-343,U+346-36F,U+374-376,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3D7,U+3DC-3DD,U+3F0-3F6,U+3F9-3FA,U+3FC-479,U+480-49D,U+4A0-4FF,U+52F,U+E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2070-2071,U+2074-208E,U+2090-209C,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2202,U+2205-2206,U+220F,U+2211,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852}
@font-face{font-family:Inter;font-weight:100 900;font-style:normal;font-display:swap;src:url('/marketing/homepage/20260916-font-v1/inter-latin.woff2') format('woff2');unicode-range:U+0,U+20-7E,U+A0-AC,U+AE-FF,U+131,U+152-153,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2212}

/* White surfaces and neutral typography use the existing Mono theme. Orange is from the brand scale. */
html[data-theme="mono"]{--primary:var(--brand-kashi-70);--primary-hover:var(--text);--primary-soft:var(--surface-2);scroll-behavior:auto;scroll-padding-top:112px}
body{background:var(--surface);font-size:var(--text-body);line-height:var(--text-body--line-height)}
button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation;outline-offset:5px}:focus-visible{outline:2px solid var(--primary)}[hidden]{display:none!important}
h1,h2,h3{font-weight:400!important;text-wrap:balance}.accent{color:var(--primary)}
.page-width{width:calc(100% - 96px);max-width:1280px;margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.brand img{object-fit:contain}
.site-header{position:sticky;top:0;z-index:30;background:var(--surface)}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:var(--sp-5);gap:var(--sp-8)}.nav-links{display:flex;align-items:center;gap:var(--sp-8);color:var(--text-muted)}.nav-links a:hover{color:var(--primary)}.nav .menu-toggle{display:none}.mobile-nav{display:flex;flex-direction:column;gap:var(--sp-1);padding-bottom:var(--sp-4)}.mobile-nav>a{padding:var(--sp-3) var(--sp-2)}.mobile-nav .button{margin-top:var(--sp-2)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);min-height:48px;padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--text-body);line-height:var(--text-body--line-height);font-weight:400;text-decoration:none;white-space:nowrap;transition:background var(--dur) var(--ease-standard),border-color var(--dur) var(--ease-standard)}.button-primary{background:var(--primary);color:var(--primary-contrast)}.button-primary:hover{background:var(--primary-hover)}.button-outline{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.button-outline:hover{background:var(--surface-2);border-color:var(--text-subtle)}.small-button{min-height:40px;padding:var(--sp-2) var(--sp-4);font-size:var(--text-body-sm)}
.icon{display:inline-block;width:24px;height:24px;flex-shrink:0;background:currentColor;mask-image:var(--icon);mask-size:contain;mask-position:center;mask-repeat:no-repeat}.button .icon{width:20px;height:20px}
.section-band{background:var(--bg)}.opening{padding-bottom:var(--sp-16)}.hero{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-areas:"portrait copy";align-items:center;gap:var(--sp-12);padding-top:var(--sp-8)}.hero-copy{grid-area:copy;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);padding-block:var(--sp-10) var(--sp-16)}.hero-copy h1{max-width:480px}.hero-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.hero-portrait{grid-area:portrait;height:352px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.hero-portrait img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom}
.classroom-intro{margin-top:var(--sp-10)}.classroom-intro h2{margin-bottom:var(--sp-5);text-wrap:initial}.hero-classroom{position:relative;min-width:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--elevation-md)}.hero-classroom video{display:block;width:100%;aspect-ratio:2882/1712;background:var(--surface);object-fit:contain}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:var(--elevation-sm);width:64px;height:64px;min-height:64px;padding:0;border-radius:var(--radius-full)}.video-play .icon{width:24px;height:24px}
.learning-section{padding-block:var(--sp-16)}.learning-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-12);margin-top:var(--sp-10)}.learning-role{display:flex;align-items:flex-start;flex-direction:column;gap:var(--sp-6)}.learning-role h3{text-wrap:initial}.ability-icon{display:grid;place-items:center;color:var(--text);width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-2)}.learning-role .button{margin-top:auto}
.lab-section{padding-block:var(--sp-16)}.lab-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:var(--sp-16);align-items:center}.lab-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-5)}.lab-copy .button{margin-top:var(--sp-3)}.lab-proof{min-width:0}.lab-image{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.lab-image img{display:block;width:100%;height:auto}.lab-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-6);min-height:48px}.lab-link{justify-content:space-between;padding-inline:var(--sp-5)}.lab-skeleton{grid-column:1/-1;height:48px;background:var(--surface-2);border-radius:var(--radius-sm)}.lab-links .starter-error{grid-column:1/-1}
.start-section{display:grid;grid-template-columns:minmax(0,1fr) 288px;align-items:end;gap:var(--sp-16);padding-block:var(--sp-16)}.chapter-entry{min-width:0}.start-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8)}.class-picker{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);width:fit-content;max-width:100%;margin-block:var(--sp-8)}.class-button{border:0;border-radius:var(--radius-full);padding:var(--sp-3) var(--sp-6);min-height:44px;background:transparent;color:var(--text-muted);font-size:var(--text-body-sm);white-space:nowrap}.class-button:hover{background:var(--surface-2);color:var(--text)}.class-button[aria-pressed=true]{background:var(--text);color:var(--surface)}.picker-skeleton{width:352px;height:44px;background:var(--surface-2);border-radius:var(--radius-full)}.starter-error{padding-block:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}
.subject-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6);min-height:208px}.subject-entry{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.subject-cover{height:144px;position:relative;overflow:hidden;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--text),var(--text-muted));color:var(--surface);display:flex;align-items:flex-end;padding:var(--sp-4)}.subject-pattern{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.subject-cover h3{position:relative;text-wrap:initial;font-size:var(--text-h3);line-height:var(--text-h3--line-height)}.subject-action{width:100%;justify-content:space-between;padding-inline:var(--sp-2);font-size:var(--text-body-sm)}.subject-skeleton{height:208px;background:var(--surface-2);border-radius:var(--radius-sm)}.subject-shelf .starter-error{grid-column:1/-1}
.book-entry{display:flex;flex-direction:column-reverse;align-items:center;gap:var(--sp-6);min-width:0}.book-copy{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);text-align:center}.book-copy .button{font-size:var(--text-body-sm)}.book-portrait{height:248px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.book-portrait img{display:block;height:100%;max-width:100%;width:auto;object-fit:contain}
.site-footer{background:var(--bg);color:var(--text)}.footer-invitation{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:var(--sp-16);padding-top:var(--sp-10)}.footer-invitation-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);padding-block:var(--sp-10) var(--sp-16)}.footer-invitation-copy h2{max-width:480px}.footer-invitation .button-primary{--primary:var(--brand-kashi-50);--primary-hover:var(--brand-kashi-60);--primary-contrast:var(--bg)}.footer-feny{height:256px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.footer-feny img{height:100%;width:auto;max-width:100%;object-fit:contain}.footer-directory{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--sp-12);padding-block:var(--sp-12)}.footer-brand{align-self:start}.footer-directory nav{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);color:var(--text-muted)}.footer-directory h3{color:var(--text);margin-bottom:var(--sp-2)}.site-footer a:hover{color:var(--text)}.site-footer .button:hover{color:var(--primary-contrast)}.footer-bottom{display:flex;justify-content:space-between;gap:var(--sp-6);padding-block:var(--sp-6);color:var(--text-muted)}.footer-bottom>div{display:flex;gap:var(--sp-6);flex-wrap:wrap}
.skip-link{position:fixed;top:var(--sp-2);left:var(--sp-2);z-index:40;transform:translateY(-200%);opacity:0;background:var(--surface)}.skip-link:focus{transform:translateY(0);opacity:1}.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:1100px){.lab-story{gap:var(--sp-8)}.lab-links{grid-template-columns:repeat(2,minmax(0,1fr))}.page-width{width:calc(100% - 64px)}.hero{gap:var(--sp-8)}.hero-portrait{height:320px}.hero-actions .button{padding-inline:var(--sp-4)}.learning-roles{gap:var(--sp-6)}.learning-role .button{padding-inline:var(--sp-4)}.start-section{grid-template-columns:1fr;gap:var(--sp-12)}.footer-directory{gap:var(--sp-6)}.book-entry{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:var(--sp-8)}.book-copy{align-items:flex-start;text-align:left}.book-portrait{height:224px}}
@media(max-width:800px){.subject-shelf{grid-template-columns:repeat(2,minmax(0,1fr));min-height:448px}.lab-story{grid-template-columns:1fr;gap:var(--sp-8)}.nav-links{gap:var(--sp-4)}.hero{grid-template-columns:.8fr 1.2fr;gap:var(--sp-4)}.hero-actions{gap:var(--sp-2)}.hero-portrait{height:280px}.hero-copy{padding-block:var(--sp-8)}.hero-copy h1{font-size:var(--text-h1);line-height:var(--text-h1--line-height)}.learning-role h3{font-size:var(--text-h3);line-height:var(--text-h3--line-height)}.learning-role .button{font-size:var(--text-body-sm);padding-inline:var(--sp-3)}.learning-role .button .icon{display:none}.lab-links{grid-template-columns:repeat(2,minmax(0,1fr))}.book-portrait{height:224px}.footer-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{grid-column:1/-1;margin-bottom:var(--sp-4)}}
@media(max-width:720px){.nav-links{display:none}.nav .menu-toggle{display:inline-flex}}
@media(max-width:560px){html[data-theme="mono"]{scroll-padding-top:96px}.page-width{width:calc(100% - 40px)}.nav{padding-block:var(--sp-4);gap:var(--sp-4)}.opening{padding-bottom:var(--sp-10)}.hero{grid-template-columns:.8fr 1.2fr;grid-template-areas:"portrait copy";padding-top:var(--sp-8);gap:var(--sp-4)}.hero-copy{gap:var(--sp-6);padding:0}.hero-copy h1{font-size:var(--text-h2);line-height:var(--text-h2--line-height)}.hero-actions{flex-direction:column;align-items:stretch;gap:var(--sp-3);width:100%}.hero-actions .button{padding-inline:var(--sp-3);font-size:var(--text-body-sm);gap:var(--sp-2)}.hero-portrait{height:auto;justify-content:center;padding:0}.hero-portrait img{height:auto;width:100%;max-height:248px}.video-play{width:48px;height:48px;min-height:48px}.learning-section{padding-block:var(--sp-10) var(--sp-12)}.learning-roles{grid-template-columns:1fr;gap:var(--sp-6);margin-top:var(--sp-8)}.learning-role{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:var(--sp-4);row-gap:var(--sp-4);align-items:center}.learning-role .button{grid-column:2;justify-self:start;min-height:44px;padding-block:var(--sp-2)}.learning-role .button .icon{display:inline-block}.lab-section{padding-block:var(--sp-12)}.lab-copy{gap:var(--sp-4)}.lab-links{gap:var(--sp-3);margin-top:var(--sp-4)}.lab-link{padding-inline:var(--sp-3);font-size:var(--text-body-sm);min-height:44px}.start-section{padding-block:var(--sp-12)}.class-picker{width:100%;margin-block:var(--sp-6);gap:0}.class-button{flex:1;padding:var(--sp-3) var(--sp-2)}.subject-shelf{gap:var(--sp-6) var(--sp-4);min-height:424px}.subject-cover{height:144px;padding:var(--sp-4)}.subject-cover h3{font-size:var(--text-h3);line-height:var(--text-h3--line-height)}.subject-entry{gap:var(--sp-3)}.subject-action{font-size:var(--text-body-sm);min-height:44px;padding:var(--sp-2);justify-content:center}.subject-action .icon{display:none}.subject-skeleton{height:200px}.book-entry{grid-template-columns:minmax(0,1fr) 112px;gap:var(--sp-4)}.book-copy{gap:var(--sp-5)}.book-copy h3{font-size:var(--text-h3);line-height:var(--text-h3--line-height);text-wrap:initial}.book-copy .button{padding-inline:var(--sp-3)}.book-portrait{height:176px;justify-content:flex-end}.footer-invitation{grid-template-columns:1fr;gap:var(--sp-8);padding-top:var(--sp-10)}.footer-invitation-copy{padding:0;gap:var(--sp-6)}.footer-feny{height:208px;justify-content:flex-end;padding-right:var(--sp-6)}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8) var(--sp-5);padding-block:var(--sp-10)}.footer-brand{margin:0}.footer-directory nav{font-size:var(--text-body-sm)}.footer-bottom{flex-direction:column;gap:var(--sp-4)}.footer-bottom>div{gap:var(--sp-5)}}
@media(prefers-reduced-motion:reduce){html[data-theme="mono"]{scroll-behavior:auto}*{transition:none!important}}

.role-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);margin-top:auto}.learning-role .role-actions .button{margin-top:0}
@media(max-width:560px){.role-actions{grid-column:2}.learning-role .role-actions .button{grid-column:auto}}

.testimonials{padding-block:var(--sp-16)}.testimonial-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-6)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6);margin-top:var(--sp-10)}.testimonial{display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-8);border-radius:var(--radius-sm);background:var(--bg)}.testimonial blockquote{line-height:var(--text-body--line-height);text-wrap:pretty}.testimonial figcaption{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:auto}.footer-invitation{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-areas:"portrait copy";padding-block:var(--sp-12)}.footer-invitation-copy{grid-area:copy;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;gap:var(--sp-8)}.footer-feny{grid-area:portrait}.footer-invitation-copy h2{max-width:none}
@media(max-width:1100px){.testimonial{padding:var(--sp-6)}}
@media(max-width:560px){.testimonials{padding-block:var(--sp-12)}.testimonial-heading{flex-direction:column;gap:var(--sp-3)}.testimonial-grid{grid-template-columns:1fr;gap:var(--sp-4);margin-top:var(--sp-6)}.testimonial{gap:var(--sp-4)}.footer-invitation{grid-template-columns:.8fr 1.2fr;grid-template-areas:"portrait copy";gap:var(--sp-4);padding-block:var(--sp-10)}.footer-invitation-copy{flex-direction:column;align-items:flex-start;gap:var(--sp-6)}.footer-invitation-copy h2{font-size:var(--text-h2);line-height:var(--text-h2--line-height)}.footer-invitation-copy .button{padding-inline:var(--sp-3);font-size:var(--text-body-sm);gap:var(--sp-2)}.footer-feny{height:auto;justify-content:center;padding:0}.footer-feny img{width:100%;height:auto;max-height:208px}}


@media(max-width:400px){.book-entry{grid-template-columns:minmax(0,1fr) 96px}.book-portrait{height:160px}}

.learning-changes{padding-block:var(--sp-16)}.changes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6);margin-top:var(--sp-10)}.learning-change{display:flex;flex-direction:column;gap:var(--sp-10);padding:var(--sp-8);border-radius:var(--radius-sm);background:var(--bg);min-width:0}.change-illustration{display:block;width:160px;height:128px;max-width:100%;color:var(--text)}.change-copy{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:auto}.change-heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);text-wrap:initial}.change-heading>span{white-space:nowrap}.change-arrow{color:var(--text-muted)}
@media(max-width:1100px){.learning-change{padding:var(--sp-6)}}
@media(max-width:800px){.changes-grid{grid-template-columns:1fr}.learning-change{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:var(--sp-8)}.change-copy{margin:0}}
@media(max-width:560px){.learning-changes{padding-block:var(--sp-12)}.changes-grid{margin-top:var(--sp-8);gap:var(--sp-4)}.learning-change{display:flex;gap:var(--sp-6)}.change-illustration{width:144px;height:116px}}

.trust-section{display:grid;grid-template-columns:.65fr 1.35fr;grid-template-areas:"portrait copy";gap:var(--sp-16);align-items:center;padding-block:var(--sp-16)}.trust-copy{grid-area:copy;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8)}.trust-copy h2{text-wrap:initial}.trust-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6);width:100%}.trust-point{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-8);border-radius:var(--radius-sm);background:var(--surface)}.trust-point h3{text-wrap:initial}.trust-portrait{grid-area:portrait;height:352px;display:flex;align-items:flex-end;justify-content:center}.trust-portrait img{height:100%;width:auto;max-width:100%;object-fit:contain}
@media(max-width:1100px){.trust-section{gap:var(--sp-8)}.trust-point{padding:var(--sp-6)}}
@media(max-width:800px){.trust-section{grid-template-columns:.9fr 1.1fr}.trust-points{grid-template-columns:1fr}.trust-portrait{height:288px}}
@media(max-width:560px){.trust-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"portrait heading" "points points";gap:var(--sp-4);padding-block:var(--sp-12);align-items:start}.trust-copy{display:contents}.trust-copy h2{grid-area:heading;font-size:var(--text-h2);line-height:var(--text-h2--line-height);align-self:center}.trust-portrait{height:auto;grid-area:portrait}.trust-portrait img{width:100%;height:auto;max-height:224px}.trust-points{grid-area:points;gap:var(--sp-4);margin-top:var(--sp-4)}}

/* Local review: a reassuring teacher/student illustration beside the teaching roles. */
.nav-actions{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.nav-actions .menu-toggle{width:40px;min-width:40px;padding:var(--sp-2)}
.learning-section{display:grid;grid-template-columns:minmax(0,1fr) 256px;gap:var(--sp-12);align-items:center}.learning-content{min-width:0}.learning-portrait{height:352px;display:flex;align-items:flex-end;justify-content:center}.learning-portrait img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}.learning-roles{gap:var(--sp-6)}
@media(max-width:1100px){.learning-section{grid-template-columns:minmax(0,1fr) 224px;gap:var(--sp-8)}.learning-roles{grid-template-columns:1fr;gap:var(--sp-6)}.learning-role{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--sp-4);align-items:center}.learning-role h3{font-size:var(--text-h3);line-height:var(--text-h3--line-height)}.learning-role>.button,.learning-role .role-actions{margin-top:0}.learning-role .button{font-size:var(--text-body-sm);padding-inline:var(--sp-3)}.learning-portrait{height:320px}}
@media(max-width:720px){.nav-actions{gap:var(--sp-2)}.learning-section{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);grid-template-areas:"heading portrait" "roles roles";gap:var(--sp-6);align-items:center}.learning-content{display:contents}.learning-content>h2{grid-area:heading}.learning-roles{grid-area:roles;margin-top:0}.learning-portrait{grid-area:portrait;height:auto}.learning-portrait img{width:100%;height:auto;max-height:224px}}
@media(max-width:560px){.nav{gap:var(--sp-3)}.learning-role{grid-template-columns:40px minmax(0,1fr);column-gap:var(--sp-4);row-gap:var(--sp-3)}.learning-section{gap:var(--sp-6) var(--sp-4)}.learning-role>.button,.learning-role .role-actions{grid-column:2;justify-self:start}.learning-role .button{min-height:44px}.learning-role .button .icon{display:inline-block}}