/* Pupil Design System v1.1 - Early Years programme page.
 * Scoped to the programme sections so the validated homepage remains unchanged.
 * Component layouts are authored here, rather than copied from the per-page HTML fixes.
 */
:root{--pupil-motion-fast:150ms;--pupil-motion-base:300ms;--pupil-motion-slow:600ms;--pupil-motion-hero:900ms;--pupil-motion-ease:cubic-bezier(.2,.8,.2,1);--pupil-media-radius:8px;--pupil-card-radius:16px;--pupil-button-radius:999px;--pupil-space-section:clamp(64px,7.5vw,112px)}
.pupil-early-years .site-header:not(.is-menu-open){background:var(--cream);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.pupil-early-years .site-header .brand img{filter:none}
.pupil-early-years .site-header .header-visit{background:var(--ink);color:var(--cream)}
.pupil-early-years .pupil-ey-section{position:relative}
.pupil-early-years .ac-bg-yellow{background:var(--yellow)}
.pupil-early-years .ac-bg-blue{background:var(--blue)}
.pupil-early-years .ac-bg-cream{background:var(--cream)}
.pupil-early-years .ac-hero{padding:clamp(135px,13vw,195px) var(--page-gutter) 100px;background:var(--yellow)}
.pupil-early-years .ac-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,6vw,110px)}
.pupil-early-years .ey-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:500}
.pupil-early-years .ac-hero-title{font:400 clamp(48px,5.4vw,91px)/1.04 var(--font);letter-spacing:-.05em;margin:24px 0 24px;max-width:980px}
.pupil-early-years .ac-hero-sub{font-size:clamp(17px,1.6vw,24px);line-height:1.47;letter-spacing:-.025em;max-width:590px}
.pupil-early-years .ac-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:17px 0 0;margin:33px 0 0;border-top:1px solid var(--line);gap:14px}
.pupil-early-years .ac-hero-meta li{font-size:14px;line-height:1.45}
.pupil-early-years .ac-hero-meta span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.pupil-early-years .ac-hero-meta small{display:block;color:#4c4c42;font-size:11px;margin-top:4px}
.pupil-early-years .ac-hero-actions{margin-top:30px}
.pupil-early-years .ac-hero-actions a{display:inline-flex}
.pupil-early-years .ac-hero-photo{width:100%;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:var(--pupil-media-radius)}
.pupil-early-years .ac-hero-photo img{width:100%;height:100%;object-fit:cover}
.pupil-early-years .ac-statement{padding:var(--pupil-space-section) var(--page-gutter)}
.pupil-early-years .ac-statement-text{font-size:clamp(24px,3.1vw,48px);line-height:1.37;letter-spacing:-.035em;max-width:1130px}
.pupil-early-years .ac-bleed{margin:0;background:var(--cream)}
.pupil-early-years .ac-bleed-frame{height:clamp(330px,68vw,810px);overflow:hidden}
.pupil-early-years .ac-bleed img{width:100%;height:100%;object-fit:cover}
.pupil-early-years .ac-features,.pupil-early-years .ac-learning,.pupil-early-years .ac-timetable,.pupil-early-years .ac-continuum,.pupil-early-years .faq-section{padding:var(--pupil-space-section) var(--page-gutter)}
.pupil-early-years .ac-head{margin-bottom:clamp(30px,4.5vw,68px)}
.pupil-early-years .ac-head .display-heading{margin-top:24px;line-height:1.09}
.pupil-early-years .ac-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(20px,3vw,46px);row-gap:60px}
.pupil-early-years .ac-feature{min-width:0}
.pupil-early-years .ac-feature-img{margin:0 0 20px;aspect-ratio:4/3;overflow:hidden;border-radius:var(--pupil-media-radius)}
.pupil-early-years .ac-feature-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--pupil-motion-slow) var(--pupil-motion-ease)}
@media(hover:hover){.pupil-early-years .ac-feature:hover .ac-feature-img img{transform:scale(1.03)}}
.pupil-early-years .ac-feature h3{font-size:clamp(21px,2vw,27px);line-height:1.22;letter-spacing:-.025em;font-weight:500;margin:4px 0 13px}
.pupil-early-years .ac-feature p{font-size:16px;line-height:1.68;max-width:450px;color:#42423c}
.pupil-early-years .ac-learning-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,100px);align-items:center}
.pupil-early-years .ac-learning .section-intro{font-size:16px;line-height:1.74;max-width:550px;margin:15px 0}
.pupil-early-years .ac-learning .ac-photo{margin:0;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:var(--pupil-media-radius)}
.pupil-early-years .ac-learning .ac-photo img{width:100%;height:100%;object-fit:cover}
.pupil-early-years .ac-timetable .section-intro{margin-top:18px;font-size:16px;line-height:1.65}
.pupil-early-years .pupil-timetable-note{font-size:12px;color:#55554e;margin:0 0 24px;max-width:800px}
.pupil-early-years .ac-tt-grid{display:grid;grid-template-columns:145px repeat(5,minmax(0,1fr));border:1px solid rgba(26,26,26,.12);border-radius:var(--pupil-card-radius);overflow:hidden;background:#fff}
.pupil-early-years .ac-tt-corner,.pupil-early-years .ac-tt-day{padding:17px 9px;font-size:13px;font-weight:600;text-align:center}
.pupil-early-years .ac-tt-corner{background:#f0eee5}
.pupil-early-years .ac-tt-day{background:var(--ink);color:var(--cream);margin:8px 4px 0;border-radius:12px 12px 0 0}
.pupil-early-years .ac-tt-time{grid-column:1;background:#f0eee5;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px 9px;border-top:1px solid var(--line)}
.pupil-early-years .ac-tt-cell{display:flex;align-items:center;justify-content:center;padding:17px 15px;font-size:14px;line-height:1.45;font-weight:500;border-top:1px solid var(--line);text-align:center}
.pupil-early-years .ac-tt-span5{grid-column:2/span 5}
.pupil-early-years .ac-tt-span4{grid-column:2/span 4}
.pupil-early-years .ac-tt-fri{grid-column:6;background:#fbf9f4}
.pupil-early-years .ac-tt-band{grid-column:2/span 5;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;font-size:14px;font-weight:500;line-height:1.45}
.pupil-early-years .ac-tt-band-cream{background:#f3f0e4}
.pupil-early-years .ac-tt-band-terra{background:var(--terra);color:var(--ink)}
.pupil-early-years .ac-tt-band-yellow{background:var(--yellow)}
.pupil-early-years .ac-tt-band-lavender{background:var(--blue);color:var(--ink)}
.pupil-early-years .ac-tt-mobile{display:none}
.pupil-early-years .ac-note{font-size:13px;color:var(--muted);margin-top:18px}
.pupil-early-years .ac-continuum .ac-pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0}
.pupil-early-years .ac-continuum .pathway-card{background:var(--blue);min-width:0}
.pupil-early-years .ac-continuum .pathway-card.pathway-sage{background:var(--sage)}
.pupil-early-years .ac-continuum .pathway-card.pathway-terra{background:var(--terra)}
.pupil-early-years .ac-continuum .pathway-card.pathway-blue{background:var(--blue)}
.pupil-early-years .ac-continuum .pathway-photo{aspect-ratio:1.3}
.pupil-early-years .ac-continuum .pathway-photo img{width:100%;height:100%;object-fit:cover}
.pupil-early-years .ac-continuum .pathway-card h3{font-size:clamp(26px,2.8vw,42px)}
.pupil-early-years .faq-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(35px,7vw,116px)}
.pupil-early-years .faq-section .faq-photo{max-width:450px;width:100%;aspect-ratio:1.45;overflow:hidden}
.pupil-early-years .faq-section .faq-photo img{width:100%;height:100%;object-fit:cover}
.pupil-early-years .faq-section .text-link{margin-top:23px}
.pupil-early-years .faq-list details{border-bottom:1px solid var(--line)}
.pupil-early-years .faq-list summary{font-size:16px;padding:22px 0}
.pupil-early-years .faq-list .detail-content{font-size:15px;line-height:1.7;padding:0 0 22px}
.pupil-early-years .cta3{display:grid;grid-template-columns:1fr 1fr;min-height:580px;background:var(--yellow)}
.pupil-early-years .cta3-photo{position:relative;min-height:580px;overflow:hidden}
.pupil-early-years .cta3-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.pupil-early-years .cta3 .admissions-copy{padding:clamp(40px,5.6vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--yellow)}
.pupil-early-years .cta3 .admissions-copy p{font-size:16px;line-height:1.68;max-width:460px}
.pupil-early-years .cta3 .admissions-copy>.button{margin-top:30px}
.pupil-early-years .pupil-ey-section a,.pupil-early-years .pupil-ey-section button{scroll-margin-top:120px}
/* Shared restrained motion: no scroll-pinned hero, dimmed sections, or hiding navigation. */
body.motion-ready .site-header.header-hidden{transform:none!important}
body.pupil-early-years.motion-ready [data-motion="reveal"].motion-armed,
body.pupil-early-years.motion-ready [data-motion="image"].motion-armed{opacity:0;transform:translateY(16px)}
body.pupil-early-years.motion-ready [data-motion="reveal"].motion-entered,
body.pupil-early-years.motion-ready [data-motion="image"].motion-entered{opacity:1;transform:none;transition:opacity .6s var(--pupil-motion-ease),transform .6s var(--pupil-motion-ease)}
.pupil-early-years.motion-ready .ac-hero-title{animation:pupil-ey-hero-in .9s var(--pupil-motion-ease) both}
.pupil-early-years.motion-ready .ac-hero-photo{animation:pupil-ey-hero-in .9s .12s var(--pupil-motion-ease) both}
@keyframes pupil-ey-hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:900px){
 .pupil-early-years .ac-hero-grid{gap:30px;grid-template-columns:1fr 1fr}
 .pupil-early-years .ac-hero-title{font-size:clamp(43px,5.5vw,62px)}
 .pupil-early-years .ac-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pupil-early-years .ac-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pupil-early-years .ac-tt-grid{display:none}
 .pupil-early-years .ac-tt-mobile{display:block}
 .pupil-early-years .ac-tt-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px}
 .pupil-early-years .ac-tt-tab{min-width:64px;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:var(--cream);font-size:14px}
 .pupil-early-years .ac-tt-tab.is-on{background:var(--ink);color:var(--cream)}
 .pupil-early-years .ac-tt-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--pupil-card-radius);overflow:hidden}
 .pupil-early-years .ac-tt-list[hidden]{display:none}
 .pupil-early-years .ac-tt-li{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:18px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45}
 .pupil-early-years .ac-tt-li:last-child{border:0}
 .pupil-early-years .ac-tt-li span{font-size:12px;font-weight:500}
 .pupil-early-years .ac-tt-li b{font-weight:500}
 .pupil-early-years .ac-tt-li.ac-tt-band-terra{background:var(--terra);color:var(--ink)}
 .pupil-early-years .ac-tt-li.ac-tt-band-lavender{background:var(--blue);color:var(--ink)}
}
@media(max-width:680px){
 .pupil-early-years .ac-hero{padding:118px 24px 62px}
 .pupil-early-years .ac-hero-grid{display:block}
 .pupil-early-years .ac-hero-title{font-size:clamp(41px,10vw,65px);margin:18px 0 22px}
 .pupil-early-years .ac-hero-sub{font-size:16px;line-height:1.55}
 .pupil-early-years .ac-hero-meta{gap:15px;margin-top:25px}
 .pupil-early-years .ac-hero-meta li{font-size:13px}
 .pupil-early-years .ac-hero-meta span{font-size:11px}
 .pupil-early-years .ac-hero-photo{margin-top:36px;aspect-ratio:1.17}
 .pupil-early-years .ac-statement,.pupil-early-years .ac-features,.pupil-early-years .ac-learning,.pupil-early-years .ac-timetable,.pupil-early-years .ac-continuum,.pupil-early-years .faq-section{padding:60px 24px}
 .pupil-early-years .ac-statement-text{font-size:clamp(26px,7vw,37px)}
 .pupil-early-years .ac-bleed-frame{height:390px}
 .pupil-early-years .ac-head{margin-bottom:30px}
 .pupil-early-years .ac-head .display-heading{font-size:clamp(38px,9.5vw,60px)}
 .pupil-early-years .ac-feature-grid{grid-template-columns:1fr;gap:40px}
 .pupil-early-years .ac-feature p{font-size:15px}
 .pupil-early-years .ac-learning-grid{display:block}
 .pupil-early-years .ac-learning .ac-photo{margin-top:30px;aspect-ratio:4/3}
 .pupil-early-years .ac-tt-li{grid-template-columns:104px 1fr;gap:12px;padding:14px 11px}
 .pupil-early-years .ac-continuum .ac-pathways{display:flex;overflow-x:auto;gap:14px;margin:0 -24px;padding:6px 24px 20px;scroll-snap-type:x mandatory;scroll-padding-inline:24px}
 .pupil-early-years .ac-continuum .pathway-card{flex:0 0 min(82vw,370px);scroll-snap-align:start}
 .pupil-early-years .faq-section{display:block}
 .pupil-early-years .faq-section .faq-list{margin-top:35px}
 .pupil-early-years .faq-section .display-heading{font-size:clamp(37px,9vw,60px)}
 .pupil-early-years .faq-list summary{font-size:15px}
 .pupil-early-years .cta3{display:flex;flex-direction:column}
 .pupil-early-years .cta3-photo{min-height:320px}
 .pupil-early-years .cta3 .admissions-copy{padding:52px 24px 62px}
 .pupil-early-years .cta3 .admissions-copy .display-heading{font-size:clamp(44px,11vw,70px)}
}
@media(prefers-reduced-motion:reduce){.pupil-early-years *{animation:none!important;transition:none!important}.pupil-early-years [data-motion]{opacity:1!important;transform:none!important}}
.pupil-early-years .ac-hero-meta .pupil-meta-value{display:block;font-size:14px;text-transform:none;letter-spacing:0;line-height:1.5;font-weight:500;color:var(--ink)}
.pupil-early-years .faq-list summary::after{content:'+';display:block;margin-left:auto;font-size:23px;font-weight:400;line-height:1;transition:transform .3s}
.pupil-early-years .faq-list details[open] summary::after{transform:rotate(45deg)}
