@keyframes preset-fade{0%{opacity:0}to{opacity:1}}@keyframes preset-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes preset-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes preset-zoomIn{0%{opacity:0}50%{opacity:1;transform:scale3d(.3,.3,.3)}0%{transform:scale3d(1)}}@keyframes preset-tossing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes preset-expandUp{0%{transform:translateY(100%) scale(.6) scaleY(.5)}60%{transform:translateY(-6%) scaleY(1.13)}75%{transform:translateY(4%)}to{transform:translateY(0) scale(1) scaleY(1)}}@keyframes preset-shakingX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-.5rem,0,0)}20%,40%,60%,80%{transform:translate3d(.5rem,0,0)}}@keyframes preset-shakingY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-.5rem,0)}20%,40%,60%,80%{transform:translate3d(0,.5rem,0)}}@media screen and (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}main{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;min-height:100vh;width:100%}@media (min-width:901px) and (max-height:900px){.services{--font-size-m:2rem}}@media (min-width:901px) and (max-height:800px){.services{--font-size-m:1.5rem}}@media (min-width:901px) and (max-height:600px){.services{--font-size-s:var(--font-size-xs)}}@media (max-width:1100px){.services--desktop{display:none}}@media (min-width:1101px){.services--mobile{display:none}}.services__layout{height:100%;padding-top:max(7rem,20vh);place-items:center;position:relative;z-index:2}.services__layout--process .services__services{opacity:0}@media (max-width:1100px){.services__layout{padding-bottom:0;padding-top:0;place-content:center}}.services__services{opacity:1}.services__process,.services__services{display:grid;justify-items:center;transition:opacity .2s ease-in-out}.services__process>*{transition:opacity .2s ease-in-out}.services__process>:not([active]){opacity:0}.services ul{list-style-position:inside}.services__clients{display:grid;justify-items:center}@media (max-width:1100px){.services__clients{padding-top:var(--layout-size-l-vertical)}}.services__clients>div{max-width:55rem}.services__clients svg{height:3rem;width:unset;fill:rgba(var(--color-grey),1);stroke:rgba(var(--color-grey),1);transition:fill .2s ease-in-out}@media (max-width:1100px){.services__clients svg{height:2rem}}.services__clients svg:hover{fill:rgba(var(--color-white),1);stroke:rgba(var(--color-white),1)}.services__media{bottom:-2rem;display:grid;grid-template-areas:"overlay";left:50%;opacity:.3;pointer-events:none;position:fixed;transform:translate(-50%);z-index:1}@media (min-width:1501px){.services__media{bottom:-6rem}}@media (min-width:2001px){.services__media{bottom:-8rem}}.services__media picture,.services__media video{aspect-ratio:1;min-height:100vh;min-width:100vw}.services__media>div{grid-area:overlay;height:100%;position:relative;transition:opacity .2s ease-in-out;width:100%}.services__media>div:not([active]){opacity:0}@media (min-width:1101px){.services-mobile__process{display:none}}.services-footer{position:relative;z-index:20}@media (max-width:1100px){.services-footer{background:unset;padding-bottom:var(--layout-size-m-horizontal);padding-left:var(--layout-size-m-horizontal)}}.services-footer__process-list{width:100%}.services-footer__process-list button-icon{display:grid;grid-template-areas:"overlay"}.services-footer__process-list button-icon>*{grid-area:overlay}.services-footer__process-list button-frame .process-icon--active{opacity:0}.services-footer__process-list button-frame picture{height:8rem}@media (max-width:1500px){.services-footer__process-list button-frame picture{height:6rem}}@media (max-width:1100px){.services-footer__process-list button-frame picture{height:4rem}}.services-footer__process-list button-frame:hover .process-icon,.services-footer__process-list button-frame[active] .process-icon{opacity:0}.services-footer__process-list button-frame:hover .process-icon--active,.services-footer__process-list button-frame[active] .process-icon--active{opacity:1}@media (max-width:1100px){.services-footer__process-list{display:none}}gallery-indicator{align-items:center;display:flex;justify-content:space-between;left:0;pointer-events:none;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:10}gallery-indicator button-frame{pointer-events:all;width:unset!important}gallery-indicator [data-back] button-icon{transform:rotate(180deg)}gallery-item{display:grid;padding-left:1rem;padding-right:1rem;place-items:center}button{transition:opacity .2s ease-in-out,color .2s ease-in-out;width:-moz-max-content;width:max-content}