@layer reset{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}}@layer reset,base,nav,page;:root{--color-highlight: rgb(119, 107, 2);--color-accent: black;--color-neutral: #d9d4d4;--border: 1px solid var(--accent-color);--border-radius: 10px;--font-size-large: 4rem;--spacing-s: 1rem;--spacing-m: 3rem;--spacing-l: 6rem}@layer base{h1{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-size:2.5rem;font-weight:600;font-style:normal;margin-top:-.8rem}h2{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-size:2.5rem;font-weight:600;font-style:normal;margin-bottom:3rem}p{font-family:DM Mono,monospace;font-weight:300;font-style:normal;font-size:1.5rem;margin-bottom:2rem}a{text-decoration:none;color:var(--color-accent)}html{background-color:var(--color-neutral);font-family:sans-serif;scroll-behavior:smooth}body{display:flex;flex-direction:column;margin:0;height:100dvh}main{padding-top:5vh;width:auto}.hidden{opacity:0;transform:translate(-20px);transition:opacity .6s ease,transform .6s ease}.show{opacity:1;transform:translateY(0)}.primary{transition-delay:.3s}.secondary{transition-delay:.6s}.graphic{padding-top:4rem}@media(min-width:701px){h1{font-size:4rem;margin-top:-1.4rem}h2{font-size:3rem}p{font-size:1.2rem}body{gap:5vw;padding:0 5vw;justify-content:center;height:auto}}@media(min-width:1001px){body{flex-direction:row;gap:5vw}.graphic{padding-top:0}}}@layer nav{nav{z-index:10;top:0;align-self:flex-start;position:sticky;align-items:stretch;display:flex;box-sizing:border-box;padding:20px 0 0 10px;width:100%;flex-direction:row;justify-content:space-between}nav button{background:none;border:none;font:inherit;cursor:pointer;appearance:none}nav a{color:#000;text-decoration:none}nav .logo{position:relative;height:auto}nav .logo img{margin-top:-6px;margin-bottom:-11px;width:100px}nav .hb-button{display:block;width:auto;background-color:transparent;padding:0;min-height:0}nav .hb-button svg{display:block;height:40px}nav .hb-button .line{transform:translateY(0);transform-origin:center;transition:transform .5s ease .5s,rotate .5s ease}nav .hb-button[aria-expanded=true] .line{transform:translateY(0);transition:transform .5s ease,rotate .5s ease .5s}nav .hb-button[aria-expanded=true] .top{transform:translateY(15px);rotate:45deg}nav .hb-button[aria-expanded=true] .bottom{transform:translateY(-15px);rotate:-45deg}nav .menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}nav .menu button{width:100%!important}nav .expandable{transition:opacity .5s ease .5s,max-height .5s ease}nav .expandable[aria-expanded=true]{transition:max-height .5s ease .5s,opacity .5s ease}nav .outer{opacity:0;overflow:hidden;max-height:0px;background-color:#d9d4d4e7;border:1px solid black;position:absolute;right:0;top:100%}nav .outer[aria-expanded=true]{opacity:1;max-height:20px}nav .inner{opacity:0;display:block;overflow:hidden;max-height:0px;box-sizing:border-box;margin-left:5px;border-right:none;border-top:none;border-left:none;border-bottom:none}nav .inner[aria-expanded=true]{opacity:1;max-height:500px;margin-bottom:5px;border-top:1px solid black;border-left:1px solid black;border-bottom:1px solid black}nav .menu-item{display:block;width:auto;font-family:DM Mono,monospace;font-size:1.2rem;text-align:right}nav .menu-item:hover{background-color:var(--color-highlight)}nav .menu-item a{display:block;padding:1rem}@media(min-width:1001px){nav{padding-top:10vh;padding-left:0;width:100px;flex-direction:column;justify-content:normal}nav .hb-button{display:none}nav .outer{opacity:1;max-height:none;overflow:visible;position:static;background-color:transparent;border:none}nav .inner{margin-left:0;border:1px solid black}nav .inner[aria-expanded=true]{max-height:20px;margin-bottom:0}nav .menu-item a{padding:1.5rem 0}}}