/* Local classroom photographs, following the light workspace palette. */
.classroom-gallery{position:relative;z-index:21;isolation:isolate;min-height:100svh;padding:96px 0 54px;background:linear-gradient(180deg,#f0f8fc,#e8f4fa 62%,#f0f8fc);color:#25353e;scroll-margin-top:0;overflow:hidden}
.classroom-heading{max-width:1440px;margin:auto;padding:0 5vw;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.classroom-heading h2{font:500 clamp(34px,4.1vw,60px)/1.15 Geist,"Microsoft YaHei",sans-serif;letter-spacing:-.04em;margin:15px 0}
.classroom-heading p{font-size:14px;color:#718c9e;line-height:1.8;margin:0}.classroom-album-button{border:1px solid #d5e6ee;border-radius:99px;padding:15px 22px;background:#fff;color:#336c8b;white-space:nowrap;cursor:pointer;font-size:13px;box-shadow:0 6px 24px #2b709b08}
.classroom-album-button span{margin-left:20px;color:#238fd4}.classroom-stage{position:relative;height:clamp(360px,37vw,560px);margin:32px auto 0;perspective:1300px;perspective-origin:50% 46%;touch-action:pan-y;outline-offset:-6px;max-width:1800px}
.classroom-stage::after{content:"";position:absolute;left:12%;right:12%;bottom:5px;height:34px;background:#6b9fb51a;filter:blur(22px);border-radius:50%;pointer-events:none}
.classroom-card{position:absolute;left:50%;top:50%;width:min(52vw,790px);height:calc(min(52vw,790px)*.625);padding:8px;border:1px solid #ffffffd9;border-radius:25px;background:#fff;box-shadow:0 18px 48px #416d8b26;transform-style:preserve-3d;transition:transform 1.4s cubic-bezier(.16,1,.3,1),opacity .9s,filter .9s;cursor:pointer;overflow:hidden;color:inherit}
.classroom-card img{width:100%;height:100%;object-fit:contain;border-radius:18px;display:block;background:#edf3f6}.classroom-card.is-side img{object-fit:cover}.classroom-card.is-side{filter:saturate(.78);box-shadow:0 12px 35px #416d8b17}.classroom-card:not(.is-side){box-shadow:0 25px 65px #416d8b2b}.classroom-card:focus-visible{outline:3px solid #218eff;outline-offset:4px}.classroom-card-badge{position:absolute;bottom:20px;left:20px;padding:8px 12px;border:1px solid #ffffff8c;border-radius:99px;background:#fffdf2ed;color:#38576a;font-size:10px;letter-spacing:.7px;box-shadow:0 3px 12px #0001}.classroom-card.is-side .classroom-card-badge{display:none}
.classroom-caption{max-width:1440px;margin:22px auto 0;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.classroom-caption-text{display:flex;align-items:center;gap:24px}.classroom-number{color:#218fd2;font-size:13px;font-variant-numeric:tabular-nums}.classroom-number small{color:#9ab2c0;font-size:11px}.classroom-caption h3{margin:0 0 6px;font-size:19px;font-weight:500}.classroom-caption p{margin:0;color:#7793a4;font-size:12px;line-height:1.6}.classroom-controls{display:flex;align-items:center;gap:9px}.classroom-controls button{width:44px;height:44px;border:1px solid #d5e6ee;border-radius:50%;background:#ffffffc9;color:#3a7190;font-size:20px;cursor:pointer}.classroom-controls .classroom-play{font-size:13px}.classroom-controls button:hover,.classroom-album-button:hover{background:#e0f0fa;border-color:#98cce9}.classroom-foot{max-width:1440px;margin:28px auto 0;padding:0 5vw;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8ba3b3}.classroom-foot a{color:#228ac8;text-decoration:none}.classroom-foot .classroom-hint{letter-spacing:.5px}
.classroom-dialog{position:fixed;width:min(1180px,calc(100vw - 40px));max-height:calc(100svh - 40px);padding:24px;border:1px solid #dae9f1;border-radius:26px;background:#f4f9fc;color:#25353e;box-shadow:0 30px 130px #001c3a55;overscroll-behavior:contain}.classroom-dialog::backdrop{background:#152d45ad;backdrop-filter:blur(8px)}.classroom-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.classroom-dialog-head h2{font:500 23px/1.3 Geist,"Microsoft YaHei",sans-serif;margin:0;letter-spacing:-.4px}.classroom-dialog-head p{font-size:11px;color:#8098a7;margin:5px 0 0}.classroom-close{flex:none;border:1px solid #d6e5ec;border-radius:50%;background:white;color:#426174;width:40px;height:40px;font-size:25px;cursor:pointer}.classroom-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.classroom-album-grid button{border:1px solid #e2edf3;border-radius:17px;background:#fff;padding:7px;min-width:0;text-align:left;color:#344e5e;cursor:pointer}.classroom-album-grid img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:11px;display:block;background:#e5eff5}.classroom-album-grid span{display:block;margin:10px 6px 6px;font-size:12px}.classroom-view{margin:0}.classroom-view-image{display:block;max-width:100%;width:100%;height:min(64svh,690px);object-fit:contain;background:#e7f0f5;border-radius:15px}.classroom-view-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}.classroom-view-foot p{font-size:12px;line-height:1.7;color:#6d8b9e;margin:0}.classroom-view-foot a,.classroom-back-album{font-size:12px;color:#227eb7;background:none;border:none;cursor:pointer;text-decoration:none;padding:8px 0}.classroom-view-actions{display:flex;align-items:center;gap:20px}.classroom-dialog .classroom-controls{justify-content:center;margin:18px 0 0}.classroom-dialog-open{overflow:hidden}.classroom-dialog-open,.classroom-dialog-open a,.classroom-dialog-open button{cursor:auto!important}
@media(max-width:900px){.classroom-gallery{padding-top:70px}.classroom-heading{padding:0 24px}.classroom-card{width:68vw;height:calc(68vw*.625)}.classroom-stage{height:49vw}.classroom-caption,.classroom-foot{padding:0 24px}.classroom-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.classroom-gallery{padding:55px 0 35px}.classroom-heading{display:block;padding:0 20px}.classroom-heading h2{font-size:36px}.classroom-heading p{font-size:12px}.classroom-album-button{margin-top:20px;padding:12px 18px;font-size:12px}.classroom-stage{height:65vw;margin-top:18px;perspective:800px}.classroom-card{width:85vw;height:calc(85vw*.64);border-radius:18px;padding:5px}.classroom-card img{border-radius:13px}.classroom-card-badge{bottom:13px;left:13px;font-size:8px;padding:6px 9px}.classroom-caption{padding:0 20px;flex-wrap:wrap;margin-top:12px}.classroom-caption-text{gap:13px}.classroom-caption h3{font-size:17px}.classroom-caption p{font-size:11px}.classroom-controls button{width:40px;height:40px}.classroom-controls{margin-left:auto}.classroom-foot{padding:0 20px;margin-top:22px;flex-wrap:wrap;gap:12px}.classroom-hint{display:none}.classroom-dialog{width:calc(100vw - 20px);padding:17px;max-height:calc(100svh - 20px);border-radius:20px}.classroom-dialog-head h2{font-size:20px}.classroom-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.classroom-album-grid span{font-size:11px}.classroom-view-image{height:49svh}.classroom-view-foot{display:block}.classroom-view-actions{justify-content:space-between;margin-top:12px}}
@media(min-width:901px) and (max-height:850px){.classroom-gallery{padding-top:85px;padding-bottom:22px;scroll-margin-top:0}.classroom-heading h2{font-size:42px;margin:10px 0}.classroom-stage{height:max(240px,calc(100svh - 430px));margin-top:18px}.classroom-card{width:min(52vw,calc(max(216px,100svh - 454px)*1.6));height:calc(min(52vw,calc(max(216px,100svh - 454px)*1.6))*.625)}.classroom-caption{margin-top:12px}.classroom-foot{margin-top:14px}}
.classroom-gallery{padding-top:24px}.classroom-heading h2{font-size:clamp(30px,3.3vw,46px);margin:8px 0}.classroom-stage{margin-top:18px}@media(max-width:700px){.classroom-gallery{padding-top:22px}}
@media(min-width:901px){.classroom-heading>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:32px}.classroom-heading .reveal-eyebrow{grid-column:1}.classroom-heading h2{grid-column:1}.classroom-heading p{grid-column:2;grid-row:1/span 2;max-width:340px;font-size:12px}}
@media(min-width:901px){.classroom-stage{margin-top:12px}}
@media(min-width:901px){.classroom-gallery{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.classroom-card{transition:none}}