.contact{

    padding:160px 0;

    background:#0b0b0b;

}

.contact-grid{

    display:grid;

    grid-template-columns:1.4fr .8fr;

    gap:100px;

    align-items:start;

}

.contact-left h2{

    font-size:clamp(3rem,6vw,5.5rem);

    line-height:1.1;

    margin:30px 0;

    color:#FFFFFF;

    font-weight:700;

}

.contact-left p{

    color:#B8B8B8;

    max-width:560px;

    line-height:1.9;

    margin-bottom:50px;

    font-size:1.05rem;

}

.contact-button{

    display:inline-flex;

    align-items:center;

    gap:14px;

    text-decoration:none;

    color:white;

    padding:18px 36px;

    border:1px solid rgba(216,181,109,.4);

    border-radius:999px;

    background:transparent;

    transition:.35s ease;

}

.contact-button:hover{

    background:#D8B56D;

    color:#111;

    transform:translateY(-3px);

}

.contact-item{

    padding:30px 0;

    border-top:1px solid rgba(255,255,255,.08);

}

.contact-item:last-child{

    border-bottom:1px solid rgba(255,255,255,.08);

}

.contact-item span{

    color:#D8B56D;

    letter-spacing:3px;

    text-transform:uppercase;

    font-size:.75rem;

}

.contact-item h3{

    margin-top:12px;

    font-size:1.35rem;

    color:#FFFFFF;

    font-weight:600;

}

@media(max-width:768px){

.contact{

    padding:100px 0;

}

.contact-grid{

    grid-template-columns:1fr;

    gap:60px;

}

.contact-left h2{

    font-size:2.8rem;

}

}