@use "sass:map";html{--content-width:50rem;--color-primary-100:#dbffcc;--color-primary-200:#bcf5a3;--color-primary-300:#78eb47;--color-primary-400:#dbffcc;--color-primary-600:#406b2e;--color-primary-700:#635836;--color-primary-950:#0f0e0a;--font-family-normal:system-ui, sans-serif;--font-family-mono:monospace;--font-family-title:Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;--font-family-nav:Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;--font-weight-light:100;--font-weight-normal:normal;--font-weight-bold:bold;--transition-standard:color 200ms, background-color 200ms;--size-1:0.25rem;--size-2:0.5rem;--size-3:0.75rem;--size-4:1rem;--size-5:1.5rem;--size-6:2rem;--size-7:3rem;--size-8:4rem;--size-9:6rem;--size-10:8rem;--size-11:10rem;--themes:black}html[data-theme=black]{--color-primary-100:#e5fcd9;--color-primary-200:#c0f0a8;--color-primary-300:#84d65c;--color-primary-400:#ddffcc;--color-primary-600:#559933;--color-primary-700:#634303;--color-primary-950:#080600}.content h1{font-family:var(--font-family-title);font-weight:var(--font-weight-light);margin-top:var(--size-6);margin-bottom:var(--size-1)}.content figure img{max-width:100%}.content figure figcaption p{margin-block:var(--size-1)var(--size-3)}.content .gallery{padding:var(--size-2);margin-block:var(--size-4);display:grid;gap:var(--size-2);grid-template-columns:repeat(2,1fr)}.content .gallery .gallery-item img{width:100%}.cw{max-width:var(--content-width);margin-inline:auto;padding-inline:var(--size-3)}.content-info{display:flex;margin-inline:var(--size-3)}.terms,.terms ul{display:flex;gap:var(--size-4);flex-wrap:wrap;margin:0;padding:0;list-style:none}.terms a,.terms ul a{color:var(--color-primary-100)}.terms a:hover,.terms ul a:hover{color:var(--color-primary-300)}.tags{display:flex;gap:var(--size-4);flex-wrap:wrap}.tags a{color:var(--color-primary-100)}.tags a:hover{color:var(--color-primary-300)}header{display:flex;position:relative;justify-content:space-between;align-items:center;height:var(--size-8);z-index:200;max-width:var(--content-width);padding-inline:var(--size-4);margin-inline:auto;border-bottom:var(--color-primary-100)1px solid;view-transition-name:site-header}header .brand{color:var(--color-primary-100);display:flex;flex-grow:1;align-items:end;gap:var(--size-2);text-decoration:none}header .brand h1{font-family:var(--font-family-title);font-weight:var(--font-weight-light);font-size:1.2rem;margin:0}header .brand .logo{width:var(--size-6);height:var(--size-6)}header #main-menu-close,header #main-menu-open{background-color:initial;padding:var(--size-2);font-family:var(--font-family-title);color:var(--color-primary-100);text-decoration:none;border:transparent 1px solid}header #main-menu-close svg,header #main-menu-open svg{display:block;margin:0}header #main-menu ul{list-style:none;display:flex;margin:0;padding:0;gap:var(--size-2)}header #main-menu ul li>*{display:block;padding:var(--size-2);font-family:var(--font-family-title);color:var(--color-primary-100);text-decoration:none;border:transparent 1px solid;cursor:pointer}header #main-menu ul li>*:not([href]){color:var(--color-primary-700);cursor:default;pointer-events:none}header #main-menu ul li>*:hover{border:var(--color-primary-100)1px solid}header #main-menu ul li>*.active{color:var(--color-primary-100);position:relative}header #main-menu ul li>*.active::after{view-transition-name:current-nav-item;content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:currentColor}header.page-home{border-bottom:transparent 1px solid;justify-content:center}header.page-home #main-menu ul{gap:var(--size-4)}header .mobile-button{display:none}@media screen and (max-width:50rem){header #main-menu{position:fixed;top:0;left:0;bottom:0;right:0;padding:var(--size-4);background-color:var(--color-primary-950);z-index:200;transform:translateX(100%);pointer-events:none;transition:transform 200ms}header #main-menu.open{pointer-events:all;transform:translateX(0%)}header #main-menu #main-menu-close{margin-bottom:var(--size-3)}header #main-menu ul{display:flex;flex-direction:column;gap:var(--size-4)}header #main-menu ul li>*{border-left:var(--color-primary-700)1px solid;padding-left:var(--size-3)}header #main-menu ul li>*.active::after{top:0;left:0;width:4px;height:100%}header .mobile-button{display:block}}.page-list{display:flex;flex-direction:column;gap:var(--size-2);padding:var(--size-3)}.page-list .page-item{border:var(--color-primary-700)1px solid;padding:var(--size-2);color:var(--color-primary-100);text-decoration:none;transition:var(--transition-standard)}.page-list .page-item .head{display:flex;align-items:start}.page-list .page-item .head time{margin:0;font-family:var(--font-family-mono);font-size:var(--size-3)}.page-list .page-item .head .title{flex-grow:1;font-family:var(--font-family-title);font-weight:var(--font-weight-light);font-size:var(--size-6);margin:0}.page-list .page-item .content{font-family:var(--font-family-normal);margin:0}.page-list .page-item:hover{background-color:var(--color-primary-700);color:var(--color-primary-100)}footer{max-width:var(--content-width);margin-inline:auto;margin-top:var(--size-8);margin-bottom:var(--size-5);text-align:center}footer #footer-menu ul{display:flex;text-decoration:none;list-style:none;justify-content:center;padding:0;flex-wrap:wrap;gap:var(--size-2)}footer #footer-menu ul li>*{display:block;padding:var(--size-1)var(--size-2);font-family:var(--font-family-normal);color:var(--color-primary-100);text-decoration:none;border:transparent 1px solid;cursor:pointer}footer #footer-menu ul li>*:not([href]){color:var(--color-primary-700);cursor:default;pointer-events:none}footer #footer-menu ul li>*:hover{border:var(--color-primary-100)1px solid}footer .sub-footer{color:var(--color-primary-600);font-size:var(--size-3)}footer a{color:var(--color-primary-100)}footer a:hover{color:var(--color-primary-300)}body{background-color:var(--color-primary-950);color:var(--color-primary-100);font-family:var(--font-family-normal);margin:0}main{min-height:100svh;view-transition-name:page-main-section}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50rem;max-height:80svh;gap:var(--size-3);position:relative;animation:hero-in 400ms ease-out;view-transition-name:page-hero;background:linear-gradient(to left,var(--color-primary-950) 0,transparent 1rem),linear-gradient(to right,var(--color-primary-950) 0,transparent 1rem),linear-gradient(to top,var(--color-primary-950) 0,transparent 5rem),linear-gradient(to bottom,var(--color-primary-950) 0,transparent 5rem),radial-gradient(circle at var(--g1-x,50%) var(--g1-y,0%),var(--color-primary-700) 0,transparent 5rem),radial-gradient(circle at var(--g2-x,50%) var(--g2-y,0%),var(--color-primary-700),transparent 5rem),repeating-radial-gradient(circle at var(--g1-x,50%) var(--g1-y,0%),transparent 0,var(--color-primary-700) 1px,transparent 2px,transparent 5rem),repeating-radial-gradient(circle at var(--g2-x,50%) var(--g2-y,100%),transparent 0,var(--color-primary-700) 1px,transparent 2px,transparent 5rem)}.hero .logo{z-index:1;width:var(--size-10);height:var(--size-10);filter:drop-shadow(var(--color-primary-700) 0 0 20px)}.hero h1{z-index:1;font-family:var(--font-family-title);font-weight:var(--font-weight-light)}.page-title{padding-inline:var(--size-3);margin-block:var(--size-5)var(--size-3);position:relative;height:15rem;view-transition-name:page-hero;overflow:hidden}.page-title h1{font-family:var(--font-family-title);font-weight:var(--font-weight-light);font-size:var(--size-7);position:absolute;bottom:var(--size-2);left:var(--size-3);right:var(--size-3);margin:0;z-index:2}.page-title .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,var(--color-primary-950) 20%,transparent 50%),linear-gradient(to right,var(--color-primary-950) 0,transparent .2rem),linear-gradient(to top,var(--color-primary-950) 0,transparent 25%),linear-gradient(to bottom,var(--color-primary-950) 0,transparent 50%),repeating-radial-gradient(circle at 0% 100%,transparent 0,var(--color-primary-700) 1px,transparent 2px,transparent 4rem)}.page-title .cover{z-index:0;display:block;width:100%;height:100%;object-fit:cover;opacity:.2;filter:saturate(0)blur(2px)}.main-content{view-transition-name:main-content}@view-transition{navigation: auto; }@keyframes hero-in{from{opacity:0}}