.banner-style-two{padding-bottom:0}
.h2-icon{width:auto}
/* Intrinsic dimensions reserve space; square news thumbnails keep the existing crop. */
.news-block-one .inner-box .image-box img{height:auto;aspect-ratio:1/1}
/* Reserve the tallest slide before Owl starts, using the same content and widths. */
.banner-style-two .banner-carousel:not(.owl-loaded){display:grid}
.banner-style-two .banner-carousel:not(.owl-loaded)>.slide-item{grid-area:1/1;visibility:hidden}
.banner-style-two .banner-carousel:not(.owl-loaded)>.slide-item:first-child{visibility:visible}
.banner-style-two .banner-carousel:not(.owl-loaded)>.slide-item:first-child .content-box h2,
.banner-style-two .banner-carousel:not(.owl-loaded)>.slide-item:first-child .content-box p,
.banner-style-two .banner-carousel:not(.owl-loaded)>.slide-item:first-child .content-box .btn-box{opacity:1;transform:none}
.banner-style-two .banner-carousel img.image-layer{object-fit:cover;object-position:bottom center}
/* All hero slides take the tallest slide's height at the current viewport. */
.banner-style-two .banner-carousel .owl-stage{display:flex;align-items:stretch}
.banner-style-two .banner-carousel .owl-stage:after{display:none}
.banner-style-two .banner-carousel .owl-item{display:flex;float:none}
.banner-style-two .banner-carousel .slide-item{display:flex;align-items:center;width:100%}
.banner-style-two .banner-carousel .slide-item>.auto-container{width:100%}
/* Above the existing navigation breakpoint, reserve 140px per side: arrow + gap. */
@media(min-width:1201px){.banner-style-two .banner-carousel .slide-item>.auto-container{width:calc(100% - 250px)}}
/* Keep text fades, without animating font metrics when the viewport changes. */
.banner-style-two .banner-carousel .content-box h2,
.banner-style-two .banner-carousel .content-box p,
.banner-style-two .banner-carousel .content-box .btn-box{transition-property:opacity,transform}
/* Reuse the site palette: navy headings, blue links and pale blue sections. */
.school-intro{padding:58px 0 48px;background:#f2f9ff;color:#2a2a2a}
.school-eyebrow{font-size:13px;font-weight:600;letter-spacing:.5px;color:#033c80;margin-bottom:14px}
.school-intro h1{font-size:40px;line-height:1.3;font-weight:700;max-width:900px;margin:0 0 22px;color:#172746;overflow-wrap:break-word}
.school-lead{max-width:960px;font-size:18px;line-height:1.8;margin:0 0 26px;color:#2a2a2a}
.school-pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}
.school-pathways a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:0;color:#033c80;font-size:19px;font-weight:600}
.school-pathways a:hover,.school-pathways a:focus-visible{background:#fff;border-color:#033c80;color:#172746}
.school-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:25px}
.school-text-link{color:#033c80;text-decoration:underline;text-underline-offset:4px}
.school-text-link:hover,.school-editorial a:hover{color:#172746;text-decoration:underline}
.school-intro .theme-btn.btn-one:hover,.school-summary .theme-btn.btn-one:hover,.school-support .theme-btn.btn-one:hover{color:#172746!important}
.school-summary{padding:42px 0 0}.school-summary+.about-section{padding-top:38px}
.school-editorial .auto-container{max-width:920px}.school-editorial h2{font-size:30px;line-height:1.3;font-weight:700;margin:36px 0 16px;color:#172746}.school-editorial h2:first-child{margin-top:0}.school-editorial p,.school-editorial li{font-size:18px;line-height:1.8}.school-editorial p{margin-bottom:24px}.school-editorial ul{padding-left:24px;margin:16px 0 0}.school-editorial li{list-style:disc;margin-bottom:10px}.school-editorial a{color:#033c80;text-decoration:underline;text-underline-offset:4px}
.school-support{padding:55px 0;background:#f2f9ff}.school-support h2{font-size:30px;line-height:1.3;font-weight:700;color:#172746;margin-bottom:25px}
.school-practical{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.school-practical a{padding:24px;background:#fff;border:1px solid #e5e5e5;border-radius:0;color:#2a2a2a}
.school-practical a:hover,.school-practical a:focus-visible{border-color:#033c80}
.school-practical a:hover strong{color:#033c80}
.school-practical strong{display:block;font-family:"Noto Sans",sans-serif;font-size:20px;margin-bottom:12px;color:#172746}.school-practical span{font-size:16px;line-height:1.7}
.school-contact-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0 12px;margin-top:20px}.school-contact-card h2{margin-bottom:12px}.school-contact-card p{margin:0}.school-contact-card .theme-btn{flex-shrink:0}
.school-field-label{display:block;margin-bottom:7px;color:#172746}.school-select{display:block;width:100%;padding:14px 20px;border:1px solid #e5e5e5;border-radius:0;background:#fff;color:#172746;min-height:54px;font:inherit;appearance:auto;cursor:pointer}
.school-select:focus-visible{outline:3px solid #033c80;outline-offset:2px}
#contact-form{scroll-margin-top:120px}
/* Stretch carousel cards just like the news grid, without the shadow layer. */
.home-news .owl-stage{display:flex;align-items:stretch}
.home-news .owl-stage:after{display:none}
.home-news .owl-item{display:flex;float:none}
.home-news .news-block-one{display:flex;width:100%}
.home-news .news-block-one .inner-box{background:#fff;margin-bottom:0;box-shadow:none}
.home-news .news-block-one .inner-box:before{display:none;box-shadow:none}
.home-news .news-block-one .image-box{flex-shrink:0}
.school-intro a:focus-visible,.school-summary a:focus-visible,.school-support a:focus-visible{outline:3px solid #033c80;outline-offset:4px}
@media(max-width:767px){.school-intro{padding:36px 0}.school-intro h1{font-size:32px}.school-lead{font-size:17px}.school-pathways,.school-practical{grid-template-columns:1fr;gap:10px}.school-pathways a{padding:16px 20px;font-size:18px}.school-contact-card{flex-direction:column;align-items:flex-start}.school-support{padding:38px 0}.school-summary{padding-top:30px}.school-support h2{font-size:27px}.school-actions{gap:18px}.school-eyebrow{font-size:12px}}

@media(max-width:991px){.zony-editor .flex-lg-row-reverse .content_block_1 .content-box{margin-right:0}}
