/* =====================================================
LAYOUT
===================================================== */

.container{
max-width:1200px;
margin:0 auto;
padding:0 16px;
}

.section{
padding:28px 0;
}

.section.alt{
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
border-top:1px solid rgba(255,255,255,.06);
border-bottom:1px solid rgba(255,255,255,.06);
}


/* =====================================================
HEADER
===================================================== */

.site-header{
position:sticky;
top:0;
z-index:50;
background:rgba(11,11,11,.76);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--line);
}

.header-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:12px 0;
}

.brand{
display:flex;
align-items:center;
gap:12px;
min-width:220px;
}

.brand-title{
font-weight:800;
letter-spacing:.06em;
}

.brand-subtitle{
font-size:.92rem;
color:var(--muted);
}

.brand-location{
font-size:.86rem;
color:rgba(214,179,92,.95);
}


/* =====================================================
NAVIGATION
===================================================== */

.nav{
display:flex;
align-items:center;
gap:14px;
font-weight:700;
flex-wrap:wrap;
justify-content:flex-end;
}

.nav a{
color:var(--text);
padding:8px 10px;
border-radius:12px;
}

.nav a:hover{
background:rgba(255,255,255,.06);
}


/* =====================================================
CARDS
===================================================== */

.cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:14px;
}

.card{
background:var(--panel2);
border:1px solid rgba(255,255,255,.10);
border-radius:16px;
padding:18px;
box-shadow:0 12px 38px rgba(0,0,0,.32);
}


/* =====================================================
VIDEO EMBEDS
===================================================== */

.embed-wrap{
position:relative;
width:100%;
padding-top:56.25%;
border-radius:12px;
overflow:hidden;
}

.embed-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
}


/* =====================================================
FOOTER
===================================================== */

.site-footer{
padding:22px 0;
border-top:1px solid rgba(255,255,255,.08);
background:rgba(0,0,0,.30);
}

.footer-row{
display:flex;
justify-content:space-between;
gap:16px;
}