:root {
  --header-height: 92px;
  --page-width: 1600px;
}

.site-header { position:absolute; inset:0 0 auto; z-index:100; min-height:var(--header-height); border-bottom:1px solid rgba(238,229,211,.13); background:linear-gradient(180deg,rgba(5,5,4,.95) 0%,rgba(5,5,4,.76) 72%,rgba(5,5,4,.18) 100%); backdrop-filter:blur(8px); }
.header-inner { position:relative; width:min(calc(100% - 48px),var(--page-width)); min-height:var(--header-height); margin:0 auto; display:grid; grid-template-columns:330px minmax(0,1fr) auto; align-items:center; gap:26px; }
.brand { position:absolute; z-index:2; top:-24px; left:0; display:inline-flex; align-items:center; width:fit-content; overflow:visible; }
.brand-logo { display:block; width:360px; height:190px; object-fit:contain; object-position:left center; filter:drop-shadow(0 10px 18px rgba(0,0,0,.78)); }
.desktop-nav { grid-column:2; display:flex; justify-content:center; align-items:stretch; gap:5px; }
.desktop-nav .nav-link { padding-inline:12px; }
.header-actions { grid-column:3; display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-left:18px; }
.mobile-panel-inner { width:min(calc(100% - 32px),var(--page-width)); }

.agent-menu { position:relative; }
.agent-menu__trigger { cursor:pointer; }
.agent-menu__chevron { margin-left:2px; font-size:.9rem; line-height:1; transition:transform 160ms ease; }
.agent-menu.is-open .agent-menu__chevron { transform:rotate(180deg); }
.agent-menu__panel { position:absolute; top:calc(100% + 9px); right:0; z-index:220; width:235px; padding:7px; border:1px solid rgba(238,229,211,.2); background:rgba(8,8,7,.985); box-shadow:0 18px 45px rgba(0,0,0,.58); opacity:0; visibility:hidden; transform:translateY(-5px); transition:opacity 150ms ease,transform 150ms ease,visibility 150ms; }
.agent-menu.is-open .agent-menu__panel { opacity:1; visibility:visible; transform:translateY(0); }
.agent-menu__panel a,.agent-menu__panel button { display:flex; width:100%; min-height:40px; align-items:center; padding:0 12px; border:0; border-bottom:1px solid rgba(238,229,211,.07); background:transparent; color:#bcb19e; font:700 .66rem/1.2 Arial,Helvetica,sans-serif; letter-spacing:.09em; text-align:left; text-transform:uppercase; cursor:pointer; }
.agent-menu__panel a:hover,.agent-menu__panel a:focus-visible,.agent-menu__panel button:hover,.agent-menu__panel button:focus-visible { color:#eee5d3; background:rgba(127,31,29,.18); outline:none; }
.agent-menu__panel button { margin-top:5px; border-bottom:0; color:#d59a91; }

@media (max-width:1180px) {
  .header-inner { grid-template-columns:275px minmax(0,1fr) auto; gap:14px; }
  .brand-logo { width:305px; height:168px; }
  .desktop-nav { gap:0; }
  .desktop-nav .nav-link { padding-inline:7px; font-size:.61rem; }
  .header-actions { margin-left:6px; }
}

@media (max-width:980px) {
  .site-header,.header-inner { min-height:78px; }
  .header-inner { width:min(calc(100% - 32px),var(--page-width)); grid-template-columns:1fr auto; }
  .brand { top:-12px; }
  .brand-logo { width:245px; height:118px; }
  .desktop-nav,.header-actions { display:none; }
  .menu-button { grid-column:2; display:inline-flex; }
  .mobile-actions .agent-menu { width:100%; }
  .mobile-actions .agent-menu__trigger { width:100%; }
  .mobile-actions .agent-menu__panel { position:static; width:100%; margin-top:7px; display:none; opacity:1; visibility:visible; transform:none; box-shadow:none; }
  .mobile-actions .agent-menu.is-open .agent-menu__panel { display:block; }
}

@media (min-width:981px) { .mobile-panel { display:none !important; } }

@media (max-width:620px) {
  .header-inner,.mobile-panel-inner { width:min(calc(100% - 24px),var(--page-width)); }
  .brand { top:-8px; }
  .brand-logo { width:210px; height:102px; }
  .mobile-actions { align-items:stretch; flex-direction:column; }
  .mobile-actions .language-switch,.mobile-actions .header-utility-link { width:100%; }
  .mobile-actions .language-switch { justify-content:center; }
}
