@layer properties,theme,base;@layer components{.school-day-plan .day-plan-heading{text-align:center;max-width:none}.school-day-plan .day-plan-heading h2{max-width:none;margin-inline:auto}.school-day-plan .day-plan-mobile-photo{display:none}.school-day-plan .day-plan-steps button{cursor:pointer;border-radius:8px}.school-day-plan .day-plan-steps button:focus-visible{outline:2px solid var(--scene-edge);outline-offset:8px}.school-day-plan .day-plan-steps button>span:last-child{color:var(--scene-muted);line-height:1.7}.school-day-plan .day-plan-steps>li[data-active=true] button>span:last-child{color:var(--scene-white)}.school-day-plan .day-plan-photo-stage>div:last-child{padding-inline:8%;bottom:7%}.school-full-day .school-day-plan{padding-block:0 20px;overflow:visible}.school-full-day .school-day-plan>div{padding-inline:0}.school-full-day .day-plan-layout{margin-top:0}.school-full-day .day-plan-photo-sticky{--day-photo-height:clamp(300px,52svh,480px);top:max(110px,calc((100svh - var(--day-photo-height)) / 2));height:var(--day-photo-height)}.school-full-day .day-plan-photo-stage{height:100%}.day-plan-photo-stage{border-radius:30px 10px;-webkit-mask-image:radial-gradient(96% 96%,#000 78%,#000e 92%,#0009 100%);mask-image:radial-gradient(96% 96%,#000 78%,#000e 92%,#0009 100%)}.day-plan-photo-sticky{top:max(5.5rem,31svh)}@media (min-width:640px){.day-plan-photo-sticky{top:max(5.5rem,50svh - 13rem)}}@media (min-width:1024px){.school-day-plan .day-plan-layout{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(32px,4vw,60px)}.school-day-plan .day-plan-steps>li{min-height:clamp(250px,40svh,360px);padding-top:48px;padding-bottom:55px}.school-day-plan .day-plan-steps>li>span{top:56px}.day-plan-photo-sticky{top:max(5.5rem,50svh - 16rem)}}.day-plan-photo-stage:before{z-index:2;pointer-events:none;content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--color-shade) 55%, transparent) 0%, transparent 9% 91%, color-mix(in srgb, var(--color-shade) 55%, transparent) 100%);mix-blend-mode:multiply;position:absolute;inset:0}@media (max-width:1023px){.school-day-plan .day-plan-layout{margin-top:30px;display:block}.school-day-plan .day-plan-photo-sticky{display:none}.school-day-plan .day-plan-steps>li{padding:19px 0 12px 28px}.school-day-plan .day-plan-steps>li>span{width:12px;height:12px;top:27px;left:0}.school-day-plan .day-plan-steps>span{left:5px}.school-day-plan .day-plan-steps button>span:first-child>span{font-size:clamp(25px,4vw,35px)}.school-day-plan .day-plan-steps button>span:last-child{color:var(--scene-muted);font-size:14px;line-height:1.65}.school-day-plan .day-plan-mobile-photo{opacity:.5;pointer-events:none;height:clamp(140px,35vw,190px);margin-top:9px;transition:opacity .6s;display:block;position:relative;-webkit-mask-image:radial-gradient(68% 76%,#000 27%,#000c 46%,#0000 84%);mask-image:radial-gradient(68% 76%,#000 27%,#000c 46%,#0000 84%)}.school-day-plan .day-plan-steps>li[data-active=true] .day-plan-mobile-photo{opacity:.88}.school-full-day .day-plan-layout{margin-top:0}}@media (prefers-reduced-motion:reduce){.school-day-plan .day-plan-mobile-photo{transition:none}}}@layer utilities;
@layer properties,theme,base,components;@layer utilities{html body .school-full-day .school-day-plan{color:var(--scene-white);box-shadow:none;background:0 0;padding:clamp(28px,4vw,64px)}html body .school-full-day .school-day-plan .day-plan-photo-stage{border-radius:20px 6px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000),linear-gradient(#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000),linear-gradient(#0000,#000 3% 97%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}html body .school-full-day .school-day-plan .day-plan-photo-stage:before{display:none}html body .school-full-day .school-day-plan .day-plan-photo-stage img{filter:none;opacity:1}html body .school-full-day .school-day-plan .day-plan-photo-stage>div:last-child{color:#fff6df;bottom:4%}html body .school-full-day .school-day-plan .day-plan-photo-stage>div:last-child>span:last-child{color:#fff6df}html body .school-full-day .school-day-plan .day-plan-step-title{color:color-mix(in srgb,var(--scene-edge) 62%,var(--scene-white))}html body .school-full-day .school-day-plan .day-plan-step-title.is-active{color:var(--scene-edge)}html body .school-full-day .school-day-plan .day-plan-steps button>span:last-child{color:var(--scene-muted)}html body .school-full-day .school-day-plan .day-plan-steps>li[data-active=true] button>span:last-child{color:var(--scene-white)}html body .school-full-day .school-day-plan .day-plan-steps>li{padding-left:48px}html body .school-full-day .school-day-plan .day-plan-thread{background:color-mix(in srgb,var(--scene-edge) 26%,transparent);width:3px;box-shadow:none;bottom:auto;left:10px}html body .school-full-day .school-day-plan .day-plan-thread-progress{background:linear-gradient(var(--scene-edge),color-mix(in srgb,var(--scene-edge) 35%,transparent));box-shadow:none}html body .school-full-day .school-day-plan .day-plan-step-dot{width:26px;height:26px;box-shadow:none;background:0 0;margin-left:-1.5px;left:0}html body .school-full-day .school-day-plan .day-plan-step-dot:before{background:conic-gradient(from 205deg,color-mix(in srgb,var(--scene-edge) 70%,transparent) 0 82%,transparent 82%)}html body .school-full-day .school-day-plan .day-plan-step-dot:after{background:color-mix(in srgb,var(--scene-edge) 55%,transparent)}html body .school-full-day .school-day-plan .day-plan-step-dot.is-active{filter:none}html body .school-full-day .school-day-plan .day-plan-step-dot.is-active:before{background:conic-gradient(from 205deg,var(--scene-edge) 0 82%,transparent 82%)}html body .school-full-day .school-day-plan .day-plan-step-dot.is-active:after{background:var(--scene-edge);box-shadow:0 0 10px color-mix(in srgb,var(--scene-sun) 55%,transparent)}@media (min-width:1024px){html body .school-full-day .school-day-plan .day-plan-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,64px)}html body .school-full-day .school-day-plan .day-plan-photo-sticky{--day-photo-height:clamp(310px,57svh,560px)}html body .school-full-day .school-day-plan .day-plan-steps>li{min-height:clamp(230px,33svh,320px)}html body .school-full-day .school-day-plan .day-plan-steps>li:last-child{min-height:220px}}@media (max-width:1023px){html body .school-full-day .school-day-plan{padding:22px 14px}html body .school-full-day .school-day-plan .day-plan-steps>li{padding-left:37px}html body .school-full-day .school-day-plan .day-plan-step-dot{top:25px}html body .school-full-day .school-day-plan .day-plan-mobile-photo{opacity:.9;border-radius:14px 5px;height:clamp(170px,48vw,300px);-webkit-mask-image:linear-gradient(#0000,#000 5% 93%,#0000);mask-image:linear-gradient(#0000,#000 5% 93%,#0000)}}}
@layer properties,theme,base;@layer components{.school-workshop-exhibition{padding-block:38px 55px}.school-workshop-exhibition .school-workshop-heading{text-align:center;margin-bottom:26px}.school-workshop-exhibition .school-workshop-heading h2{color:var(--scene-white);font:550 clamp(31px,3.8vw,48px)/1.12 var(--font-display);letter-spacing:-.025em;margin:9px auto 0}.school-workshop-exhibition .school-workshop-heading h2 em{color:var(--scene-edge);font-weight:500}.school-workshop-exhibition .school-workshop-composition{perspective:1500px;grid-template-columns:minmax(0,1fr) minmax(285px,1fr) minmax(0,1fr);align-items:center;gap:clamp(18px,2.5vw,34px);padding:17px 10px 20px;display:grid}.school-workshop-exhibition .school-workshop-card{background:linear-gradient(150deg,color-mix(in srgb,var(--scene-white) 7%,var(--scene-black)),var(--scene-black));min-width:0;box-shadow:0 18px 34px #0004,inset 0 1px 0 color-mix(in srgb,var(--scene-edge) 20%,transparent);transform-origin:100%;cursor:pointer;border:0;border-radius:16px 30px 14px 26px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden;transform:translateZ(-32px)rotateY(11deg)rotate(2deg)}.school-workshop-exhibition .school-workshop-card[data-side=right]{transform-origin:0;border-radius:30px 16px 26px 14px;transform:translateZ(-32px)rotateY(-11deg)rotate(-2deg)}.school-workshop-exhibition .school-workshop-card:is(:hover,:focus-visible){box-shadow:0 18px 34px #0004,inset 0 1px 0 color-mix(in srgb,var(--scene-edge) 40%,transparent)}.school-workshop-exhibition .school-workshop-card:focus-visible{outline:2px solid var(--scene-edge);outline-offset:5px}.school-workshop-exhibition .school-workshop-photo{aspect-ratio:1.55;position:relative;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.school-workshop-exhibition .school-workshop-photo>img{object-fit:cover}.school-workshop-exhibition .school-workshop-copy{gap:12px;padding:0 clamp(17px,2vw,26px) 24px;display:grid}.school-workshop-exhibition .school-workshop-label{color:var(--scene-edge);align-items:center;gap:10px;display:flex}.school-workshop-exhibition .school-workshop-card[data-side=right] .school-workshop-label{color:#b7def2}.school-workshop-exhibition .school-workshop-label span{font:600 10px/1.4 var(--font-sans);letter-spacing:.09em;text-transform:uppercase}.school-workshop-exhibition .school-workshop-copy h3{color:var(--scene-white);font:550 clamp(23px,2.1vw,29px)/1.18 var(--font-display);letter-spacing:-.02em;margin:0}.school-workshop-exhibition .school-workshop-copy p{color:var(--scene-muted);font:400 14px/1.65 var(--font-sans);margin:0}.school-workshop-exhibition .school-workshop-end{color:var(--scene-edge);font:500 15px/1.3 var(--font-display);flex-wrap:wrap;justify-content:space-between;gap:8px 13px;padding-top:4px;display:flex}.school-workshop-exhibition .school-workshop-sketch{color:var(--scene-edge);font:500 italic 20px/1.25 var(--font-display);cursor:pointer;background:0 0;border:0;padding:3px 1px 14px;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.school-workshop-exhibition .school-workshop-underline{pointer-events:none;width:100%;height:18px;position:absolute;bottom:0;left:0}.school-workshop-exhibition .school-workshop-sketch:hover{color:var(--scene-white)}.school-workshop-exhibition .school-full-day-toggle{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:auto;margin:26px auto 0;padding:0;display:inline-flex}.school-full-day-toggle .school-full-day-label{font-size:clamp(19px,1.7vw,23px)}.school-full-day-toggle>.school-full-day-caret{width:20px;height:20px;color:var(--scene-edge);flex:none;transition:transform .2s}.school-full-day-toggle[aria-expanded=true]>.school-full-day-caret{transform:rotate(180deg)}.school-workshop-exhibition .school-full-day-toggle:is(:hover,:focus-visible) .school-full-day-label{color:var(--scene-white)}.school-workshop-exhibition .school-full-day-toggle:focus-visible{outline:2px solid var(--scene-edge);outline-offset:5px}.school-workshop-exhibition .school-full-day{overscroll-behavior:auto;scrollbar-width:none;max-height:none;scroll-padding-top:65px;position:relative;overflow:visible}.school-workshop-exhibition .school-full-day::-webkit-scrollbar{display:none}.school-workshop-exhibition .school-full-day-close{z-index:3;top:calc(var(--navbar-height,86px) + 8px);width:max-content;height:46px;color:var(--scene-edge);cursor:pointer;font:500 italic 18px/1.2 var(--font-display);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:0 8px 0 auto;padding:0 6px;display:flex;position:sticky}.school-workshop-exhibition .school-full-day-close svg{width:28px;height:28px}.school-workshop-exhibition .school-full-day-close:hover{color:var(--scene-white)}.school-workshop-exhibition .school-full-day-close:focus-visible{outline:2px solid var(--scene-edge);outline-offset:3px}.school-workshop-exhibition .school-workshop-day{text-align:center;justify-self:center;width:100%;min-width:0;max-width:355px;padding-inline:8px}.school-workshop-exhibition .school-workshop-day-label{color:var(--scene-muted);font:600 10px/1.4 var(--font-sans);text-transform:uppercase;letter-spacing:.13em;margin:0 0 9px}.school-workshop-exhibition .school-workshop-day>h3{width:fit-content;color:var(--scene-white);font:500 italic clamp(33px,3.1vw,43px)/1.1 var(--font-display);letter-spacing:-.03em;margin:0 auto 26px;padding-bottom:19px;position:relative;transform:rotate(-2deg)}.school-workshop-exhibition .school-workshop-day>h3 .school-workshop-underline,.school-workshop-exhibition .school-workshop-day>h3 em{color:var(--scene-edge)}.school-workshop-exhibition .school-workshop-day ol{gap:20px;margin:0;padding:0;list-style:none;display:grid}.school-workshop-exhibition .school-workshop-day li{isolation:isolate;padding:12px 0 0;position:relative}.school-workshop-exhibition .school-workshop-day li:before{content:"";background:var(--scene-edge);width:6px;height:6px;box-shadow:0 0 9px color-mix(in srgb,var(--scene-edge) 25%,transparent);border-radius:50%;position:absolute;top:0;left:calc(50% - 3px)}.school-workshop-exhibition .school-workshop-day li:not(:last-child):after{content:"";z-index:-1;background:linear-gradient(color-mix(in srgb,var(--scene-edge) 14%,transparent),transparent 22% 70%,color-mix(in srgb,var(--scene-edge) 14%,transparent));width:1px;position:absolute;top:8px;bottom:-18px;left:50%}.school-workshop-exhibition .school-workshop-day h4{color:var(--scene-white);font:550 21px/1.25 var(--font-display);margin:0;position:relative}.school-workshop-exhibition .school-workshop-day li p{max-width:29ch;color:var(--scene-muted);font:400 13px/1.55 var(--font-sans);margin:6px auto 0;position:relative}@media (max-width:1000px){.school-workshop-exhibition .school-workshop-composition{grid-template-columns:1fr 1fr;gap:30px;padding-inline:0}.school-workshop-exhibition .school-workshop-card{grid-area:1/1;transform:rotateY(7deg)rotate(1deg)}.school-workshop-exhibition .school-workshop-card[data-side=right]{grid-area:1/2;transform:rotateY(-7deg)rotate(-1deg)}.school-workshop-exhibition .school-workshop-day{grid-area:2/1/auto/-1;max-width:420px;padding-top:4px}.school-workshop-exhibition .school-workshop-day>h3,.school-workshop-exhibition .school-workshop-day-label{text-align:center}}@media (max-width:600px){.school-workshop-exhibition{padding-block:28px 32px}.school-workshop-exhibition .school-workshop-heading{text-align:center;margin-bottom:18px}.school-workshop-exhibition .school-workshop-composition{grid-template-columns:1fr;gap:24px;padding-block:0}.school-workshop-exhibition .school-workshop-card,.school-workshop-exhibition .school-workshop-card[data-side=right]{grid-area:auto/1;transform:none}.school-workshop-exhibition .school-workshop-card[data-side=right]{grid-row:2}.school-workshop-exhibition .school-workshop-day{grid-row:3;max-width:360px;padding-inline:14px}.school-workshop-exhibition .school-workshop-photo{aspect-ratio:1.85}.school-workshop-exhibition .school-workshop-copy{gap:10px;padding:0 20px 20px}.school-workshop-exhibition .school-workshop-copy h3{font-size:25px}}@media (prefers-reduced-motion:reduce){.school-workshop-exhibition .school-workshop-card,.school-workshop-exhibition .school-full-day-toggle,.school-full-day-toggle>svg{transition:none}.school-workshop-exhibition .school-full-day-toggle:is(:hover,:focus-visible){transform:none}}}@layer utilities;