:root{--font-sans:"IBM Plex Sans",sans-serif;--font-mono:monospace;--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.2rem;--headline-1:3.25rem;--headline-2:2.5rem;--headline-3:2.25rem;--headline-4:1.75rem;--max-w:44rem;--nav-h:4rem;--border-xs:.15rem;--border-sm:.25rem;--border-md:.75rem;--border-xm:1.25rem;--border-xx:9999rem;--transition:.3s ease;--alpha:.25;--pmcolor:#fdfdfd;--sdcolor:#f3f3f3;--ttcolor:#343434;--fgcolor:#0a0a0a;--apcolor:#755830;--awcolor:#9a6700;--bdcolor:oklch(14.5% 0 0/var(--alpha));--emphasize:oklch(100% 0 0/var(--alpha))}@supports (color:lab(0% 0 0)){:root{--sdcolor:lab(95.94% 0 0);--ttcolor:lab(21.7% 0 0);--apcolor:lab(39.7986% 8.66818 27.7731);--awcolor:lab(48.1515% 16.0365 55.0609)}}:root[data-theme=dark]{--pmcolor:#0e0e0e;--sdcolor:#171717;--ttcolor:#dfdfdf;--fgcolor:#fff;--apcolor:#bca476;--awcolor:#d29922;--bdcolor:oklch(100% 0 0/var(--alpha));--emphasize:oklch(20.5% 0 0/var(--alpha))}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--pmcolor:lab(4.05772% 0 0);--sdcolor:lab(7.78201% -.0000149012 0);--ttcolor:lab(88.98% -.0000298023 0);--fgcolor:lab(100% 0 0);--apcolor:lab(68.674% 4.18982 27.3013);--awcolor:lab(67.4866% 14.9195 64.6559)}}html,body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--font-md);text-rendering:optimizeSpeed;color:var(--fgcolor);background-color:var(--pmcolor);line-height:1.5}@supports (scrollbar-gutter:auto){html,body{scrollbar-gutter:stable}}section{--space:1.25rem;margin-top:clamp(var(--space),8vmax,calc(var(--nav-h)*5/4));margin-bottom:calc(var(--nav-h)*1.75)}section:where([data-page=true]){margin-top:clamp(var(--space),8vmax,calc(var(--nav-h)))}a{max-width:max-content;color:inherit;text-decoration:none}a.link{color:initial;display:inline-block;position:relative}a.link:after{content:"";border-bottom:1px solid;width:0%;transition:all .2s;position:absolute;bottom:.15rem;left:0}a.link:hover:after{width:100%}a.link--muted{color:var(--ttcolor)}svg{fill:currentColor;width:24px;height:24px;display:block}.container{max-width:var(--max-w);width:91.6667%;margin:0 auto}.wrapper{--space:1.25rem;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{font-family:inherit;font-size:inherit;background-color:inherit;cursor:pointer;border:none;display:block}.nav{min-height:var(--nav-h);justify-content:space-between;align-items:center;display:flex;position:relative}.nav__brand>img{--size:36px;width:var(--size);height:var(--size);border-radius:var(--border-xx);display:block;position:relative}@media (max-width:768px){.nav__brand>img{margin:auto;position:absolute;inset:0}}.nav__group{--space:1rem;align-items:center;column-gap:var(--space);display:flex}@media (max-width:768px){.nav__group{flex-direction:row-reverse}}details:not([open])>:not(summary){display:none!important}#menu{position:relative}@media (min-width:768px){#menu{display:none}}#menu>summary{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.75rem;list-style:none}.menu__button{--space:.48rem;padding:var(--space);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:1.5px;transition:transform var(--transition)}.menu__button:after{content:"";background-color:var(--fgcolor);border-radius:var(--border-sm);width:24px;height:1.5px;transition:transform var(--transition)}#menu[open] .menu__button:before{transform:translateY(calc(var(--space)*.5 + 1px))rotate(45deg)}#menu[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:60dvw;margin-top:var(--space);padding:var(--space);z-index:9999;background-color:var(--pmcolor);box-shadow:0 0 0 1px var(--bdcolor);border-radius:var(--border-md);flex-direction:column;position:absolute;right:0}.menu--large{flex:-1;align-items:center}@media (max-width:768px){.menu--large{display:none}}.menu--contact{gap:var(--space);margin-block:var(--space);flex-wrap:wrap}.menu__social{box-sizing:border-box;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{box-sizing:border-box;border-radius:var(--border-sm);align-items:center;gap:.35rem;width:100%;max-width:none;padding:.35rem .525rem;display:inline-flex}.menu__link:hover{background-color:var(--sdcolor)}.menu__link:where([aria-page=true]){background-color:var(--sdcolor)!important}footer{padding:calc(var(--nav-h)/2)0}footer .footer{font-size:var(--font-sm);color:var(--ttcolor)}footer .footer .link{color:var(--apcolor)}.hero__title{width:100%;font-size:clamp(var(--headline-4),6vw,var(--headline-3));letter-spacing:-.05rem;font-weight:600}.hero__paragraph{margin-top:.25rem;margin-bottom:1rem}.hero__paragraph--leading{color:var(--ttcolor)}.hero__paragraph--summary{max-width:calc(var(--max-w)*.75);text-wrap:pretty;width:100%}.hero__button{text-transform:capitalize;background-color:var(--sdcolor);border-radius:var(--border-xx);transition:transform var(--transition);padding:.75rem 1.25rem}.hero__button:active{transform:scale(.98)}.headline{--gap:var(--nav-h);margin-bottom:calc(var(--nav-h)/2);color:var(--fgcolor);align-items:center;display:flex}.headline:before,.headline:after{content:"";background-color:var(--bdcolor);flex-grow:1;height:1px}.headline:before{margin-right:var(--gap)}.headline:after{margin-left:var(--gap)}.card{--space:1rem;padding:var(--space);isolation:isolate;background-color:var(--pmcolor);box-shadow:0 0 0 1px var(--bdcolor);border-radius:var(--border-md);flex-direction:column;justify-content:space-between;gap:.75rem;display:flex}.card:hover{background-color:var(--emphasize)}.card--image{--size:48px;grid-template-columns:var(--size)auto;gap:1rem;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-sm);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:.25rem}.card__links{align-items:center;gap:.75rem;padding-bottom:.5rem;display:flex}.card__links>.card__link{font-size:var(--font-sm);align-items:center;gap:.35rem;display:flex}.card__links>.card__link>svg{width:var(--font-lg);height:var(--font-lg);margin-bottom:.15rem}.card__techs{flex-wrap:wrap;align-items:center;column-gap:.25rem;display:flex}.card__tech{font-size:var(--font-xs);color:var(--ttcolor)}.card__tech:before{content:"#";padding-right:1px}.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)}.theme__button{padding:.35rem .525rem;position:relative}.theme__icon--sun,.theme__icon--moon{transition:opacity var(--transition),transform var(--transition);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)scale(1)}[data-theme=dark] .theme__icon--sun,[data-theme=light] .theme__icon--moon{opacity:0;transform:translate(-50%,-50%)rotate(360deg)scale(0)}[data-theme=light] .theme__icon--sun,[data-theme=dark] .theme__icon--moon{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}.theme__icon--sun,.theme__icon--moon{display:block!important}