.title[data-v-20176c14]{font-size:64px;font-weight:700;margin-bottom:16px;text-align:center;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/assets/slideshow_1.webp);background-size:cover;background-position:left;color:#fff;height:300px;display:flex;justify-content:center;align-items:center;margin-top:67px}.portfolio-container[data-v-20176c14]{display:flex;flex-direction:column;justify-content:center;padding:32px;max-width:1280px;margin:auto}.portfolio-container .filters[data-v-20176c14]{display:flex;gap:16px;justify-content:center;color:var(--color-text);margin-bottom:16px}.portfolio-container .filters .filter[data-v-20176c14]{padding:4px 8px;border:solid 1px var(--color-text);border-radius:14px;display:flex;justify-content:center;align-items:center;cursor:pointer}.portfolio-container .filters .filter[data-v-20176c14]:hover,.portfolio-container .filters .filter.active[data-v-20176c14]{color:var(--primary);border-color:var(--primary)}.portfolio-container .portfolio-items[data-v-20176c14]{display:grid;grid-template-columns:repeat(auto-fit,150px);gap:16px;justify-content:center}.portfolio-container .portfolio-items .item[data-v-20176c14]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content}.portfolio-container .portfolio-items .item img[data-v-20176c14]{height:200px;width:150px;border-radius:8px;cursor:pointer;object-fit:cover}.portfolio-container .portfolio-items .item .item-name[data-v-20176c14]{font-size:18px;text-align:center;margin-top:4px}.portfolio-container .portfolio-items .item .item-category[data-v-20176c14]{text-align:center;font-size:12px}.portfolio-container .image-preview[data-v-20176c14]{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;z-index:1}.portfolio-container .image-preview img[data-v-20176c14]{width:90vw;height:90vh;object-fit:contain}@media only screen and (min-width: 768px){.title[data-v-20176c14]{height:500px;margin-top:0;background-position-y:-180px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:Roboto,Arial,sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}