.school-page{background:var(--paper)}
.school-header{z-index:20}
.school-page .mobile-menu{z-index:19}
.school-page .support-button{margin-right:0;padding-inline:24px}
.s-wrap{width:calc(100% - 2 * var(--gutter));max-width:1320px;margin-inline:auto}
.s-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding:35px 0 40px;color:#826c58;font:14px/1.6 Arial,sans-serif}
.s-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.s-breadcrumb [aria-current]{color:var(--ink)}
.school-page h2,.school-page h3{font-family:Cormorant,Georgia,serif;font-weight:400;text-wrap:balance}
.school-page h2{font-size:clamp(42px,4.3vw,67px);line-height:1.06;letter-spacing:-.035em;margin:0}
.school-page em{font-weight:400;color:#92663f}
.s-script{font:400 25px/1.65 'Bad Script',cursive;color:#936641;margin:0 0 24px}
.s-hero{padding-bottom:72px}
.s-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:8px;min-height:490px}
.s-hero-copy{position:relative;z-index:1;padding:22px 0 30px}
.s-hero h1{font:400 clamp(68px,7.6vw,115px)/.98 Cormorant,Georgia,serif;letter-spacing:-.045em;margin:0 0 28px -2px}
.s-hero h1 em{color:var(--wine)}
.s-lead{max-width:455px;font-size:19px;line-height:1.75;color:var(--ink);margin:0 0 30px;text-wrap:pretty}
.s-hero-art{margin:0 -18px 0 0;min-width:0;transform:rotate(-3deg)}
.s-hero-art img{display:block;width:100%;height:auto}
.s-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px}
.school-page .primary-button{font-size:17px;gap:18px;padding:15px 24px;min-height:54px;max-width:100%;text-align:center}
.s-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;max-width:100%;min-height:46px;padding:10px 0;border-bottom:1px solid #a87a4e70;font-size:17px;line-height:1.5;color:var(--wine)}
.s-link span,.school-page .primary-button span{flex:none}
.s-link:hover{color:var(--wine-hover);border-color:currentColor}
.s-day{padding:52px 0 70px;border-top:1px solid #b18e6145}
.s-day-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:0;margin:0;padding:0}
.s-day-path li{position:relative;padding:28px 30px 0 0}
.s-day-path li::before{content:'';position:absolute;inset:53px 0 auto;height:1px;background:#b4906445}
.s-day-path li:last-child{padding-right:0}
.s-day-number{position:relative;display:block;background:var(--paper);width:54px;font:24px/1.8 'Bad Script',cursive;color:#926b44}
.s-day-path h2{margin:20px 0 12px;font-size:32px;line-height:1.1;letter-spacing:-.02em;text-wrap:pretty}
.s-day-path p{max-width:235px;margin:0;color:var(--ink);font-size:16px;line-height:1.75}
.s-workshops{padding:90px 0 100px;background:radial-gradient(ellipse at 14% 50%,#d7b78522,transparent 65%),radial-gradient(ellipse at 93% 40%,#a5b5be20,transparent 56%)}
.s-workshops-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:start}
.s-workshops-heading{padding-top:22px}
.s-workshops-heading>p:last-child{max-width:390px;font-size:18px;line-height:1.8;color:var(--ink);margin-top:30px}
.s-together{display:grid;grid-template-columns:.85fr 1fr;gap:110px;align-items:center;padding:75px 0 105px}
.s-school-illustration{margin:0;max-width:500px;transform:rotate(-3deg);padding:28px 12px 0 0}
.s-illustration-frame{padding:12px;border:1px solid #b9a38466;background:#fffaf1;box-shadow:0 18px 45px #65452812}
.s-school-illustration img{display:block;width:100%;height:auto}
.s-together-copy .s-script{margin-bottom:18px}
.s-together-copy h2{margin-bottom:36px}
.s-together-item{margin-bottom:25px}
.s-together-item h3{font-size:32px;line-height:1.2;margin:0 0 10px;text-wrap:pretty}
.s-together-item p{font-size:18px;line-height:1.8;color:var(--ink);margin:0}
.s-join{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;padding:72px 0 80px;border-top:1px solid #b18e6145}
.s-join-heading>p:not(.s-script){max-width:555px;font-size:18px;line-height:1.8;color:var(--ink);margin:28px 0}
.school-page .footer-main{gap:30px}
.school-page .footer-socials{margin-left:auto;width:auto}
@media(min-width:1500px){.s-hero-art{margin-right:-40px}.s-hero-grid{gap:24px}}
@media(max-width:1100px){.s-hero-grid{grid-template-columns:1fr 1fr;gap:0;min-height:430px}.s-hero h1{font-size:clamp(65px,8.5vw,94px)}.s-hero-art{margin-right:-10px}.s-section-head{gap:45px}.s-workshops-grid{gap:60px}.s-together{gap:65px}.s-join{gap:60px}.s-address{padding-left:30px}.s-day-path h2{font-size:29px}.s-day-path li{padding-right:20px}}
@media(max-width:800px){.s-breadcrumb{padding:30px 0}.s-hero-grid{grid-template-columns:1fr;gap:10px}.s-hero-copy{padding:20px 0 0}.s-hero h1{font-size:clamp(72px,12vw,98px)}.s-hero-art{max-width:590px;width:100%;margin:-15px auto 0;transform:none}.s-lead{max-width:540px}.s-hero{padding-bottom:45px}.s-section-head{grid-template-columns:1fr;gap:25px}.s-section-head>p{max-width:600px}.s-day-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}.s-day-path li{padding-right:5px}.s-day-path li:nth-child(even)::before{right:0}.s-workshops{padding:55px 0 65px}.s-workshops-grid{grid-template-columns:1fr;gap:25px}.s-workshops-heading>p:last-child{max-width:600px;margin-top:22px}.s-workshop-list li{padding:24px 0}.s-together{grid-template-columns:.75fr 1fr;gap:35px;padding:65px 0}.s-together-copy h2{font-size:43px}.s-together-item h3{font-size:29px}.s-together-item p{font-size:17px}.s-school-illustration{padding-right:0}.s-join{grid-template-columns:1fr;gap:45px;padding:60px 0}.s-address{border-left:0;border-top:1px solid #b18e6145;padding:35px 0 0;max-width:none}.s-address .s-street{font-size:34px}.school-page .footer-socials{margin-left:0}}
@media(max-width:560px){.s-script{font-size:22px;margin-bottom:20px}.s-breadcrumb{font-size:14px;gap:8px}.s-hero h1{font-size:clamp(58px,14vw,78px)}.s-lead{font-size:17px;line-height:1.8}.s-actions{gap:15px 22px}.school-page .primary-button,.s-link{font-size:16px}.s-hero-art{margin-top:8px}.s-day{padding:40px 0 50px}.s-section-head{gap:24px;margin-bottom:18px}.s-section-head>p{font-size:17px}.s-day-path{gap:0 18px}.s-day-path h2{font-size:27px}.s-day-path p{font-size:16px}.s-day-number{font-size:22px}.s-day-path li::before{top:48px}.s-workshop-list{margin-top:5px}.s-workshop-list li{grid-template-columns:34px 1fr;gap:15px}.s-workshop-list h3{font-size:32px}.s-together{grid-template-columns:1fr;gap:40px}.s-school-illustration{max-width:340px;width:82%;justify-self:center;grid-row:2;padding-top:0}.s-together-copy h2{font-size:45px}.s-together-copy .s-link{margin-top:5px}.s-join{padding-top:50px}.s-join-heading>p:not(.s-script){font-size:17px}.school-page .footer-socials{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.school-page{scroll-behavior:auto}.school-page .primary-button{transition:none;transform:none}}

/* Colourful workshop sheets with hand-painted vignettes. */
.s-day{padding:24px 0 48px}
.s-workshops{padding:65px 0 80px;background:none}
.s-workshops-grid{display:block}
.s-workshops-heading{max-width:770px;text-align:center;margin:0 auto 48px;padding:0}
.s-workshops-heading h2 em{color:#a76632}
.s-workshops-heading>p:last-child{max-width:620px;margin:25px auto 0}
.s-workshop-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}
.s-workshop-card{--card-ink:#854721;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:16px;min-width:0;min-height:285px;padding:30px 28px;border:0;background:transparent;box-shadow:none;transform:rotate(-.9deg)}
.s-workshop-music{--card-ink:#285d76;background:transparent;transform:rotate(.8deg)}
.s-workshop-craft{--card-ink:#8d3f5a;background:transparent;transform:rotate(.7deg)}
.s-workshop-chess{--card-ink:#506a32;background:transparent;transform:rotate(-.6deg)}
.s-workshop-art{width:100%;aspect-ratio:1;background-image:url('./assets/school/workshop-vignettes.png');background-repeat:no-repeat;background-size:200% 200%;background-position:0 0}
.s-workshop-music .s-workshop-art{background-position:100% 0}
.s-workshop-craft .s-workshop-art{background-position:0 100%}
.s-workshop-chess .s-workshop-art{background-position:100% 100%}
.s-workshop-copy{min-width:0}
.school-page .s-workshop-copy h3{font:400 clamp(25px,2.3vw,34px)/1.5 'Bad Script',cursive;letter-spacing:-.025em;text-wrap:pretty;color:var(--card-ink);margin:0 0 15px}
.s-workshop-copy p{font-size:17px;line-height:1.75;color:var(--ink);margin:0;text-wrap:pretty}
.s-join{display:block;text-align:center;padding:65px 0 75px}
.s-join-heading{max-width:760px;margin:auto}
.s-join-heading>p:not(.s-script){max-width:630px;margin:26px auto 30px}
.s-join .s-actions{justify-content:center}
@media(max-width:1100px){.s-workshop-cards{gap:26px}.s-workshop-card{grid-template-columns:1fr;gap:0;align-content:start;text-align:center;padding:25px 30px 32px}.s-workshop-art{width:200px;max-width:100%;margin:0 auto 5px}.school-page .s-workshop-copy h3{font-size:29px;margin-bottom:12px}}
@media(max-width:680px){.s-day{padding:12px 0 35px}.s-workshops{padding:40px 0 55px}.s-workshops-heading{margin-bottom:32px}.s-workshops-heading>p:last-child{font-size:17px}.s-workshop-cards{grid-template-columns:1fr;gap:20px;max-width:500px;margin:auto}.s-workshop-card{min-height:0;grid-template-columns:140px minmax(0,1fr);gap:16px;text-align:left;padding:23px 22px;transform:none}.s-workshop-art{width:100%;margin:0}.school-page .s-workshop-copy h3{font-size:25px;line-height:1.55}.s-workshop-copy p{font-size:16px;line-height:1.65}.s-join{padding:48px 0 55px}}
@media(max-width:420px){.s-workshop-card{grid-template-columns:1fr;text-align:center;padding:18px 24px 27px}.s-workshop-art{width:180px;margin:0 auto 4px}.school-page .s-workshop-copy h3{font-size:28px}.s-join .primary-button{width:100%}}