/* ZSP2 school gallery – independent of the school theme CSS */
.zsp2fg-app{--fg-ink:#0b3327;--fg-green:#12724e;--fg-gold:#cda14b;--fg-line:#d5e8db;--fg-muted:#5d776e;box-sizing:border-box;width:min(1190px,calc(100% - 34px));margin:30px auto 58px;color:var(--fg-ink);font-family:inherit}
.zsp2fg-app *{box-sizing:border-box}
.zsp2fg-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:245px;padding:38px clamp(25px,5.5vw,72px);border:1px solid #d5eadf;border-radius:30px;background:radial-gradient(circle at 96% 7%,rgba(255,231,178,.6),transparent 36%),linear-gradient(115deg,#e9f6ee,#fdfefa 75%);position:relative;overflow:hidden;box-shadow:0 18px 42px rgba(11,51,39,.06)}
.zsp2fg-eyebrow,.zsp2fg-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.35px;color:#13744f}
.zsp2fg-eyebrow{border:1px solid #cee6d6;border-radius:99px;background:#f4fbf6;padding:9px 13px}
.zsp2fg-hero h1{margin:18px 0 10px!important;color:#0b3327;font-size:clamp(34px,5vw,59px);font-weight:800;letter-spacing:-1.7px;line-height:1.07}
.zsp2fg-hero p{font-size:16px;color:#476c5e;line-height:1.65;margin:0;max-width:600px}
.zsp2fg-hero-art{position:relative;flex:0 0 180px;height:140px;background:linear-gradient(150deg,#f4d79a,#f9fbf6 52%,#b9ddc8);border:7px solid rgba(255,255,255,.8);outline:1px solid #d5e9dc;border-radius:25px;transform:rotate(8deg);box-shadow:0 14px 30px rgba(15,64,42,.12);display:flex;justify-content:center;align-items:center;font-size:72px;color:#167451}
.zsp2fg-hero-art span:nth-child(1){position:absolute;left:-18px;top:-18px;font-size:26px;color:#e1b258}.zsp2fg-hero-art span:nth-child(3){position:absolute;right:-12px;bottom:-10px;font-size:34px;color:#d4a242}
.zsp2fg-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:30px 2px 25px;font-size:14px;color:var(--fg-muted)}.zsp2fg-breadcrumbs a{color:#147450;text-decoration:none;font-weight:700}.zsp2fg-breadcrumbs a:hover{text-decoration:underline}.zsp2fg-breadcrumbs span[aria-hidden]{opacity:.5}
.zsp2fg-album-heading,.zsp2fg-photos-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:18px 3px 21px}.zsp2fg-album-heading h2,.zsp2fg-photos-heading h2{font-size:clamp(24px,3vw,32px);margin:7px 0 0!important;color:#0b3327;letter-spacing:-.7px}.zsp2fg-summary,.zsp2fg-photos-heading>span{font-size:13px;color:var(--fg-muted)}.zsp2fg-back{display:inline-flex;align-items:center;justify-content:center;min-height:39px;border:1px solid var(--fg-line);border-radius:99px;padding:8px 15px;text-decoration:none!important;color:#1a684e;font-size:13px;font-weight:800;background:white;white-space:nowrap}.zsp2fg-back:hover{background:#edf6f0}
.zsp2fg-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.zsp2fg-folder{display:block;color:inherit!important;text-decoration:none!important;background:#fff;border:1px solid #dce9df;border-radius:22px;overflow:hidden;box-shadow:0 13px 34px rgba(22,72,48,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.zsp2fg-folder:hover,.zsp2fg-folder:focus-visible{transform:translateY(-4px);box-shadow:0 20px 40px rgba(13,85,48,.12);border-color:#8bc9a8}.zsp2fg-folder-cover{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#daeee1,#f9fcf4 57%,#f7ecd0);border-bottom:1px solid #dfebdf}.zsp2fg-folder-cover>img{width:100%;height:100%;object-fit:cover}.zsp2fg-folder-icon{font-size:84px;line-height:1;color:#2f895d;opacity:.88;filter:drop-shadow(0 13px 9px rgba(9,83,43,.1));transform:rotate(-4deg)}.zsp2fg-folder-decor{width:72px;height:72px;border:1px solid rgba(166,198,174,.4);border-radius:50%;position:absolute;right:-14px;bottom:-16px}.zsp2fg-folder-pill{position:absolute;left:15px;bottom:14px;background:rgba(255,255,255,.93);padding:7px 11px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:1px;color:#126b48}.zsp2fg-folder-body{padding:18px 19px 21px}.zsp2fg-folder-body h3{color:#11392a;font-size:21px;margin:0 0 14px;line-height:1.25;overflow-wrap:anywhere}.zsp2fg-folder-body>span{color:#12724e;font-size:13px;font-weight:750}.zsp2fg-folder-body>span span{margin-left:5px;transition:margin .2s}.zsp2fg-folder:hover .zsp2fg-folder-body>span span{margin-left:10px}
.zsp2fg-photos{margin-top:40px}.zsp2fg-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.zsp2fg-photo{position:relative;aspect-ratio:4/3;display:block;overflow:hidden;padding:6px;background:white;border:1px solid #d6e9db;border-radius:17px;box-shadow:0 9px 24px rgba(12,61,37,.07);transition:box-shadow .18s,transform .18s}.zsp2fg-photo[hidden]{display:none!important}.zsp2fg-photo:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(12,61,37,.13)}.zsp2fg-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:11px}.zsp2fg-photo-zoom{position:absolute;right:15px;bottom:14px;display:grid;place-items:center;border-radius:50%;height:30px;width:30px;background:rgba(255,255,255,.93);color:#0b704b;font-size:18px}
.zsp2fg-more{display:block;margin:24px auto 0;border:1px solid #cbe5d4;border-radius:99px;background:#f0f8f2;color:#116b4a;padding:13px 24px;font-weight:800;cursor:pointer}.zsp2fg-more:hover{background:#e1f0e6}
.zsp2fg-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:40px;padding:18px 3px;border-top:1px solid #d6e6da;font-size:13px;color:#6a8075}.zsp2fg-foot p{margin:0;line-height:1.5}.zsp2fg-foot a{color:#176f4c;font-weight:750;text-decoration:none}.zsp2fg-foot a:hover{text-decoration:underline}.zsp2fg-message{padding:35px;background:#f5faf5;border:1px solid #d6e8da;border-radius:20px;margin:30px 0;max-width:100%}.zsp2fg-message h2{margin:0 0 12px;color:#184f37}.zsp2fg-message p{line-height:1.6}.zsp2fg-message a{color:#096d4a}.zsp2fg-admin-note{background:#fff5dd;border-left:4px solid #d19b27;padding:15px}
.zsp2fg-lightbox[hidden]{display:none!important}.zsp2fg-lightbox{position:fixed;inset:0;z-index:1000000;background:rgba(5,25,19,.94);display:flex;align-items:center;justify-content:center;color:white;padding:58px 64px}.zsp2fg-lightbox figure{max-width:100%;max-height:100%;margin:0;display:flex;flex-direction:column;align-items:center;gap:13px}.zsp2fg-lightbox img{max-width:100%;max-height:calc(100vh - 142px);width:auto;height:auto;object-fit:contain;border:3px solid rgba(255,255,255,.86);border-radius:7px}.zsp2fg-lightbox figcaption{text-align:center;font-size:14px;color:#eef4ee}.zsp2fg-lightbox button{border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:50%;font-size:36px;cursor:pointer;width:46px;height:46px;display:grid;place-items:center}.zsp2fg-lightbox button:hover{background:rgba(255,255,255,.24)}.zsp2fg-lightbox-close{position:absolute;right:18px;top:15px}.zsp2fg-lightbox-prev{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.zsp2fg-lightbox-next{position:absolute;right:10px;top:50%;transform:translateY(-50%)}body.zsp2fg-no-scroll{overflow:hidden}
@media(max-width:920px){.zsp2fg-folders{grid-template-columns:repeat(2,minmax(0,1fr))}.zsp2fg-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.zsp2fg-app{width:calc(100% - 26px);margin:14px auto 35px}.zsp2fg-hero{min-height:0;padding:25px;border-radius:23px}.zsp2fg-hero-art{display:none}.zsp2fg-hero h1{letter-spacing:-.7px}.zsp2fg-album-heading,.zsp2fg-photos-heading{align-items:start;flex-direction:column;gap:10px}.zsp2fg-folders{grid-template-columns:1fr;gap:14px}.zsp2fg-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zsp2fg-photo{padding:4px;border-radius:11px}.zsp2fg-photo img{border-radius:7px}.zsp2fg-lightbox{padding:54px 40px}.zsp2fg-lightbox button{width:35px;height:35px;font-size:26px}.zsp2fg-lightbox-prev{left:2px}.zsp2fg-lightbox-next{right:2px}.zsp2fg-breadcrumbs{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.zsp2fg-app *{transition:none!important;scroll-behavior:auto!important}}