/* Retain the existing layout and typography; tighten section rhythm. */
:root{--premium-champagne:#7677b8;--premium-champagne-light:#c5c5e5;--accent:#7374c0;--accent-bright:#b9b9df;--accent-dim:#5152b1}
:is(#curriculum,#technology,#coaches,#stories,#booking){padding-top:64px!important;padding-bottom:64px!important}
:is(#curriculum,#technology,#coaches,#stories,#booking)>div>.reveal:first-child{margin-bottom:36px!important}
#curriculum .services-slider-wrap>div:last-child{margin-top:22px!important}
#technology .technology-slider-wrap{margin-top:0!important}
/* Natural overlapping faces prevent clipping while retaining the flip effect. */
:is(#curriculum,#technology) .service-slide{height:auto!important;min-height:0!important}
:is(#curriculum,#technology) .service-slide .flip-inner{display:grid!important;height:100%!important;min-height:0!important}
:is(#curriculum,#technology) .service-slide .flip-face{position:relative!important;inset:auto!important;grid-area:1/1;width:100%;height:auto!important;min-height:0!important;padding:22px!important}
:is(#curriculum,#technology) .service-slide .flip-front{justify-content:flex-start!important}
#curriculum .service-slide .flip-front>.p-7{padding:20px 12px!important;min-height:0!important;flex:1}
#curriculum .service-slide .flip-front>div:first-child{flex-shrink:0;height:150px!important;min-height:0!important}
#curriculum .service-slide .flip-front p{min-height:0!important;margin-bottom:18px!important}
#curriculum .service-slide .flip-front h3{min-height:2.25em!important}
#technology .service-slide .flip-front>.p-6{min-height:0!important;padding:20px 12px!important}
#technology .service-slide .flip-front img{height:190px!important;flex-shrink:0}
#technology .service-slide .flip-front p{min-height:0!important}
:is(#curriculum,#technology) .service-slide .flip-back{justify-content:space-between!important}
#booking button[type=submit]{background:#31326e!important;color:#ffffff!important;border-color:#31326e!important;box-shadow:0 10px 24px rgba(43,44,97,.14)!important}
#booking button[type=submit]:hover{background:#2d3256!important}
.pulse-btn{animation:none!important}
.section-marker::before{background:#454699}
:is(#curriculum,#technology) .service-slide::before{border-color:#7677b8!important}
@media(max-width:767px){
:is(#curriculum,#technology,#coaches,#stories,#booking){padding-top:40px!important;padding-bottom:40px!important}
:is(#curriculum,#technology,#coaches,#stories,#booking)>div>.reveal:first-child{margin-bottom:26px!important}
:is(#curriculum,#technology) .service-slide .flip-face{padding:18px!important}
#curriculum .service-slide .flip-front>.p-7{padding:18px 6px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}}
/* Keep the preview notification from creating empty space or phone overflow. */
#toast{position:fixed!important;right:16px;bottom:16px;width:min(360px,calc(100vw - 32px));max-width:calc(100vw - 32px);transform:translateY(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .3s,visibility .3s}
#toast.visible{transform:none;opacity:1;visibility:visible}
#curriculum .service-slide .flip-front>.p-7{display:flex!important;flex-direction:column!important}
#curriculum .service-slide .flip-front>.p-7>a{margin-top:auto!important}