.editorial header{position:relative;top:0;background:var(--dark);padding:28px 0}.editorial .archive-intro{padding-top:80px;padding-bottom:55px}.archive-intro h1{font-size:clamp(42px,5vw,70px)}.archive-intro h1 em{color:#637887}.archive-intro>p:last-child{max-width:550px;margin-top:25px;color:var(--graphite)}.archive-section{padding-bottom:90px}.archive-tools{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid var(--line);padding:11px 16px;border-radius:24px;background:none;font-size:11px}.filters button[aria-pressed=true]{background:var(--dark);color:white}.search-label{display:flex;align-items:center;border-bottom:1px solid var(--line)}.search-label input{font:inherit;background:none;border:0;padding:12px;width:210px}.search-label>span:last-child{font-size:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.results-count{font-size:11px;color:var(--graphite);margin-bottom:22px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.archive-card[hidden]{display:none}.archive-image{height:300px;position:relative;overflow:hidden;background:var(--stone)}.archive-image img{height:100%;object-fit:cover;filter:grayscale(1);transition:transform .3s}.archive-card a:hover img{transform:scale(1.025)}.archive-card .eyebrow{margin:24px 0 12px;font-size:9px}.archive-card h2{font-size:30px;line-height:1.23;margin-bottom:16px}.archive-card p:not(.eyebrow){font-size:12px;color:var(--graphite)}.read-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 0 15px;font-size:11px}.article-heading{padding-top:50px;max-width:900px}.breadcrumb{display:inline-block;font-size:11px;margin-bottom:45px}.article-heading h1{font-size:clamp(40px,5vw,70px);max-width:900px}.article-lead{max-width:650px;margin:25px 0 40px;font-size:17px;color:var(--graphite)}.article-figure{margin:0 auto}.article-figure img{height:560px;object-fit:contain;background:#e4e4df}.article-figure figcaption{font-size:10px;color:var(--graphite);margin-top:12px}.article-layout{display:grid;grid-template-columns:220px minmax(0,660px);justify-content:space-between;gap:60px;padding-top:60px;padding-bottom:80px}.article-copy h2{font-size:34px;margin:0 0 22px}.article-copy p{font-size:16px;margin-bottom:22px}.article-copy blockquote{font-family:var(--serif);font-size:34px;line-height:1.4;border-left:3px solid var(--blue);padding:10px 0 10px 28px;margin:40px 0}.share-links{display:grid;gap:12px;margin-top:20px}.share-links button{text-align:left;background:none;border:0;padding:7px 0;font-size:12px}.share-links button:hover{text-decoration:underline}#share-status{font-size:11px;margin-top:15px}.source-note{background:#e8edf0;padding:25px;margin-top:32px}.source-note h3{font-size:22px;margin-bottom:12px}.source-note p{font-size:12px;margin:0}.related{padding-bottom:80px;border-top:1px solid var(--line);padding-top:45px}.related>h2{margin-bottom:35px;font-size:40px}.related .archive-grid{grid-template-columns:repeat(2,1fr)}.related .archive-image{height:300px}
@media(max-width:760px){.editorial header{padding:15px 0}.archive-tools{flex-direction:column}.archive-grid{grid-template-columns:1fr;gap:40px}.archive-image{height:320px}.article-figure img{height:auto;max-height:500px}.article-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}.article-aside{order:2;border-top:1px solid var(--line);padding-top:25px}.article-heading{padding-top:30px}.article-lead{font-size:15px}.related .archive-grid{grid-template-columns:1fr}.editorial .archive-intro{padding-top:45px}.search-label input{width:100%}.article-copy p{font-size:15px}.article-copy blockquote{font-size:29px}.article-heading h1{font-size:43px}}

/* Compact companion to the homepage hero. */
.story-index .archive-hero{background:var(--dark);color:var(--white);position:relative;overflow:hidden}
.story-index .archive-intro{text-align:center;padding-top:45px;padding-bottom:70px;position:relative;z-index:1}
.story-index .archive-intro .eyebrow{color:#bec9d7;font-size:9px;letter-spacing:.16em}
.story-index .archive-intro h1{font-size:clamp(39px,4.5vw,65px);line-height:1.15;max-width:1000px;margin:auto}
.story-index .archive-intro h1 em{color:var(--blue)}
.story-index .archive-intro>p:last-child{margin:24px auto 0;color:#bec9d7;max-width:560px;font-size:13px}
.story-index .archive-section{padding-top:35px}.story-index .archive-tools{border-top:0}
.story-index header nav a[aria-current="page"]{color:var(--blue)}
@media(max-width:760px){.story-index .archive-intro{padding-top:32px;padding-bottom:45px}.story-index .archive-intro h1{font-size:39px}.story-index .archive-intro>p:last-child{font-size:12px}.story-index .archive-section{padding-top:15px}}

/* Abstract facets from the photographic card system. */
.story-index .archive-hero:before,.story-index .archive-hero:after{content:none}
.hero-abstract{position:absolute;top:0;bottom:0;width:clamp(120px,19vw,290px);pointer-events:none;overflow:hidden}
.hero-abstract svg{width:100%;height:100%;display:block}.hero-abstract.left{left:0}.hero-abstract.right{right:0;transform:rotate(180deg)}
.story-index .archive-intro{padding-bottom:75px}
@media(max-width:760px){.hero-abstract{width:64px;opacity:.7}.story-index .archive-intro{width:calc(100% - 80px);padding-bottom:50px}.story-index .archive-intro h1{font-size:clamp(30px,7.5vw,39px)}}

/* Article headings share the archive's abstract navy hero. */
.article-hero{position:relative;overflow:hidden;background:var(--dark);color:var(--white)}
.article-hero .article-heading{position:relative;z-index:1;text-align:center;padding-top:30px;padding-bottom:55px;max-width:1000px}
.article-hero .breadcrumb{color:var(--blue);margin-bottom:30px}.article-hero .eyebrow{color:#bec9d7}
.article-hero h1{margin:auto;max-width:850px}.article-hero .article-lead{color:#bec9d7;margin:24px auto 0;max-width:650px;font-size:15px}
.article-page .article-figure{padding-top:45px}
@media(max-width:760px){.article-hero .article-heading{width:calc(100% - 80px);padding-top:22px;padding-bottom:40px}.article-hero h1{font-size:clamp(30px,8vw,43px)}.article-hero .article-lead{font-size:13px}.article-page .article-figure{padding-top:25px}}

/* Compact editorial column and icon sharing rail. */
.article-layout{max-width:1000px;grid-template-columns:140px minmax(0,740px);justify-content:center;gap:48px;padding-top:38px}
.article-aside{align-self:start}.share-heading{font-size:12px;letter-spacing:.08em;margin-bottom:16px;text-align:center}
.share-rail{display:flex;flex-direction:column;align-items:center;gap:4px;background:#edf3f5;border-radius:32px;padding:17px 10px;width:76px;margin:auto}
.share-rail button{border:0;background:transparent;color:var(--dark);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;transition:background .2s}
.share-rail button:hover{background:var(--blue)}.share-rail svg{width:25px;height:25px}#share-status:empty{display:none}
@media(max-width:760px){.article-layout{grid-template-columns:1fr;gap:24px;padding-top:28px}.article-aside{order:0;border-top:0;padding-top:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.share-heading{margin:0}.share-rail{flex-direction:row;width:auto;margin:0;padding:5px 10px;border-radius:28px}.share-rail button{width:40px;height:40px}.article-aside #share-status{flex-basis:100%;margin:0}}
.education-hero h1 em{color:var(--blue)}.education-materials{background:var(--blue)}.education-photo{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.education-photo figure{margin:0}.education-photo figure img{max-height:450px;object-fit:cover;filter:grayscale(1)}.education-photo figcaption{font-size:10px;color:var(--graphite);margin-top:12px}.education-photo>div>p:not(.eyebrow){margin:24px 0;color:var(--graphite)}.lesson-section{background:#e5e8df}.lesson-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:40px 0 25px}.lesson-steps li{border-top:1px solid var(--line);padding-top:22px}.lesson-steps span{font-size:10px;letter-spacing:.1em}.lesson-steps h3{font-size:26px;margin:22px 0 15px}.lesson-steps p{font-size:12px;color:var(--graphite)}.school-section{background:var(--dark);color:var(--white)}.school-section .education-photo>div>p:not(.eyebrow),.school-section .editorial-note{color:#c4d1dc}.school-section ul{padding-left:20px;line-height:1.8;font-size:13px;margin-bottom:28px}.education-faq{max-width:850px;margin-top:35px}.education-faq details{border-bottom:1px solid var(--line);padding:22px 0}.education-faq summary{cursor:pointer;font-size:17px}.education-faq p{margin-top:18px;max-width:720px;color:var(--graphite)}.education-page nav a[aria-current]{color:var(--blue)}
@media(max-width:760px){.education-photo{grid-template-columns:1fr;gap:30px}.lesson-steps{grid-template-columns:1fr 1fr;gap:25px}.lesson-steps h3{font-size:23px}.education-hero .actions{display:grid}.education-hero .article-heading{width:calc(100% - 60px)}.education-materials .discover-card{min-height:220px}}
@media(max-width:380px){.lesson-steps{grid-template-columns:1fr}}

/* Educator guide: balanced introduction and accessible accordion cards. */
.educator-guide{display:grid;grid-template-columns:.8fr 1.35fr;gap:80px;align-items:start}
.guide-intro h2{font-size:clamp(36px,3.8vw,54px)}.guide-intro>p:not(.eyebrow){margin-top:24px;max-width:320px;color:var(--graphite);font-size:13px}.guide-intro .text-button{margin-top:24px;max-width:280px}
.educator-guide .education-faq{margin:0;max-width:none;display:grid;gap:12px;counter-reset:faq}
.educator-guide details{counter-increment:faq;padding:0;border:1px solid #15243e15;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .2s,background .2s}
.educator-guide summary{list-style:none;display:grid;grid-template-columns:25px 1fr 30px;align-items:center;gap:16px;padding:24px;font-size:15px;line-height:1.5;font-weight:500}
.educator-guide summary::-webkit-details-marker{display:none}.educator-guide summary::marker{content:''}
.educator-guide summary:before{content:counter(faq,decimal-leading-zero);font-size:10px;letter-spacing:.08em;color:#71828e}
.educator-guide summary:after{content:'+';display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf3f5;color:var(--dark);font-size:22px;font-weight:400}
.educator-guide details[open]{background:#edf3f5;border-color:#b5d0df}.educator-guide details[open] summary:after{content:'−';background:var(--dark);color:white}
.educator-guide summary:hover{background:#eef4f770}.educator-guide details p{margin:0;padding:0 70px 26px 65px;font-size:13px;line-height:1.85;color:var(--graphite)}
@media(max-width:760px){.educator-guide{grid-template-columns:1fr;gap:30px}.guide-intro h2 br{display:none}.guide-intro h2 br:after{content:' '}.guide-intro>p:not(.eyebrow){max-width:none}.educator-guide summary{padding:20px 16px;gap:10px;font-size:14px;grid-template-columns:22px 1fr 28px}.educator-guide details p{padding:0 24px 22px 48px}}
/* A connected lesson timeline. */
.lesson-steps{counter-reset:lesson;gap:28px;margin-top:48px}
.lesson-steps li{counter-increment:lesson;position:relative;border:0;padding:70px 0 0}
.lesson-steps li:before{content:counter(lesson,decimal-leading-zero);position:absolute;top:0;left:0;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--dark);color:var(--white);font-size:12px;letter-spacing:.08em;z-index:1}
.lesson-steps li:not(:last-child):after{content:'';position:absolute;top:21px;left:54px;width:calc(100% - 36px);height:2px;background:#15243e30}
.lesson-steps li>span{display:inline-block;background:#ffffff85;border-radius:20px;padding:5px 12px;font-size:10px}
.lesson-steps h3{margin:18px 0 13px}.lesson-section .text-button{width:max-content;max-width:100%;margin-top:32px}
@media(max-width:900px){.lesson-steps{grid-template-columns:1fr;gap:0;margin-top:32px}.lesson-steps li{padding:0 0 32px 68px;min-height:145px}.lesson-steps li:not(:last-child):after{left:21px;top:52px;width:2px;height:calc(100% - 62px)}.lesson-steps li:last-child{padding-bottom:0;min-height:0}.lesson-steps h3{margin-top:12px}.lesson-steps p{max-width:560px}}
.about-page .article-hero h1 em{color:var(--blue)}.about-paragraph{max-width:530px;margin-top:20px;color:var(--graphite);font-size:13px;line-height:1.85}.about-organisation{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.organisation-name{margin-top:20px;color:var(--blue);font-size:17px}.about-organisation>div>p:not(.eyebrow):not(.organisation-name){color:#c4d1dc;font-size:14px}.programme-note{border-top:1px solid #ffffff30;margin-top:30px;padding-top:30px}.programme-note h3{font-size:28px}.programme-note p:last-child{margin-top:18px;font-size:13px;color:#c4d1dc}.about-next{text-align:center}.about-next>p:not(.eyebrow){max-width:530px;margin:24px auto;color:var(--graphite)}.about-secondary{border-color:var(--dark);color:var(--dark)}.about-page nav a[aria-current]{color:var(--blue)}@media(max-width:760px){.about-organisation{grid-template-columns:1fr;gap:32px}.about-page .article-heading{width:calc(100% - 60px)}}

/* About-page process: vertical steps beside an archival photograph. */
.about-process-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;margin-top:48px}
.about-process .lesson-steps{grid-template-columns:1fr;gap:0;margin:0}
.about-process .lesson-steps li{padding:0 0 30px 68px;min-height:135px}
.about-process .lesson-steps li:not(:last-child):after{left:21px;top:52px;width:2px;height:calc(100% - 62px)}
.about-process .lesson-steps li:last-child{padding-bottom:0;min-height:0}
.about-process .lesson-steps h3{margin:10px 0;font-size:27px}
.process-photo{margin:0;background:#f6f5f5;padding:18px 18px 24px;box-shadow:0 15px 40px #15243e0d;border-radius:5px;transform:rotate(1deg)}
.process-photo img{width:100%;height:auto;filter:grayscale(1)}
.process-photo figcaption{font-size:12px;padding:18px 7px 0;color:var(--graphite)}.process-photo figcaption span{display:block;letter-spacing:.13em;font-size:9px;margin-bottom:9px;color:var(--dark)}
@media(max-width:760px){.about-process-layout{grid-template-columns:1fr;gap:32px;margin-top:30px}.process-photo{transform:none;padding:12px 12px 20px}.about-process .lesson-steps h3{font-size:25px}}

.organisation-wordmark{line-height:1}.organisation-wordmark svg{display:block;width:280px;max-width:100%;height:auto;color:var(--white)}@media(max-width:760px){.organisation-wordmark svg{width:235px}}

.organisation-section{position:relative;overflow:hidden;isolation:isolate}.organisation-motif{position:absolute;left:0;top:0;bottom:0;width:clamp(100px,17vw,260px);opacity:.3;pointer-events:none;z-index:-1}.organisation-motif svg{display:block;width:100%;height:100%}.organisation-section .about-organisation{position:relative}@media(max-width:760px){.organisation-motif{width:100px;opacity:.18}}
/* Photographic closing invitation with navy overlay. */
.about-next{width:100%;max-width:none;padding:90px max(24px,calc((100% - 1200px)/2));color:var(--white);background:linear-gradient(90deg,rgba(21,36,62,.88),rgba(21,36,62,.78),rgba(21,36,62,.88)),url('assets/class-1939.jpg') center 43%/cover no-repeat}
.about-next .eyebrow{color:var(--blue)}.about-next>p:not(.eyebrow){color:#e0e8ee}
.about-next .button.dark{background:var(--lime);color:var(--dark)}.about-next .button.dark:hover{background:#edf5da}
.about-next .about-secondary{color:var(--white);border-color:#ffffff80;background:#15243e25}.about-next .about-secondary:hover{background:#ffffff14}
@media(max-width:760px){.about-next{padding:60px 24px;background-position:center}.about-next h2{font-size:36px}}