.dl-header{position:absolute;z-index:100;top:0;left:0;width:100%;color:#fff;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
.dl-header.is-sticky{position:fixed;background:rgba(12,16,20,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.dl-header__inner{width:min(1480px,calc(100% - 64px));height:var(--dl-header-h);margin:0 auto;display:flex;align-items:center;gap:36px}
.dl-brand{display:flex;flex-direction:column;min-width:260px;line-height:1}
.dl-brand strong{font-size:26px;font-weight:700;letter-spacing:-.04em}
.dl-brand span{margin-top:9px;font-size:13px;color:rgba(255,255,255,.86;);margin-left:5px;letter-spacing:0.2em}
.dl-nav{display:flex;align-items:center;justify-content:center;gap:34px;margin-left:auto}
.dl-nav a{font-size:14px;font-weight:720;white-space:nowrap;opacity:.92;transition:opacity .2s ease}
.dl-nav a:hover{opacity:.62}
.dl-header__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-left:auto;padding:15px 24px;border-radius:999px;background:#fff;color:#111;font-size:14px;font-weight:800;white-space:nowrap}
.dl-menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;padding:10px;cursor:pointer}
.dl-menu-toggle span{display:block;height:2px;background:#fff;margin:7px 0;transition:.2s ease}
@media(max-width:1180px){.dl-nav{gap:20px}.dl-nav a{font-size:13px}.dl-brand{min-width:215px}.dl-brand strong{font-size:21px}}
@media(max-width:920px){
  .dl-header__inner{width:calc(100% - 30px);height:76px}.dl-brand{min-width:0}.dl-brand strong{font-size:20px}.dl-brand span{font-size:12px;margin-top:6px}
  .dl-header__cta{display:none}.dl-menu-toggle{display:block}.dl-nav{position:fixed;inset:76px 0 0;background:#0c1014;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:34px 24px;transform:translateX(100%);transition:transform .25s ease;margin:0}.dl-nav.is-open{transform:translateX(0)}.dl-nav a{width:100%;padding:18px 4px;border-bottom:1px solid rgba(255,255,255,.12);font-size:19px}
  .dl-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}.dl-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
}

/* Inner WordPress pages: keep the white header text readable on light page content. */
body.page:not(.home) .dl-header{
  position:relative;
  background:#0c1014;
}
