.school-hero{margin:0 0 36px;padding:clamp(22px,4vw,52px);border-radius:28px;background:linear-gradient(125deg,#102f47,#146a74);color:white;box-shadow:0 20px 50px #102f4720}.school-hero-top,.school-hero-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.school-hero-top{justify-content:space-between}.school-hero button{border:1px solid #ffffff70;background:#ffffff12;color:white;padding:10px 18px;border-radius:22px;cursor:pointer}.school-hero button:focus-visible{outline:3px solid #ffe3a3;outline-offset:3px}.school-hero-slide{padding:28px 0;min-height:340px}.school-hero-slide[hidden]{display:none!important}.school-hero h1{font-size:clamp(26px,3vw,42px);color:white;max-width:900px}.school-hero h2{font-size:18px;color:#ffe3a3}.school-hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px}.school-winners{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.school-winner{padding:8px 0;border-bottom:1px solid #ffffff30}.school-winner strong{display:block;color:#ffe3a3}.school-bells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.school-bells div{padding:16px;border-radius:14px;background:#ffffff12}.school-bells span,.school-bells strong{display:block}.school-bells strong{font-size:22px}.school-teachers{margin-top:42px}@media(max-width:600px){.school-bells{grid-template-columns:1fr 1fr}.school-bells strong{font-size:17px}.school-hero-slide{min-height:0}}
.school-hero-controls label{display:flex;align-items:center;gap:10px;margin:0}.school-hero-controls select{background:#143b50;color:#fff;border:1px solid #ffffff70;padding:10px;border-radius:16px}.school-hero:fullscreen{box-sizing:border-box;width:100%;height:100%;margin:0;border-radius:0;overflow:auto;display:flex;flex-direction:column}.school-hero:fullscreen .school-hero-slide:not([hidden]){flex:1}.school-hero:fullscreen .school-hero-controls{margin-top:auto;padding-top:20px}.school-hero:fullscreen h1{font-size:clamp(28px,4vw,64px)}.school-hero:fullscreen .school-winner{font-size:clamp(18px,2vw,30px)}
.school-hero{background:#050505;color:#fff;position:relative;overflow:hidden}.school-hero-slide{text-align:center;position:relative;isolation:isolate;min-height:560px}.school-hero-slide:before{content:"";position:absolute;z-index:-1;left:-15%;right:-15%;top:48%;height:125px;border-top:2px solid #edce79;border-bottom:14px double #a47828;transform:rotate(-12deg);border-radius:50%;background:linear-gradient(175deg,transparent,#b4822425,transparent);pointer-events:none}.school-hero h1{margin:0 auto 12px;text-transform:uppercase;font-family:Arial,sans-serif;font-size:clamp(24px,3vw,44px);font-weight:800}.school-hero-eyebrow{color:#efd58e}.award-portrait{width:260px;height:260px;position:relative;border:6px solid #ead18c;border-radius:50%;margin:24px auto;background:#17212b;box-shadow:0 0 0 10px #b38b3330;display:grid;place-items:center}.award-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.award-initials{font-size:76px;color:#efd58e}.award-laurel{position:absolute;font-size:145px;color:#d9b65e;top:45px}.award-laurel-left{left:-75px;transform:rotate(-90deg)}.award-laurel-right{right:-75px;transform:rotate(90deg)}.school-hero .award-name{color:white;font-size:clamp(24px,3vw,38px);font-weight:800;text-transform:uppercase;margin:20px auto 8px}.award-category{color:#e6c778;margin:0}.award-points{font-size:24px;color:#efd58e;font-weight:bold}.award-empty{padding:80px 15px;color:#e6c778}.school-hero:fullscreen{padding:3vh 5vw;overflow:hidden;cursor:none}.school-hero:fullscreen .school-hero-top,.school-hero:fullscreen .school-hero-controls{display:none!important}.school-hero:fullscreen .school-hero-slide:not([hidden]){min-height:0;height:94vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.school-hero:fullscreen h1{font-size:clamp(22px,4vh,48px)}.school-hero:fullscreen .award-portrait{width:32vh;height:32vh;flex-shrink:0;margin:2vh auto}.school-hero:fullscreen .award-name{font-size:clamp(22px,4vh,46px);margin:1vh auto}.school-hero:fullscreen .school-bells{width:min(900px,90vw)}@media(max-width:550px){.award-portrait{width:190px;height:190px}.award-laurel{font-size:105px;top:35px}.award-laurel-left{left:-55px}.award-laurel-right{right:-55px}}

.award-wreath{position:absolute;width:145%;height:145%;max-width:none;left:-22.5%;top:-22.5%;pointer-events:none}.school-hero:fullscreen .school-hero-slide{pointer-events:none}.school-hero:fullscreen .award-portrait{max-width:55vw;max-height:55vw}.school-hero:fullscreen .award-photo{min-height:0}.school-hero-slide{padding-left:12px;padding-right:12px}

/* Reserve the entire wreath footprint in document flow, including fullscreen. */
.school-hero .award-medallion{position:relative;width:min(360px,76vw);aspect-ratio:1;margin:18px auto 12px;flex:0 0 auto;display:grid;place-items:center;isolation:isolate}
.school-hero .award-medallion .award-portrait{position:relative;width:72%;height:72%;max-width:none;max-height:none;box-sizing:border-box;margin:0;border-width:5px;z-index:1}
.school-hero .award-medallion .award-wreath{position:absolute;inset:0;width:100%;height:100%;max-width:100%;pointer-events:none;z-index:2}
.school-hero .award-photo{display:block;min-width:0;min-height:0}
.school-hero .award-name{font-family:Arial,sans-serif;line-height:1.15;overflow-wrap:anywhere}
.school-hero:fullscreen .award-medallion{width:min(40vh,66vw);height:min(40vh,66vw);margin:1vh auto;aspect-ratio:1}
.school-hero:fullscreen .award-medallion .award-portrait{width:72%;height:72%;margin:0;max-width:none;max-height:none}
.school-hero:fullscreen .school-hero-slide>p{margin:0.6vh 0;line-height:1.2}
.school-hero:fullscreen .school-hero-slide h1{line-height:1.1;margin:0.5vh auto;max-width:90vw}
.school-hero:fullscreen .award-initials{font-size:clamp(22px,8vh,76px)}
.school-hero:fullscreen .award-category{font-size:clamp(12px,2vh,20px)}
.school-hero:fullscreen .award-points{font-size:clamp(16px,3vh,26px)}

/* Keep all nine lessons in a single column at every screen size. */
.school-hero .school-bells{grid-template-columns:minmax(0,1fr);width:min(100%,560px);margin:18px auto 0;gap:8px}
.school-hero .school-bells div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;text-align:left}
.school-hero .school-bells strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(16px,2.5vw,22px)}
.school-hero:fullscreen .school-bells{width:min(640px,90vw);margin-top:1vh;gap:.7vh}
.school-hero:fullscreen .school-bells div{padding:.7vh 2vw;line-height:1.3;font-size:clamp(10px,2.2vh,22px)}
.school-hero:fullscreen .school-bells strong{font-size:clamp(12px,3vh,30px)}

/* Winner portrait on the left, all award details on the right. */
.school-hero .award-slide:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4vw,64px);text-align:left}
.school-hero .award-square{width:100%;aspect-ratio:1;box-sizing:border-box;border:5px solid #ead18c;background:#17212b;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 8px #b38b3320}
.school-hero .award-square .award-photo{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:0}
.school-hero .award-details{min-width:0}
.school-hero .award-slide h1,.school-hero .award-slide .award-name{margin-left:0;margin-right:0;overflow-wrap:anywhere}
.school-hero:fullscreen .award-slide:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4vw;width:100%;height:94vh}
.school-hero:fullscreen .award-square{width:min(100%,80vh);justify-self:start}
.school-hero:fullscreen .award-slide h1{font-size:clamp(20px,4vh,54px);margin:0 0 2vh}
.school-hero:fullscreen .award-slide .award-name{font-size:clamp(18px,3.8vh,48px);margin:3vh 0 1vh}
@media(max-width:600px){.school-hero:not(:fullscreen) .award-slide:not([hidden]){grid-template-columns:1fr}.school-hero:not(:fullscreen) .award-square{max-width:400px;justify-self:center}}
.award-recent{margin-top:20px;border-top:1px solid #ead18c55;padding-top:14px}
.school-hero .award-recent h3{font-size:18px;color:#ead18c;margin:0 0 8px}
.award-recent ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.award-recent li{min-width:0;line-height:1.35}
.award-recent-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:16px}
.award-recent-meta{display:block;color:#ead18c;font-size:13px;margin-top:3px}
.school-hero:fullscreen .award-recent{margin-top:1.5vh;padding-top:1vh}
.school-hero:fullscreen .award-recent h3{font-size:clamp(12px,2.2vh,24px);margin-bottom:.7vh}
.school-hero:fullscreen .award-recent ol{gap:.8vh}
.school-hero:fullscreen .award-recent-title{font-size:clamp(11px,2vh,22px)}
.school-hero:fullscreen .award-recent-meta{font-size:clamp(10px,1.6vh,18px);margin-top:.2vh}