#menu-button{cursor:pointer;z-index:20;width:67px;height:42px;border:1px solid rgba(255,255,255,0);background:0;border-radius:.5em;margin-right:8px;margin-top:6px;position:relative}#menu-button span{width:7px;height:7px;border-radius:50%;background:#fff;position:absolute;top:17px;transition:left .3s}#menu-button span:nth-child(1){left:14px}#menu-button span:nth-child(2){left:29px}#menu-button span:nth-child(3){left:44px}@keyframes menu-pulse{1%{opacity:1}50%{opacity:.25;transform:scale(.5)}to{opacity:1}}#menu-button:hover span:nth-child(1){animation:menu-pulse 1.25s infinite .3s}#menu-button:hover span:nth-child(2){animation:menu-pulse 1.25s infinite .425s}#menu-button:hover span:nth-child(3){animation:menu-pulse 1.25s infinite .55s}[data-menu=visible] #menu-button span:nth-child(1),[data-menu=visible] #menu-button span:nth-child(3){left:29px}#menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#050809;z-index:20;opacity:0;pointer-events:none;transition:opacity .5s}#menu nav{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;text-align:center;width:100%;height:100vh}[data-menu=visible] #menu{opacity:1;pointer-events:auto}[data-menu=visible] body{overflow:hidden}#menu ul{padding:0;list-style:none;display:inline-block;font-family:Athelas,serif;font-size:1.75em;font-size:clamp(1.75rem,1.0357rem + 2.2857vw,2.75rem)}#menu a{text-decoration:none;color:var(--light-color);padding:.25em .5em;display:inline-block;border:1px solid rgba(255,255,255,0);margin:.25em 0;transition:transform .3s,border .3s;border-radius:.25em}#menu a:hover{transform:scale(1.25);border:1px solid rgba(255,255,255,0)}#menu li{transform:translateY(80px);opacity:0;transition:opacity 1s,transform .3s}[data-menu=visible] #menu li:nth-child(1){transition:transform .3s ease-out;transform:translateY(0);opacity:1}[data-menu=visible] #menu li:nth-child(2){transition:transform .4s ease-out;transform:translateY(0);opacity:1}[data-menu=visible] #menu li:nth-child(3){transition:transform .5s ease-out;transform:translateY(0);opacity:1}[data-menu=visible] #menu li:nth-child(4){transition:transform .6s ease-out;transform:translateY(0);opacity:1}[data-menu=visible] #menu li:nth-child(5){transition:transform .7s ease-out;transform:translateY(0);opacity:1}#close-menu-button{position:fixed;background:0;top:9px;right:17px;height:48px;width:48px;border-radius:50%;border:1px solid rgba(0,0,0,0);padding:3px;transform:scale(0);transition:transform .3s;z-index:50;cursor:pointer;pointer-events:none}#close-menu-button svg{fill:#ced4e2}[data-menu=visible] #close-menu-button{opacity:1;transform:scale(1);pointer-events:auto}[data-menu=visible] #close-menu-button:hover{transform:scale(1.1)}[data-menu=visible] #close-menu-button:focus{border:1px dotted var(--outline-dark)}*{box-sizing:border-box}@font-face{font-family:Inter;src:url(/fonts/inter-regular-subset.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Inter;src:url(/fonts/inter-bold-subset.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Athelas;src:url(/fonts/athelas.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}body{margin:0;background:#050809;color:#ced4e2;font-family:Inter,serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.skip-to-main{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}a{color:#ced4e2;text-decoration:none}svg{fill:#fff;fill:#ced4e2;width:100%;height:100%}img{border:1px solid rgba(206,212,226,.4)}#site-header{margin:0;position:fixed;display:flex;justify-content:space-between;transition:transform .25s ease;padding:.25em 0 3em;width:100%;background:#050809;background:linear-gradient(0deg,#05080900,#050809);z-index:1}#site-header.unpinned{transform:translateY(-100%)}#site-header.pinned{transform:translateY(0)}#site-header a.logo{padding:.5em;margin-left:.5em;margin-top:.25em;width:24px;height:24px;box-sizing:content-box;transition:transform .3s}#site-header a.logo:hover{transform:scale(1.25)}#site-header nav ul{list-style:none;padding:0;margin-right:2vw}#site-header nav li{display:inline-block}#site-header nav a{padding:.25em .5em}.main-menu{background:#050809e6;display:flex;flex-direction:column;font-size:.875em;position:absolute;top:0;left:0;width:100%;height:100vh}.transition-elements>*{opacity:.2;transform:translateY(45px);transition:opacity .9s ease,transform .6s ease}.transition-elements>*.in-view{opacity:1;transform:translateY(0)}@keyframes fade-on-transition{0%{opacity:0}to{opacity:1}}header{padding-top:14vh}h1,h2,h3{text-align:center}h1{font-size:clamp(1.5rem,1.0833rem + 1.3333vw,2rem);animation:fade-on-transition 2s;font-weight:700}h2{font-size:clamp(1.125rem,.8125rem + 1vw,1.5rem);width:86%;max-width:32em;margin:1.5em auto 6em;animation:fade-on-transition 3s;font-weight:400}h3{animation:fade-on-transition 4s;font-weight:700}.tag-list{list-style:none;padding:0;animation:fade-on-transition 4s;font-family:Inter,sans-serif;width:86%;max-width:32em;margin:0 auto;text-align:center}.tag-list li{display:inline-block}.tag-list a{border:1px solid rgba(206,212,226,.3);padding:.75em 1em;margin:.25em;border-radius:.5em;display:inline-block;transition:.3s;background:#ced4e200}.tag-list a:hover{border:1px solid rgba(206,212,226,.5);background:#ced4e2;color:#050809}#site-footer{padding:8em 0 6em;text-align:center}.browse-list{display:flex;flex-direction:column;margin-bottom:4em}.browse-list li{display:block}#site-footer .logo{width:48px;height:48px;display:block;margin:0 auto 1em;transform:rotate(180deg);animation:fade-on-transition 4s;transition:.3s}#site-footer .logo:hover{transform:rotate(180deg) scale(1.25)}#site-footer p{font-size:.75em}#site-footer p a{transition:opacity .3s}#site-footer p a:hover{opacity:.5}.coffee{padding:1em 1.125em;border-radius:.6em;margin:.5em 0 .75em;display:inline-block;text-decoration:none;transition:.3s;background:0;border:1px solid rgba(206,212,226,.3);font-weight:700}.coffee:hover{transform:scale(1.125);border:1px solid rgba(206,212,226,.5)}.coffee svg{display:inline-block;width:1.25em;height:1.25em;margin-bottom:-5px;margin-left:2px;animation:slowpulse 2s ease-in-out infinite}.coffee:hover svg{transform:scale(1.25);animation:pulse .33s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes slowpulse{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}.base-header{padding-bottom:1em;font-size:80%}.base-header .logo{width:66px;height:66px;display:block;margin:0 auto;transition:.3s}.base-header .logo:hover{transform:scale(1.25)}.base-header .footer-details h2{font-size:clamp(1.5rem,1.0833rem + 1.3333vw,2rem);animation:fade-on-transition 2s;font-weight:700;margin:.75em auto}.base-header .footer-details h3{font-size:clamp(1.125rem,.8125rem + 1vw,1.5rem);width:86%;max-width:32em;margin:0 auto 4em;animation:fade-on-transition 3s;font-weight:400}section h2{font-weight:700;margin-bottom:2em}