.ProjectPage{width:auto;height:auto;min-height:100vh;display:flex;flex-direction:column;gap:4rem}.ProjectPage,.ProjectPage__header{position:relative;background-color:#17191e}.ProjectPage__header{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.ProjectPage__header .ProjectPage__banner{grid-area:1/1/2/2;width:100%;height:auto;max-height:250px;object-fit:cover;display:block;position:relative;opacity:.2;user-drag:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;pointer-events:none;mask-image:linear-gradient(180deg,black 70%,transparent);-webkit-mask-image:linear-gradient(180deg,black 70%,transparent)}.ProjectPage__header .ProjectListPage__backLink{position:fixed;flex-direction:row;gap:.25rem;top:1rem;left:1rem;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ProjectPage__header .ProjectListPage__backLink svg{transition:all .2s ease-out}.ProjectPage__header .ProjectListPage__backLink:hover svg{transform:translateX(-5px)}.ProjectPage__header .ProjectListPage__backLink:hover p{text-decoration:underline}.ProjectPage__header>div{grid-area:1/1/2/2;width:auto;height:auto;margin:auto;z-index:1;display:flex;flex-direction:column;gap:.5rem}.ProjectPage__header .ProjectPage__title{display:block;text-align:center;margin:0 auto;color:#fff;font-weight:500;font-size:3rem;opacity:1;font-family:Blatant}.ProjectPage__header .ProjectPage__categoryList{display:flex;flex-direction:row;justify-content:center}.ProjectPage__header .ProjectPage__category{list-style:none;display:"inline-block";background:var(--project-category-color,#000);color:var(--project-category-text-color,#fff);padding:.35em 1em;border-radius:2em;font-size:1rem;margin:0 .4em .4em 0;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ProjectPage__main{width:100%;margin:0 auto;max-width:1280px;display:flex;flex-direction:column;justify-content:start;gap:1.5rem;padding:1rem;z-index:10}.ProjectPage__main .ProjectPage__nav{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.25rem;background-color:#17191e;padding:.75rem;z-index:1000}.ProjectPage__main .ProjectPage__nav a{display:inline-block;background:rgba(0,0,0,0);color:#fff;padding:.35em 1em;border-radius:2em;font-size:1.25rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:2px solid #fff}.ProjectPage__main .ProjectPage__nav a:focus,.ProjectPage__main .ProjectPage__nav a:hover{background:#fff;color:#17191e;border-color:rgba(0,0,0,0)}.ProjectPage__main .ProjectPage__desc{padding:.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.75rem;text-align:center}.ProjectPage__main .ProjectPage__desc:after,.ProjectPage__main .ProjectPage__desc:before{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{font-family:Blatant;font-size:2rem;color:#fff;margin-bottom:1.5rem}.ProjectPage__galery .ProjectPage__galeryGrid{padding:0;list-style:none;column-count:3;column-gap:1rem}@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{page-break-inside:avoid;break-inside:avoid;margin-bottom:1rem;display:block}.ProjectPage__galery .ProjectPage__galeryImage{width:100%;height:auto;display:block;border-radius:4px;transition:opacity .2s ease}.ProjectPage__galery .ProjectPage__galeryImage:hover{z-index:10;opacity:.8}.ProjectPage__externalLink{margin-top:3rem;padding:0 2rem}.ProjectPage__externalLink .ProjectPage__externalLinkTitle{font-family:Blatant;font-size:2rem;color:#fff;margin-bottom:1.5rem}.ProjectPage__externalLink .ProjectPage__externalLinkContainer{display:flex;flex-direction:column;gap:.75rem}.ProjectPage__externalLink .ProjectPage__externalLinkItem{list-style:none}.ProjectPage__externalLink .ProjectPage__externalLinkLink{display:inline-block;font-size:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#667ca9;transition:all .25s ease-out}.ProjectPage__externalLink .ProjectPage__externalLinkLink:hover{text-decoration:underline;transform:translateX(10px)}.ProjectPage__content{line-height:1.7;color:inherit;font-size:1.1rem}.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 b,.ProjectPage__content strong{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);margin-top:2.5rem;margin-bottom:1rem;line-height:1.2;color:var(--color-main-black,#000)}.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 ol,.ProjectPage__content ul{margin-bottom:1.5rem;padding-left:1.5rem}.ProjectPage__content ol li,.ProjectPage__content ul li{margin-bottom:.5rem}.ProjectPage__content ol li::marker,.ProjectPage__content ul li::marker{color:var(--color-main-blue,#c7bba6)}.ProjectPage__content ol li ol,.ProjectPage__content ol li ul,.ProjectPage__content ul li ol,.ProjectPage__content ul li ul{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 ease}.ProjectPage__content a:hover{color:var(--color-main-orange,#917e5f)}.ProjectPage__content blockquote{margin:2rem 0;padding:1rem 2rem;border-left:4px solid var(--color-main-blue,#c7bba6);background:rgba(var(--color-main-blue,#c7bba6),.05);font-style:italic}.ProjectPage__content blockquote p{margin-bottom:0}.ProjectPage__content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.ProjectPage__content code{background:#f0f0f0;padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9em}.ProjectPage__content pre{background:#2d2d2d;color:#fff;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.ProjectPage__content pre code{background:rgba(0,0,0,0);padding:0}