body>header.desktop-nav{>nav{display:flex;justify-content:space-between;align-items:stretch;gap:var(--scale-4);min-width:max-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #00000052,0 1px 2px 0 #0000001f;background-color:var(--surfaces-megaMenu);border-radius:var(--scale--2) var(--scale-2);border:1.5px solid var(--border-gradient-light);padding:var(--scale--1);&:after{content:"";position:absolute;inset:0;background-image:url(/texture-nav.png);background-repeat:repeat;background-size:512px;pointer-events:none;overflow:hidden;z-index:2;border-radius:var(--scale--2) var(--scale-2)}&:has(>div:first-child svg){padding-left:var(--scale-3)}>div:first-child svg{will-change:transform;--text-body:var(--text-headings)}.button,ul{margin:unset}a:not(.button){text-decoration:none;text-wrap:none;word-break:keep-all;white-space:nowrap}>ul{display:flex;>.spacer{width:var(--scale-4)}>.spacer-small{width:var(--scale-2)}>li{align-content:center;>a{padding-inline:1em}}}}}body>header>nav{position:relative;.dropdown{align-content:center;overflow:hidden;&.active{>button{background-color:var(--surfaces-megaMenu);border-radius:var(--scale--4) var(--scale-1);border:1.5px solid var(--border-gradient-light)}}>button{background:none;border:none;cursor:pointer;margin:unset;padding:.5em 1em;border-radius:var(--scale--6) var(--scale--3);transition:all .3s ease;&:focus-visible{outline:2px dashed currentColor;outline-offset:4px}&:active{outline:none}>svg{height:100%;aspect-ratio:1}}>article{display:grid;grid-row-gap:var(--scale-1);row-gap:var(--scale-1);position:absolute;inset:calc(100% + 1rem) 0 0 0;height:-moz-fit-content;height:fit-content;padding:var(--scale-1);outline:var(--border-gradient-light) solid 1px;background-color:color(from var(--surfaces-megaMenu) srgb r g b/1);border-radius:var(--scale--2) var(--scale-1);box-shadow:0 4px 6px -1px #00000052,0 1px 2px 0 #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);&:after{content:"";position:absolute;inset:0;background-image:url(/texture-nav.png);background-repeat:repeat;background-size:512px;z-index:2;pointer-events:none;overflow:hidden}}}}body>header.mobile-nav{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;-webkit-user-select:none;-moz-user-select:none;user-select:none;>aside,>div{position:relative;&:after{content:"";position:absolute;inset:0;background-image:url(/texture-nav.png);background-repeat:repeat;background-size:512px;pointer-events:none;overflow:hidden;z-index:2}}>div{display:flex;justify-content:space-between;align-items:stretch;gap:var(--scale-4);width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--surfaces-navbar);border:1.5px solid var(--border-gradient-light);padding:var(--scale-2) var(--scale-2) var(--scale-2) var(--scale-3);&:has(>div:first-child svg){padding-left:var(--scale-3)}svg{--text-body:var(--text-headings)}box-shadow:0 4px 6px -1px #00000052,0 1px 2px 0 #0000001f;z-index:1}>aside{container-type:inline-size;container-name:menu-pane;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--surfaces-megaMenu);padding-bottom:var(--scale-4);display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-row-gap:var(--scale-4);row-gap:var(--scale-4);overflow-y:auto;ul{margin:unset}>nav:first-child{overflow-y:auto;padding:var(--scale-2);>ul{>li:has(>a){padding:0 var(--scale-0) var(--scale-2) var(--scale-0);>a{font-size:var(--type-sizing-heading-h4);display:inline-flex;justify-content:space-between;align-self:center;width:100%;text-decoration:none;>svg{width:var(--type-sizing-heading-h4);height:var(--type-sizing-heading-h4)}}}>li>details{>summary{list-style:none;&:before{content:none}&::-webkit-details-marker{display:none}&::marker{display:none}}>summary{position:relative;padding:0 var(--scale--1) var(--scale-2) var(--scale-0);font-size:var(--type-sizing-heading-h4);display:inline-flex;justify-content:space-between;align-self:center;width:100%;cursor:pointer;&:before{content:"";position:absolute;height:calc(100% - var(--scale-2));border-radius:var(--scale--2) var(--scale-3);background-color:var(--surfaces-surface);opacity:0;inset:0;z-index:-1;transition:background-color .3s,box-shadow .3s,opacity .3s}>svg{transition:transform .3s;width:var(--type-sizing-heading-h3);height:var(--type-sizing-heading-h3)}}>article{padding:10px;background-color:hsla(0,0%,100%,.1);border-radius:var(--scale--2) var(--scale-2);box-shadow:0 4px 8px 0 rgba(0,0,0,.25);display:grid;grid-template-columns:1fr;grid-row-gap:var(--scale-1);row-gap:var(--scale-1);margin-bottom:var(--scale-2);overflow:hidden}&[open]{>summary{&:before{opacity:.75;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}>svg{transform:rotateX(180deg)}}}}}}>nav:first-child+nav{display:grid;grid-template-columns:1fr;grid-row-gap:var(--scale-3);row-gap:var(--scale-3);padding-inline:var(--scale-2);>div{padding:var(--scale-0) var(--scale-2);background-color:var(--surfaces-surface);border-radius:var(--scale--2) var(--scale-3);p{margin-top:0}a{color:var(--text-headings);text-align:left}}>ul{display:flex;flex-wrap:wrap;gap:var(--scale-1);>li{flex-grow:1;>a{width:100%;margin:unset}}}}}}button.hamburger{position:relative;height:36px;width:48px;border:none;background-color:transparent;cursor:pointer;margin:unset;span{width:32px;height:3px;left:calc((48px - 32px) / 2);color:var(--text-headings);background-color:var(--text-headings);position:absolute;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;&:first-child{top:20%}&:nth-child(2){top:50%}&:nth-child(3){top:80%}}&.open span{&:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}&:nth-child(2){top:50%;transform:translateY(-50%) rotate(-45deg)}&:nth-child(3){transform:translateX(-50px);opacity:0}}}body>footer{position:relative;.shadow{z-index:-1;position:absolute;top:0;left:0;filter:drop-shadow(3px -33px 9px rgba(0,0,0,0)) drop-shadow(2px -21px 9px rgba(0,0,0,.01)) drop-shadow(1px -12px 7px rgba(0,0,0,.05)) drop-shadow(0 -5px 5px rgba(0,0,0,.09)) drop-shadow(0 -1px 3px rgba(0,0,0,.1))}div{display:flex;flex-direction:column;gap:var(--scale-5);align-items:center;justify-content:center;padding:var(--scale-9) var(--scale-4) var(--scale-5) var(--scale-4);margin-top:auto;-webkit-mask-image:url(/footer-arch-mask.svg);mask-image:url(/footer-arch-mask.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;section{max-width:var(--section-max-width);margin-inline:auto;width:100%;display:flex;&:first-of-type{flex-direction:column;align-items:center;gap:var(--scale-2);ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--scale-2);a{text-decoration:none}}}&:last-of-type{justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--scale-2);padding-top:var(--scale-2);border-top:2px solid var(--border-gradient-dark-2);nav:last-of-type ul{display:flex;flex-wrap:wrap;gap:var(--scale-1)}}}ul{margin:unset}}}button.toggle-theme{--_color:light-dark(#6d6d6d,#8a8a8a);background-color:var(--surfaces-surface);border:1px solid var(--_color);border-radius:50%;cursor:pointer;height:30px;width:30px;display:flex;justify-content:center;align-items:center;position:fixed;bottom:20px;right:20px;z-index:1000;margin:unset;box-shadow:0 4px 6px -1px #00000052,0 1px 2px 0 #0000001f}