:root{--bgcolor:#F4F3F2;--bgcolor-off:#dcdbda;--accent:#141414;--textcolor:#141414;--surface:#ebe8e6;--surface-hover:#dcdbda;--border-color:#141414;--muted-text:#494544;--overlay-bg:rgba(20, 20, 20, 0.85);--button-text:#F4F3F2;--focus-ring:rgba(20, 20, 20, 0.24);--theme-toggle-bg:rgba(20, 20, 20, 0.04);--theme-toggle-border:rgba(20, 20, 20, 0.16);--pad-y-md:5vw;--pad-y-lg:10vw;--pad-y-xl:15vw;--pad-y-xxl:5vw;--pad-header-x:2vh;--pad-footer-x:2vh;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--main-font:"Kollektif Bold", sans-serif;--second-font:"Kollektif", sans-serif;--text-font:"Gidole Regular", sans-serif}[data-theme=dark]{--bgcolor:#121212;--bgcolor-off:#1b1b1b;--accent:#f5f5f5;--textcolor:#f5f5f5;--surface:#1e1e1e;--surface-hover:#2a2a2a;--border-color:rgba(245, 245, 245, 0.3);--muted-text:#c7c7c7;--overlay-bg:rgba(0, 0, 0, 0.78);--button-text:#121212;--focus-ring:rgba(245, 245, 245, 0.34);--theme-toggle-bg:rgba(245, 245, 245, 0.04);--theme-toggle-border:rgba(245, 245, 245, 0.18)}::selection{color:var(--bgcolor);background:var(--textcolor)}html{height:100%;background-color:var(--bgcolor);color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{grid-area:body;height:100%;width:100%;margin:0;font-weight:400;line-height:1.5;text-align:left;font-family:var(--text-font);color:var(--textcolor);background-color:var(--bgcolor);display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";@media(max-width:768px){grid-template-rows: auto 1fr auto;}}main{grid-area:main;display:flex;flex-direction:column;height:100%;overflow:hidden}.overflow{height:100%;overflow:auto;&::-webkit-scrollbar { display:none; }}h1{font-family:var(--main-font);color:var(--textcolor)}h2{font-family:var(--second-font);color:var(--textcolor)}p{font-family:var(--text-font);color:var(--textcolor)}a{color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.page-title-bar{display:grid;grid-auto-flow:column;grid-template-columns:auto auto;padding:0 15vw 1rem;margin:0 auto;align-items:center;justify-content:center;@media(max-width:768px){grid-template-columns: auto auto; padding: 0.75rem var(--pad-y-md) 0.5rem var(--pad-y-md);}@media(min-width:768px) and (max-width:1200px){padding: 0.75rem var(--pad-y-lg) 0.5rem var(--pad-y-lg);}}.page-title{padding-left:.75rem;h1 { margin: 0; font-weight: bold; font-size: 2.5rem; } @media (max-width: 768px) { h1 { font-size: 1.75rem; } } @media (min-width: 768px) and (max-width: 1200px) { h1 { font-size: 2.25rem; } }}.page-icon{width:2rem;height:2rem;color:var(--accent);-webkit-user-select:none;-ms-user-select:none;user-select:none;svg { display: block; width: 100%; height: 100%; }}.body-404{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none}.logo-404{width:min-content;margin:auto;.logo-mark { width: 5vh; height: 5vh; }}.text-404{text-align:center;font-family:var(--main-font);font-weight:700;font-size:12vh;color:var(--textcolor)}.subtext-404{text-align:center;font-family:var(--text-font);font-size:2vh;color:var(--muted-text)}.logo-mark{display:block;width:3rem;height:3rem;pointer-events:none;background-color:var(--accent);mask-image:var(--logo-url);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--logo-url);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}