.header{
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
}
.header .icons svg{
    stroke: #06298b;
}
.header .menu a{
    color: #06298b;
}

.about-hero {
    padding: 180px 20px 100px;
    color: white;
    text-align: center;
}

.about-hero small {
    letter-spacing: 3px;
    opacity: .8;
    color: #06298b;
}

.about-hero h1 {
    font-size: 72px;
    margin: 20px 0;
    color: #06298b;
}

.about-hero p {
    max-width: 700px;
    margin: auto;
    color: #06298b;
}

.about-hero-content{
    max-width:800px;
    margin:auto;
}

.about-hero h1{
    font-size:72px;
    margin:20px 0;
}

.about-hero p{
    font-size:20px;
    max-width:650px;
    margin:auto;
}

.about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.story-image{
    height:500px;
    border-radius:24px;
}

.values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.value-card{
    background:white;
    padding:35px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.value-card svg{
    width:40px;
    height:40px;
    color:#06298b;
    margin-bottom:15px;
}

.about-stats{
    background:#06298b;
    color:white;
    padding:80px 0;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    text-align:center;
}

.stats-grid strong{
    display:block;
    font-size:54px;
}

.stats-grid span{
    opacity:.8;
}

.gallery-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:250px 250px;
    gap:20px;
}

.gallery-item{
    border-radius:24px;
    background-size:cover;
    background-position:center;
}

.item1{
    grid-row:span 2;
    background-image:url('https://images.unsplash.com/photo-1570077188670-e3a8d69ac5ff');
}

.item2{
    background-image:url('https://images.unsplash.com/photo-1564507592333-c60657eea523');
}

.item3{
    background-image:url('https://images.unsplash.com/photo-1514894786521-87c2d6d33b3f');
}

.item4{
    background-image:url('https://images.unsplash.com/photo-1523906834658-6e24ef2386f9');
}

@media(max-width:768px){

    .about-hero h1{
        font-size:42px;
    }

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

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

    .stats-grid{
        grid-template-columns:1fr 1fr;
        gap:30px;
    }

    .gallery-grid{
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }

    .gallery-item{
        min-height:250px;
    }

    .item1{
        grid-row:auto;
    }
}