@import url('./components.css');
@media(max-width:900px){.nav-list{position:fixed;inset:0 0 0 25%;background:var(--burgundy-dark);padding:7rem 2rem 2rem;display:flex;flex-direction:column;align-items:flex-start;transform:translateX(100%);transition:transform .3s ease}.nav-list.open{transform:none}.menu-button{display:block;position:relative;z-index:2}.about-grid,.contact-grid,.admission-layout,.programme{grid-template-columns:1fr}.card-grid,.media-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.programme img{min-height:350px}.section{padding:5rem 0}}@media(max-width:600px){.container{width:min(calc(100% - 1.5rem),var(--container))}.hero h1{font-size:3rem}.hero-content{padding-top:5rem}.actions{align-items:stretch}.actions .btn{width:100%}.card-grid,.media-grid,.field-grid,.stats,.footer-grid{grid-template-columns:1fr}.media-card{min-height:230px}.about-grid{gap:2.5rem}.motto-card{right:.5rem}.footer-bottom{display:grid;gap:.5rem}.floating-whatsapp{font-size:.85rem}.page-hero{padding-top:8rem}.form-panel{padding:1.2rem}.nav-list{left:0}.brand span{font-size:.88rem}}