:root{--btn-lnk-color:var(--txt-color);--btn-lnk-color-hover:#ffac46;--txt-color:#3a413f;--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{color:var(--txt-color);text-align:center;-webkit-font-smoothing:antialiased;background:#ffd181 url(/images/site/page-background.svg) 100% 0/max(100%,900px) 100% no-repeat;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5em;transition:none}canvas{width:100vw;height:100vh;position:fixed;left:0}.copy{margin:150px auto 0;font-size:12px}.intro{display:none}.scroll{background-color:var(--txt-color);border-radius:50%;place-items:center;width:45px;height:45px;transition:background-color .15s,opacity .15s,visibility .15s;display:none;overflow:hidden}.scroll.is-hidden:not(:focus-visible){opacity:0;visibility:hidden;pointer-events:none}.scroll svg{transition:scale .15s;animation:4s linear infinite hero-arrow}.scroll:hover svg{scale:1.07}@keyframes hero-arrow{0%,to{translate:0}70%{animation-timing-function:ease-in;translate:0}78%,91%{animation-timing-function:step-end;translate:0 40px}79%{translate:0 -40px}92%{animation-timing-function:ease-out;translate:0 -40px}}.title{margin-bottom:15px;font-size:24px;font-weight:400;line-height:28px}h1,h2,h3,.comment,.agency .name{font-family:Oswald,Arial Narrow,sans-serif}.info{width:calc(100vw - 40px);height:unset;background-color:#fff;border-radius:16px;flex-direction:column;grid-area:info;justify-content:center;max-width:500px;max-height:500px;padding:30px;font-size:15px;font-weight:400;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 .15s;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{font-size:15px}a.mail:hover,.scroll:hover{background-color:var(--btn-lnk-color-hover)}.about{letter-spacing:.105em;text-transform:uppercase;text-wrap:balance;margin:0 auto;font-size:clamp(20px,3.23vw,40px);font-weight:500;line-height:1.3}.about mark{color:inherit;background:#fff;border-radius:4px;padding:.12em .2em .16em;display:inline-block}.about:before{content:"";background:url(/images/site/druicity-logo.svg?v=3a413f) 50%/contain no-repeat;width:23vw;min-width:200px;max-width:350px;height:13vw;min-height:113px;max-height:200px;margin:50px auto 30px;display:block}.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:var(--btn-lnk-color);border-radius:20px;width:40px;height:40px;margin:10px 5px;padding:0}.links a:hover{background-color:#fda366}.ui-tooltip{color:var(--txt-color);z-index:100;background:#f2f2f2;border-radius:3px;padding:5px 8px;position:absolute;box-shadow:0 2px 4px #3a413f33}.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?v=3a413f);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?v=3a413f) 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:#ebecec;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?v=3a413f);background-size:cover;width:42px;height:22px;display:none;position:absolute;bottom:10px;right:10px}.categories .category{text-align:center;color:var(--txt-color);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 .15s;position:fixed;right:10px}.home{z-index:11;background-image:url(/images/site/home.svg?v=3a413f);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 #3a413f1a}.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:#fff;border-radius:16px;grid-area:agency;padding:15px 30px 20px;overflow:hidden}.agency .label{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}.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:before{margin:-30px auto 50px}.about>span{display:block}.title{font-size:24px;line-height:28px}.info{padding:40px}.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}.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 #3a413f40}.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}.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}@media (width>=600px){.showcase{grid-template-rows:1fr auto 1fr;justify-items:center;padding-block:max(20px,5svh);display:grid}.intro{grid-row:2}.scroll{grid-row:3;align-self:end;display:grid}}.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}.analytics-consent[data-astro-cid-fg2vtww3]{margin-top:.5rem}a[data-astro-cid-fg2vtww3],.settings[data-astro-cid-fg2vtww3]{color:inherit;text-underline-offset:.18em;text-decoration:underline}button[data-astro-cid-fg2vtww3]{color:inherit;font:inherit;cursor:pointer}.settings[data-astro-cid-fg2vtww3]{background:0 0;border:0;margin-inline-start:.75rem}section[data-astro-cid-fg2vtww3]{z-index:22;background:var(--bg-color);text-align:start;border:0;border-radius:1rem;width:min(27rem,100% - 2rem);max-height:calc(100dvh - 2rem);padding:1rem;font-size:14px;position:fixed;inset-block-end:1rem;inset-inline-end:1rem;overflow:auto;box-shadow:0 4px 24px #3a413f30}h2[data-astro-cid-fg2vtww3]{margin-block-end:.5rem;font-size:1.25rem}section[data-astro-cid-fg2vtww3] p[data-astro-cid-fg2vtww3]{margin-block-end:.5rem}.actions[data-astro-cid-fg2vtww3]{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.actions[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]{flex:1 0 auto}.actions[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3],.pill[data-astro-cid-fg2vtww3]{background:var(--bg-color);border:1px solid;border-radius:999px;padding:.4rem 1rem}.actions[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]:hover,.pill[data-astro-cid-fg2vtww3]:hover{background:#f5f1ed}button[data-astro-cid-fg2vtww3]:focus-visible{outline-offset:2px;outline:2px solid}dialog[data-astro-cid-fg2vtww3]{overscroll-behavior:contain;background:var(--bg-color);width:min(34rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:inherit;text-align:start;border:0;border-radius:1rem;margin:auto;font-size:14px;position:fixed;inset:0;box-shadow:0 4px 24px #3a413f30}dialog[data-astro-cid-fg2vtww3]::backdrop{background:#17211d80}.privacy-card[data-astro-cid-fg2vtww3]{padding:1.25rem}.privacy-card[data-astro-cid-fg2vtww3] header[data-astro-cid-fg2vtww3]{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:.75rem;display:flex}.privacy-card[data-astro-cid-fg2vtww3] h2[data-astro-cid-fg2vtww3]{margin:0}html:has(#analytics-privacy[open]){overflow:hidden}