@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2)format("woff2")}:root{font-family:InterVariable,sans-serif;--primary:rgb(20, 20, 20);--secondary:rgb(20, 20, 20, 0.64);--tertiary:rgb(20, 20, 20, 0.04);--background:rgb(255, 255, 255)}@media(prefers-color-scheme:dark){:root{--primary:rgb(255, 255, 255);--secondary:rgb(255, 255, 255, 0.65);--tertiary:rgb(255, 255, 255, 0.04);--background:rgb(20, 20, 20)}}*{margin:0;padding:0;color:var(--primary);font-weight:400;transition:opacity .25s ease}html{scroll-behavior:smooth;background:var(--background);min-height:100%}body{min-height:100vh;display:flex;flex-direction:column;align-items:center;margin-top:max(0,calc(env(safe-area-inset-top) - 2.5rem));margin-right:max(1.5rem,env(safe-area-inset-right));margin-bottom:max(0,calc(env(safe-area-inset-bottom) - 2.5rem));margin-left:max(1.5rem,env(safe-area-inset-left))}header,footer,main,article,section{padding:2.5rem 0}nav,footer,.menu{display:flex;flex-wrap:wrap;gap:1rem}nav,footer{justify-content:space-between}header,footer{width:100%}main,article,section{display:flex;flex-direction:column;gap:2.5rem}article{gap:1.5rem}main,article{flex:1}main{max-width:980px}article{max-width:90ex}blockquote,img{border-radius:2px}blockquote{padding:1.5rem;background:var(--tertiary)}code{background:var(--tertiary);font-size:1rem}hr{border:.5px solid}h1,h2,h3,h4,.title,.arrow,strong{font-weight:600}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}article h2,article h3{padding-top:2.5rem}.xl,a>h3,.list-h2{font-weight:500;font-size:1.25rem}.title,.title>h1,.menu,figcaption{font-size:.875rem}header a,footer a,main a{text-decoration:none;cursor:pointer}a>p,time,.metadata{color:var(--secondary)}a{display:inline-block}a:hover,a:active{opacity:.6;& .arrow { transform: translateX(2px); } & img { transform: scale(1.0125); }}.menu li,.a-li{list-style:none}ul:not(.menu):not(.a-li),ol{padding-inline-start:2rem}.a-li h3{padding-bottom:.5rem}img{width:100%;object-fit:contain;margin-bottom:1rem}hr{border:none;overflow:visible;text-align:center;padding:4rem 0}hr::after{content:"⌘";font-size:2rem}.list-page{width:100%;justify-content:center}.arrow{display:inline-block;transition:transform .25s ease}#headline{gap:1rem}#work img{height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .25s ease}#misc ul,.list{display:flex;flex-direction:column;gap:1.5rem}#work ul{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}@media(max-width:900px){#work ul{grid-template-columns:1fr 1fr}}@media(max-width:600px){#work ul{grid-template-columns:1fr}}