:root{--font-sans:"Archivo",sans-serif;--font-mono:monospace;--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.25rem;--font-xl:1.5rem;--headline-1:3.25rem;--headline-2:2.5rem;--headline-3:2.25rem;--headline-4:1.75rem;--max-w:40rem;--nav-h:4rem;--border-xs:.15rem;--border-sm:.25rem;--border-md:.5rem;--border-xm:1.25rem;--border-xx:9999rem;--transition:.3s ease;--alpha:.25;--pmcolor:#fff;--sdcolor:#f3f3f3;--ttcolor:#3d3d3d;--fgcolor:#1f1f1f;--apcolor:#bca476;--bdcolor:oklch(from var(--ttcolor)l c h/var(--alpha));--emphasize:oklch(from var(--sdcolor)l c h/var(--alpha))}@supports (color:lab(0% 0 0)){:root{--pmcolor:lab(100% 0 0);--sdcolor:lab(95.94% 0 0);--ttcolor:lab(25.76% -.0000149012 0);--fgcolor:lab(11.84% 0 0);--apcolor:lab(68.6785% 4.18788 27.2835)}}:root:where([data-theme=dark]){--pmcolor:#0d0d0d;--sdcolor:#191919;--ttcolor:#d7d7d7;--fgcolor:#fff;--apcolor:#755830}@supports (color:lab(0% 0 0)){:root:where([data-theme=dark]){--pmcolor:lab(3.6999% 0 0);--sdcolor:lab(8.94% -.00000745058 0);--ttcolor:lab(86.08% -.0000298023 0);--fgcolor:lab(100% 0 0);--apcolor:lab(39.8032% 8.66576 27.7572)}}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--font-md);text-rendering:optimizeSpeed;background-color:var(--pmcolor);color:var(--fgcolor);grid:"header""main"1fr"footer"/1fr;line-height:1.5;display:grid}main{grid-area:main}section{--space:2rem;margin-block:var(--nav-h)}section:where([data-page=true]){margin-block-start:clamp(var(--space),7vw,calc(var(--nav-h)*.5))}a{box-sizing:border-box;color:inherit;text-decoration:none}a.link{color:var(--fgcolor);display:inline-block;position:relative}a.link:after{content:"";width:25%;color:var(--bdcolor);border-bottom:1px solid;transition:all .2s;position:absolute;bottom:.15rem;left:0}.link:hover:after{width:100%;color:var(--fgcolor)}svg{fill:currentColor;width:24px;height:24px;display:block}.container{max-width:var(--max-w);width:91.6667%;margin:0 auto}.wrapper{--space:1rem;grid-template-columns:repeat(auto-fill,minmax(calc(var(--max-w)/2.5),1fr));gap:var(--space);display:grid}.wrapper.block{grid-template-columns:auto}.button{max-width:max-content;font-family:inherit;font-size:inherit;background-color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none}.button.primary{color:var(--pmcolor);background-color:var(--fgcolor)}.button.secondary{background-color:var(--sdcolor)}.header{grid-area:header;position:relative}.header:where(.header--main){min-height:12rem;margin-bottom:var(--nav-h);background-color:var(--apcolor)}@media not (max-width:768px){.header:where(.header--main) .menu__link:where(.menu__link--active){background-color:var(--bdcolor)}}.header:where(.header--main) .nav__brand>img{--size:56px;bottom:calc(var(--size)*.5*-1);box-shadow:0 0 0 3px var(--pmcolor);border-radius:var(--border-md);margin-right:auto;position:absolute}.header:where(.header--main) .nav__group{margin-left:auto}.nav{min-height:var(--nav-h);justify-content:space-between;align-items:center;display:flex}.nav__brand>img{--size:36px;width:var(--size);height:var(--size);box-shadow:0 0 0 1px var(--bdcolor);border-radius:var(--border-xx);display:block}.nav__group{--space:1rem;align-items:center;display:flex}@media (max-width:768px){.nav__group{flex-direction:row-reverse}}details:not([open])>:not(summary){display:none!important}#menu{position:relative}@media not (max-width:768px){#menu{display:none}}#menu>summary{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:.75rem;list-style:none}.menu__button{--space:.48rem;place-content:center;row-gap:var(--space);display:grid}.menu__button:before{content:"";background-color:var(--fgcolor);border-radius:var(--border-sm);width:24px;height:2px;transition:transform var(--transition)}.menu__button:after{content:"";background-color:var(--fgcolor);border-radius:var(--border-sm);width:24px;height:2px;transition:transform var(--transition)}#menu:where([open]) .menu__button:before{transform:translateY(calc(var(--space)*.5 + 1px))rotate(45deg)}#menu:where([open]) .menu__button:after{transform:translateY(calc(-1*var(--space)*.5 - 1px))rotate(-45deg)}.menu{gap:.25rem;display:flex}.menu--small{top:initial;min-width:56dvw;margin-top:var(--space);padding:var(--space);z-index:9999;background-color:var(--emphasize);-webkit-backdrop-filter:blur(var(--space));backdrop-filter:blur(var(--space));box-shadow:0 0 0 1px var(--bdcolor);border-radius:var(--border-md);flex-direction:column;position:absolute;right:0}.menu--large{align-items:center}@media (max-width:768px){.menu--large{display:none}}.menu__social{box-sizing:border-box;flex-wrap:wrap;align-items:center;margin-left:auto;display:flex;position:relative}.menu__divider{background-color:var(--bdcolor);width:100%;height:1px;margin-block:var(--space);display:block}.menu__divider--vertical{width:1px;height:calc(var(--nav-h)*.35);margin-inline:var(--space)}.menu__link{width:100%;color:var(--ttcolor);font-size:var(--font-sm);border-radius:var(--border-xx);align-items:center;gap:.25rem;padding:.25rem .6rem;font-weight:500;display:flex}.menu__link:hover{color:var(--fgcolor)}.menu__link:where(.menu__link--active){color:var(--fgcolor)}@media not (max-width:768px){.menu__link:where(.menu__link--active){background-color:var(--sdcolor)}}.footer{text-wrap:pretty;color:var(--ttcolor);font-size:var(--font-sm);grid-area:footer}.footer>.footer__content{padding-block:2rem}.headline{width:100%;padding-bottom:calc(var(--space)*1.5);font-weight:700;font-size:clamp(var(--font-lg),7vw,var(--font-xl))}.card{--space:1.25rem;--gap:.5rem;padding:var(--space);isolation:isolate;justify-content:space-between;gap:var(--gap);border-radius:var(--border-md);box-shadow:0 0 0 1px var(--bdcolor);flex-direction:column;display:flex;position:relative}.card--image{--size:36px;place-content:center stretch;gap:var(--space);grid-template-columns:var(--size)auto;display:grid}.card--image>div:last-child{grid-column:span 2}.card__figure{width:var(--size);height:var(--size);aspect-ratio:1;border-radius:var(--border-xs);overflow:clip}.card__figure>img{object-fit:cover;width:100%;height:100%;display:block}.card__title{font-weight:500}.card__description{font-size:var(--font-sm);color:var(--ttcolor);padding-top:var(--gap)}.card__techs{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.card__tech{font-size:var(--font-xs);font-family:var(--font-mono);color:var(--ttcolor);background-color:var(--sdcolor);border-radius:var(--border-xs);align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.card__tech svg{width:var(--font-sm);height:var(--font-sm)}.card__date,.card__archived{max-width:max-content;font-size:var(--font-xs);color:var(--ttcolor);margin-left:auto;display:block}.card__archived{font-size:var(--font-xs);color:var(--awcolor)}.list{gap:var(--space);color:var(--ttcolor);flex-flow:row-reverse wrap;font-weight:500;display:flex;position:relative}.list:hover{color:var(--fgcolor)}.list__show:before{content:"";position:absolute;inset:0}.list__show+.list__details{display:none}.list__show:has(input:checked)+.list__details{display:block}.list__title>a:before{content:"";position:absolute;inset:0}.list__info{font-size:var(--font-xs);color:var(--ttcolor);opacity:.6;text-transform:capitalize;flex:0 6.25rem;margin-bottom:auto;margin-right:auto;transform:translateY(-.25rem)}.list:hover .list__info{opacity:.8;transition:var(--transition)}.list__details{flex:0 0 100%;order:3;display:none}.breadcrumb{margin-bottom:var(--space);font-size:var(--font-sm);color:var(--ttcolor);flex-wrap:wrap;align-items:center;column-gap:.5rem;display:flex}.breadcrumb a:hover{color:var(--fgcolor)}.breadcrumb__item:not(:last-child):after{content:"/";color:var(--bdcolor);margin-left:.5rem}.breadcrumb__item:last-child{color:var(--fgcolor);pointer-events:none;font-weight:500}.search{width:100%;max-width:12rem;margin-bottom:var(--space);box-shadow:0 0 0 1px var(--bdcolor);border-radius:var(--border-xx);align-items:center;column-gap:.5rem;padding-left:.75rem;display:flex}.search__icon>svg{width:var(--font-lg);height:var(--font-lg);color:var(--ttcolor)}.search__input{width:100%;font-size:var(--font-sm);font-family:var(--font-sans);color:var(--fgcolor);background-color:transparent;border:0;outline:0;padding-block:.75rem}pre.shiki,pre.shiki code,pre.shiki span{font-family:var(--font-mono)!important;font-variant-ligatures:none!important}pre.shiki,pre.shiki span{color:var(--shiki-light)!important;background-color:var(--sdcolor)!important}:root:where([data-theme=dark]) pre.shiki{color:var(--shiki-dark)!important}:root:where([data-theme=dark]) pre.shiki span{color:var(--shiki-dark)!important}.code-block{border-radius:var(--border-md);margin:1.7em 0;overflow:hidden!important}.code-block>header{background-color:var(--sdcolor);border-top-left-radius:var(--border-md);border-top-right-radius:var(--border-md);margin-bottom:2px;padding:.5em 1em}.attribute-lang{font-size:var(--font-xs);text-transform:uppercase;font-weight:500}