/* A quiet, dark header that belongs to the first screen. */
header{width:100%;max-width:none;margin:0;padding-inline:max(56px,calc((100% - 1320px)/2));height:108px;background:#202020;border:0;gap:30px;color:#fff}
header .bancho-lockup{color:#fff}header .brand.bancho-lockup .brand-small{color:#c0c0bc}header .brand.bancho-lockup:is(:hover,:focus-visible) .bancho-symbol{color:var(--accent)}
header nav{display:flex;align-items:center;gap:25px;font:700 15px Manrope,Arial,sans-serif;white-space:nowrap}
header nav>a,header .nav-services-trigger{position:relative;padding:14px 0;background:none;line-height:1.4;transition:color .55s ease;color:#f5f5f4}
header nav a:after{display:none}header nav>a:is(:hover,:focus-visible){color:var(--accent)}
header .nav-services-trigger{display:flex;gap:12px;align-items:center;font:inherit;color:var(--accent)}
.nav-services-trigger>span{font:25px DM,Arial,sans-serif;line-height:1;color:#aaa;transition:transform .65s var(--ease),color .65s}
.nav-services-trigger:is(:hover,:focus-visible)>span{color:var(--accent)}.nav-services-trigger[aria-expanded=true]>span{transform:rotate(180deg);color:var(--accent)}
.header-service-wrap{position:relative}.header-service-menu{position:absolute;top:calc(100% + 9px);left:-24px;width:355px;padding:10px;background:#2b2b2b;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 18px 50px #0004;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .55s ease,transform .7s var(--ease),visibility .55s;white-space:normal;z-index:45}
.header-service-menu.is-open{opacity:1;visibility:visible;transform:none}.header-service-menu>a{display:flex;align-items:center;gap:13px;padding:18px 14px;border-radius:5px;color:#f5f5f4;transition:background .5s,color .5s}
.header-service-menu>a>span{font:9px DM,Arial,sans-serif;color:var(--accent);align-self:flex-start;padding-top:4px}.header-service-menu strong{display:block;font-size:14px;line-height:1.4;letter-spacing:-.2px}.header-service-menu small{display:block;color:#aaa;font:11px DM,Arial,sans-serif;line-height:1.5;margin-top:5px}.header-service-menu i{font:20px DM,Arial,sans-serif;margin-left:auto;font-style:normal;color:var(--accent)}.header-service-menu>a:is(:hover,:focus-visible){background:#ffffff09;color:var(--accent)}
header .header-cta{display:flex;background:var(--accent);border:1px solid var(--accent);color:#202020;font:700 12px Manrope,Arial,sans-serif;gap:22px;padding:14px 20px;white-space:nowrap;flex-shrink:0;transition:background .7s,color .7s,box-shadow .7s}
header .header-cta:hover{background:#ffe66c;color:#202020;box-shadow:0 4px 25px #ffdb321c}header .header-cta>span{font:21px DM,Arial,sans-serif}
@media(min-width:1051px) and (max-width:1250px){header{padding-inline:40px;gap:23px}header nav{font-size:13px;gap:19px}header .header-cta{font-size:11px;gap:15px;padding:13px 17px}header .brand .bancho-name{width:125px}header .brand .bancho-symbol{width:37px;height:37px}}
@media(max-width:1050px){
 header{height:90px;padding-inline:24px;gap:18px}header .header-cta{margin-left:auto;font-size:11px;gap:16px;padding:12px 17px}
 header .menu-button{display:flex;flex-direction:column;gap:6px;width:43px;height:43px;justify-content:center;align-items:center;border:1px solid #ffffff40;border-radius:50%;background:none;flex-shrink:0;position:relative;z-index:46;transition:border-color .5s,background .5s}
 header .menu-button:hover{border-color:var(--accent);background:#ffffff08}header .menu-button i{display:block;width:17px;height:1px;background:#fff;transition:transform .65s var(--ease)}header .menu-button[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}header .menu-button[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 header nav,header nav.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:calc(100% - 4px);left:24px;right:24px;gap:0;padding:15px 24px;background:#252525;border:1px solid #ffffff20;border-radius:8px;box-shadow:0 20px 50px #0005;font-size:17px;white-space:normal;max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain}
 header nav{visibility:hidden;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .5s,transform .65s var(--ease),visibility .5s}header nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
 header nav>a,header .nav-services-trigger{width:100%;padding:16px 0;border-bottom:1px solid #ffffff13;text-align:left}header nav>a:last-child{border-bottom:0}header .nav-services-trigger{justify-content:space-between}
 .header-service-menu{position:static;width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;max-height:0;overflow:hidden;transform:none;transition:max-height .75s var(--ease),opacity .55s,visibility .55s}
 .header-service-menu.is-open{max-height:300px;padding:5px 0 10px}.header-service-menu>a{padding:13px 9px;gap:11px}.header-service-menu strong{font-size:13px}.header-service-menu small{font-size:10px}.header-service-menu i{font-size:18px}
}
@media(max-width:600px){header{height:83px;padding-inline:20px;gap:12px}header .header-cta{font-size:10px;padding:10px 13px;gap:10px}header .header-cta>span{font-size:16px}header .menu-button{width:42px;height:42px}header nav,header nav.open{left:20px;right:20px;padding:12px 21px;font-size:17px;max-height:calc(100dvh - 100px)}}
@media(max-width:360px){header .header-cta{display:none}header .menu-button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){header *,header nav,header nav.open{transition:none!important}}