.menu{left:0;position:absolute;top:0;width:100%;z-index:99;--pt:30px;--logo-row:30px}@media(min-width:768px){.menu{--logo-row:38px}}@media(min-width:990px){.menu{--pt:40px}}@media(min-width:1200px){.menu{--logo-row:42px}}.menu__inner{align-items:center;display:flex;justify-content:space-between;padding-top:var(--pt)}.menu__logo{display:block;height:var(--logo-row);position:relative;width:auto;z-index:999}.menu__logo svg{height:100%;width:auto}.menu__toggle{display:block;position:relative;z-index:99}.menu__logo,.menu__toggle{--outline-color:var(--teal);outline-offset:3px}.menu__logo:focus,.menu__toggle:focus{outline:2px solid var(--outline-color)}.menu__logo:focus:not(:focus-visible),.menu__toggle:focus:not(:focus-visible){outline:none}.menu__logo:focus-visible,.menu__toggle:focus-visible{outline:2px solid var(--outline-color)}.menu--open .menu__logo,.menu--open .menu__toggle{color:#fff;--outline-color:var(--teal-bright)}.menu--open .menu__toggle:hover{color:var(--purple-light)}.menu--open .menu__logo .dot-center,.menu--open .menu__logo .letters{fill:#fff}.menu__nav{background:#000;background:var(--purple-dark);background-image:url(../images/bg-full-1.2dc8328c.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:none;height:100%;left:0;padding-left:var(--wrap-x);padding-right:var(--wrap-x);position:fixed;top:0;width:100%;z-index:90}.menu__nav a{color:#fff;text-decoration:none}.menu__nav a:focus,.menu__nav a:hover{color:var(--teal-bright)}.menu__nav-inner{position:relative}.menu__socials{align-self:start}.menu__socials a{color:var(--teal-bright)}.menu__socials a:nth-of-type(2){color:var(--purple-light)}.menu__socials a:focus,.menu__socials a:hover{color:#fff}.menu__nav-content{grid-row:1}.menu__list{display:grid;font-size:1.625rem;grid-auto-rows:min-content;list-style:none;margin:0;padding:0;row-gap:1.5rem}@media(min-width:480px){.menu__list{-moz-column-gap:15%;column-gap:15%;display:grid;grid-auto-rows:min-content;grid-column:1/3;grid-template-columns:auto auto;padding-bottom:.5rem;row-gap:3rem}}.menu__item--depth-0{margin:0}.menu__item--depth-1{margin-bottom:.25rem}.menu__item--depth-1:last-child{margin-bottom:0}@media(min-width:768px){.menu__item--depth-1{margin-bottom:.7rem}}.menu__sub-menu{font-size:1rem;list-style:none;margin:.4rem 0 0;padding:0}@media(min-width:768px){.menu__sub-menu{margin-top:.75rem}}.menu__nav-illustration{grid-area:illustration;height:35px;width:100px}@media(max-width:767px){.menu__nav{padding-bottom:50px;padding-top:calc(var(--pt) + var(--logo-row) + 20px)}.menu__nav-inner{border-top:1px solid #373737;display:grid;grid-template-columns:auto auto;height:100%;overflow-y:auto;padding-bottom:1rem;padding-top:2rem}.menu__socials{align-self:end;grid-column:1;grid-row:2}.menu__nav-content{display:grid;grid-column:1/3;grid-row:1/3;grid-template-columns:subgrid;grid-template-rows:subgrid;height:100%}.menu__nav-illustration{align-self:end;grid-column:2;grid-row:3;justify-self:end}.menu__nav-borders,.menu__nav-tagline{display:none}}@media(min-width:768px){.menu__nav{--nav-cols:30% 1fr;--nav-col-gap:50px;--pb:clamp(50px,14vh,180px);--borders-row:Min(24vh,210px);--content-row:calc(100vh - var(--pt) - var(--pb) - var(--logo-row) - var(--borders-row))}}@media(min-width:768px)and (max-height:600px){.menu__nav{--borders-row:Min(10vh,210px)}}@media(min-width:768px)and (max-height:700px){.menu__nav{--borders-row:Min(16vh,210px)}}@media(min-width:768px){.menu__nav-inner{-moz-column-gap:var(--nav-col-gap);column-gap:var(--nav-col-gap);display:grid;grid-template:". socials" var(--logo-row) "borders borders" var(--borders-row) "content content" var(--content-row)/var(--nav-cols);height:100%;max-height:100%;padding-bottom:var(--pb);padding-top:var(--pt);row-gap:0}.menu__socials{grid-area:socials;height:var(--logo-row)}.menu__nav-tagline{display:block;grid-area:tagline;margin-bottom:0;max-width:20ch}.menu__nav-borders{align-items:end;-moz-column-gap:var(--nav-col-gap);column-gap:var(--nav-col-gap);display:grid;grid-area:borders;grid-template-columns:var(--nav-cols);padding-bottom:calc(var(--borders-row)*.4);padding-top:0;position:relative}.menu__nav-borders:after,.menu__nav-borders:before{content:"";display:block;height:1px;width:100%}.menu__nav-borders:before{background:#fff;grid-column:1}.menu__nav-borders:after{background:#373737;grid-column:2}.menu__nav-content{align-self:start;-moz-column-gap:var(--nav-col-gap);column-gap:var(--nav-col-gap);display:grid;grid-area:content;grid-template-areas:"tagline nav" "illustration nav";grid-template-columns:var(--nav-cols);grid-template-rows:auto 1fr;max-height:100%}.menu__list{-moz-column-gap:17%;column-gap:17%;display:grid;grid-area:nav;grid-template-columns:max-content max-content;overflow-y:auto;row-gap:3.5rem;--scroll-thumb:hsla(0,0%,100%,.5);--scroll-thumb-hover:hsla(0,0%,100%,.8);--scroll-gutter:rgba(0,0,0,.5)}@supports not selector(::-webkit-scrollbar){.menu__list{scrollbar-color:var(--scroll-thumb) var(--scroll-gutter);scrollbar-width:thin}}.menu__list::-webkit-scrollbar{width:8px}.menu__list::-webkit-scrollbar-track{background-color:var(--scroll-gutter);border-radius:0}.menu__list::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:0}.menu__list::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover)}.menu__list{max-height:100%;padding-bottom:.5rem}.menu__nav-illustration{-ms-grid-column:1;-ms-grid-row:2}.menu__socials{-ms-grid-column:3;-ms-grid-row:1}.menu__nav-borders{-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:3}.menu__nav-content{-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:3}.menu__nav-tagline{-ms-grid-column:1;-ms-grid-row:1}.menu__list{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:3}}@media(min-width:768px)and (max-height:700px){.menu__list{row-gap:2.3rem}}@media(min-width:768px)and (max-height:800px){.menu__list{row-gap:3rem}}@media(min-width:768px){.menu__nav-illustration{align-self:end}}@media(min-width:1200px){.menu__nav{--nav-cols:45% 1fr}}.menubtn{align-items:center;background:transparent;border:none;display:flex;position:relative}.menubtn__label{display:grid;line-height:1;margin-bottom:0;margin-right:1rem;position:relative;transform-origin:top;transition:all .3s}@media(min-width:635px){.menubtn__label{margin-right:1.5rem}}@media(min-width:990px){.menubtn__label{margin-right:2rem}}@media(min-width:1200px){.menubtn__label{margin-right:3rem}}.menubtn__text{grid-area:1/1;position:relative;transition:all .3s}.menubtn__text--open{opacity:1;transform-origin:bottom}.menubtn__text--close{opacity:0;transform:rotateX(-90deg) translateY(-50%);transform-origin:top}.menubtn__icon{flex:0 0 36px;height:17px;position:relative;width:36px}.menubtn__icon span{background-color:currentColor;border-radius:9px;display:block;height:1.5px;left:0;position:absolute;transition:all .3s ease;width:100%}.menubtn__icon span:first-child{top:0;width:65%}.menubtn__icon span:nth-child(2){top:5px}.menubtn__icon span:nth-child(3){top:10px}.menubtn__icon span:nth-child(4){left:auto;right:0;top:15px;width:65%}.menubtn:hover .menubtn__icon span:first-child,.menubtn:hover .menubtn__icon span:nth-child(4){width:100%}.menubtn[aria-expanded=true] .menubtn__text--open{opacity:0;transform:rotateX(90deg) translateY(50%)}.menubtn[aria-expanded=true] .menubtn__text--close{opacity:1;transform:none}.menubtn[aria-expanded=true] .menubtn__icon span:first-child{left:50%;top:8px;width:0}.menubtn[aria-expanded=true] .menubtn__icon span:nth-child(2){left:10%;top:8px;transform:rotate(45deg);width:80%}.menubtn[aria-expanded=true] .menubtn__icon span:nth-child(3){left:10%;top:8px;transform:rotate(-45deg);width:80%}.menubtn[aria-expanded=true] .menubtn__icon span:nth-child(4){right:50%;top:8px;width:0}