﻿/* Shared agency header. Local redesign 2026-10-28. */
.site-header{background:rgba(246,248,247,.96);backdrop-filter:blur(18px);border-bottom:1px solid #d7e2e0;box-shadow:0 5px 24px #062b3b05}
.site-header .header-row{width:min(1280px,calc(100% - 96px));height:104px;gap:32px}
.site-header .brand-logo{width:215px;transition:opacity .2s}.site-header .brand-logo:hover{opacity:.75}
#main-nav{gap:5px;background:transparent;border:0;padding:0}
.site-header .nav-trigger{font-size:14px;font-weight:650;padding:18px 15px;border-radius:9px;gap:10px;letter-spacing:-.02em;transition:background .2s,color .2s}
.site-header .nav-trigger::before{display:none}
.site-header .nav-trigger:hover,.site-header .nav-trigger[aria-expanded="true"],.site-header .nav-group:has(a[aria-current="page"]) .nav-trigger{background:#e3edeb;color:#006b77}
.site-header .nav-chevron{width:6px;height:6px;opacity:.8}
#main-nav>.button{background:#dcf786;color:#062b3b;border:1px solid #cbdf91;border-radius:10px;padding:9px 10px 9px 20px;min-height:52px;font-size:13px;font-weight:700;margin-left:18px;gap:18px;box-shadow:0 3px 0 #c4d783;transition:transform .2s,box-shadow .2s}
#main-nav>.button .icon{width:32px;height:32px;background:#062b3b;color:#dcf786;padding:7px;border-radius:7px;transform:rotate(-35deg)}
#main-nav>.button:hover{background:#e5ff9d;transform:translateY(-2px);box-shadow:0 5px 0 #c4d783}
.site-header .nav-panel{top:calc(100% + 13px);border:1px solid #d7e3e0;border-top:3px solid #a8d944;border-radius:14px;padding:12px;box-shadow:0 20px 55px #062b3b21;width:340px}
.site-header .nav-panel a{padding:15px 12px;font-size:14px;border-radius:8px}
.site-header .nav-panel small{font-size:12px;line-height:1.55;color:#60777d}
.site-header .nav-panel .icon{width:35px;height:35px;padding:8px;flex-shrink:0;background:#e8f1ec;color:#006b77;border-radius:9px}
.site-header .nav-panel a:hover,.site-header .nav-panel a:focus-visible{background:#f0f6e7;color:#062b3b}
.site-header .nav-panel a:hover .icon{background:#dcf786}
.site-header .nav-panel .nav-overview{font-size:12px;border-radius:0;padding-top:17px}
.site-header :focus-visible{outline:3px solid #008b9d;outline-offset:4px}
@media(max-width:1200px) and (min-width:981px){.site-header .header-row{width:calc(100% - 48px);gap:15px}.site-header .brand-logo{width:185px}.site-header .nav-trigger{font-size:12px;padding:17px 10px}#main-nav{gap:0}#main-nav>.button{font-size:12px;padding-left:13px;margin-left:10px;gap:10px}}
@media(max-width:980px){.site-header .header-row{height:84px;width:calc(100% - 40px);gap:20px}.site-header .brand-logo{width:190px}.site-header .menu-toggle{border:1px solid #ccdba7;background:#dcf786;color:#062b3b;border-radius:9px;min-height:44px;padding:11px 15px;font-size:13px;font-weight:650;gap:12px}.site-header .menu-toggle[aria-expanded="true"]{background:#062b3b;color:#dcf786}#main-nav{top:84px;max-height:calc(100dvh - 84px);padding:13px 20px 25px;background:#f6f8f7;border-bottom:1px solid #d7e2e0;gap:0}.site-header .nav-trigger{font-size:16px;padding:18px 12px;margin:4px 0;border-radius:8px}.site-header .nav-panel,.site-header .nav-group:last-of-type .nav-panel{width:100%;position:static;border:0;padding:4px 0 12px;box-shadow:none;background:transparent}.site-header .nav-panel a{background:white;padding:14px 12px}.site-header .nav-panel small{font-size:11px}#main-nav>.button{margin:22px 0 3px;padding:11px 12px 11px 18px;min-height:54px;font-size:14px;justify-content:space-between}.site-header .nav-group:after{display:none}}
@media(max-width:380px){.site-header .brand-logo{width:165px}.site-header .header-row{width:calc(100% - 32px)}.site-header .menu-toggle{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}
