.header{--color: var(--black);--bg: var(--white)}.header.dark{--color: var(--white);--bg: var(--black)}.header.soft{--bg: var(--light-grey)}.header.rainbow{--color: var(--white);--bg: rgba(0, 0, 0, .25)}.header{padding-inline:var(--space-md);display:grid;grid-template-columns:3.25rem 1fr 3.25rem;color:var(--color);background:var(--bg);z-index:-1}@media only screen and (min-width: 40em){.header{padding-block:1.5rem;padding-inline:var(--space-xlg);transition:padding-block .5s ease}.header.scrolled{padding-block:0}}.header__logo{padding-block:1.05rem;display:flex;align-items:center}.header__logo img{height:2.1875rem;vertical-align:middle}@media only screen and (min-width: 40em){.header__logo img{height:4.25rem;transition:height .5s ease}.scrolled .header__logo img{height:3.25rem}}.header__centre{display:flex;flex-direction:column;justify-content:center;align-items:center}.header__centre a.h5{margin-block:0;position:relative}.header__centre a.h5:after{width:100%;height:1px;content:"";position:absolute;bottom:.2rem;left:0;background:var(--white)}.header__centre h1{margin-bottom:0;background:var(--bluepink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header__centre h1.type-article{position:relative}.header__centre h1.type-article:after{width:100%;height:.125rem;content:"";position:absolute;bottom:-.125rem;left:0;background:var(--bluepink)}.header__menu{display:flex;justify-content:flex-end;align-items:center}.header__menu-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.25)!important;opacity:0;z-index:1000;pointer-events:none;transition:opacity .3s ease}.header__menu-overlay.active{opacity:1;pointer-events:auto}.header__menu-btn{padding-block:var(--space-md);padding-inline:1rem;margin-right:-1rem;position:relative;font-size:var(--font-size-h4);font-weight:500;z-index:2000}.header__menu-btn .close{height:0;position:absolute!important;top:1.5rem;right:1.5rem;display:block;background:var(--white);position:relative;border-radius:50%;overflow:hidden}.header__menu-btn .close>*{position:relative}.header__menu-btn .close:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--bluepink);border-radius:50%;z-index:-1}@media only screen and (min-width: 40em){.header__menu-btn .close{top:0;right:1rem;transition:top .5s ease}.scrolled .header__menu-btn .close{top:1rem}}.header__menu-btn .close svg{width:3.3125rem;height:3.3125rem;padding:.75rem;vertical-align:text-bottom;transform:rotate(-90deg);transition:transform .35s ease}.header__menu-btn .close.active{height:auto;overflow:visible}.header__menu-btn .close.active svg{transform:rotate(0)}.header__menu-nav{position:absolute;top:1rem;right:.75rem;font-size:var(--font-size-h3);background:var(--bluepink);color:var(--color);border-radius:var(--card-border-radius);z-index:1000;transform-origin:top right;animation:growBounce-u968b9x .35s ease-out}@keyframes growBounce-u968b9x{0%{transform:scale(0) translateY(-3.5rem) translate(3.5rem);opacity:0}80%{transform:scale(1.075) translate(0) translateY(0);opacity:1}to{transform:scale(1) translateY(0)}}@media only screen and (min-width: 40em){.header__menu-nav{top:2rem;right:2.5rem;transition:top .5s ease}.scrolled .header__menu-nav{top:1rem}}.header__menu-nav nav{min-width:calc(100vw - 1.5rem);padding-block:var(--space-md);margin:.0625rem;background:var(--bg);border-radius:var(--card-border-radius)}@media only screen and (min-width: 40em){.header__menu-nav nav{min-width:22rem;padding-block:var(--space-lg)}}.rainbow .header__menu-nav nav{background:var(--black)}.header__menu-nav nav li{font-weight:500}.header__menu-nav nav li a{padding-block:var(--space-md);padding-inline:var(--space-lg);display:block}@media only screen and (min-width: 40em){.header__menu-nav nav li a{padding-block:var(--space-sm);padding-inline:var(--space-xlg)}}.header__menu-nav nav li a:hover{background:var(--bluepink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header__menu-nav nav li:last-of-type a{background:var(--bluepink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}
