:root{--btn-lnk-color:#333;--btn-lnk-color-hover:#ffac46;--txt-color:#333;--bg-color:#fff}*,:before,:after{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;margin:0;padding:0}html,body{min-width:320px}body{background-color:var(--bg-color);color:var(--txt-color);text-align:center;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5em;transition:none;font-family:Roboto Slab,Helvetica Neue,Arial!important}canvas{width:100vw;height:100vh;position:fixed;left:0}.copy{margin:150px auto 0;font-size:12px}.intro{display:none}.scroll{background-image:url(/images/site/arrow-round-down-white.svg);background-position:50%;background-repeat:no-repeat;background-size:30px 20px;border-radius:30px;width:60px;height:60px;margin-left:-30px;-webkit-animation:2s infinite scrollme;-moz-animation:2s infinite scrollme;animation:2s infinite scrollme;display:none;position:absolute;bottom:5vh;left:50%;transform:rotate(90deg)}@keyframes scrollme{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.title{margin-bottom:15px;font-size:24px;font-weight:400;line-height:28px}h1,h2,h3,.comment{font-family:Patua One!important}.info{width:calc(100vw - 40px);height:unset;background-color:#f2f2f2;border-radius:16px;flex-direction:column;grid-area:info;justify-content:center;max-width:500px;max-height:500px;padding:30px;font-family:Roboto,Helvetica Neue,Arial;font-size:15px;font-weight:300;line-height:21px;display:block}.info .separator{background-color:var(--txt-color);width:80px;height:3px;margin:20px auto;display:block}.info .label{font-size:13px;line-height:22px}a{color:var(--btn-lnk-color);font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}a:hover{color:var(--btn-lnk-color-hover)}a.mail{background-color:var(--btn-lnk-color);color:#fff;border-radius:25px;margin-top:30px;padding:12px 32px}a.mail:hover{background-color:var(--btn-lnk-color-hover);font-size:15px}.about{margin:0 auto;font-size:4.036vw;font-weight:100;line-height:4.44vw;display:none}.about:before{content:"";background:url(/images/site/druicity-logo.svg) 50%/contain no-repeat;width:23vw;min-width:200px;max-width:350px;height:13vw;min-height:113px;max-height:200px;margin:-30px auto 50px;display:block}.mobile{font-size:20px;line-height:26px;display:block}.about.mobile:before{margin:50px auto 30px}.cats{list-style:none;display:none}.cats li{background:#fff;border-radius:15px;margin:0 5px;padding:5px 15px;font-size:12px;font-weight:700;display:inline-block}.comment{margin:0 auto;font-weight:700;line-height:40px}.cta{padding-bottom:20px;font-size:20px;font-weight:100;line-height:26px}.links{cursor:pointer;z-index:21;position:absolute;top:25px;left:25px}.message .links{position:unset}.links img{width:24px;height:24px;margin-top:8px}.links a{background:#333;border-radius:20px;width:40px;height:40px;margin:10px 5px;padding:0}.links a:hover{background-color:#fda366}.ui-tooltip{color:#333;z-index:100;background:#f2f2f2;border-radius:3px;padding:5px 8px;position:absolute;box-shadow:0 2px 4px #0003}.ui-tooltip-content,.ui-tooltip-content strong{line-height:16 px;font-size:12px!important}.ui-helper-hidden-accessible{display:none}.case{grid-gap:8px;opacity:0;min-width:unset;z-index:2;grid-template-areas:"image""info""agency""categories";width:100%;max-width:500px;margin:50px auto;transition:opacity .5s;display:grid;position:relative}.case.call{background-color:unset;color:var(--txt-color);grid-template-columns:auto;grid-template-areas:"auto";margin:200px auto}.works{max-width:1240px;margin:50px auto 0;padding:0 20px}.work{float:left;background-image:url(/images/site/spinner-1.svg);background-position:50%;background-repeat:no-repeat;background-size:150px;border-radius:16px;grid-area:image;width:calc(100vw - 40px);max-width:500px;max-height:500px;display:inline-block;position:relative}.work img{border-radius:16px;width:100%;height:auto}.logo:after{content:"";background:url(/images/site/druicity-logo.svg) 50%/contain no-repeat;width:200px;height:113px;margin:40px auto -160px;display:block}.wide{color:var(--txt-color);padding:30px;position:relative}.categories{background-color:#dadada;border-radius:16px;grid-area:categories;padding:8px 16px;position:relative;bottom:0;right:0}.categories:after{content:"";background-image:url(/images/site/barcode.svg);background-size:cover;width:42px;height:22px;display:none;position:absolute;bottom:10px;right:10px}.categories .category{text-align:center;color:#000;margin:0 5px;font-size:12px;display:inline-block}.list{text-align:left;z-index:20;column-count:unset;background-color:var(--bg-color);column-fill:auto;column-gap:20px;width:100vw;height:100vh;padding:30px;font-size:12px;display:none;position:fixed;top:0;left:0;overflow-x:scroll;transition:none!important}.list a{color:var(--txt-color);background-color:var(--bg-color);font-size:14px;font-weight:400;line-height:20px}.list a:hover{color:var(--btn-lnk-color-hover)}.list p{margin:0 0 20px}.btn{cursor:pointer;z-index:21;border-radius:25px;width:70px;height:50px;transition:background-color .3s;position:fixed;right:10px}.home{transition:background-color .3s opacity .2s;z-index:11;background-image:url(/images/site/home.svg);background-position:50%;background-repeat:no-repeat;display:none;top:80px;padding:0!important}.menu{top:30px}.menu #icon{width:20px;margin:19px auto;transition:all .5s ease-in-out;position:relative;transform:rotate(0)}.menu #icon span{background:var(--txt-color);opacity:1;border-radius:2px;width:100%;height:2px;transition:all .25s ease-in-out;display:block;position:absolute;left:0;transform:rotate(0)}.bg-white,.bg-white:hover{background-color:#fff}.menu #icon span:first-child{top:0}.menu #icon span:nth-child(2){top:5px}.menu #icon span:nth-child(3){top:10px}.menu #icon.open span{background-color:var(--txt-color)}.menu #icon.open span:first-child{top:5px;transform:rotate(45deg)}.menu #icon.open span:nth-child(2){opacity:0;left:-15px}.menu #icon.open span:nth-child(3){top:5px;transform:rotate(-45deg)}.win:before{content:"";z-index:1;background-color:#fff;background-image:url(/images/site/win.svg);background-position:50%;background-repeat:no-repeat;background-size:22px;border-radius:30px;width:60px;height:60px;display:block;position:absolute;top:-10px;right:-10px;box-shadow:0 5px 10px #0000001a}.list .win:before{background-color:var(--bg-color);content:"";float:left;z-index:1;width:15px;height:15px;box-shadow:none;background-image:url(/images/site/win.svg);background-position:50%;background-repeat:no-repeat;background-size:15px;border:none;border-radius:0;margin-right:5px;display:block;position:relative;top:3px;left:0}.agency{text-align:center;color:var(--txt-color);background:#f2f2f2;border-radius:16px;grid-area:agency;padding:15px 30px 20px;overflow:hidden}.agency .label{opacity:.5;font-size:12px;line-height:22px}.agency .label-2{opacity:.1;width:100%;height:0;top:10px;left:unset;font-size:90px;font-weight:700;position:relative}.agency .name{font-size:20px;font-weight:700}.show{bottom:30px}.ctaa{padding:0 0 5px;font-size:16px;font-weight:700;line-height:22px}.inline{display:inline-block!important}.message{max-width:700px;margin:0 auto}.message .content{padding:20px}.contact{position:relative}.contact:before{content:"";background-image:url(/images/site/arrow-round-white.svg);background-position:50%;background-size:contain;width:25px;height:20px;display:block;position:absolute;top:0;right:216px}.line{max-width:1200px;width:80%!important;height:unset!important;margin:50px auto!important}.mail-arrow{margin:0 10px -5px;width:24px!important;height:unset!important}.visible{opacity:1}@media (width>=600px){.list p{margin:0 0 10px}.about{font-size:3.23vw;line-height:3.64vw;display:block}.title{font-size:24px;line-height:28px}.info{padding:40px}.mobile{display:none}.cta{padding:32px 0 8px;font-size:20px;font-weight:100;line-height:26px}.message{max-width:700px}.wide{padding:50px}.agency{padding:15px 30px 20px}.list{column-count:1;padding:100px}.scroll{display:inline-block}.copy{font-size:14px}}@media (width>=700px){.list{column-count:2}.case{z-index:2;max-width:unset;grid-template-areas:"image info""agency agency"}.work,.info{width:calc(50vw - 24px);height:calc(50vw - 24px)}.title{font-size:3.003vw;line-height:3.604vw}.info{font-size:1.502vw;line-height:2.102vw;display:flex}.categories{border-radius:8px;position:absolute;bottom:16px;right:16px}.agency{text-align:left}}@media (width>=1000px){.list{column-count:3}.case{z-index:2;grid-template-columns:auto auto auto;grid-template-areas:"image info agency"}.agency{padding:40px 30px}.work,.info{width:calc(50vw - 90px);height:calc(50vw - 90px)}.title{font-size:2.424vw;line-height:2.908vw}.info{font-size:1.211vw;line-height:1.697vw}.agency:before{content:" ";width:6px;height:100%;margin-left:-30px;display:none;position:absolute;top:0;box-shadow:inset 6px 0 6px -6px #00000040}.agency .label-2{opacity:.1;width:100%;height:0;font-size:90px;font-weight:700;top:50px;left:-56px}}@media (width>=1240px){.list{column-count:4}.about{font-size:40px;line-height:45px}.title{font-size:30px;line-height:36px}.info{padding:40px;font-size:15px;line-height:21px}}.showcase{align-items:center;min-height:100svh;padding:20px 0;display:flex}.intro{width:100%;display:block}.works{margin-top:0}.case{opacity:1}.menu{color:inherit;font:inherit;background:0 0;border:0;padding:0}.menu #icon{display:block}.menu:focus-visible,a:focus-visible{outline:2px solid var(--btn-lnk-color-hover);outline-offset:4px}.list[hidden]{display:none}.list:not([hidden]){display:block}.header-socials{z-index:10}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.menu #icon{margin:0;position:absolute;top:19px;left:25px}