.he-divider,.he-primary-nav,.he-social,#he-search-trigger,.he-search-trigger--mobile{display:none}
.he-right{justify-content:flex-end}
.he-burger{display:inline-block}
.he-topbar{margin:20px auto 0 20px}
.he-topbar .he-container{height:56px;padding:0 16px;gap:0}
.he-topbar::before{background:#fcee0a}
.he-burger span{background:#0c0c0c}
.he-left{align-self:center;overflow:hidden;max-width:260px;margin-right:20px;transition:max-width .55s cubic-bezier(.16,1,.3,1),margin-right .55s cubic-bezier(.16,1,.3,1),opacity .4s ease,transform .55s cubic-bezier(.16,1,.3,1)}
body.home:not(.is-scrolled) .he-left{max-width:0;margin-right:0;opacity:0;transform:translateX(-24px)}
.he-logo{background:none;padding:0;clip-path:none}
.he-logo img{height:34px}
@media (prefers-reduced-motion:reduce){.he-left{transition:none}}
.he-mobile-panel{inset:auto;top:84px;left:20px;width:min(206px,calc(100vw - 40px));max-height:calc(100vh - 104px);max-height:calc(100svh - 104px);padding:4px 16px 20px;background:#fcee0a;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);animation:he-drop .28s cubic-bezier(.16,1,.3,1)}
.he-mobile-close{display:none}
.he-mobile-menu{padding:0}
.he-mobile-menu>li:last-child{border-bottom:0}
.he-mobile-social{padding:16px 0 0}
.he-mobile-menu li,.he-search-trigger--mobile,.he-mobile-social{border-color:rgba(12,12,12,.18)}
.he-mobile-menu a,.he-search-trigger--mobile span{color:#0c0c0c}
.he-mobile-menu a:hover,.he-mobile-menu a:focus-visible{background:#0c0c0c;color:#fcee0a}
.he-mobile-menu .menu-item-has-children>button.he-subtoggle{filter:invert(1)}
.he-search-trigger--mobile img,.he-mobile-social img{filter:none}
@keyframes he-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.he-mobile-panel{animation:none}}
.he-burger span{transition:transform .25s ease,opacity .2s ease,top .25s ease,bottom .25s ease,background-color .2s ease}
.he-burger[aria-expanded="true"] span:first-child{top:10.5px;transform:rotate(45deg)}
.he-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.he-burger[aria-expanded="true"] span:nth-child(3){bottom:10.5px;transform:rotate(-45deg)}
@media (prefers-reduced-motion:reduce){.he-burger span{transition:none}}
.he-topbar::before{transition:background-color .2s ease}
.he-logo{position:relative}
.he-logo img{transition:opacity .2s ease}
.he-logo::after{content:"";position:absolute;inset:0;background:#fcee0a;-webkit-mask:url(../img/logo_cbrpnk.svg) center/contain no-repeat;mask:url(../img/logo_cbrpnk.svg) center/contain no-repeat;opacity:0;transition:opacity .2s ease;pointer-events:none}
.he-mobile-panel{transition:background-color .2s ease}
.he-on-yellow .he-topbar::before{background:#0c0c0c}
.he-on-yellow .he-burger span{background:#fcee0a}
.he-on-yellow .he-logo img{opacity:0}
.he-on-yellow .he-logo::after{opacity:1}
.he-on-yellow .he-mobile-panel{background:#0c0c0c}
.he-on-yellow .he-mobile-menu li,.he-on-yellow .he-mobile-social{border-color:rgba(252,238,10,.25)}
.he-on-yellow .he-mobile-menu a{color:#fcee0a}
.he-on-yellow .he-mobile-menu a:hover,.he-on-yellow .he-mobile-menu a:focus-visible{background:#fcee0a;color:#0c0c0c}
.he-on-yellow .he-mobile-social img{filter:brightness(0) saturate(100%) invert(86%) sepia(81%) saturate(586%) hue-rotate(349deg) brightness(100%) contrast(98%)}
@media (prefers-reduced-motion:reduce){.he-topbar::before,.he-logo img,.he-logo::after,.he-mobile-panel{transition:none}}
.he-mobile-panel{padding:12px 12px 20px}
.he-mobile-menu a{padding:14px 14px}
.he-mobile-social{padding:16px 14px 0}