/* ==========================================
   TOPBAR
========================================== */
.topbar{
    background:var(--primary-dark);
    color:rgba(255,255,255,.85);
    font-size:13px;
    padding:8px 0;
    position:relative;
    z-index:1001;
}
.topbar-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
}
.topbar-left{ display:flex; gap:24px; }
.topbar a{ color:rgba(255,255,255,.85); transition:.3s; }
.topbar a:hover{ color:var(--secondary); }
.topbar .icon{ margin-right:4px; }

/* ==========================================
   PAGE HEADER (inner pages)
========================================== */
.page-header{
    position:relative;
    padding:220px 0 100px;
    color:white;
    text-align:center;
    overflow:hidden;
}
.page-header-bg{
    position:absolute; inset:0;
}
.page-header-bg img{
    width:100%; height:100%; object-fit:cover;
}
.page-header-overlay{
    position:absolute; inset:0;
    background:var(--gradient-hero);
}
.page-header .container{
    position:relative; z-index:2;
}
.page-header h1{
    color:white;
    font-size:52px;
    margin:20px 0 15px;
}
.page-header p{
    color:rgba(255,255,255,.85);
    max-width:600px;
    margin:auto;
}