:root{
    --color-bg-primary:#FFFBF5;
    --color-bg-secondary:#F0EBE3;
    --color-accent:#C9A961;
    --color-text-dark:#3D3D3D;
    --color-text-light:#7A7A7A;
}
.section{
    padding:96px 24px;
}

/* Header */

.header{
    text-align:center;
    margin-bottom:64px;
}

.header-icon{
    width:80px;
    height:80px;
    border-radius:9999px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:24px;
    background:var(--color-accent);
}

.header-icon svg{
    width:40px;
    height:40px;
    color:white;
}

.header h2{
    font-size: clamp(2rem, 5vw, 3rem);
    margin-bottom:24px;
}

.header p{
    font-size:24px;
    color:var(--color-text-light);
}

/* Grid */

.grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
}

/* Cards */

.contact-card{
    background:var(--color-bg-secondary);
    border-radius:16px;
    padding:32px;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
}

.directions-card{
    background:var(--color-accent);
    border-radius:16px;
    padding:32px;
    color:white;
    margin-top:32px;
}

.card-title{
    font-size:30px;
    margin-bottom:24px;
}

/* Contact items */

.contact-list > * + *{
    margin-top:24px;
}

.contact-item{
    display:flex;
    gap:16px;
    align-items:flex-start;
}

.icon-box{
    width:48px;
    height:48px;
    background:var(--color-accent);
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-box svg{
    width:24px;
    height:24px;
    color:white;
}

.label{
    font-size:18px;
    margin-bottom:4px;
    color:var(--color-text-light);
}

.text-xl{
    font-size:20px;
    text-decoration: none;
    color:var(--color-text-dark);
}

/* Map */

.map{
    height:600px;
    border-radius:16px;
    overflow:hidden;
    background:var(--color-bg-secondary);
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
}

.map iframe{
    width:100%;
    height:100%;
    border:0;
}

/* Responsive */

@media(max-width:768px){
    .grid{
        grid-template-columns:1fr;
    }

}
