.school-staff-wrap,.school-staff-wrap *{box-sizing:border-box}.school-staff-wrap .school-staff-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;gap:26px}.school-staff-card{display:flex;min-width:0;height:100%;grid-column:span 2;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:18px;background:var(--white);box-shadow:0 10px 28px rgb(23 42 42 / .08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.school-staff-card:hover{transform:translateY(-4px);border-color:rgb(62 193 170 / .72);box-shadow:0 16px 36px rgb(23 42 42 / .12)}.school-staff-grid>.school-staff-card:last-child:nth-child(3n+1){grid-column:3 / span 2}.school-staff-grid>.school-staff-card:nth-last-child(2):nth-child(3n+1){grid-column:2 / span 2}.school-staff-photo{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--mint)}.school-staff-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 25%;transition:transform .35s ease}.school-staff-card:hover .school-staff-photo img{transform:scale(1.025)}.school-staff-photo-placeholder{display:grid;isolation:isolate;place-items:center;background:linear-gradient(135deg,var(--mint),#dcece9)}.school-staff-photo-placeholder::before,.school-staff-photo-placeholder::after{position:absolute;z-index:-1;border:1px solid rgb(10 102 93 / .09);border-radius:50%;content:""}.school-staff-photo-placeholder::before{top:-42px;right:-34px;width:150px;height:150px}.school-staff-photo-placeholder::after{bottom:-68px;left:-48px;width:190px;height:190px}.school-staff-photo-placeholder span{display:grid;width:82px;height:82px;place-items:center;border:6px solid rgb(255 255 255 / .7);border-radius:50%;background:var(--primary);color:var(--white);font-family:Fredoka,Georgia,serif;font-size:27px;font-weight:600;line-height:1;box-shadow:0 10px 24px rgb(23 42 42 / .12)}.school-staff-content{display:grid;flex:1;grid-template-rows:minmax(3.35em,auto) minmax(7em,auto) 46px;padding:24px}.school-staff-content .school-staff-name{align-self:start;margin:0;padding:0;color:var(--dark-text);font-size:clamp(21px, 2vw, 24px);line-height:1.28;overflow-wrap:anywhere}.school-staff-role{display:grid;align-content:start;grid-template-rows:minmax(3em,auto) minmax(3em,auto);gap:4px;margin:0;padding-top:12px;line-height:1.45}.school-staff-role-cy{color:var(--primary);font-size:14px;font-weight:700}.school-staff-role-en{color:var(--slate);font-size:13px}.school-staff-contact{display:flex;min-height:46px;align-items:flex-end;padding-top:14px;border-top:1px solid var(--border)}.school-staff-contact--empty{border-top-color:#fff0}.school-staff-contact-spacer{display:block;width:100%;min-height:40px}.school-staff-email{display:flex;width:100%;min-height:40px;align-self:stretch;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border:1px solid var(--primary);border-radius:9px;background:var(--primary);color:var(--white)!important;font-size:13px;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.school-staff-email:hover,.school-staff-email:focus-visible{border-color:var(--primary-hover);background:var(--primary-hover);color:var(--white)!important}.school-staff-email svg{display:block;flex:0 0 18px}.school-governor-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.school-governor-visual{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--mint)}.school-governor-visual img{display:block;width:100%;height:100%;object-fit:cover}.school-governor-visual--placeholder{display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),#dcece9)}.school-governor-visual--placeholder span{display:grid;width:78px;height:78px;place-items:center;border-radius:50%;background:var(--supporting-blue);color:var(--white);font-family:Fredoka,Georgia,serif;font-size:28px;font-weight:600}.school-governor-content{padding:20px}.school-governor-name{margin:0 0 9px;padding:0;font-size:22px;overflow-wrap:anywhere}.school-governor-role{display:grid;gap:2px;line-height:1.45}.school-governor-role-cy{color:var(--primary);font-size:14px;font-weight:700}.school-governor-role-en{color:var(--slate);font-size:13px}@media (max-width:980px){.school-staff-wrap .school-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.school-staff-grid>.school-staff-card,.school-staff-grid>.school-staff-card:last-child:nth-child(3n+1),.school-staff-grid>.school-staff-card:nth-last-child(2):nth-child(3n+1){grid-column:auto}}@media (min-width:768px) and (max-width:980px){.school-staff-grid>.school-staff-card:last-child:nth-child(odd){width:calc(50% - 11px);grid-column:1 / -1;justify-self:center}}@media (max-width:767px){.school-staff-wrap .school-staff-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:20px}.school-staff-grid>.school-staff-card,.school-staff-grid>.school-staff-card:last-child:nth-child(3n+1),.school-staff-grid>.school-staff-card:nth-last-child(2):nth-child(3n+1),.school-staff-grid>.school-staff-card:last-child:nth-child(odd){width:100%;grid-column:auto}.school-staff-content{grid-template-rows:auto auto 46px;padding:22px}.school-staff-role{grid-template-rows:auto auto;min-height:0;padding:12px 0 18px}}@media (prefers-reduced-motion:reduce){.school-staff-card,.school-staff-photo img,.school-staff-email{transition:none}}