.header{position:fixed;inset:0 0 auto;z-index:1000;height:68px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;mix-blend-mode:difference;color:#fff;pointer-events:none}
.logo{font-size:18px;font-weight:1000;letter-spacing:-.03em}
.logo small{display:block;font-size:8px;letter-spacing:.15em}
.menu-btn{pointer-events:auto;width:58px;height:48px;border:0;background:transparent;color:inherit;display:grid;place-content:center;gap:5px;cursor:pointer}
.menu-btn i{display:block;width:32px;height:3px;background:currentColor;transition:.25s}
.menu-btn span{font-size:8px;letter-spacing:.16em}
.menu-btn[aria-expanded="true"] i:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.menu-panel{position:fixed;inset:0;z-index:990;background:#111;color:#fff;padding:90px 7vw 35px;display:grid;align-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:.25s}
.menu-panel.open{opacity:1;visibility:visible;pointer-events:auto}
.menu-panel nav{display:grid}
.menu-panel a{text-decoration:none;border-bottom:2px solid #ffffff33;font-size:clamp(38px,11vw,78px);font-weight:1000;line-height:.92;letter-spacing:-.035em;padding:.13em 0}
.menu-panel a:nth-child(2){color:var(--acid)}
.menu-panel a:nth-child(3){color:var(--red)}
.menu-panel a:nth-child(4){color:var(--purple)}
.menu-btn{
  width:auto!important;height:42px!important;
  padding:0 13px!important;
  border:2px solid currentColor!important;
  border-radius:0!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  background:transparent!important;
}
.menu-btn i{width:18px!important;height:2px!important;margin:0!important}
.menu-btn i:nth-of-type(2),.menu-btn i:nth-of-type(3){display:none!important}
.menu-btn span{font-size:10px!important;font-weight:1000!important;letter-spacing:.12em!important}
.menu-btn[aria-expanded="true"] i:nth-of-type(1){transform:rotate(45deg)!important}
.header,.menu-panel{z-index:1000!important}
.column-bottom{background:#dfff00;padding:90px 5vw}
.column-bottom strong{display:block;font-size:clamp(52px,13vw,190px);line-height:.8;letter-spacing:-.065em}
.column-bottom a{display:inline-block;margin-top:40px;color:#111;font-weight:900}
footer{background:#111;color:#fff;padding:75px 5vw 35px;text-align:center}
footer .footer-brand{font-size:clamp(45px,10vw,140px);font-weight:1000;letter-spacing:-.07em;color:#dfff00;line-height:1}
footer .copyright{font-size:12px;margin:35px 0 16px}
footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px}
footer .footer-links a{font-size:12px;color:#fff;text-decoration:none}
.header a.logo{color:inherit;text-decoration:none;display:block}

.header a.logo{pointer-events:auto}