@font-face{font-family:Grotesk;src:url(/font/Grotesk-01Extrafin.woff2)format("woff2");font-weight:200;font-style:normal}@font-face{font-family:Grotesk;src:url(/font/Grotesk-02Mince.woff2)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Grotesk;src:url(/font/Grotesk-03Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Grotesk;src:url(/font/Grotesk-04Gras.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Blatant;src:url(/font/Blatant.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Blatant;src:url(/font/Blatant-Bold.otf)format("opentype");font-weight:600;font-style:normal}@font-face{font-family:Cascadia;src:url(/font/CascadiaCode-ExtraLight.ttf)format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Cascadia;src:url(/font/CascadiaCode-Light.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Cascadia;src:url(/font/CascadiaCode-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Cascadia;src:url(/font/CascadiaCode-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Cascadia;src:url(/font/CascadiaCode-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Cascadia;src:url(/font/CascadiaCode-Bold.ttf)format("truetype");font-weight:700;font-style:normal}.ProjectPage{background-color:#17191e;flex-direction:column;gap:4rem;width:auto;height:auto;min-height:100vh;display:flex;position:relative}.ProjectPage__header{background-color:#17191e;grid-template-columns:1fr;gap:.5rem;display:grid;position:relative}.ProjectPage__header .ProjectPage__banner{object-fit:cover;opacity:.2;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;grid-area:1/1/3/2;width:100%;height:auto;max-height:250px;display:block;position:relative;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}@media only screen and (min-width:768px){.ProjectPage__header .ProjectPage__banner{grid-area:1/1/2/2}}.ProjectPage__header .ProjectPage__titleBox{grid-area:2/1/3/2}@media only screen and (min-width:768px){.ProjectPage__header .ProjectPage__titleBox{grid-area:1/1/2/2}}.ProjectPage__header .ProjectPage__title{text-align:center;color:#fff;opacity:1;margin:0 auto;padding:1rem;font-family:Blatant;font-size:3rem;font-weight:500;display:block}.ProjectPage__header .ProjectPage__categoryList{flex-direction:row;justify-content:center;display:flex}.ProjectPage__header .ProjectPage__category{z-index:10;display:"inline-block";background:var(--project-category-color,#000);color:var(--project-category-text-color,#fff);border-radius:2em;margin:0 .4em .4em 0;padding:.35em 1em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-weight:500;list-style:none}.ProjectPage__main{z-index:10;flex-direction:column;justify-content:start;gap:1.5rem;width:100%;max-width:1280px;margin:0 auto;padding:1rem;display:flex}.ProjectPage__main .ProjectPage__nav{z-index:1000;background-color:#17191e;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem;display:flex;position:sticky;top:0}.ProjectPage__main .ProjectPage__nav a{color:#fff;background:0 0;border:2px solid #fff;border-radius:2em;padding:.35em 1em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.25rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.ProjectPage__main .ProjectPage__nav a:hover,.ProjectPage__main .ProjectPage__nav a:focus{color:#17191e;background:#fff;border-color:#0000}.ProjectPage__main .ProjectPage__desc{text-align:center;padding:.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.75rem}.ProjectPage__main .ProjectPage__desc:before,.ProjectPage__main .ProjectPage__desc:after{content:"\"";color:#fff;font-size:2rem}.ProjectPage__main .ProjectPage__content{background-color:#17191e}.ProjectPage__galery{margin-top:3rem;padding:0 2rem}.ProjectPage__galery .ProjectPage__galeryTitle{color:#fff;margin-bottom:1.5rem;font-family:Blatant;font-size:2rem}.ProjectPage__galery .ProjectPage__galeryGrid{column-count:3;column-gap:1rem;padding:0;list-style:none}@media (max-width:1024px){.ProjectPage__galery .ProjectPage__galeryGrid{column-count:2}}@media (max-width:600px){.ProjectPage__galery .ProjectPage__galeryGrid{column-count:1}}.ProjectPage__galery .ProjectPage__galeryItem{break-inside:avoid;margin-bottom:1rem;display:block}.ProjectPage__galery .ProjectPage__galeryImage{border-radius:4px;width:100%;height:auto;transition:opacity .2s;display:block}.ProjectPage__galery .ProjectPage__galeryImage:hover{z-index:10;opacity:.8}.ProjectPage__externalLink{margin-top:3rem;padding:0 2rem}.ProjectPage__externalLink .ProjectPage__externalLinkTitle{color:#fff;margin-bottom:1.5rem;font-family:Blatant;font-size:2rem}.ProjectPage__externalLink .ProjectPage__externalLinkContainer{flex-direction:column;gap:.75rem;display:flex}.ProjectPage__externalLink .ProjectPage__externalLinkItem{list-style:none}.ProjectPage__externalLink .ProjectPage__externalLinkLink{color:#667ca9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;transition:all .25s ease-out;display:inline-block}.ProjectPage__externalLink .ProjectPage__externalLinkLink:hover{text-decoration:underline;transform:translate(10px)}.ProjectPage__content{color:inherit;font-size:1.1rem;line-height:1.7}.ProjectPage__content p{margin-bottom:1.5rem;font-size:1.1rem}.ProjectPage__content p:last-child{margin-bottom:0}.ProjectPage__content span{display:inline}.ProjectPage__content strong,.ProjectPage__content b{font-weight:700}.ProjectPage__content em,.ProjectPage__content i{font-style:italic}.ProjectPage__content h1,.ProjectPage__content h2,.ProjectPage__content h3,.ProjectPage__content h4,.ProjectPage__content h5,.ProjectPage__content h6{font-family:var(--font-title,serif);color:var(--color-main-black,#000);margin-top:2.5rem;margin-bottom:1rem;line-height:1.2}.ProjectPage__content h1:first-child,.ProjectPage__content h2:first-child,.ProjectPage__content h3:first-child,.ProjectPage__content h4:first-child,.ProjectPage__content h5:first-child,.ProjectPage__content h6:first-child{margin-top:0}.ProjectPage__content h1{font-size:2.5rem}.ProjectPage__content h2{font-size:2rem}.ProjectPage__content h3{font-size:1.75rem}.ProjectPage__content ul,.ProjectPage__content ol{margin-bottom:1.5rem;padding-left:1.5rem}.ProjectPage__content ul li,.ProjectPage__content ol li{margin-bottom:.5rem}.ProjectPage__content ul li::marker{color:var(--color-main-blue,#c7bba6)}.ProjectPage__content ol li::marker{color:var(--color-main-blue,#c7bba6)}.ProjectPage__content ul li ul,.ProjectPage__content ul li ol,.ProjectPage__content ol li ul,.ProjectPage__content ol li ol{margin-top:.5rem;margin-bottom:0}.ProjectPage__content ul{list-style-type:disc}.ProjectPage__content ol{list-style-type:decimal}.ProjectPage__content a{color:var(--color-main-blue,#c7bba6);text-decoration:underline;transition:color .2s}.ProjectPage__content a:hover{color:var(--color-main-orange,#917e5f)}.ProjectPage__content blockquote{border-left:4px solid var(--color-main-blue,#c7bba6);background:rgba(var(--color-main-blue,#c7bba6), .05);margin:2rem 0;padding:1rem 2rem;font-style:italic}.ProjectPage__content blockquote p{margin-bottom:0}.ProjectPage__content img{border-radius:8px;max-width:100%;height:auto;margin:2rem 0}.ProjectPage__content code{background:#f0f0f0;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.ProjectPage__content pre{color:#fff;background:#2d2d2d;border-radius:8px;margin-bottom:1.5rem;padding:1rem;overflow-x:auto}.ProjectPage__content pre code{background:0 0;padding:0}