.pathnote-schools-header > p { margin: 0; color: var(--pn-leaf); font: 500 10px var(--pn-mono); letter-spacing: .12em; }.schools-hero { display: grid; grid-template-columns: 1.06fr .94fr; gap: clamp(44px, 8vw, 135px); width: min(1160px, calc(100% - 64px)); padding: 112px 0 106px; margin: auto; }.schools-hero h1, .schools-issues h2, .schools-radar h2, .schools-flow h2, .schools-output h2, .schools-closing h2 { margin: 19px 0 23px; font: 700 clamp(42px, 5vw, 70px)/1.25 var(--pn-serif); letter-spacing: -.06em; }.schools-hero h1 em, .schools-issues h2 em, .schools-radar h2 em, .schools-flow h2 em, .schools-output h2 em { color: var(--pn-sun); font-family: var(--pn-display); font-style: normal; }.schools-hero > div > p:not(.pathnote-kicker) { max-width: 540px; margin: 0 0 33px; font-size: 15px; line-height: 2; }.schools-hero-card { align-self: center; padding: 40px; color: var(--pn-paper); background: var(--pn-blue); box-shadow: 14px 14px 0 #bfd0c9; transform: rotate(2deg); }.schools-hero-card small { color: #c8dbd1; font: 500 10px var(--pn-mono); letter-spacing: .1em; }.schools-hero-card strong { display: block; margin: 26px 0 17px; font: 600 26px/1.65 var(--pn-serif); }.schools-hero-card > p { color: #dfe5dc; font-size: 12px; line-height: 1.9; }.schools-hero-card > div { display: flex; align-items: center; gap: 12px; margin-top: 40px; padding-top: 20px; border-top: 1px solid #70848c; }.schools-hero-card b { color: #f1c581; font: 700 67px/.8 var(--pn-display); }.schools-hero-card span { font: 500 9px/1.7 var(--pn-mono); letter-spacing: .1em; }
.schools-issues { width: min(1320px, calc(100% - 64px)); padding: 100px max(20px, calc((100vw - 1120px) / 2)); margin: auto; background: #f0e7d5; }.schools-issues h2 { margin-bottom: 45px; font-size: clamp(35px, 4vw, 56px); }.schools-issue-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }.schools-issue-grid article { min-height: 260px; padding: 27px; background: var(--pn-paper); border-top: 5px solid var(--pn-sun); }.schools-issue-grid article:nth-child(2) { border-color: var(--pn-blue); }.schools-issue-grid article:nth-child(3) { border-color: var(--pn-leaf); }.schools-issue-grid small { color: var(--pn-sun); font: 500 9px var(--pn-mono); letter-spacing: .1em; }.schools-issue-grid h3 { margin: 24px 0 12px; font: 700 20px/1.55 var(--pn-serif); }.schools-issue-grid p { margin: 0; color: #60685f; font-size: 12px; line-height: 1.9; }
.schools-radar { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(45px, 8vw, 135px); align-items: center; width: min(1120px, calc(100% - 64px)); padding: 130px 0; margin: auto; }.schools-radar h2 { font-size: clamp(34px, 3.8vw, 52px); }.schools-radar-copy > p:not(.pathnote-kicker) { margin: 0; font-size: 14px; line-height: 2; }.schools-radar-copy ul { margin: 25px 0 0; padding: 0; border-top: 1px solid var(--pn-line); list-style: none; }.schools-radar-copy li { padding: 9px 0; border-bottom: 1px solid var(--pn-line); font-size: 12px; }.schools-radar-card { display: flex; min-height: 490px; padding: 52px 30px 25px; flex-direction: column; justify-content: center; background: var(--pn-ink); color: var(--pn-paper); }.schools-radar-card .pathnote-big-radar { width: min(100%, 350px); }.schools-radar-card .pathnote-radar-ring { border-color: #899c93; }.schools-radar-card .pathnote-radar-shape { background: rgba(232, 90, 61, .6); border-color: #f1c581; }.schools-radar-card .pathnote-radar-label { color: var(--pn-paper); }.schools-radar-card > p { margin: 30px 0 0; color: #b4c0b6; text-align: center; font-size: 10px; }
.schools-flow { width: min(1320px, calc(100% - 64px)); padding: 92px max(20px, calc((100vw - 1120px) / 2)); margin: auto; color: var(--pn-paper); background: var(--pn-sun); }.schools-flow .pathnote-kicker { color: #ffe6d5; }.schools-flow .pathnote-kicker span { color: var(--pn-sun); background: #ffe6d5; }.schools-flow h2 { margin-bottom: 47px; font-size: clamp(35px, 4vw, 55px); }.schools-flow h2 em { color: #ffe6d5; }.schools-flow ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin: 0; padding: 0; list-style: none; }.schools-flow li { display: grid; grid-template-columns: 43px 1fr; gap: 13px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.5); }.schools-flow li > span { font: 700 28px var(--pn-display); }.schools-flow small { font: 500 9px var(--pn-mono); letter-spacing: .1em; }.schools-flow h3 { margin: 8px 0 9px; font: 700 17px/1.55 var(--pn-serif); }.schools-flow p { margin: 0; color: #ffe5d8; font-size: 11px; line-height: 1.9; }
.schools-output { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(45px, 9vw, 135px); align-items: start; width: min(1120px, calc(100% - 64px)); padding: 135px 0; margin: auto; }.schools-output h2 { font-size: clamp(35px, 3.8vw, 53px); }.schools-output-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.schools-output-grid article { min-height: 450px; padding: 24px; background: #e7ece2; }.schools-output-grid article + article { color: var(--pn-paper); background: var(--pn-blue); }.schools-output-grid small { color: var(--pn-leaf); font: 500 9px var(--pn-mono); letter-spacing: .09em; }.schools-output-grid article + article small { color: #c8dbd1; }.schools-output-grid h3 { margin: 21px 0 10px; font: 700 19px var(--pn-serif); }.schools-output-grid p { margin: 0; font-size: 11px; line-height: 1.9; }.schools-output-grid article > img { width: 100%; margin-top: 22px; border: 1px solid #b7c0b2; }.schools-support-paper { min-height: 190px; padding: 18px; margin-top: 25px; color: var(--pn-ink); background: #f8f4ec; box-shadow: 7px 7px 0 #263f49; transform: rotate(-3deg); }.schools-support-paper b { display: block; color: var(--pn-sun); font: 500 8px var(--pn-mono); letter-spacing: .1em; }.schools-support-paper strong { display: block; margin: 17px 0; font: 700 15px/1.6 var(--pn-serif); }.schools-support-paper i { display: block; height: 1px; margin: 9px 0; background: #bac0b5; }
.schools-promise { display: grid; grid-template-columns: .5fr 1.1fr 1fr; gap: 50px; width: min(1320px, calc(100% - 64px)); padding: 62px max(20px, calc((100vw - 1120px) / 2)); margin: auto; border-top: 1px solid var(--pn-line); border-bottom: 1px solid var(--pn-line); }.schools-promise strong { font: 600 25px/1.7 var(--pn-serif); }.schools-promise > p:not(.pathnote-kicker) { margin: 8px 0 0; color: #697166; font-size: 12px; line-height: 2; }.schools-closing { padding: 115px 20px; color: var(--pn-paper); background: var(--pn-ink); text-align: center; }.schools-closing .pathnote-kicker { justify-content: center; color: #b9c7b2; }.schools-closing .pathnote-kicker span { color: var(--pn-ink); background: #b9c7b2; }.schools-closing h2 { margin: 23px 0 14px; font-size: clamp(38px, 4.5vw, 62px); }.schools-closing > p:not(.pathnote-kicker) { margin: 0; color: #c7c9be; font-size: 13px; }.schools-back { display: block; width: max-content; margin: 29px auto 0; color: #c9d8c7; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 700; }
@media (max-width: 900px) { .pathnote-schools-header > p { display: none; }.schools-hero, .schools-radar, .schools-output, .schools-promise { grid-template-columns: 1fr; width: min(100% - 40px, 680px); }.schools-hero { padding: 72px 0; }.schools-issues, .schools-flow { width: min(100% - 40px, 680px); }.schools-issue-grid, .schools-flow ol { grid-template-columns: 1fr; }.schools-issue-grid article { min-height: auto; }.schools-radar { padding: 88px 0; }.schools-radar-card { max-width: 520px; width: 100%; min-height: 450px; margin: auto; }.schools-output { padding: 92px 0; }.schools-output-grid { max-width: 620px; }.schools-promise { gap: 18px; padding: 52px 0; }.schools-promise > p:not(.pathnote-kicker) { margin-top: 0; } }
@media (max-width: 560px) { .schools-hero, .schools-radar, .schools-output, .schools-promise, .schools-issues, .schools-flow { width: calc(100% - 32px); }.schools-hero { padding: 50px 0; }.schools-hero h1, .schools-issues h2, .schools-radar h2, .schools-flow h2, .schools-output h2, .schools-closing h2 { font-size: 37px; }.schools-hero-card { padding: 28px 24px; }.schools-hero-card strong { font-size: 22px; }.schools-issues, .schools-flow { padding: 65px 20px; }.schools-radar { padding: 70px 0; }.schools-radar-card { min-height: 385px; padding: 42px 15px 20px; }.schools-radar-card .pathnote-big-radar { width: 265px; }.schools-flow ol { gap: 19px; }.schools-output { padding: 70px 0; }.schools-output-grid { grid-template-columns: 1fr; }.schools-output-grid article { min-height: auto; }.schools-promise { padding: 45px 0; }.schools-closing { padding: 80px 20px; } }