.container{margin:0 auto;max-width:var(--viewport);padding:1rem}.subtitle{font-size:var(--type-1);font-weight:300;line-height:1.45em}.button,.subtitle{color:var(--foreground-primary)}.button{align-items:center;background:var(--container);border-radius:.25em;display:flex;gap:.5em;justify-content:space-between;padding:.4rem .8rem;text-decoration:none;width:-moz-max-content;width:max-content}.button--primary{background:var(--foreground-primary);color:var(--background)}.button:active:hover{border-radius:.5em;scale:.9}.button:hover{filter:brightness(.85)}a.card{align-items:center;display:flex;gap:1em;position:relative;text-decoration:none}.card:has(>.img-container){align-items:flex-start;flex-direction:column;padding:0}.card>.img-container{border-radius:.25em;box-shadow:0 1px 4px 0 rgba(6,13,19,.25);max-height:250px;overflow:hidden}.card>.img-container picture{max-height:250px}.card:has(.card-content){gap:0}.card h3{align-items:center;display:flex;gap:.5em}a.card:before{background:var(--container);border-radius:.5em;content:"";height:100%;left:0;opacity:0;position:absolute;scale:.5;top:0;transition:all .2s cubic-bezier(.34,.84,.37,.74);width:100%;z-index:-1}a.card p{color:var(--foreground)}a.card:hover:before{opacity:1;scale:1}a.card .card-content{--spacer:0.2em;padding:1rem}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.post-card>*+*{margin-top:.5em}.image-gallery-figure{display:flex;flex-direction:column;justify-content:space-between}.reference:target{outline:1px solid var(--accent)}html{background:var(--background);color:var(--foreground)}footer a,header a,nav a{color:var(--foreground-primary)}ol:has(li>p+p) li,ul:has(li>p+p) li{margin-top:1em}ol>li>p+p,ul>li>p+p{margin-top:.5em}.main-header{background:#151f28;border-bottom:1px solid var(--stroke);box-shadow:0 2px 4px 0 rgba(6,13,19,.25)}@media (max-width:32rem){.main-header>div>a{margin:auto}.main-nav{justify-content:center}}.main-nav,.subnav{display:flex;flex-wrap:wrap;gap:.4em .5em}.main-header-container{align-items:center;display:flex;flex-wrap:wrap;gap:1em;justify-content:space-between}.main-nav>a{border-radius:.25em;color:var(--foreground-primary);padding:.3em .75em;text-decoration:none}.main-nav>a:hover{background:var(--container)}.main-nav a[aria-current=page],.subnav a[aria-current=page]{color:var(--foreground);text-decoration:none}.main-nav:has(a:hover) a:not(:hover),.subnav:has(a:hover) a:not(:hover){filter:blur(1px);opacity:.7}.subnav-wrapper{background:var(--container-low)}.subnav{justify-content:flex-end;margin:0 auto;max-width:var(--viewport);padding:0 1rem}.subnav a{padding:.25em .5em}.subnav-tabs{background:var(--background);border-bottom:1px solid var(--stroke);box-shadow:0 4px 4px -3px rgba(6,13,19,.3);display:flex;flex-wrap:wrap;margin:0 -1rem;position:sticky;top:0;z-index:99}.subnav-tabs a{border-bottom:3px solid transparent;margin-bottom:-1px;padding:.7em 1em;text-decoration:none}.subnav-tabs a:hover{background:var(--container)}.subnav-tabs a[aria-current=page]{border-color:var(--accent)}.breadcrumb{border-bottom:1px solid var(--stroke)}.breadcrumb-container{padding-block:.5em}.breadcrumb ol{align-items:center;display:flex;gap:.25em}.breadcrumb .icon{height:1rem;width:1rem}.page-header{border-bottom:1px solid var(--stroke);padding-block:1rem}.page-header>.page-header-container{gap:1rem}.page-header>.page-header-container picture{flex-shrink:1;max-width:500px}@media (max-width:42rem){.page-header>.page-header-container{flex-wrap:wrap}.page-header>.page-header-container picture{margin:auto}}.page-header-container{align-items:center;display:flex;justify-content:space-between}.page-header-container>picture{box-shadow:0 4px 10px 0 rgba(6,13,19,.5)}.page-header-meta>.subtitle,.page-header-meta>h1{max-width:40ch}.page-header-meta>.subtitle{margin-top:.75em}.header-actions{display:flex;flex-wrap:wrap;gap:1rem}.header-actions>.button{flex:auto}main:not(.page-main){padding-block-start:0}.stack>*+*{--_space:var(--spacer,1em);margin-top:var(--_space)}.stack>*+:is(div){margin-top:1.5em}.stack>*+hr{margin:2.5em 0}.stack>details+details{margin-top:.65em}.stack>hr+*{margin-top:0}main>article.stack>:is(h2,h3,h4,h5,h6,p,details,ul,ol,figure){max-width:67ch}main>article#main-content{padding:1rem 0}.stack>:not(hr)+:is(h2,h3,h4,h5,h6){margin-top:1.25em}.list-nav{display:flex;flex-direction:column}.main-footer{border-top:1px solid var(--stroke);padding-block:1rem}.main-footer-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.main-footer nav{display:flex;flex-wrap:wrap;gap:.5em}.main-footer nav a{border-radius:.25em;flex-shrink:0;gap:1em;justify-content:space-between;padding:.25em .5em;text-decoration:none}.main-footer nav a:hover{background:var(--container)}.icon-github,.main-footer a .icon{fill:currentColor}.image-showcase{display:grid;gap:1rem;grid-template-rows:1fr 175px;justify-items:start}.image-showcase-thumbnails{align-items:stretch;display:flex;gap:.5rem}.image-showcase img{transition:all .15s ease-in-out}.image-showcase img:hover{opacity:.8}.auto-grid{--_gap:var(--gap,1rem);--_breakpoint:var(--breakpoint,320px);display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fit,minmax(var(--_breakpoint),1fr))}@media (max-width:30rem){.auto-grid{display:flex;flex-direction:column}}.auto-flex{align-items:center;display:flex;gap:var(--flex-gap,1em)}.card-content>*+*{margin-top:.75em}.label{border-radius:.5em;color:var(--foreground);font-size:var(--type--2);line-height:1;outline:1px solid var(--stroke);padding:.5em .7em;text-decoration:none}.label:hover{background:var(--container)}#socials:target{outline:.25em solid var(--accent)}