.contact-section{
    padding:120px 0;
    background:var(--blue-dark);
    color:#fff;
}
.contact-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:70px;
    align-items:center;
}
.contact-content h2{
    max-width:820px;
    margin:18px 0 28px;
    font-size:clamp(40px,4vw,58px);
    line-height:1.12;
    letter-spacing:-1.3px;
}
.contact-content p{
    max-width:760px;
    margin:0 0 36px;
    font-size:21px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
}
.contact-card{
    padding:42px;
    border-radius:22px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 24px 60px rgba(0,0,0,.22);
    backdrop-filter:blur(14px);
}
.contact-card h3{
    margin:0 0 28px;
    font-size:30px;
}
.contact-item{
    padding:22px 0;
    border-top:1px solid rgba(255,255,255,.12);
}
.contact-item strong{
    display:block;
    margin-bottom:8px;
    color:rgba(255,255,255,.65);
    font-size:14px;
    letter-spacing:.8px;
    text-transform:uppercase;
}
.contact-item a,
.contact-item span{
    color:#fff;
    font-size:20px;
    font-weight:700;
}
.contact-note{
    margin:28px 0 0;
    color:rgba(255,255,255,.7);
    font-size:16px;
}
@media(max-width:900px){
    .contact-grid{
        grid-template-columns:1fr;
    }
    .contact-section{
        padding:80px 0;
    }
}