.school-site .course-garden{padding-block:clamp(54px,7vw,100px);isolation:isolate}
.course-garden-heading{max-width:880px;margin:0 auto 40px;text-align:center;color:#123e2e}
.course-garden-heading>svg{width:46px;height:46px;stroke-width:1.5;margin-bottom:16px;color:#a83c35}
.school-site .course-garden-heading h2{font-size:clamp(36px,4.7vw,64px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px}
.school-site .course-garden-heading p{font-size:clamp(20px,2vw,25px);line-height:1.65;max-width:680px;margin:auto}
.course-garden-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;perspective:1200px}
.course-garden-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:350px;padding:30px 25px 24px;border-radius:32px 12px 32px 12px;border:1px solid color-mix(in srgb,var(--course-ink) 24%,transparent);background:linear-gradient(155deg,#fffef4 15%,var(--course-light));color:var(--course-ink);text-decoration:none;overflow:hidden;box-shadow:0 8px 0 color-mix(in srgb,var(--course-ink) 15%,transparent);transform-style:preserve-3d;transition:box-shadow .35s,border-color .35s}
.course-garden-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff90 49%,transparent 68%);translate:-140% 0;transition:translate .7s;z-index:0}
.course-garden-card:hover::after,.course-garden-card:focus-visible::after{translate:140% 0}
.course-garden-card:hover,.course-garden-card:focus-visible{border-color:var(--course-ink);box-shadow:0 13px 0 color-mix(in srgb,var(--course-ink) 23%,transparent),0 20px 35px #123e2e15}
.course-garden-card:focus-visible{outline:4px solid #a83c35;outline-offset:5px}
.course-garden-card>*{position:relative;z-index:1}
.course-garden-letter{position:absolute;right:-8px;top:-35px;font-size:150px;line-height:1;font-weight:800;color:var(--course-ink);opacity:.08;transition:transform .6s;pointer-events:none}
.course-garden-card:hover .course-garden-letter,.course-garden-card:focus-visible .course-garden-letter{transform:rotate(-15deg) scale(1.2)}
.course-garden-native{display:block;min-height:58px;font-size:clamp(24px,2.3vw,36px);font-weight:650;letter-spacing:-.04em;line-height:1.4;margin-bottom:20px;overflow-wrap:anywhere;transform-origin:left;transition:transform .35s}
.course-garden-card:hover .course-garden-native,.course-garden-card:focus-visible .course-garden-native{transform:translateY(-7px) rotate(-3deg)}
.school-site .course-garden-card h3{font-size:clamp(26px,2.3vw,35px);line-height:1.15;margin:0 0 16px;color:var(--course-ink);overflow-wrap:normal;word-break:normal;hyphens:none}
.school-site .course-garden-tag{font-size:20px;line-height:1.55;margin:0 0 20px;color:var(--course-ink)}
.school-site .course-garden-base{font-size:18px;line-height:1.5;font-weight:650;margin:auto 0 20px;padding-top:16px;color:var(--course-ink);border-top:1px solid color-mix(in srgb,var(--course-ink) 24%,transparent)}
.course-garden-base-empty{min-height:36px;border-color:transparent!important}
.course-garden-open{font-size:18px;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.course-garden-open svg{width:25px;height:25px;flex:none;transition:transform .3s}
.course-garden-card:hover .course-garden-open svg{transform:translate(4px,-4px)}
.school-site .course-garden-note{display:flex;align-items:flex-start;gap:18px;max-width:920px;font-size:21px;line-height:1.6;color:#184b37;margin:40px auto 0;padding:26px 30px;background:#dcebd8;border-radius:18px}
.course-garden-note svg{width:32px;height:32px;flex:none;margin-top:3px}
.school-site .teaching-base-notice{font-size:20px;line-height:1.6;padding:20px 24px;border-left:5px solid #aa4036;background:#e5efdd;color:#184b37;border-radius:0 14px 14px 0}
@media(max-width:1100px){.course-garden-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-garden-native{font-size:36px}.course-garden-card{min-height:330px}}
@media(max-width:560px){.course-garden-grid{grid-template-columns:1fr;gap:26px}.course-garden-card{min-height:290px;padding:27px}.school-site .course-garden-card h3{font-size:32px}.course-garden-native{font-size:34px;min-height:42px;margin-bottom:12px}.school-site .course-garden-note{font-size:19px;padding:22px 18px;gap:12px}.course-garden-heading{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.course-garden-card,.course-garden-card *{transition:none!important;animation:none!important}.course-garden-card::after{display:none}.course-garden-card:hover .course-garden-native,.course-garden-card:hover .course-garden-letter{transform:none}}

/* Admissions go through the school; teacher cards contain teaching information. */
.school-site .teacher-organisation-note{font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.65;color:#164e40;max-width:58ch;margin:1.1rem 0 0}