@media(max-width:1000px){
    .hero-grid{
        grid-template-columns:1fr;
        gap:44px;
        align-items:start;
    }

    .hero-content{
        max-width:100%;
    }

    .hero-visual{
        order:-1;
        padding-top:0;
    }

    .hero-visual img{
        max-width:100%;
        height:360px;
    }

    .school-title{
        font-size:48px;
    }

    .school-claim{
        font-size:25px;
    }

    .usp-grid{
        grid-template-columns:1fr;
    }

    .funding-box{
        grid-template-columns:1fr;
        gap:34px;
    }

    .funding-amounts{
        max-width:100%;
        grid-template-columns:repeat(3,1fr);
    }

    .school-footer-inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .motive-row{
        grid-template-columns:112px 1fr;
    }

    .motive-options{
        grid-column:1 / -1;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:700px){
    .funding-box{
        padding:32px;
        border-radius:22px;
    }

    .funding-amounts{
        grid-template-columns:1fr;
    }

    .funding-card{
        min-height:96px;
    }
}

@media(max-width:640px){
    .school-products{
        padding:52px 0 70px;
    }

    .collection-filters{
        margin-bottom:38px;
    }

    .collection-tab{
        min-height:40px;
        padding:0 16px;
    }

    .motive-row{
        grid-template-columns:76px 1fr;
        gap:14px;
        padding:14px;
        border-radius:18px;
    }

    .motive-thumb{
        width:76px;
        height:76px;
        border-radius:14px;
    }

    .motive-thumb img,
    .motive-thumb .motive-thumb-img{
        padding:9px;
    }

    .motive-options{
        grid-column:1 / -1;
        grid-template-columns:1fr;
    }

    .motive-copy h4{
        font-size:19px;
    }

    .product-section-head h3{
        font-size:28px;
    }
}

@media(max-width:600px){
    .school-hero{
        padding:46px 0 70px;
    }

    .school-logo{
        width:190px;
        max-width:72vw;
    }

    .hero-eyebrow{
        gap:10px;
        font-size:11px;
    }

    .hero-eyebrow::before{
        width:24px;
    }

    .hero-visual img{
        height:280px;
        border-radius:20px;
    }

    .school-title{
        font-size:38px;
    }

    .school-intro{
        font-size:18px;
    }

    .collection-head h2,
    .usps-head h2{
        font-size:32px;
    }

    .school-usps .school-container{
        padding:52px 24px 56px;
        border-radius:0 0 26px 26px;
    }
}