/* Piano: a dedicated layout for the existing school installation. */
body.piano-school{--school-ink:#172f38;--school-muted:#647780;--school-gold:#b49a62;--school-paper:#f4f3ef;margin:0!important;background:var(--school-paper)!important;color:var(--school-ink)!important;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65;}
.piano-school *{box-sizing:border-box;}.piano-school a{color:#244b5a;}.piano-school a:focus-visible,.piano-school summary:focus-visible{outline:3px solid #b49a62;outline-offset:4px;}
.school-skip{position:fixed;top:-100px;left:20px;z-index:10000;background:#fff;padding:12px 20px;color:#172f38;}.school-skip:focus{top:10px;}
.school-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.piano-school .school-header{background:#fff;border-bottom:1px solid #dedfd9;}
.school-header-inner{max-width:1460px;margin:auto;padding:19px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px;}
.school-identity{display:flex;align-items:center;gap:18px;text-decoration:none!important;color:#172f38!important;}.school-identity img{width:88px;height:57px;object-fit:contain;}.school-identity-name{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:31px;line-height:1.05;letter-spacing:-1px;}.school-identity-description{display:block;margin-top:5px;font-size:11px;line-height:1.45;letter-spacing:.25px;color:#5e7078;}
.school-header-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600;}.school-header-links a{text-decoration:none;color:#172f38;}.school-header-links a:hover{text-decoration:underline;}.school-diary-link{padding:11px 17px;background:#172f38;border-radius:5px;color:#fff!important;}.school-diary-link span[aria-hidden]{margin-left:8px;color:#d7c08e;}
.school-hero{position:relative;overflow:hidden;min-height:304px;background-color:#183540;background-image:linear-gradient(90deg,rgba(16,39,49,.97) 0%,rgba(16,39,49,.92) 28%,rgba(16,39,49,.56) 66%,rgba(16,39,49,.12) 100%),url('../../../images/supersized/piano.jpg');background-position:center,center 59%;background-size:cover;color:#fff;border-bottom:4px solid #b49a62;}
.school-hero::after{content:"";position:absolute;right:0;bottom:23px;width:35%;height:41px;border-top:1px solid #f2e9d640;border-bottom:1px solid #f2e9d640;background:repeating-linear-gradient(to bottom,transparent 0,transparent 9px,#f2e9d640 9px,#f2e9d640 10px);pointer-events:none;}
.school-hero-inner{position:relative;z-index:1;max-width:1460px;margin:auto;padding:43px 42px 39px;}.school-eyebrow{margin:0 0 14px;color:#dac494;font-size:10px;font-weight:700;letter-spacing:2.1px;}.school-hero h1{margin:0 0 13px;font-family:Georgia,'Times New Roman',serif;color:#fff;font-size:43px;font-weight:400;line-height:1.16;letter-spacing:-.8px;}.school-hero h1 em{font-style:italic;color:#e2c997;}.school-hero-lead{margin:0;font-size:14px;color:#d1dbe0;}.school-hero-actions{display:flex;align-items:center;gap:25px;margin-top:21px;}.school-button{background:#d3b67c;color:#172f38!important;border-radius:4px;padding:10px 16px;font-size:12px;font-weight:700;text-decoration:none!important;}.school-button span{margin-left:20px;}.school-hero-secondary{color:#fff!important;font-size:12px;text-decoration:none;}.school-hero-secondary:hover{text-decoration:underline;}.school-hero-secondary span{margin-left:10px;color:#e2c997;}.school-hero-signature{position:absolute;right:42px;bottom:22px;color:#fff9;font-size:9px;letter-spacing:2px;z-index:2;}
.school-hero--compact{min-height:160px;}.school-hero--compact .school-hero-inner{padding-top:25px;padding-bottom:25px;}.school-hero--compact h1{font-size:28px;}.school-hero--compact h1 br{display:none;}.school-hero--compact .school-eyebrow{margin-bottom:8px;}.school-hero--compact .school-hero-lead{font-size:12px;}
.school-page-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 265px;gap:27px;max-width:1460px;margin:0 auto;padding:35px 42px 52px;align-items:start;}.school-sidebar,#school-content{min-width:0;}.school-sidebar{align-self:start;}
.school-panel,.school-quick-panel,.school-content-card{background:#fff;border:1px solid #e3e5df;border-radius:7px;box-shadow:0 4px 16px #172f3804;}.school-panel{padding:23px 19px;}.school-panel-caption{margin:0 0 14px;font-size:9px;line-height:1.4;font-weight:700;letter-spacing:1.6px;color:#8b784e;}.school-sidebar-details{margin:0;border:0;}.school-sidebar-details>summary{display:none;}.school-sidebar-details--right{margin-top:23px;}
.school-sidebar .moduletable,.school-sidebar .uk-panel{padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;background:none!important;}.school-sidebar h3{font-size:16px;line-height:1.35;margin:19px 0 12px;color:#172f38;}.school-sidebar .uk-nav,.school-sidebar ul.menu,.school-sidebar ul.nav{list-style:none;margin:0;padding:0;}.school-sidebar .uk-nav>li,.school-sidebar ul.menu>li{margin:0;border-bottom:1px solid #eceee9;}.school-sidebar .uk-nav>li:last-child,.school-sidebar ul.menu>li:last-child{border-bottom:0;}.school-sidebar .uk-nav>li>a,.school-sidebar ul.menu>li>a{display:block;padding:10px 8px;color:#263f49;text-decoration:none;font-size:13px;font-weight:600;line-height:1.55;text-transform:none;}.school-sidebar .uk-nav>li.uk-active>a,.school-sidebar .uk-nav>li.active>a{background:#eef2f2;border-radius:4px;color:#193d4a;}.school-sidebar .uk-nav a:hover{color:#8b784e;background:#f8f7f3;}.school-sidebar a>img{display:none!important;}.school-sidebar .uk-nav-sub,.school-sidebar ul.menu ul{display:block!important;list-style:none;margin:0 0 10px 9px;padding:0 0 0 12px;border-left:1px solid #dbe0dd;}.school-sidebar .uk-nav-sub li{margin:0;}.school-sidebar .uk-nav-sub a{display:block;color:#687b83;font-size:12px;font-weight:400;padding:5px 0;text-decoration:none;line-height:1.65;text-transform:none;overflow-wrap:anywhere;}.school-sidebar [uk-nav-parent-icon]{display:none;}.school-sidebar .sprocket-grids-b img,.school-sidebar .sprocket-grids-b .sprocket-grids-b-image{max-width:100%;}
.school-quick-panel{padding:24px 20px 18px;}.school-quick-panel h2{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.15;letter-spacing:-.3px;color:#172f38;margin:0 0 20px;font-weight:400;}.school-quick-links{display:grid;gap:7px;}.school-quick-link{display:flex;align-items:center;gap:11px;padding:12px 8px;text-decoration:none!important;border-radius:5px;color:#263f49!important;}.school-quick-link:hover{background:#f3f4f0;}.school-link-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;color:#8b784e;background:#f3f0e8;border-radius:4px;font-family:Georgia,serif;font-size:20px;}.school-quick-link strong{display:block;font-size:12px;line-height:1.4;font-weight:600;}.school-quick-link small{display:block;font-size:10px;color:#75858c;line-height:1.5;margin-top:3px;}.school-link-arrow{margin-left:auto;font-size:17px;color:#8b9aa1;}.school-quick-link--diary{background:#193d4a!important;color:#fff!important;padding:13px 11px;margin-bottom:5px;}.school-quick-link--diary small{color:#d0dce2;}.school-quick-link--diary .school-link-icon{background:#ffffff17;color:#dec790;font-size:17px;}.school-quick-link--diary .school-link-arrow{color:#dec790;}
.school-content-card{padding:29px 30px;overflow-wrap:anywhere;min-height:290px;}.school-news-heading{border-bottom:1px solid #e4e7e2;padding-bottom:22px;margin-bottom:25px;}.school-news-heading .school-panel-caption{margin-bottom:9px;}.school-news-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:33px;font-weight:400;letter-spacing:-.5px;line-height:1.2;color:#172f38;margin:0 0 7px;}.school-news-heading>p:last-child{font-size:12px;color:#75858c;margin:0;}.school-content-card .uk-article{margin:0;}.school-content-card img{max-width:100%;height:auto;}.school-content-card h1,.school-content-card h2{color:#172f38;font-family:Georgia,'Times New Roman',serif;line-height:1.25;font-weight:400;}.school-content-card h1{font-size:30px;}.school-content-card h2{font-size:25px;}.school-content-card .uk-flex.uk-flex-middle.uk-margin-bottom:has(.article-social-share){display:none;}.school-content-card .fb-page,.school-content-card .fb-page>span,.school-content-card .fb-page iframe{max-width:100%!important;}.school-facebook{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #dce2df;background:#f6f8f6;color:#244b5a;margin-top:22px;text-decoration:none;font-size:12px;}.school-content-card table{max-width:100%;}.school-content-card pre{overflow:auto;}.school-content-card iframe{max-width:100%;}.school-breadcrumb{font-size:12px;margin-bottom:15px;}.school-content-top,.school-content-bottom{margin-bottom:20px;}
.school-footer{background:#172f38;color:#d6dfe1;border-top:3px solid #b49a62;}.school-footer-inner{max-width:1460px;margin:auto;padding:29px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}.school-footer-inner>span strong{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#e2c997;display:block;}.school-footer-inner>span>span{font-size:11px;}.school-footer nav{display:flex;gap:23px;}.school-footer a{color:#d6dfe1;font-size:12px;text-decoration:none;}.school-footer a:hover{text-decoration:underline;}.school-footer small{flex:1 0 100%;font-size:9px;opacity:.65;border-top:1px solid #ffffff15;padding-top:13px;}
@media(max-width:1150px){.school-page-grid{grid-template-columns:205px minmax(0,1fr) 235px;gap:18px;padding-left:25px;padding-right:25px;}.school-header-inner,.school-hero-inner{padding-left:25px;padding-right:25px;}.school-content-card{padding:24px 22px;}.school-quick-panel{padding:22px 16px;}.school-panel{padding:20px 15px;}.school-quick-link{gap:8px;}.school-quick-link strong{font-size:11px;}}
@media(max-width:900px){.school-page-grid{grid-template-columns:minmax(0,1fr) 235px;}.school-page-grid>#school-content{grid-column:1;grid-row:1;}.school-page-grid>#school-right{grid-column:2;grid-row:1 / span 2;}.school-page-grid>#school-left{grid-column:1;grid-row:2;}.school-sidebar-details>summary{display:flex;justify-content:space-between;list-style:none;padding:15px 18px;background:#fff;border:1px solid #e3e5df;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;}.school-sidebar-details[open]>summary{border-radius:5px 5px 0 0;}.school-sidebar-details .school-panel{border-top:0;border-radius:0 0 5px 5px;}.school-sidebar-details .school-panel-caption{display:none;}.school-hero h1{font-size:38px;}.school-header-links{gap:15px;}.school-identity-description{font-size:10px;}}
@media(max-width:650px){.school-header-inner{padding:16px 20px;flex-wrap:wrap;gap:15px;}.school-identity{gap:13px;}.school-identity img{width:72px;height:47px;}.school-identity-name{font-size:28px;}.school-header-links{width:100%;justify-content:space-between;font-size:12px;border-top:1px solid #eceee9;padding-top:12px;}.school-diary-link{padding:8px 12px;}.school-hero{min-height:290px;background-position:center,65% center;}.school-hero-inner{padding:33px 22px;}.school-eyebrow{font-size:8px;letter-spacing:1.2px;}.school-hero h1{font-size:36px;}.school-hero-lead{font-size:12px;max-width:290px;}.school-hero-actions{gap:15px;flex-wrap:wrap;}.school-hero-secondary{font-size:11px;}.school-hero-signature{right:20px;bottom:12px;font-size:8px;}.school-page-grid{display:flex;flex-direction:column;padding:22px 18px 32px;gap:19px;}.school-page-grid>#school-content{order:2;width:100%;}.school-page-grid>#school-left{order:1;width:100%;}.school-page-grid>#school-right{order:3;width:100%;}.school-content-card{padding:22px 20px;}.school-news-heading h2{font-size:29px;}.school-quick-panel h2 br{display:none;}.school-quick-panel h2{font-size:26px;}.school-quick-link strong{font-size:13px;}.school-quick-link small{font-size:11px;}.school-footer-inner{padding:24px 22px;gap:18px;}.school-footer nav{gap:17px;flex-wrap:wrap;}.school-hero--compact{min-height:160px;}.school-hero--compact h1{font-size:25px;}.school-hero--compact .school-hero-inner{padding:24px 22px;}}
@media(prefers-reduced-motion:reduce){.piano-school *{scroll-behavior:auto!important;}}
.school-identity{min-width:310px;}.school-identity>span{min-width:195px;}.school-header-links{white-space:nowrap;}.school-news-heading~.uk-article .uk-flex:has(.uk-icon-button.facebook){display:none;}
@media(max-width:650px){.school-identity{min-width:0;max-width:100%;}.school-identity>span{min-width:0;}.school-header-links{gap:12px;}.school-hero-actions{gap:16px;}}
.school-content-card div:has(>.fb-page){width:100%!important;max-width:100%!important;justify-content:flex-start!important;}.school-content-card .fb-page{width:100%;}.school-content-card .fb-page blockquote{margin:0;padding:15px 0;border:0;max-width:100%;font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
.school-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0;}.school-photo-grid a{display:block;min-width:0;overflow:hidden;border-radius:4px;}.school-photo-grid img{display:block;width:100%!important;height:150px!important;object-fit:cover;margin:0!important;}.school-sidebar .school-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}.school-sidebar .school-photo-grid img{height:78px!important;}.school-sidebar .sprocket-grids-b-item{background:#f5f5f1!important;padding:10px!important;box-shadow:none!important;}.school-sidebar .sprocket-grids-b-title,.school-sidebar .sprocket-grids-b-title a{font-size:13px!important;line-height:1.5!important;color:#263f49!important;word-break:normal;overflow-wrap:anywhere;}.school-sidebar .sprocket-grids-b-text{color:#647780!important;font-size:11px!important;line-height:1.5!important;}.school-sidebar .sprocket-grids-b-item h1,.school-sidebar .sprocket-grids-b-item h2,.school-sidebar .sprocket-grids-b-item h3{font-size:13px!important;line-height:1.5!important;margin:0 0 8px!important;}.school-hero--compact h1 br::after{content:" ";}
@media(min-width:901px){.school-page-grid>#school-left{grid-column:1;grid-row:1;}.school-page-grid>#school-content{grid-column:2;grid-row:1;}.school-page-grid>#school-right{grid-column:3;grid-row:1;}}
@media(max-width:650px){.school-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.school-photo-grid img{height:120px!important;}}

/* Live news and photo viewer */
.piano-school .school-facebook-feed{width:100%;max-width:500px;margin:24px auto;min-height:780px}
.piano-school .school-facebook-feed iframe{display:block;max-width:100%;margin:auto;background:#fff}
.piano-school .school-photo-grid a{overflow:hidden;border-radius:10px;cursor:zoom-in}
.piano-school .school-photo-grid img{transition:transform .25s ease}
.piano-school .school-photo-grid a:hover img{transform:scale(1.045)}
.piano-school .school-lightbox{position:fixed;inset:0;border:0;margin:auto;width:96vw;max-width:1400px;height:94vh;max-height:94vh;padding:45px 62px;background:#101522;color:white;border-radius:16px;box-sizing:border-box}
.piano-school .school-lightbox::backdrop{background:rgba(5,9,16,.94)}
.piano-school .school-lightbox[open]{display:flex;align-items:center;justify-content:center}
.piano-school .school-lightbox figure{margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}
.piano-school .school-lightbox img{display:block;max-width:100%;max-height:calc(100% - 40px);object-fit:contain;border-radius:5px}
.piano-school .school-lightbox figcaption{font-size:14px;color:#e1d6bd}
.piano-school .school-lightbox button{position:absolute;background:#ffffff16;border:1px solid #ffffff35;border-radius:50%;color:white;width:44px;height:44px;padding:0;font-size:32px;line-height:1;cursor:pointer}
.piano-school .school-lightbox button:hover{background:#ffffff35}
.piano-school .school-lightbox button:focus-visible{outline:3px solid #dfbd7d;outline-offset:3px}
.piano-school .school-lightbox button[hidden]{display:none}
.piano-school .school-lightbox-close{top:12px;right:12px}
.piano-school .school-lightbox-prev{left:10px;top:calc(50% - 22px)}
.piano-school .school-lightbox-next{right:10px;top:calc(50% - 22px)}
@media(max-width:650px){.piano-school .school-lightbox{padding:60px 12px 70px;width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.piano-school .school-lightbox-prev,.piano-school .school-lightbox-next{top:auto;bottom:15px}.piano-school .school-lightbox-prev{left:calc(50% - 60px)}.piano-school .school-lightbox-next{right:calc(50% - 60px)}}
@media(prefers-reduced-motion:reduce){.piano-school .school-photo-grid img{transition:none}}
