@import url(./scroll.css);*, *:after, *:before {box-sizing: border-box;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 0;margin: 0;}@font-face {font-family: 'PP Neue Montreal';src: url('font/PPNeueMontreal-Regular.woff2') format('woff2'), url('font/PPNeueMontreal-Regular.woff') format('woff'), url('font/PPNeueMontreal-Regular.otf') format('opentype'), url('font/PPNeueMontreal-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;}#loader {position: fixed;top: 0;left: 0;display: flex;align-items: center;z-index: 999;width: 100%;height: 100svh;background-color: var(--black);}#loader > div, #loader {font-size: calc(1.2rem + 1.2vw);color: var(--white);}#loader > div {display: flex;margin-left: calc(50% + 12px);width: 100%;padding-right: 24px;align-items: center;}#loader > div .text {flex-grow: 1;}#loader .bars {display: flex;align-items: flex-end;height: 40px;}#loader .bars div {width: 14px;background-color: var(--white);height: 10px;animation: grow 1s cubic-bezier(0.22, 0.61, 0.355, 1) infinite;transform: scaleY(1);transform-origin: bottom;margin-left: -1px;}#loader .bars div:nth-child(2) {animation-delay: 0.1s;}#loader .bars div:nth-child(3) {animation-delay: 0.2s;}#loader .bars div:nth-child(4) {animation-delay: 0.3s;}@keyframes grow {0%, 100% {transform: scaleY(0.8);}50% {transform: scaleY(4);}}.animate-bottom {position: relative;-webkit-animation-name: animatebottom;-webkit-animation-duration: 400ms;animation-name: animatebottom;animation-duration: 400ms;}@keyframes animatebottom {from {opacity: 0%;transform: translateY(100%) scale3d(1, 3, 1);}to {opacity: 100%;transform: translateY(0) scale3d(1, 1, 1);}}:root {--black: rgb(0, 0, 0);--white: rgb(255, 255, 255);--grey50: rgb(126, 126, 130);--font-base: calc(0.6rem + 0.6vw);--font-base-small: calc(0.5rem + 0.5vw);--grid-columns: 16;--grid-gutter: 24px;}@media (prefers-color-scheme: dark) {:root {--black: rgb(0, 0, 0);--white: rgb(255, 255, 255);--grey30: rgb(74, 74, 79);--grey25: rgb(62, 62, 66);--grey20: rgb(51, 51, 53);--grey15: rgb(40, 40, 42);--grey10: rgb(30, 30, 32);--bgwhite80: rgba(255, 255, 255, 0.8);--bgwhite50: rgba(255, 255, 255, 0.5);--bgwhite30: rgba(255, 255, 255, 0.3);--bgwhite20: rgba(255, 255, 255, 0.2);--bgwhite10: rgba(255, 255, 255, 0.1);--bgdark50: rgba(0, 0, 0, 0.5);--bgdark20: rgba(0, 0, 0, 0.2);--bgdark10: rgba(0, 0, 0, 0.1);}#forwwward-gradient-light {display: none;}.topnav-menu, .topnav-right, .topnav-left img, #show-more, .play-btn {background-color: rgba(37, 37, 37, 0.35);}.topnav-menu::before, .topnav-right:before, .topnav-left img::before, #show-more::before, .play-btn::before {background-color: rgba(150, 150, 150, 0.1);}.topnav-left .avatar-current img {background-color: rgba(255, 255, 255, 0.5);}.current {background-color: var(--bgwhite10);}.black-arrow, .current-company-black{display: none;}.white-arrow, .current-company-white{display: block;}}@media (prefers-color-scheme: light) {:root {--black: rgb(237, 237, 238);--white: rgb(0, 0, 0);--grey30: rgb(176, 176, 181);--grey25: rgb(190, 190, 194);--grey20: rgb(203, 203, 205);--grey15: rgb(220, 220, 223);--grey10: rgb(228, 228, 232);--bgwhite80: rgba(0, 0, 0, 0.8);--bgwhite50: rgba(0, 0, 0, 0.5);--bgwhite30: rgba(0, 0, 0, 0.3);--bgwhite20: rgba(0, 0, 0, 0.2);--bgwhite10: rgba(0, 0, 0, 0.1);--bgdark50: rgba(255, 255, 255, 0.5);--bgdark20: rgba(255, 255, 255, 0.2);--bgdark10: rgba(255, 255, 255, 0.1);}#forwwward-gradient-light {padding: 0;margin: 24px 0;box-shadow: 0px 0px 80px 80px rgba(255, 255, 255, 1);}#forwwward-gradient-dark {display: none;}.topnav-menu, .topnav-right, .topnav-left img, #show-more {position: relative;background-color: rgba(237, 237, 238, 0.55);}.topnav-menu:before, .topnav-right:before, .topnav-left img::before, #show-more:before {background-color: rgba(37, 37, 37, 0.1);}.topnav-left .avatar-current img {background-color: rgba(255, 255, 255, 0.7);}.current {background-color: rgba(255, 255, 255, 0.5);}.black-arrow, .current-company-black{display: block;}.white-arrow, .current-company-white{display: none;}}.topnav-menu, .topnav-right, .topnav-left img, #show-more {position: relative;}::-webkit-scrollbar {width: 4px;padding: 1px;}::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0);border-radius: 9999px;}::-webkit-scrollbar-thumb {background-color: #888;border-radius: 9999px;}::-webkit-scrollbar-thumb:hover {background-color: #555;}::-webkit-scrollbar {width: 4px;padding: 1px;}::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0);border-radius: 9999px;}::-webkit-scrollbar-thumb {background-color: #888;border-radius: 9999px;}::-webkit-scrollbar-thumb:hover {background-color: #555;}#myDiv {display: none;}.animate-bottom-about {position: relative;-webkit-animation: animatebottomabout 400ms;animation: animatebottomabout 400ms;transition: cubic-bezier(0.39, 0.575, 0.565, 1);}@keyframes animatebottomabout {0% {opacity: 0%;transform: translateY(100%) scale3d(1, 3, 1);}100% {opacity: 100%;transform: translateY(0) scale3d(1, 1, 1);}}#aboutDiv {display: none;}.animate-bottom-work {position: relative;-webkit-animation: animatebottomwork 400ms;animation: animatebottomwork 400ms;transition: cubic-bezier(0.39, 0.575, 0.565, 1);}@keyframes animatebottomwork {0% {opacity: 0%;transform: translateY(100%) scale3d(1, 3, 1);}100% {opacity: 100%;transform: translateY(0) scale3d(1, 1, 1);}}[data-scroll-container] {perspective: 1px;}#workDiv {display: none;}.animate-bottom-forwwwardstudio {position: relative;-webkit-animation: animatebottomforwwwardstudio 400ms;animation: animatebottomforwwwardstudio 400ms;transition: cubic-bezier(0.39, 0.575, 0.565, 1);}@keyframes animatebottomforwwwardstudio {0% {opacity: 0%;transform: translateY(100%) scale3d(1, 3, 1);}100% {opacity: 100%;transform: translateY(0) scale3d(1, 1, 1);}}#forwwwardstudioDiv {display: none;}.animate-bottom-westcode {position: relative;-webkit-animation: animatebottomwestcode 400ms;animation: animatebottomwestcode 400ms;transition: cubic-bezier(0.39, 0.575, 0.565, 1);}@keyframes animatebottomwestcode {0% {opacity: 0%;transform: translateY(100%) scale3d(1, 3, 1);}100% {opacity: 100%;transform: translateY(0) scale3d(1, 1, 1);}}#westcodeDiv {display: none;}.animate-bottom-portalipca {position: relative;-webkit-animation: animatebottomportalipca 400ms;animation: animatebottomportalipca 400ms;transition: cubic-bezier(0.39, 0.575, 0.565, 1);}@keyframes animatebottomportalipca {0% {opacity: 0%;transform: translateY(100%) scale3d(1, 3, 1);}100% {opacity: 100%;transform: translateY(0) scale3d(1, 1, 1);}}#portalipcaDiv {display: none;}.animate-bottom-teammhd {position: relative;-webkit-animation: animatebottomteammhd 400ms;animation: animatebottomteammhd 400ms;transition: cubic-bezier(0.39, 0.575, 0.565, 1);}@keyframes animatebottomteammhd {0% {opacity: 0%;transform: translateY(100%) scale3d(1, 3, 1);}100% {opacity: 100%;transform: translateY(0) scale3d(1, 1, 1);}}#teammhdDiv {display: none;}#wrapper {width: 100%;overflow: hidden;}::selection {background: var(--white);color: var(--black);}body {margin: 0;font-family: "PP Neue Montreal", "Arial", sans-serif;background-color: var(--black);color: var(--white);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}ul, ol, li, a, p {list-style: none;text-decoration: none;padding: 0;margin: 0;color: var(--white);}dl, dd {margin: 0;font-size: var(--font-base-small);}button {border: none;margin: 0;padding: 0;outline: none;width: auto;overflow: visible;background: transparent;color: inherit;font: inherit;text-align: inherit;line-height: normal;-webkit-font-smoothing: inherit;-moz-osx-font-smoothing: inherit;-webkit-appearance: none;}button::-moz-focus-inner {border: 0;padding: 0;}h1, h3, h4 {margin: 0;text-decoration: none;}h1 {color: var(--white);font-size: calc(2.5rem + 1.5vw);font-weight: 400;line-height: 1.1;}h2 {font-size: calc(1.5rem + 1.5vw);margin: 0;line-height: 1.2;text-decoration: none;font-weight: 400;}h3 {font-size: calc(1.1rem + 1.1vw);line-height: 1.3;font-weight: 400;}h4 {font-size: calc(0.8rem + 0.8vw) !important;font-weight: 400;line-height: 1.4;}figcaption, .caption {font-size: calc(0.4rem + 0.4vw);line-height: 1.5;font-weight: 400;color: var(--grey50);letter-spacing: 1px;}p {font-size: var(--font-base);font-weight: 400;line-height: 1.5;}img, video {width: 100%;height: auto;}.cursor {position: absolute;background: white;mix-blend-mode: difference;width: 20px;height: 20px;border-radius: 50%;z-index: 9999;transition: 0.3s cubic-bezier(0.75, 0.5, 0.3, 2) transform, 0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;user-select: none;pointer-events: none;opacity: 0;}.cursor.safari{transform: translate(-50%, -50%);transition: 0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.3s width, 0.3s height;}.cursor.empty {opacity: 1;transform: scale(3);}.cursor.safari.empty{width: calc(20px * 3);height: calc(20px * 3);transform: scale(1);transform: translate(-50%, -50%);}.cursor.view::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;background-image: url(icons/view-mouse.svg);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}.cursor.view {mix-blend-mode: normal;will-change: transform;opacity: 1;-webkit-transform: scale(6);-moz-transform: scale(6);-ms-transform: scale(6);-o-transform: scale(6);}.cursor.view::before {opacity: 1;}.cursor.safari.view{width: calc(20px * 6);height: calc(20px * 6);transform: scale(1);transform: translate(-50%, -50%);}.cursor.drag::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;background-image: url(icons/drag-mouse.svg);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 100%;opacity: 0;}.cursor.drag {mix-blend-mode: normal;opacity: 1;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);transform: scale(6);}.cursor.drag::before {opacity: 1;}.cursor.safari.drag{width: calc(20px * 6);height: calc(20px * 6);transform: scale(1);transform: translate(-50%, -50%);}.cursor.draghold::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;background-image: url(icons/draghold-mouse.svg);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 100%;opacity: 0;}.cursor.draghold {mix-blend-mode: normal;opacity: 1;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);transform: scale(6);}.cursor.draghold::before {opacity: 1;}.cursor.safari.draghold{width: calc(20px * 6);height: calc(20px * 6);transform: scale(1);transform: translate(-50%, -50%);}.cursor.dragging::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;background-image: url(icons/dragging-mouse.svg);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 100%;opacity: 0;}.cursor.dragging {mix-blend-mode: normal;opacity: 1;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);transform: scale(5);}.cursor.dragging::before {opacity: 1;}.cursor.safari.dragging{width: calc(20px * 5);height: calc(20px * 5);transform: scale(1);transform: translate(-50%, -50%);}.items {cursor: none !important;}.cursor.play::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;background-image: url(icons/play-icon-mouse.svg);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 100%;opacity: 0;}.cursor.play.safari::before{content: none;}.cursor.play {mix-blend-mode: normal;opacity: 1;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);transform: scale(6);}.cursor.safari.play{width: calc(20px * 6);height: calc(20px * 6);transform: scale(1);transform: translate(-50%, -50%);}.cursor img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}.cursor.play::before {opacity: 1;}.cursor.close::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;background-image: url(icons/close-icon-mouse.svg);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 100%;opacity: 0;}.cursor.close {mix-blend-mode: normal;opacity: 1;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);transform: scale(4);}.cursor.close::before {opacity: 1;}.cursor.safari.close{width: calc(20px * 4);height: calc(20px * 4);transform: scale(1);transform: translate(-50%, -50%);}#cssda-badge{position: fixed;z-index: 998;bottom: 24px;right: 24px;width: 80px;height: 80px;border-radius: 90px;background: #fff;-webkit-transition: all .25s cubic-bezier(.615,.19,.305,.91);-moz-transition: all .25s cubic-bezier(.615,.19,.305,.91);transition: all .25s cubic-bezier(.615,.19,.305,.91);cursor: pointer;}#cssda-badge:hover{-webkit-animation: bounce .75s linear both;-moz-animation: bounce .75s linear both;animation: bounce .75s linear both;background: #673AB7;}#cssda-badge svg {position: absolute;width: 80px;height: 80px;fill: #000000;}#cssda-badge:hover svg{fill: #ffff;}.cssda-badge-content{position: absolute;width: 90px;height: 90px;-webkit-transition: all .12s cubic-bezier(.615,.19,.305,.91);-moz-transition: all .12s cubic-bezier(.615,.19,.305,.91);transition: all .12s cubic-bezier(.615,.19,.305,.91);}#cssda-badge:hover .cssda-badge-content{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}#cssda-badge:hover #cssda-badge-logo{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}@media only screen and (max-width: 700px) {#cssda-badge{bottom: 16px;right: 16px;width: 56px;height: 56px;}#cssda-badge svg {width: 56px;height: 56px;}#cssda-badge-logo{-webkit-transform: scale(1.35);-moz-transform: scale(1.35);transform: scale(1.35);}#cssda-badge:hover #cssda-badge-logo{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5);}#cssda-badge-title{display: none;}#cssda-badge-award{display: none;}}@-webkit-keyframes bounce{0%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}3.4%{-webkit-transform:matrix3d(1.032,0,0,0,0,1.041,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.032,0,0,0,0,1.041,0,0,0,0,1,0,0,0,0,1)}4.7%{-webkit-transform:matrix3d(1.045,0,0,0,0,1.06,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.045,0,0,0,0,1.06,0,0,0,0,1,0,0,0,0,1)}6.81%{-webkit-transform:matrix3d(1.066,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.066,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1)}9.41%{-webkit-transform:matrix3d(1.088,0,0,0,0,1.117,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.088,0,0,0,0,1.117,0,0,0,0,1,0,0,0,0,1)}10.21%{-webkit-transform:matrix3d(1.094,0,0,0,0,1.123,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.094,0,0,0,0,1.123,0,0,0,0,1,0,0,0,0,1)}13.61%{-webkit-transform:matrix3d(1.112,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.112,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}14.11%{-webkit-transform:matrix3d(1.114,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.114,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}17.52%{-webkit-transform:matrix3d(1.121,0,0,0,0,1.124,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,1.124,0,0,0,0,1,0,0,0,0,1)}18.72%{-webkit-transform:matrix3d(1.121,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1)}21.32%{-webkit-transform:matrix3d(1.12,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.12,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1)}24.32%{-webkit-transform:matrix3d(1.115,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.115,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}25.23%{-webkit-transform:matrix3d(1.113,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.113,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1)}29.03%{-webkit-transform:matrix3d(1.106,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.106,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}29.93%{-webkit-transform:matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}35.54%{-webkit-transform:matrix3d(1.098,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.098,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}36.74%{-webkit-transform:matrix3d(1.097,0,0,0,0,1.098,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.097,0,0,0,0,1.098,0,0,0,0,1,0,0,0,0,1)}41.04%{-webkit-transform:matrix3d(1.096,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.096,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1)}44.44%{-webkit-transform:matrix3d(1.097,0,0,0,0,1.103,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.097,0,0,0,0,1.103,0,0,0,0,1,0,0,0,0,1)}52.15%{-webkit-transform:matrix3d(1.099,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.099,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1)}59.86%,63.26%{-webkit-transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1)}100%,75.28%,85.49%,90.69%{-webkit-transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)}}@keyframes bounce{0%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}3.4%{-webkit-transform:matrix3d(1.032,0,0,0,0,1.041,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.032,0,0,0,0,1.041,0,0,0,0,1,0,0,0,0,1)}4.7%{-webkit-transform:matrix3d(1.045,0,0,0,0,1.06,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.045,0,0,0,0,1.06,0,0,0,0,1,0,0,0,0,1)}6.81%{-webkit-transform:matrix3d(1.066,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.066,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1)}9.41%{-webkit-transform:matrix3d(1.088,0,0,0,0,1.117,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.088,0,0,0,0,1.117,0,0,0,0,1,0,0,0,0,1)}10.21%{-webkit-transform:matrix3d(1.094,0,0,0,0,1.123,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.094,0,0,0,0,1.123,0,0,0,0,1,0,0,0,0,1)}13.61%{-webkit-transform:matrix3d(1.112,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.112,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}14.11%{-webkit-transform:matrix3d(1.114,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.114,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}17.52%{-webkit-transform:matrix3d(1.121,0,0,0,0,1.124,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,1.124,0,0,0,0,1,0,0,0,0,1)}18.72%{-webkit-transform:matrix3d(1.121,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1)}21.32%{-webkit-transform:matrix3d(1.12,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.12,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1)}24.32%{-webkit-transform:matrix3d(1.115,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.115,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}25.23%{-webkit-transform:matrix3d(1.113,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.113,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1)}29.03%{-webkit-transform:matrix3d(1.106,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.106,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}29.93%{-webkit-transform:matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}35.54%{-webkit-transform:matrix3d(1.098,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.098,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}36.74%{-webkit-transform:matrix3d(1.097,0,0,0,0,1.098,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.097,0,0,0,0,1.098,0,0,0,0,1,0,0,0,0,1)}41.04%{-webkit-transform:matrix3d(1.096,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.096,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1)}44.44%{-webkit-transform:matrix3d(1.097,0,0,0,0,1.103,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.097,0,0,0,0,1.103,0,0,0,0,1,0,0,0,0,1)}52.15%{-webkit-transform:matrix3d(1.099,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.099,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1)}59.86%,63.26%{-webkit-transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1)}100%,75.28%,85.49%,90.69%{-webkit-transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)}}.topnav {position: fixed;padding: 16px 24px;top: 0;width: 100%;z-index: 99;transition: 0.4s;}.topnav-container {display: grid;grid-auto-flow: column;flex-direction: row;justify-content: space-between;align-items: center;position: relative;font-size: var(--font-base);font-weight: 400;}#show-more {position: absolute;justify-self: center;color: var(--white);-webkit-backdrop-filter: saturate(180%) blur(80px);backdrop-filter: saturate(180%) blur(80px);border-radius: 999px;width: calc(var(--font-base) + 24px);height: calc(var(--font-base) + 24px);transition: transform 0.3s cubic-bezier(0.75, 0.5, 0.3, 2), opacity 0.3s cubic-bezier(0.75, 0.5, 0.3, 2);display: grid;place-items: center;pointer-events: none;cursor: pointer;}#show-more:hover {background-color: var(--bgwhite20);}.topnav.hide {transform: translateY(-100%);opacity: 0;}.topnav-left {display: flex;flex-direction: row;align-items: center;column-gap: 12px;}.topnav-left img {border-radius: 500px;padding: 2px;-webkit-backdrop-filter: saturate(180%) blur(80px);backdrop-filter: saturate(180%) blur(80px);box-sizing: content-box;width: calc(var(--font-base) + 20px);margin: 0;display: block;}.topnav-left img:hover {opacity: .7;background-color: var(--bgwhite20);}.topnav-menu {padding: 2px;border-radius: 500px;-webkit-backdrop-filter: saturate(180%) blur(80px);backdrop-filter: saturate(180%) blur(80px);display: flex;flex-direction: row;align-items: center;}.topnav-menu::before, .topnav-right::before, .topnav-left img::before, #show-more::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;mix-blend-mode: overlay;border-radius: 500px;z-index: -1;}.topnav-item {line-height: 1;padding: 10px 16px;border-radius: 500px;}.topnav-menu a:hover {background-color: var(--bgwhite20);}.topnav-right {line-height: 1;padding: 12px 18px;border-radius: 500px;-webkit-backdrop-filter: saturate(180%) blur(80px);backdrop-filter: saturate(180%) blur(80px);}.topnav-right:hover {background-color: var(--bgwhite20);}.hero, .work-reel {position: relative;max-height: 100svh;cursor: none;}.hero h1 {color: white;position: absolute;mix-blend-mode: difference;bottom: 24px;left: 24px;}.play-btn img {width: 20px;height: 20px;}.hero .play-btn p, .work-reel .play-btn p{color: white;}.hero .play-btn, .work-reel .play-btn {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: var(--font-base);color: var(--white);line-height: 1.5;padding: 8px 16px 8px 12px;border-radius: 500px;width: fit-content;display: flex;align-items: center;gap: 4px;-webkit-backdrop-filter: saturate(180%) blur(80px);backdrop-filter: saturate(180%) blur(80px);visibility: hidden;}.hero video {height: 100svh;object-fit: cover;aspect-ratio: 16/9;}.work-reel video {object-fit: cover;aspect-ratio: 16/9;}.reel-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;cursor: none;z-index: 1000;display: none;background-color: black;}.reel-modal video {height: auto;width: 100%;object-fit: contain;aspect-ratio: 16/9;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}.reel-modal.active {display: block;}.reel-close {position: absolute;display: flex;align-items: center;justify-content: center;padding: 16px;border-radius: 500px;width: fit-content;bottom: 48px;left: 50%;transform: translate(-50%);background-color: rgba(255, 255, 255, 0.1);visibility: hidden;}.reel-close img {width: 24px;height: 24px;}body.modal-active {overflow: hidden;}.heading-text {padding: 24px 24px 180px;width: 85%;}.heading-text h1 {color: var(--white);}.section-text {padding-bottom: 16px;color: var(--grey50);font-size: var(--font-base);}.text-grey {color: var(--grey50);}.home .selectedwork-content {align-items: end;}.home .testimonial {grid-column: 1/-1;grid-row: 2/3;display: flex;flex-direction: column;gap: 24px;margin: 64px 0 96px 0;min-height: 460px;position: relative;}.before_testimonial_quote_data_desc {position: absolute;top: 0;-webkit-transform: translateX(-200%);transform: translateX(-200%);width: 100%;left: 0;}.next_testimonial_quote_data_desc {position: absolute;top: 0;-webkit-transform: translateX(200%);transform: translateX(200%);width: 100%;right: 0;}.testimonial_quote {position: relative;user-select: none;}.arrow_changer {position: absolute;top: 0;left: 0;display: flex;gap: 8px;align-items: center;z-index: 10;width: fit-content;height: fit-content;}.arrow_changer img{width: 20px;height: 20px;}.arrow_changer .arrow {left: 0;border-radius: 50%;border: 1px solid var(--grey20);padding: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer;}.arrow_changer .arrow:hover{background-color: var(--grey20);}.span-letter {position: relative;}.span-letter span {display: inline-block;vertical-align: middle;text-indent: initial;}.home .thumb-forwwward {grid-column: 1/-1;grid-row: 1/2;max-height: 100svh;object-fit: cover;}.home .thumb-westcode {grid-column: 1/-1;grid-row: 3/4;max-height: 100svh;object-fit: cover;}.home .services-overview {grid-column: 1/-1;grid-row: 4/5;padding: 64px 0 0 0;min-height: 460px;}.services-overview .services-title {grid-column: 1/12;}.services-overview .services-accordion {grid-column: 12/17;}.panel {border-bottom: 1px solid var(--grey10);}.panel-heading {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;cursor: pointer;}.panel-heading:hover, .panel-heading:hover > .panel-title {color: var(--grey50);}.panel-content {cursor: pointer;max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.1s cubic-bezier(0, 0.53, 0.62, 1), opacity 0.1s cubic-bezier(0, 0.53, 0.62, 1);}.panel-content p {color: var(--grey50);}.accordion-icon {transition: transform 0.2s cubic-bezier(0, 0.53, 0.62, 1);font-size: var(--font-base);font-weight: 400;}.panel.active {padding-bottom: 10px;}.panel.active .accordion-icon {transform: rotate(90deg);}.home .thumb-portalipca {grid-column: 5/17;grid-row: 5/6;}.home .thumb-teammhd {grid-column: 1/5;grid-row: 5/6;}.cl-hero {display: flex;flex-direction: column;padding: 96px 24px 180px;width: 85%;}.cl-hero h1:nth-child(2) {color: var(--grey50);}.about-experience {display: flex;flex-direction: row;align-items: end;padding: 24px 24px 96px;column-gap: 24px;}.about-experience .cl-left {display: flex;flex-direction: column;width: 50%;}.about-experience .cl-left figcaption {padding-top: 12px;}.about-experience .cl-right {display: flex;flex-direction: column;justify-content: flex-end;width: 50%;}.about-experience .cl-right .item h4 {color: var(--white);}.about-experience .cl-right .item:nth-child(4), .about-experience .cl-right .item:nth-child(3), .about-experience .cl-right .item:nth-child(2) {padding-top: 24px;border-top: 1px solid var(--grey20);}.about-experience .cl-right .item {padding-bottom: 24px;}.about-experience .cl-right .item:nth-child(4) {padding-bottom: 30px;}.about-work {display: flex;flex-direction: column;}.about-work .section-text {padding: 0 24px 16px;}.services-container {padding: 180px 0 180px;}.services-container .section-text {padding: 0 24px;}.services {display: grid;position: relative;width: 100%;}.services .service-item {display: grid;padding: 4px 24px;width: 100%;grid-auto-flow: column;grid-template-columns: repeat(var(--grid-columns), 1fr);column-gap: var(--grid-gutter);justify-content: space-between;z-index: 1;border-bottom: 1px solid var(--bgwhite20);position: relative;}.services .service-item:hover .service-text {color: var(--white);}.services .service-item:hover::after {height: 100%;}.services .service-item:after {content: "";position: absolute;width: 100%;height: 0;background-color: var(--bgwhite50);bottom: 0;left: 0;transition: 300ms;}.services .title {grid-column: 1/5;grid-row: 1/-1;margin-top: 24px;color: var(--white);}.services .service-text {grid-column: 13/17;display: flex;align-items: flex-end;grid-row: 1/-1;color: var(--grey50);}.services .service-video {position: absolute;display: none;max-width: 100%;object-fit: cover;height: auto;}.services .videos-content {height: 100%;position: relative;grid-column: 5/13;grid-row-start: 1;align-items: center;display: flex;}.services ul {margin: 0;padding: 0;}.services .videos-container {position: absolute;top: 0;width: 100%;display: grid;grid-template-columns: repeat(var(--grid-columns), 1fr);column-gap: var(--grid-gutter);padding: 0 24px;height: 100%;}.about-curiosity {display: flex;flex-direction: column;padding: 24px 24px 96px;}.about-container-tabs {display: flex;flex-direction: row;width: 100%;column-gap: 24px;}.about-container-tabs > .tabs-content-about > * {display: none;}.about-container-tabs > .tabs-content-about > #tabcontent1 {display: block;}.tab-about {display: flex;flex-direction: column;width: 50%;}.tab-about button {display: block;color: var(--grey50);padding: 32px 0px;font-size: calc(1.1rem + 1.1vw);line-height: 1.3;font-weight: 400;cursor: pointer;position: relative;}.tab-about button:nth-child(1) {padding: 0 0 32px;}.tab-about button.active {color: var(--white);}.tab-about button:hover {color: var(--white);}.tabs-content-about {width: 50%;}#tabcontent1, #tabcontent2, #tabcontent3 {width: 100%;height: 440px;object-fit: cover;}.work-hero {padding: 96px 24px 180px;}.work-row-hero {display: flex;flex-direction: row;align-items: flex-start;padding-bottom: 24px;}.work-row-hero p {padding-left: 4px;}.work-grid {display: grid;grid-template-columns: repeat(8, 1fr);gap: var(--grid-gutter);align-items: start;}.selectedwork-content a {cursor: none;}.selectedwork-container .cl-heading {display: flex;flex-direction: column;padding: 0 0 24px;width: 85%;}.selectedwork-container .cl-heading h1:nth-child(2) {color: var(--grey50);}.selectedwork-content a {cursor: none;}.selectedwork-container {width: 100%;padding: 0 24px 64px;}#workDiv .selectedwork-container {width: 100%;padding: 0 24px 180px;}.selectedwork-content h3 {padding: 12px 0 0;color: var(--white);}.text-grey {color: var(--grey50);}.selectedwork-content {display: grid;grid-template-columns: repeat(var(--grid-columns), 1fr);gap: var(--grid-gutter);align-items: start;}.selectedwork-container img {width: 100%;height: 100%;position: relative;}.work-thumb {display: flex;position: relative;overflow: hidden;background-position: cover;object-fit: contain;max-height: 100%;}.work-thumb-image {transition: 200ms cubic-bezier(0, 0.53, 0.62, 1) opacity;}.work-thumb:hover .work-text {transform: translate3d(0, 0, 0) scale3d(1, 1, 1);}.work-thumb:hover .work-tags p {transform: translate3d(0, 0, 0) scale3d(1, 1, 1);}.work-thumb .overlay-thumb {background: black;position: absolute;inset: 0;z-index: 1;opacity: 0;transition: 200ms;}a.work-thumb:hover .overlay-thumb {opacity: 0.5;}.warning-password p{color: white;padding: 8px 16px;-webkit-backdrop-filter: saturate(180%) blur(80px);backdrop-filter: saturate(180%) blur(80px);background-color: rgba(37, 37, 37, 0.35);border-radius: 500px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}.warning-password p:before {background-color: rgba(150, 150, 150, 0.1);}.work-text {position: absolute;display: flex;flex-direction: column;padding: 16px;bottom: 0;width: 100%;z-index: 2;transform: translate3d(0, 50%, 0) scale3d(1, 1, 1);transform-origin: top;transition: 200ms cubic-bezier(0, 0.53, 0.62, 1) transform;}.work-text h4 {color: rgb(255, 255, 255);}.work-tags {display: flex;width: 100%;flex-wrap: wrap;gap: 4px;padding-top: 4px;}.work-tags p {font-size: var(--font-base-small);padding: 2px 8px;background-color: rgba(0, 0, 0, 0.1);border-radius: 8px;color: rgba(255, 255, 255, 0.5);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);width: fit-content;transform: translate3d(0, 50%, 0) scale3d(1, 3, 1);transform-origin: top;transition: 200ms cubic-bezier(0, 0.53, 0.62, 1) transform;}.work-tags p:nth-child(1) {transition-delay: 0ms;}.work-tags p:nth-child(2) {transition-delay: 50ms;}.work-tags p:nth-child(3) {transition-delay: 90ms;}.work-tags p:nth-child(4) {transition-delay: 120ms;}.work-tags p:nth-child(5) {transition-delay: 140ms;}.thumb-forwwward {grid-column: 1/15;grid-row: 1/2;}.thumb-westcode {grid-column: 5/17;grid-row: 2/3;}.thumb-portalipca {grid-column: 1/12;grid-row: 3/4;}.thumb-teammhd {grid-column: 12/17;grid-row: 3/4;}.thumb-mobile{display: none;}.thumb-desktop{display: block;}.archive-container {width: 100%;height: 90vh;margin-bottom: 64px;display: flex;flex-direction: column;justify-content: space-between;}.archive-top {display: flex;gap: 24px;margin: 0 24px;}.archive-top h1 {width: 100%;}.archive-top .column {display: flex;flex-direction: column;align-items: end;gap: 12px;margin-bottom: 48px;}.archive-container .carousel-container {display: flex;position: relative;overflow: hidden;width: 100%;height: auto;}.archive-container .line {position: absolute;width: 2px;height: 100%;background: var(--white);top: 0;left: 50%;transform: translateX(-50%);z-index: 1;}.archive-container .active-item {position: relative;display: flex;margin: 0;width: auto;height: 70vh;aspect-ratio: 1/1;object-fit: cover;overflow: hidden;}.archive-container #div_activated {opacity: 1;width: 100%;height: 100%;aspect-ratio: 1/1;}.archive-container figcaption {font-size: calc(0.4rem + 0.4vw);line-height: 1.5;font-weight: 400;color: var(--grey50);letter-spacing: 1px;text-align: end;}.fig-arrow-left {display: none;}.archive-container img, .archive-container video {width: 100%;height: 100%;object-fit: cover;}.archive-container .wrapper {position: relative;width: 100%;display: flex;align-items: center;overflow: hidden;}.archive-container .box {box-sizing: border-box;display: flex;align-items: center;justify-content: center;height: 100%;width: 6%;scroll-snap-align: start;margin: 0 2px;padding: 0;position: relative;flex-shrink: 0;color: black;cursor: none;aspect-ratio: 1/1;}.archive-container .box figcaption {display: none;}.archive-container .show-overflow {overflow: visible;}.intro-project {height: 100svh;width: 100%;object-fit: cover;}#show-more {opacity: 0;}.work-intro {padding: 64px 24px;display: grid;grid-template-columns: repeat(var(--grid-columns), 1fr);gap: var(--grid-gutter);align-items: start;}.work-intro h1 {grid-column: 1/-1;grid-row: 1/2;margin-bottom: 180px;}.work-intro .cl-left {grid-column: 9/17;grid-row: 2/3;display: flex;flex-direction: column;row-gap: 24px;}.work-intro ul {margin: 0;padding: 0;}.work-intro .cl-left .item {padding: 4px 0;width: 100%;display: grid;grid-auto-flow: column;grid-template-columns: repeat(6, 1fr);column-gap: var(--grid-gutter);border-bottom: 1px solid var(--bgwhite20);}.work-intro .cl-left .item .intro-category {color: var(--white);grid-column: 1/4;padding-right: 24px;}.work-intro .cl-left .sub-item {width: 100%;display: grid;grid-auto-flow: column;grid-template-columns: repeat(6, 1fr);column-gap: var(--grid-gutter);}.work-intro .cl-left .sub-item .intro-text {color: var(--grey50);border-bottom: 1px solid var(--bgwhite20);grid-column: 4/7;padding: 4px 0;}.work-intro .cl-left .item .intro-text, .work-intro .cl-left .sub-item .intro-text {color: var(--grey50);display: flex;flex-wrap: wrap;column-gap: 8px;grid-column: 4/7;}.work-intro .cl-left .item .intro-text p, .work-intro .cl-left .sub-item .intro-text p {color: var(--grey50);}.work-intro .cl-left .item .intro-text p:nth-child(2), .work-intro .cl-left .sub-item .intro-text p:nth-child(2) {color: var(--grey25);}.work-intro .cl-left a {color: var(--grey50);font-size: var(--font-base);width: fit-content;}.work-intro .cl-left a:hover {color: var(--white);}.outline-button {font-size: var(--font-base);font-weight: 400;color: var(--white);padding: 8px 16px;border-radius: 50px;outline: 1px solid var(--grey20);width: fit-content;}.outline-button:hover {background-color: var(--grey20);}.work-intro .cl-right {grid-column: 9/17;grid-row: 1/2;display: flex;flex-direction: column;row-gap: 24px;margin-bottom: 128px;}.work-intro .cl-right p {font-size: calc(0.8rem + 0.8vw);}#button-to-observe {display: flex;align-items: center;background-color: var(--bgwhite10);color: var(--white);padding: 8px 16px;border-radius: 999px;place-self: flex-start;cursor: pointer;font-size: var(--font-base);}#button-to-observe:hover {background-color: var(--bgwhite20);}#button-to-observe img {width: 24px;height: 24px;}.row-50 {width: 100%;display: flex;flex-direction: row;padding: 24px;column-gap: 24px;}.row-50 .cl-left {width: 50%;}.row-50 .cl-right {width: 50%;}.grid {display: grid;grid-template-columns: repeat(var(--grid-columns), 1fr);gap: var(--grid-gutter);align-items: start;}.grid .cl-left {grid-column: 1/9;}.grid .cl-right {grid-column: 9/17;}#tabgeneral1, #tabgeneral2, #tabgeneral3 {width: 100%;}body {overflow-x: hidden;}.slider-container {width: 100%;margin: 0;padding: 0 24px 120px 24px;overflow: hidden;}.slider {display: flex;}.slides {display: flex;gap: 24px;transition: transform 0.3s ease;cursor: none;}.slide {flex: 0 0 100%;height: auto;}.thumbnails {display: flex;justify-content: start;margin-top: 24px;gap: 12px;}.thumbnail {cursor: pointer;width: 80px;height: 45px;aspect-ratio: 16/9;height: auto;border: 2px solid transparent;opacity: 0.5;}.thumbnail.active {border-color: var(--white);opacity: 1;}.thumbnail:not(.active):hover {opacity: 1;}.next-case {display: flex;flex-direction: column;width: 100%;padding: 96px 0 0;}.no-testimonial {padding: 192px 0 0;}.next-case-top {padding: 24px;display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--grid-gutter);align-items: flex-end;}.next-case-top img {width: 24px;height: 24px;}.next-case-top p {color: var(--grey50);}.next-case-text {grid-column: 2/3;justify-self: start;}.next-case-top .outline-circular-button {grid-column: 1/2;justify-self: start;color: var(--white);padding: 16px 16px;border-radius: 50%;outline: 1px solid var(--grey20);width: fit-content;display: flex;transition: 200ms all cubic-bezier(0.22, 0.62, 0.52, 1);}.next-case a:hover > .next-case-top .outline-circular-button {background-color: var(--grey20);}.next-case a:hover > .next-case-top {opacity: 60%;cursor: none;}.next-case-image {position: relative;width: 100%;height: auto;}.next-case-desktop{display: block;}.next-case-mobile{display: none;}.next-case .overlay-nextcase {background: black;position: absolute;inset: 0;z-index: 1;opacity: 0;transition: 200ms;}.next-case a:hover .overlay-nextcase {opacity: 0.35;cursor: none;}.reveal {position: relative;transform: translate3d(0, 150px, 0) scale3d(3, 3, 0);transform-origin: top;transition: 600ms all cubic-bezier(0.22, 0.62, 0.52, 1);}.reveal.active {transform: translate3d(0, 0, 0) scale3d(1, 1, 1);}.reveal-images {transform: translate3d(0, 0, 0) scale3d(1, 2, 0);transform-origin: top;transition: 400ms all cubic-bezier(0.22, 0.62, 0.52, 1);}.reveal-images.active {transform: translate3d(0, 0, 0) scale3d(1, 1, 1);}.password-container {background-color: var(--black);width: 100%;height: 100dvh;z-index: 999;position: fixed;}.secondary-btn {display: flex;align-items: center;background-color: var(--bgwhite10);color: var(--white);padding: 8px 16px;border-radius: 999px;cursor: pointer;font-size: var(--font-base);white-space: nowrap;}.secondary-btn:hover {background-color: var(--bgwhite20);}.primary-btn {display: flex;align-items: center;background-color: var(--white);color: var(--black);padding: 8px 16px;border-radius: 999px;cursor: pointer;font-size: var(--font-base);white-space: nowrap;}.primary-btn:hover {background-color: var(--bgwhite80);}#submitButton:disabled {background-color: var(--bgwhite10);color: var(--bgwhite30);cursor: not-allowed;}.hover-default[disabled] {pointer-events: none;}.password-dialog {width: 100%;height: 100dvh;border: 0 solid transparent;}.password-container .password-close {position: absolute;top: 24px;left: 24px;}.password-content {display: grid;grid-template-areas: "." "password" "image-error";grid-template-rows: repeat(3, 1fr);height: 100%;padding-left: calc(50% + 12px);}#loginForm {display: flex;align-items: flex-end;padding: 24px 24px 24px 0;width: 100%;align-self: center;grid-area: password;}#password {font-size: calc(1.2rem + 1.2vw);color: var(--white);width: 100%;grid-area: password;appearance: none;border: none;font-family: inherit;background: transparent;padding: 0;margin: 0;outline: none;box-shadow: none;resize: none;}#password::placeholder {color: var(--grey50);}input[type="password"] {-webkit-text-security: square;text-security: square;}#error-message, #success-message {display: none;align-self: flex-end;padding: 24px 24px 64px 0;grid-area: image-error;}.info-message {display: flex;flex-direction: column;gap: 24px;color: var(--white);width: 100%;font-size: calc(1.2rem + 1.2vw);}.info-message video {max-width: 144px;height: auto;object-fit: cover;}.forwwward-intro-mobile {display: none;}.forwwward_item-1 {grid-column: 1/12;grid-row: 1/2;}.forwwward_item-2 {grid-column: 1/-1;grid-row: 2/3;}.back-container {position: fixed;background-color: black;opacity: 0;inset: 0;z-index: 999;transition: 400ms cubic-bezier(0.1, 0.1, 0.25, 1) all;pointer-events: none;}.back-container.modal-is-open{opacity: 0.6;pointer-events: auto;}html.modal-open {overflow: hidden;}#mobile-show-more-drawer {height: 90dvh;position: fixed;bottom: 0;left: 0;background-color: white;z-index: 1000;transform: translateY(100%);transition: 400ms cubic-bezier(0.1, 0.1, 0.25, 1);border-radius: 12px 12px 0 0;}#mobile-show-more-drawer.open {transform: translateY(0);}#desktop-show-more-drawer {background: white;width: 100%;position: fixed;bottom: 0;z-index: 1000;display: none;transform: translateX(100%);}#mobile-show-more-drawer .container {height: 100%;padding-bottom: 35px;}#desktop-show-more-drawer p, #mobile-show-more-drawer p {color: black;font-size: var(--font-base);}#desktop-show-more-drawer .tab, #mobile-show-more-drawer .tab {display: none;color: var(--grey50);}#mobile-show-more-drawer .tab > .image-left {width: 40%;margin-left: 20%;}#mobile-show-more-drawer .tab p {margin-left: 20%;}#mobile-show-more-drawer .tab > .image-inside {padding-left: 20%;}#desktop-show-more-drawer .container .tab-links, #mobile-show-more-drawer .container .tab-links {display: grid;align-items: flex-start;font-size: var(--font-base);}#desktop-show-more-drawer .container-header {grid-area: header;display: grid;grid-template-columns: 0.35fr 1fr;gap: 1rem;align-items: center;padding: 16px 24px;border-bottom: 1px solid #E4E5E7;}#mobile-show-more-drawer .container-header {display: flex;align-items: center;padding: 16px;border-bottom: 1px solid #E4E5E7;}#show-more-close-button, #show-more-close-button-mobile {background-color: rgb(228, 228, 232);border-radius: 999px;color: black;font-size: var(--font-base);cursor: pointer;}#show-more-close-button:hover {background-color: rgb(203, 203, 205);}#desktop-show-more-drawer .container-header button {padding: 12px 18px;line-height: 1;}#mobile-show-more-drawer .container-header button {position: absolute;display: flex;align-items: center;padding: 4px;}#desktop-show-more-drawer .container-header p {flex-grow: 1;}#mobile-show-more-drawer .container-header p {width: 100%;text-align: center;}#desktop-show-more-drawer .container-links {grid-area: links;display: grid;padding: 24px;}#mobile-show-more-drawer .container-links {display: flex;align-items: flex-start;gap: 16px;padding: 8px 16px 24px 16px;position: sticky;bottom: 0;background-color: white;border-top: 1px solid #E4E5E7;}#desktop-show-more-drawer .container-links button, #mobile-show-more-drawer .container-links button {font-size: var(--font-base);color: var(--grey50);padding: 8px 16px;margin-left: -16px;width: fit-content;cursor: pointer;}#desktop-show-more-drawer .container-links button.active, #mobile-show-more-drawer .container-links button.active, #desktop-show-more-drawer .container-links button:hover, #mobile-show-more-drawer .container-links button:hover {color: black;}#desktop-show-more-drawer .container-body {grid-area: body;display: grid;align-content: flex-start;gap: 1rem;font-size: 1rem;overflow-y: auto;height: 100%;padding: 24px;padding-bottom: 24px;overscroll-behavior: contain;}#mobile-show-more-drawer .container-body {grid-area: body;display: grid;align-content: flex-start;gap: 1rem;font-size: 1rem;overflow-y: auto;height: 100%;padding: 16px;padding-bottom: 112px;overscroll-behavior: contain;}#desktop-show-more-drawer .container-image {height: 200px;position: relative;}#desktop-show-more-drawer .container-image img {position: absolute;width: 100%;right: 0;top: 0;}.westcode-intro-mobile {display: none;}.westcode_item-1 {grid-column: 1/13;grid-row: 1/2;}.westcode_item-2 {grid-column: 10/17;grid-row: 2/3;}.westcode_item-3 {grid-column: 1/11;grid-row: 3/4;}.westcode_item-4 {grid-column: 1/6;grid-row: 1/2;}.westcode_item-5 {grid-column: 9/17;grid-row: 1/2;}.westcode_item-6 {grid-column: 9/17;grid-row: 2/3;}.portalipca-intro-mobile {display: none;}.video {width: 100%;padding: 0 18%;margin: 180px 0;}.video-border {border: 3px solid var(--grey10);outline: 1px solid var(--grey15);}.border-radius {border-radius: 24px;}.full-width {width: 100%;padding: 24px 0;}.no-padding{width: 100%;}.padding-top{padding: 24px 0 0 0;}.padding-lr-24 {width: 100%;padding: 0 24px;}.padding-24 {width: 100%;padding: 24px;}.row-text-block {display: flex;flex-direction: column;width: 70%;padding: 96px 24px 0;}.testimonial {margin: 96px 24px;}.testimonial h2 {grid-column: 1/-1;grid-row: 1/2;text-indent: calc(50% + 12px);}h2.testimonial_quote{text-indent: unset;}.testimonial .author {grid-column: 1/-1;grid-row: 2/3;}.testimonial .author p:nth-child(2) {color: var(--grey50);}.teammhd-intro-mobile {display: none;}.teammhd-images-merchandise {background-color: #cec4c3;padding: 80px 24px;}.teammhd_item-1 {grid-column: 4/11;grid-row: 1/3;}.teammhd_item-2 {grid-column: 9/16;grid-row: 3/5;}.teammhd_item-3 {grid-column: 2/9;grid-row: 4/6;}.row-mobile {display: flex;flex-direction: row;justify-content: space-evenly;width: 100%;padding: 180px 0;}.video-mobile video {width: auto;height: 70svh;}.teammhd_item-4 {grid-column: 4/14;grid-row: 1/2;}.teammhd_item-5 {grid-column: 1/10;grid-row: 2/3;}.teammhd_item-6 {grid-column: 9/17;grid-row: 3/4;}footer {border-top: 1px solid var(--grey10);padding: 64px 0;margin: 0 24px;}.footer-cases {border-top: none;}.footer-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--grid-gutter);grid-column: 1/-1;align-items: baseline;}.footer-list p {grid-column: 1/3;color: var(--grey50);font-size: var(--font-base);}.b-social {grid-row: 1/2;}.b-external {grid-row: 2/3;}.b-imprint {grid-row: 3/4;}.b-social-list {display: flex;flex-direction: column;row-gap: 4px;grid-column: span 2;}footer a {color: var(--white);font-size: var(--font-base);line-height: 1.5;padding: 5px 12px;border-radius: 500px;width: fit-content;grid-column: span 2;margin-left: -12px;}footer a:hover {background-color: var(--grey20);}footer a.current {background-color: var(--grey20);}.copyright-container {display: flex;flex-direction: column;padding: 96px 24px 180px;}.copyright-content {display: flex;flex-direction: column;align-items: flex-start;text-align: left;}.copyright-item {padding: 24px 0 24px;border-bottom: 1px solid var(--grey10);width: 50%;}.copyright-item:nth-child(6) {border-bottom: none;padding-bottom: 0;}.copyright-item h4 {color: var(--white);font-weight: 400;}.copyright-item p {color: var(--grey50);}.copyright-item a {color: var(--white);display: flex;width: fit-content;align-items: center;padding: 5px 12px;border-radius: 500px;margin-left: -10px;}.copyright-item a:hover {background-color: var(--grey20);}.copyright-item svg {width: 10px;height: 10px;fill: var(--white);margin-right: 8px;transition: 100ms cubic-bezier(0.39, 0.575, 0.565, 1);}.copyright-container a:hover > svg {transform: scale(1.3);}.content-404 {height: 100svh;position: relative;background-color: var(--black);display: flex;align-items: left;padding: 96px 24px 180px;overflow: hidden;}.topnav {z-index: 998;}.image {width: 40vmin;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}.image[data-status="inactive"] {opacity: 0;transform: translate(-50%, -50%) scale(0);transition: transform 300ms cubic-bezier(0.75, 0.5, 0.3, 1), opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);}.image[data-status="active"] {transform: translate(-50%, -50%) scale(1);opacity: 1;transition: transform 300ms cubic-bezier(0.75, 0.5, 0.3, 1), opacity 100ms cubic-bezier(0.39, 0.575, 0.565, 1);}@media (max-width: 1280px) {:root {--font-base: 18px;--font-base-small: 16px;}figcaption, .caption, .archive-container figcaption {font-size: 12px;}.home .services-overview {min-height: 420px;}.archive-container {height: 100%;justify-content: flex-start;gap: 64px;}.archive-top .column {margin-bottom: 0;}.archive-top {flex-direction: column;}.video {padding: 0 16%;}}@media only screen and (min-width: 1025px) {#mobile-show-more-drawer {display: none;}#desktop-show-more-drawer {display: block;height: 100%;position: fixed;width: 0;right: 0;bottom: 0;top: 0;z-index: 1000;background-color: white;color: black;width: 100%;transform: translateY(0);transform: translateX(calc(100% + 24px));transition: opacity 0.5s, transform 400ms cubic-bezier(0.1, 0.1, 0.25, 1);}#desktop-show-more-drawer .container {position: relative;height: calc(100% - 75px);padding-right: 2px;}#desktop-show-more-drawer .container img {width: 100%;}#desktop-show-more-drawer .tab > :not(.image-full) {grid-column: 2/-1;}#desktop-show-more-drawer .tab > .image-full {grid-column: 1/-1;}#desktop-show-more-drawer .tab > .image-inside {grid-column: 2/-1;}#desktop-show-more-drawer .tab > .image-left {grid-column: 1/2;align-self: flex-end;}#desktop-show-more-drawer .tab > .paragraphs {display: grid;gap: 16px;align-content: flex-start;}#desktop-show-more-drawer .container .tab-links {position: absolute;left: 0;top: 0;}#desktop-show-more-drawer .container-header {grid-template-columns: 0.35fr 1fr;}#desktop-show-more-drawer .container-body {grid-template-columns: 0.35fr 1fr;}.westcode-intro-mobile {display: none;}}@media (max-width: 1024px) {:root {--grid-columns: 8;--grid-gutter: 16px;}#loader > div {margin-left: 0;padding: 0 16px;}.cursor {display: none;}h1 {font-size: calc(2rem + 1vw);}h2 {font-size: calc(1.25rem + 1.25vw);}h3, .tab-about button {font-size: calc(1rem + 1vw);}.work-intro .cl-right p {font-size: calc(0.9rem + 0.9vw);}.topnav {padding: 12px 16px;}.topnav-left {column-gap: 8px;}.topnav-left img:hover {opacity: 1;background-color: transparent;}@media (prefers-color-scheme: light) {.topnav-right:hover{background-color: rgba(237, 237, 238, 0.55);}.topnav-right:before:hover {background-color: rgba(37, 37, 37, 0.1);}}@media (prefers-color-scheme: dark) {.topnav-right:hover{background-color: rgba(37, 37, 37, 0.35);}.topnav-right:before:hover {background-color: rgba(150, 150, 150, 0.1);}}.topnav-menu a:not(.current):hover {background-color: transparent;}.topnav-menu a.current:hover {background-color: var(--bgwhite10);}#button-to-observe:hover{background-color: var(--bgwhite10);}.hero, .work-reel {cursor: default;}.hero video, .work-reel video {height: normal;}.hero .play-btn, .work-reel .play-btn {visibility: visible;}.work-reel video {height: 75vh;}.reel-modal {height: 100dvh;background-color: black;display: none;}.reel-modal.active {display: block;}.reel-modal video {height: auto;object-fit: contain;top: 50%;left: 50%;transform: translate(-50%, -50%);}.reel-close {visibility: visible;}.hero h1 {bottom: 16px;left: 16px;}.heading-text {padding: 16px 16px 96px;}.home .testimonial {margin: 32px 0 96px 0;gap: 16px;min-height: unset;}.arrow_changer .arrow:hover{background-color: unset;}.selectedwork-container {padding: 0 16px 64px;}.home .services-overview {padding: 32px 0 96px 0;min-height: unset;}.services-overview .services-title {grid-column: 1/5;}.services-overview .services-accordion {grid-column: 5/9;}.panel-heading:hover, .panel-heading:hover > .panel-title {color: var(--white);}.home .thumb-teammhd {grid-column: 1/4;grid-row: 5/6;}.home .thumb-portalipca {grid-column: 4/9;grid-row: 5/6;}.selectedwork-content {gap: 16px var(--grid-gutter);}.selectedwork-content h3 {padding: 8px 0 0;}.forwwward-intro-mobile, .westcode-intro-mobile, .portalipca-intro-mobile, .teammhd-intro-mobile {display: block;}.forwwward-intro-desktop, .westcode-intro-desktop, .portalipca-intro-desktop, .teammhd-intro-desktop {display: none;}.thumb-forwwward {grid-column: 1/8;grid-row: 1/2;}.thumb-westcode {grid-column: 3/9;grid-row: 2/3;}.thumb-portalipca {grid-column: 1/6;grid-row: 3/4;}.thumb-teammhd {grid-column: 6/9;grid-row: 3/4;}.work-text {transform: translate3d(0, 0, 0) scale3d(1, 1, 1);}.work-tags p {transform: translate3d(0, 0, 0) scale3d(1, 1, 1);}.work-hero {padding: 96px 16px;}.work-row-hero {padding-bottom: 16px;}.work-grid {grid-template-columns: repeat(6, 1fr);}.selectedwork-container .cl-heading {width: 100%;padding: 0 0 16px;}#workDiv .selectedwork-container {padding: 0 16px 96px;}.archive-top {margin: 0 16px;gap: 16px;}.archive-top .column {align-items: start;}.archive-container .active-item {max-height: 45vh;}.archive-container figcaption {text-align: start;}.archive-container .box {width: 10%;}.password-container .password-close {top: 16px;left: 16px;}#loginForm {padding: 16px 16px 16px 0;}#error-message, #success-message {padding: 16px;}.cl-hero {padding: 96px 16px;}.about-experience {padding: 16px 16px 96px;column-gap: 16px;}.about-experience .cl-right .item:nth-child(4), .about-experience .cl-right .item:nth-child(3), .about-experience .cl-right .item:nth-child(2) {padding-top: 16px;}.about-experience .cl-right .item {padding-bottom: 16px;}.about-work .section-text {padding: 0 16px 16px;}.services-container {padding: 96px 0 96px;}.services-container .section-text {padding: 0 16px;}.about-services {padding: 48px 16px 96px;column-gap: 16px;}.cl-services {column-gap: 16px;}.services .service-item {grid-template-columns: repeat(2, 1fr);justify-content: flex-end;padding: 4px 16px;}.services .title {grid-column: unset;}.services .service-text {grid-column: 2/-1;}.services .videos-container {display: none;}.services .service-item:after {content: unset;}.services .service-item:hover .service-text {color: var(--grey50);}.about-curiosity {padding: 16px 16px 96px;}.about-container-tabs {column-gap: 16px;}#tabcontent1, #tabcontent2, #tabcontent3 {height: 400px;}.work-intro {padding: 64px 16px;}.work-intro h1 {margin-bottom: 96px;}.work-intro .cl-left {grid-column: 1/-1;grid-row: 3/4;row-gap: 16px;}.work-intro .cl-right {grid-column: 1/-1;grid-row: 2/3;row-gap: 16px;margin-bottom: 64px;}.work-intro .cl-left {grid-column: 1/-1;}.work-intro .cl-left .item {grid-template-columns: repeat(8, 1fr);}.work-intro .cl-left .item .intro-category {grid-column: 1/5;}.work-intro .cl-left .sub-item {grid-template-columns: repeat(8, 1fr);}.work-intro .cl-left .sub-item .intro-text {grid-column: 5/9;}.work-intro .cl-left .item .intro-text, .work-intro .cl-left .sub-item .intro-text {grid-column: 5/9;}.padding-24 {padding: 16px;}.padding-lr-24 {padding: 0 16px;}.padding-top{padding: 16px 0 0 0;}.full-width {padding: 16px 0;}.row-50 {padding: 16px;column-gap: 16px;}.video {padding: 0 10%;margin: 96px 0;}.row-text-block {padding: 96px 16px 0;}.testimonial {margin: 96px 16px;}.teammhd-testimonial {margin: 134px 16px 64px;}.forwwward_item-1 {grid-column: 1/8;}.westcode_item-1 {grid-column: 1/8;grid-row: 1/2;}.westcode_item-2 {grid-column: 5/9;grid-row: 2/3;}.westcode_item-3 {grid-column: 1/-1;grid-row: 3/4;}.westcode_item-4 {grid-column: 1/4;grid-row: 1/2;}.westcode_item-5 {grid-column: 5/9;grid-row: 1/2;}.westcode_item-6 {grid-column: 5/9;grid-row: 2/3;}.grid .cl-left {grid-column: 1/5;}.grid .cl-right {grid-column: 5/9;}.slider-container {padding: 0 16px 64px 16px;}.slides {gap: 16px;}.thumbnails {margin-top: 16px;gap: 16px;}.teammhd-images-merchandise {padding: 64px 16px;}.teammhd_item-1 {grid-column: 1/5;}.teammhd_item-2 {grid-column: 5/9;}.teammhd_item-3 {grid-column: 1/5;}.teammhd_item-4 {grid-column: 1/5;}.teammhd_item-5 {grid-column: 1/-1;}.teammhd_item-6 {grid-column: 5/9;}.row-mobile {flex-direction: column;padding: 96px 16px;width: 100%;align-items: center;row-gap: 96px;}.video-mobile video {width: auto;height: 60svh;}.next-case-top {padding: 16px;}.next-case-top img {width: 20px;height: 20px;}.next-case-top .outline-circular-button {padding: 12px 12px;}.next-case-image img{height: 80svh;object-fit: cover;}.next-case-mobile{display: block;}.next-case-desktop{display: none;}.copyright-container {padding: 96px 16px;}footer {margin: 0 16px;}footer a:hover {background-color: transparent;}footer a:not(.current):hover {background-color: transparent;}footer a.current:hover {background-color: var(--bgwhite20);}.content-404 {padding: 96px 16px;}#show-more {display: none;}.services .service-item {grid-template-columns: repeat(2, 1fr);justify-content: flex-end;}.services .title {grid-column: unset;}.services .service-text {grid-column: 2/-1;}.services .videos-container {display: none;}.services .service-item:after {content: unset;}.services .service-item:hover .service-text {color: var(--grey50);}.arrow_changer {position: static !important;grid-column: 1/-1;grid-row: 3/4;padding-top: 16px;}}@media (max-width: 780px) {:root {--grid-columns: 8;--grid-gutter: 16px;}.hero video, .work-reel video {height: normal;}.selectedwork-content {display: flex;flex-direction: column;row-gap: 16px;}.home .testimonial {margin: 32px 0 64px 0;}.thumb-forwwward, .thumb-westcode, .thumb-portalipca, .thumb-teammhd {width: 100%;}.home .services-overview {padding: 32px 0 64px 0;}.thumb-forwwward img, .thumb-westcode img, .thumb-portalipca img, .thumb-teammhd img {min-height: 40vh;max-height: 50vh;object-fit: cover;}.thumb-portalipca .thumb-desktop{display: none;}.thumb-portalipca .thumb-mobile{display: block;}.about-services {flex-direction: column;padding: 32px 16px 96px;}.about-services .section-text {width: 100%;margin-bottom: 16px;}.cl-services {width: 100%;}.cl-services ul {margin-bottom: 16px;}.password-content {display: flex;flex-direction: column;padding-left: 0;}.password-container .password-close {top: 16px;left: 16px;}#loginForm {align-items: flex-start;padding: 96px 16px;}#error-message, #success-message {align-self: flex-start;}.copyright-item {width: 100%;}.home .selectedwork-content {align-items: start;}}@media (max-width: 667px) {:root {--grid-columns: 4;}#loader .bars {height: 32px;}#loader .bars div {width: 10px;height: 8px;}.heading-text, .selectedwork-container .cl-heading, .cl-hero {width: 100%;}.testimonial h2 {text-indent: 0;}.services-overview .services-title {grid-column: 1/-1;}.services-overview .services-accordion {grid-column: 1/-1;grid-row: 2/3;}.work-grid {grid-template-columns: repeat(4, 1fr);}.about-experience {flex-direction: column;row-gap: 24px;}.about-experience .cl-left {width: 100%;flex-direction: column-reverse;}.about-experience .cl-left figcaption {padding-top: 0;padding-bottom: 8px;}.about-experience .cl-right {width: 100%;}.about-experience .cl-right .item:nth-child(2) {padding-top: 16px;}.about-experience .cl-right .item {padding-bottom: 16px;}.about-experience .cl-right .item:nth-child(4) {padding-bottom: 0;padding-top: 16px;}.cl-services {flex-direction: column;}.cl-services ul {margin-bottom: 16px;}.about-curiosity {padding: 16px 16px 64px;}.archive-container .active-item {width: 100%;max-height: unset;height: auto;}.archive-container .box {width: 15%;}.work-intro {padding: 32px 16px;}.work-intro h1 {margin-bottom: 64px;}.work-intro .cl-left .item {grid-template-columns: repeat(4, 1fr);}.work-intro .cl-left .item .intro-category {grid-column: 1/-1;padding: 4px 0;}.work-intro .cl-left .sub-item {grid-template-columns: repeat(4, 1fr);}.work-intro .cl-left .sub-item .intro-text {grid-column: 1/-1;}.work-intro .cl-left .item .intro-text, .work-intro .cl-left .sub-item .intro-text {grid-column: 1/-1;}.video {padding: 0 16px;}.video-border {border: 2px solid var(--grey10);outline: none;}.border-radius {border-radius: 16px;}.row-text-block {padding: 64px 16px 0;width: 100%;}.forwwward_item-1 {grid-column: 1/-1;}.westcode_item-1 {grid-column: 1/-1;}.westcode_item-2 {grid-column: 2/5;}.westcode_item-4 {grid-column: 2/5;grid-row: 1/2;}.westcode_item-5 {grid-column: 2/5;grid-row: 2/3;}.westcode_item-6 {grid-column: 1/-1;grid-row: 3/4;}.grid .cl-left {display: none;}.grid .cl-right {grid-column: 1/5;}.teammhd_item-1 {grid-column: 2/5;grid-row: 1/2;}.teammhd_item-2 {grid-column: 1/4;grid-row: 2/3;}.teammhd_item-3 {grid-column: 1/-1;grid-row: 3/4;}.teammhd_item-4 {grid-column: 1/4;}.teammhd_item-6 {grid-column: 2/5;}.next-case {padding: 64px 0 0;}.testimonial {margin: 64px 16px;}.content__text > span:first-child {margin-left: 0 !important;}#mobile-show-more-drawer .tab > .image-left {width: 50%;margin-left: 0;}#mobile-show-more-drawer .tab p {margin-left: 0;}#mobile-show-more-drawer .tab > .image-inside {padding-left: 0;}}@media (max-width: 540px) {h1 {font-size: calc(1.75rem + 1vw);}h3, .tab-about button {font-size: 24px;}h4 {font-size: 20px !important;}.selectedwork-container img {max-height: 300px;}.thumb-desktop{display: none;}.thumb-mobile{display: block;}.work-text {padding: 10px;}.work-tags {display: none;}.next-case-text {grid-column: 1/2;grid-row: 1/2;}.next-case-top .outline-circular-button {grid-column: 2/3;grid-row: 1/2;justify-self: end;}.about-curiosity {padding: 16px 16px 48px;}.about-container-tabs {flex-direction: column;row-gap: 8px;column-gap: none;}.tabs-content-about {width: 100%;}.tab-about {width: 100%;}.tab-about button, .tab-about button:nth-child(1) {padding: 16px 0;}#tabcontent1, #tabcontent2, #tabcontent3 {height: 300px;}.archive-container {gap: 48px;}.teammhd_item-4 {grid-column: 1/-1;}.teammhd_item-6 {grid-column: 1/-1;}.row-mobile {padding: 64px;row-gap: 64px;}.video-mobile video {width: 100%;height: auto;}.footer-list {gap: 0;}.footer-list p, .b-social-list, footer a {grid-column: 1/-1;}.b-social {grid-row: 1/2;}.b-external {grid-row: 2/3;}.b-imprint {grid-row: 3/4;display: flex;flex-direction: row;}.b-imprint a {margin-left: 0;}.services > ul > .service-item:first-of-type {display: flex;justify-content: flex-start;flex-direction: column;border-bottom: unset;padding: 0;}.services > ul > li:first-of-type .title {display: block;padding: 4px 16px;}.services > ul > li:first-of-type .service-text {display: block;border-bottom: 1px solid var(--bgwhite20);padding: 4px 16px;}.services > ul > .service-item {grid-template-columns: unset;justify-content: flex-start;}}@media (max-width: 390px) {.archive-container .box {width: 20%;}}