.cursor{position:relative;z-index:100;pointer-events:none}.cursor .img{width:32px;aspect-ratio:1;position:absolute;top:0;left:0;opacity:0;overflow:hidden;will-change:transform,filter;pointer-events:none}.cursor .img .img-inner{background-position:50% 50%;width:calc(100% + 2px);height:calc(100% + 2px);background-size:cover;position:absolute;top:0;left:0;pointer-events:none}archive-page{display:block;padding:0px clamp(20px,3vw,45px) 30px clamp(20px,3vw,45px);height:100vh;overflow:hidden}archive-page .wrapper{position:absolute;width:calc(100vw - (2*clamp(20px,3vw,45px)));gap:clamp(10px,1.32vw,20px)}archive-page .wrapper .background{display:none;width:100vw;height:100%;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background-color:#fff9;z-index:1;position:fixed;top:0;left:calc(-1*clamp(20px,3vw,45px))}archive-page .archive-wrapper,archive-page .archive-wrapper--2{width:100%;justify-content:space-between}archive-page .archive-wrapper .column,archive-page .archive-wrapper--2 .column,archive-page .archive-wrapper .row,archive-page .archive-wrapper--2 .row{gap:clamp(10px,1.32vw,20px);justify-content:space-between}archive-page .archive-wrapper .column--1,archive-page .archive-wrapper--2 .column--1,archive-page .archive-wrapper .column--2,archive-page .archive-wrapper--2 .column--2{width:calc(50% - clamp(10px,1.32vw,20px))}archive-page .archive-wrapper .snug-boutique,archive-page .archive-wrapper--2 .snug-boutique,archive-page .archive-wrapper .opal-cosmetic,archive-page .archive-wrapper--2 .opal-cosmetic,archive-page .archive-wrapper .lt,archive-page .archive-wrapper--2 .lt,archive-page .archive-wrapper .feral-magazine,archive-page .archive-wrapper--2 .feral-magazine{width:73%}archive-page .archive-wrapper .petrovic-designer,archive-page .archive-wrapper--2 .petrovic-designer,archive-page .archive-wrapper .prive-collateral,archive-page .archive-wrapper--2 .prive-collateral,archive-page .archive-wrapper .wava-stickers,archive-page .archive-wrapper--2 .wava-stickers,archive-page .archive-wrapper .wava-ticket,archive-page .archive-wrapper--2 .wava-ticket{width:21.85%}archive-page .archive-wrapper .kokles-flyer,archive-page .archive-wrapper--2 .kokles-flyer,archive-page .archive-wrapper .unidentical-poster,archive-page .archive-wrapper--2 .unidentical-poster,archive-page .archive-wrapper .fingerprint-poster,archive-page .archive-wrapper--2 .fingerprint-poster,archive-page .archive-wrapper .anomalies-poster,archive-page .archive-wrapper--2 .anomalies-poster{width:calc(50% - clamp(10px,1.32vw,20px))}archive-page .archive-wrapper .column--2--2--2,archive-page .archive-wrapper--2 .column--2--2--2,archive-page .archive-wrapper .column--2--2--1,archive-page .archive-wrapper--2 .column--2--2--1{width:calc(50% - clamp(10px,1.32vw,20px))}archive-page .archive-wrapper .figure,archive-page .archive-wrapper--2 .figure{position:relative;justify-content:flex-start;gap:13px}archive-page .archive-wrapper .figure .image,archive-page .archive-wrapper--2 .figure .image,archive-page .archive-wrapper .figure .video,archive-page .archive-wrapper--2 .figure .video{transform:scaleX(0)}archive-page .archive-wrapper .figure .text,archive-page .archive-wrapper--2 .figure .text{overflow:hidden;position:relative;z-index:-1}archive-page .archive-wrapper .figure .text .title,archive-page .archive-wrapper--2 .figure .text .title{font-size:12px;line-height:12px;transform:translate(-140%)}archive-page .archive-wrapper .figure .text .date,archive-page .archive-wrapper--2 .figure .text .date{font-size:10px;line-height:16px;opacity:70%}@media only screen and (max-width: 768px){archive-page .archive-wrapper,archive-page .archive-wrapper--2{flex-direction:column}archive-page .archive-wrapper .column--1,archive-page .archive-wrapper--2 .column--1,archive-page .archive-wrapper .column--2,archive-page .archive-wrapper--2 .column--2{width:calc(100vw - (2*clamp(20px,3vw,45px)))}}@media only screen and (max-width: 480vw){archive-page{height:100dvh}}hero-section{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}hero-section .name{text-align:center;line-height:1.1}hero-section canvas{position:absolute;z-index:-1}@media only screen and (max-width: 480px){hero-section{height:100dvh}}navigation-bar header{width:100%}navigation-bar header .navigation-bar{width:100%;display:flex;flex-direction:row;justify-content:space-between}navigation-bar header .navigation-bar .left{position:relative;border-radius:10px}navigation-bar header .navigation-bar .background{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background-color:var(--color-background-highlight);box-shadow:4px 4px 4px 4px #00000026;border-radius:10px}navigation-bar header .navigation-bar .wrapper,navigation-bar header .navigation-bar .button{padding:21px 0;display:flex;align-items:center}navigation-bar header .navigation-bar .wrapper{width:22.75vw;min-width:207px;padding-left:30px}navigation-bar header .navigation-bar .button{width:10rem;justify-content:center}navigation-bar header .navigation-bar .button .p-big{cursor:pointer}navigation-bar header .navigation-bar .line{width:2px;height:100%;background-color:var(--color-text-main)}navigation-bar header .navigation-bar .right .button{position:relative;border-radius:10px}@media only screen and (max-width: 1024px){navigation-bar header .navigation-bar{width:100%}navigation-bar header .navigation-bar .button{width:clamp(110px,15.65vw,10rem);padding:clamp(19px,2.05vw,21px) 0}}@media only screen and (max-width: 768px){navigation-bar header .navigation-bar .wrapper{display:none}navigation-bar header .navigation-bar .line{width:1px}navigation-bar header .navigation-bar .line:nth-of-type(1){display:none}}@media only screen and (max-width: 480px){navigation-bar header .navigation-bar .button{width:calc((100vw - 50px)/4);padding:15px 0}}content-window{width:100vw;position:fixed;top:55px;left:50vw;transform:translate(-50%);z-index:2;padding:0 clamp(20px,3vw,45px)}content-window .content{max-height:85vh;overflow-y:hidden;margin-top:50px;background-color:var(--color-background-highlight);box-shadow:4px 4px 4px 4px #00000026;border-radius:10px}content-window .content .section{overflow-y:scroll;display:block;padding:30px clamp(20px,1.016vw,30px)}content-window .notification{width:100%;position:absolute;top:120px;left:clamp(20px,3vw,45px);background-color:var(--color-background-highlight);padding:20px 50px;border-radius:10px;box-shadow:4px 4px 4px 4px #00000026;display:none;align-items:center;justify-content:center}@media only screen and (max-width: 600px){content-window{top:35px}content-window .content{margin-top:30px}content-window .notification{top:80px}}contact-section{display:flex;flex-direction:column}contact-section .label{margin-bottom:8px;display:block}contact-section .input,contact-section .textarea{width:100%;padding:15px 10px;margin-bottom:30px;background-color:var(--color-background-main);border:1px solid var(--color-text-main);border-radius:3px}contact-section .textarea{height:170px}contact-section .button{align-self:flex-end;background-color:var(--color-background-main);padding:18px 34px;border-radius:10px;box-shadow:2px 2px 2px 2px #00000026}@media only screen and (max-width: 480px){contact-section .input,contact-section .textarea{padding:12px 10px;margin-bottom:25px}contact-section .textarea{height:140px}}work-section{min-height:500px;max-height:550px}work-section .work-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:4vw}work-section .work-wrapper .button{display:flex;flex-direction:column;align-items:center;gap:13px;width:150px}work-section .work-wrapper .button .icon{width:146px;height:146px;position:relative}work-section .work-wrapper .button .icon .folder-back,work-section .work-wrapper .button .icon .folder-front{width:100%;position:absolute;bottom:0;left:0}work-section .work-wrapper .button .icon .folder-back{z-index:0}work-section .work-wrapper .button .icon .folder-front{z-index:4}work-section .work-wrapper .button .icon .image--1,work-section .work-wrapper .button .icon .image--2,work-section .work-wrapper .button .icon .image--3{width:120px;position:absolute;top:64%;left:50%;transform-origin:center left}work-section .work-wrapper .button .icon .image--1{transform:rotate(-110deg);z-index:3}work-section .work-wrapper .button .icon .image--2{transform:rotate(-90deg);z-index:2}work-section .work-wrapper .button .icon .image--3{transform:rotate(-70deg);z-index:1}work-section .work-wrapper .button .name{text-align:center}@media only screen and (max-width: 480px){work-section{gap:20px}work-section .work-wrapper .button{width:135px}work-section .work-wrapper .button .icon{width:135px;height:135px}work-section .work-wrapper .button .icon .image--1,work-section .work-wrapper .button .icon .image--2,work-section .work-wrapper .button .icon .image--3{width:110px}}project-details{width:100vw;display:block;position:fixed;top:0;left:0;z-index:3;overflow-y:hidden}project-details .wrapper{position:relative;overflow-y:auto;height:100vh}project-details .content{display:flex;flex-direction:column;gap:110px}project-details .background{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-background-main);z-index:-1}@media only screen and (max-width: 480px){project-details{height:100dvh}project-details .content{gap:100px}}basic-info-section{display:flex;flex-direction:column;gap:12.5vw;height:calc(334px + 12.5vw)}basic-info-section .row{width:100vw;padding:55px clamp(20px,3vw,45px) 0 clamp(20px,3vw,45px);align-items:flex-start;justify-content:space-between}basic-info-section .row .info{display:flex;flex-direction:row;align-items:flex-start}basic-info-section .row .info .basic-info{width:calc((100vw - 2 * clamp(20px,3vw,45px)) / 6)}basic-info-section .row .info .basic-info .brand-field{white-space:nowrap}basic-info-section .row .info .project-services,basic-info-section .row .info .visit-link{margin-left:calc((100vw - 2 * clamp(20px,3vw,45px)) / 6)}basic-info-section .row .back-button{width:10rem;position:relative;display:flex;align-items:center;justify-content:center;padding:21px 0;z-index:2}basic-info-section .row .back-button .p-big{cursor:pointer;position:relative;z-index:1}basic-info-section .row .back-button .button-background{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background-color:var(--color-background-highlight);box-shadow:4px 4px 4px 4px #00000026;border-radius:10px}basic-info-section .brand-description{width:calc((100vw - (2*clamp(20px,3vw,45px)))/2);margin-left:calc((100vw - 2 * clamp(20px,3vw,45px)) / 3 + clamp(20px,3vw,45px))}@media only screen and (max-width: 1024px){basic-info-section .row .button{width:clamp(110px,15.65vw,10rem);padding:clamp(19px,2.05vw,21px) 0}}@media only screen and (max-width: 769px){basic-info-section{position:absolute;top:0;height:100dvh}basic-info-section .row .info .project-services,basic-info-section .row .info .visit-link{position:absolute;bottom:55px;margin-left:0}basic-info-section .row .info .project-services{left:clamp(20px,3vw,45px)}basic-info-section .row .info .visit-link{right:clamp(20px,3vw,45px)}basic-info-section .brand-description{display:none}}@media only screen and (max-width: 480px){basic-info-section .row{padding:35px clamp(20px,3vw,45px) 0 clamp(20px,3vw,45px)}basic-info-section .row .info .project-services,basic-info-section .row .info .visit-link{bottom:15px}basic-info-section .row .button{width:calc((100vw - 50px)/4);padding:15px 0}}showcase-section{display:block;position:relative;width:100vw;height:75.3vw;display:flex;align-items:center;justify-content:center}showcase-section canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}showcase-section .screen{width:84.1vw;height:54.63vw;position:relative;background-color:var(--color-text-main)}showcase-section .screen .video{width:calc(100% - 30px);position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}@media only screen and (max-width: 768px){showcase-section{position:absolute;top:0;height:100dvh}}@media only screen and (max-width: 480px){showcase-section .screen .video{width:calc(100% - 15px)}}focus-asset{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3}focus-asset .wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}focus-asset .wrapper .inner-wrapper{display:flex;flex-direction:column;gap:10px}focus-asset .wrapper .text{order:2}focus-asset .wrapper .text .title{font-size:16px;line-height:16px}focus-asset .wrapper .text .date{font-size:12px;line-height:18px;opacity:.7}focus-asset .background{width:100%;height:100%;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background-color:#fff9;z-index:-1}@media only screen and (max-width: 480vh){focus-asset{height:100dvh}focus-asset .wrapper{height:100dvh}}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}ol,ul{list-style:none}@font-face{font-family:Arial;src:url(../Fonts/Arial-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial;src:url(../Fonts/Arial-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-white: #F1F1F1;--color-black: #000000;--color-yellow: #FFF500;--color-ciel: #2A98EA;--color-text-main: var(--color-black);--color-background-main: var(--color-white);--color-background-highlight: var(--color-yellow);--color-text-highlight: var(--color-ciel);--font-main: "Arial";--font-weight-regular: 400;--font-weight-bold: 700;--font-size-h1: calc(2rem + 4.38vw) ;--font-weight-h1: var(--font-weight-bold);--line-height-h1: calc(2rem + 4.5vw) ;--font-size-p-big: 1.5rem;--font-weight-p-big: var(--font-weight-bold);--line-height-p-big: 1.5rem;--font-size-p: 1.25rem;--font-weight-p: var(--font-weight-regular);--line-height-p: 1.25rem}@media only screen and (max-width: 1024px){:root{--font-size-p-big: calc(.875rem + .7vw) ;--font-weight-p-big: var(--font-weight-bold);--line-height-p-big: calc(.875rem + .7vw) ;--font-size-p: calc(1rem + .35vw) ;--font-weight-p: var(--font-weight-regular);--line-height-p: calc(1.125rem + .35vw) }}@media only screen and (max-width: 480px){:root{--font-size-p-big: .875rem;--font-weight-p-big: var(--font-weight-bold);--line-height-p-big: .875rem}}*,*:after,*:before{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-ms-overflow-style:none;scrollbar-width:none;color:var(--color-text-main);font-family:var(--font-main);font-size:16px;cursor:url(/assets/Cursor-p42Fc1Wi.svg)}html::-webkit-scrollbar{display:none}body{background-color:var(--color-background-main);scroll-behavior:smooth;height:100vh;overflow-y:hidden}@media only screen and (max-width: 480vh){body{height:100dvh}}a{color:inherit;outline:none;text-decoration:none;display:block;cursor:pointer}button{background:none;border:none;color:inherit;outline:none;cursor:pointer;padding-inline:0}a:hover,button:hover{color:var(--color-text-highlight)}input,textarea{border:none;outline:none;background-color:transparent}.page-content{position:relative;display:flex;flex-direction:column}.mask{overflow:hidden}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.h1{font-family:var(--font-main);font-size:var(--font-size-h1);font-weight:var(--font-weight-h1);line-height:var(--line-height-h1);text-transform:uppercase}.p-big{font-size:var(--font-size-p-big);font-weight:var(--font-weight-p-big);line-height:var(--line-height-p-big);text-transform:uppercase}.p{font-size:var(--font-size-p);font-weight:var(--font-weight-p);line-height:var(--line-height-p)}.input,.textarea{font-family:var(--font-main);font-size:var(--font-size-p);font-weight:var(--font-weight-p);line-height:var(--line-height);color:var(--color-text-main)}.textarea{resize:none}.background{position:absolute;top:0;left:0;width:100%;height:100%}.no-scroll{overflow:hidden}