*,:after,:before{box-sizing:border-box}html:focus-visible{scroll-behavior:smooth}body{min-height:100vh;margin:0;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;line-height:1.5}h1,h2,h3,h4,p,li,figure,figcaption,blockquote,dl,dd,ul,ol,dialog{max-width:80ch;margin:0;padding:0}a,textarea,select,button,input,label,code{font:inherit;color:currentColor}a{cursor:pointer;text-decoration:underline}ul,ol{list-style:none}input:focus,button:focus{outline-offset:var(--space-70);outline:2px solid #00f}input:focus-visible{border-color:#00f;outline:2px solid #0000}button:focus:not(:focus-visible){outline:none}button:focus-visible{outline:2px solid #0000;box-shadow:0 0 0 2px #fff,0 0 0 4px #00f}img{max-width:100%;display:block}:root{--multiplier:1.5;--space-100:1rem;--space-200:calc(var(--space-100) * var(--multiplier));--space-300:calc(var(--space-200) * var(--multiplier));--space-400:calc(var(--space-300) * var(--multiplier));--space-500:calc(var(--space-400) * var(--multiplier));--space-600:calc(var(--space-500) * var(--multiplier));--space-700:calc(var(--space-600) * var(--multiplier));--space-800:calc(var(--space-700) * var(--multiplier));--space-90:calc(var(--space-100) / var(--multiplier));--space-80:calc(var(--space-90) / var(--multiplier));--space-70:calc(var(--space-80) / var(--multiplier));--space-60:calc(var(--space-70) / var(--multiplier));--space-50:calc(var(--space-60) / var(--multiplier));--space-40:calc(var(--space-50) / var(--multiplier));--space-30:calc(var(--space-40) / var(--multiplier));--main-row-gap:var(--space-500);--border-radius:var(--space-90);--border-size:var(--space-30);--border-color:grey;--h:205;--s:33%;--grey-10:hsla(var(--h), var(--s), 10%, 1);--grey-20:hsla(var(--h), var(--s), 20%, 1);--grey-30:hsla(var(--h), var(--s), 30%, 1);--grey-40:hsla(var(--h), var(--s), 40%, 1);--grey-50:hsla(var(--h), var(--s), 50%, 1);--grey-60:hsla(var(--h), var(--s), 60%, 1);--grey-70:hsla(var(--h), var(--s), 70%, 1);--grey-80:hsla(var(--h), var(--s), 80%, 1);--grey-85:hsla(var(--h), var(--s), 85%, 1);--grey-90:hsla(var(--h), var(--s), 90%, 1);--grey-93:hsla(var(--h), var(--s), 93%, 1);--grey-95:hsla(var(--h), var(--s), 95%, 1);--grey-97:hsla(var(--h), var(--s), 97%, 1);--color-main:#1a1a1a;--color-secondary:#f2f2f2;--color-card:#262626;--color-background:var(--grey-95);--glass-background-color:#ffffff20;--glass-border-color:#11192842}body{color:var(--color-main);background-color:var(--color-background)}main,footer{grid-template-columns:[full-start]minmax(1rem,1fr)[content-start]minmax(auto,70rem)[content-end]minmax(1rem,1fr)[full-end];grid-auto-columns:max-content;row-gap:clamp(2rem,5vh,5rem);display:grid;&>*{grid-column:content}}footer{place-items:end center;height:20vh}p,a,li,button{font-size:clamp(1rem,2vw,1.125rem)}h1{--flow-space:2em;margin-top:var(--flow-space,1em);font-size:clamp(var(--space-300), 4vw, var(--space-400));line-height:1.1}h2{--flow-space:1.5em;font-size:clamp(var(--space-200), 3vw, var(--space-300));line-height:1.1}h3{line-height:1.1;font-size:clamp(var(--space-100), 2.5vw, var(--space-200))}.flow>*+*{margin-top:var(--flow-space,1em)}.list{flex-flow:wrap;gap:1rem;display:flex}li:where(.astro-yk4hkwyg){background-color:var(--color-card);border-radius:var(--space-100);aspect-ratio:1;width:clamp(var(--space-600), 20vw, var(--space-700));grid-template-rows:1fr max-content max-content;display:grid;overflow:hidden}li:where(.astro-yk4hkwyg)>:where(.astro-yk4hkwyg):not(picture,dialog){margin-block-start:.15em;margin-inline-start:1rem}picture:where(.astro-yk4hkwyg){grid-area:1/1/4/2}img:where(.astro-yk4hkwyg){object-fit:cover;width:100%;height:100%}h3:where(.astro-yk4hkwyg){grid-area:2/1/3/2}p:where(.astro-yk4hkwyg){grid-area:3/1/4/2;padding-block-end:1rem}dialog:where(.astro-yk4hkwyg){border:none;width:50vw;height:50vh;position:fixed;top:25%}dialog:where(.astro-yk4hkwyg)>button:where(.astro-yk4hkwyg){position:absolute;left:100%}pre:where(.astro-c6nuo4je),code:where(.astro-c6nuo4je){scrollbar-width:none;max-width:calc(100vw - 2 * var(--space-100) - 1vw);white-space:pre;overflow-x:scroll}pre:where(.astro-c6nuo4je){padding:0 var(--space-100);backdrop-filter:blur(10px)saturate(200%);display:inline-flex}pre:where(.astro-c6nuo4je)::-webkit-scrollbar{display:none}code:where(.astro-c6nuo4je)::-webkit-scrollbar{display:none}section:where(.astro-lcdefpme){min-height:50vh;&:last-child{padding-bottom:10vh}}details:where(.astro-lcdefpme){max-inline-size:20ch}.sticky:where(.astro-lcdefpme){position:sticky;top:0}.flex:where(.astro-lcdefpme){flex-direction:column;display:flex}.split-screen:where(.astro-lcdefpme){grid-template-columns:[current-start]1fr[current-end];grid-auto-rows:max-content;row-gap:1rem;display:grid;@media (width>=50rem){grid-template-columns:[current-start]1fr[current-end sticky-start]1.5fr[sticky-end];min-height:150vh}& .start{grid-column:current;place-self:center}& .end{grid-area:1/current/2;@media (width>=50rem){grid-column:sticky}}}.presentation:where(.astro-lcdefpme){background-color:var(--color-background);place-content:center;min-height:50vh;display:grid;@media (width>=50rem){height:100vh}}.presentation:where(.astro-lcdefpme) ul:where(.astro-lcdefpme){border:2px solid var(--grey-85);border-radius:var(--space-100);padding:var(--space-100);gap:var(--space-100);grid-template-columns:1fr 1fr;display:grid}.contents:where(.astro-lcdefpme){display:contents}.hidden:where(.astro-lcdefpme){display:none}