html {
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
font-family:sans-serif
}
body {
margin:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display:block
}
audio, canvas, progress, video {
vertical-align:baseline;
display:inline-block
}
audio:not([controls]) {
height:0;
display:none
}
[hidden], template {
display:none
}
a {
background-color:#0000
}
a:active, a:hover {
outline:0
}
abbr[title] {
border-bottom:1px dotted
}
b, strong {
font-weight:700
}
dfn {
font-style:italic
}
h1 {
margin:.67em 0;
font-size:2em
}
mark {
color:#000;
background:#ff0
}
small {
font-size:80%
}
sub, sup {
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
img {
border:0
}
svg:not(:root) {
overflow:hidden
}
hr {
box-sizing:content-box;
height:0
}
pre {
overflow:auto
}
code, kbd, pre, samp {
font-family:monospace;
font-size:1em
}
button, input, optgroup, select, textarea {
color:inherit;
font:inherit;
margin:0
}
button {
overflow:visible
}
button, select {
text-transform:none
}
button, html input[type=button], input[type=reset] {
-webkit-appearance:button;
cursor:pointer
}
button[disabled], html input[disabled] {
cursor:default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
line-height:normal
}
input[type=checkbox], input[type=radio] {
box-sizing:border-box;
padding:0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
-webkit-appearance:none
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
legend {
border:0;
padding:0
}
textarea {
overflow:auto
}
optgroup {
font-weight:700
}
table {
border-collapse:collapse;
border-spacing:0
}
td, th {
padding:0
}
@font-face {
font-family:webflow-icons;
src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
font-weight:400;
font-style:normal
}
[class^=w-icon-], [class*=\ w-icon-] {
speak:none;
font-variant:normal;
text-transform:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-weight:400;
line-height:1;
font-family:webflow-icons!important
}
.w-icon-slider-right:before {
content:""
}
.w-icon-slider-left:before {
content:""
}
.w-icon-nav-menu:before {
content:""
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content:""
}
.w-icon-file-upload-remove:before {
content:""
}
.w-icon-file-upload-icon:before {
content:""
}
* {
box-sizing:border-box
}
html {
height:100%
}
body {
color:#333;
background-color:#fff;
min-height:100%;
margin:0;
font-family:Arial, sans-serif;
font-size:14px;
line-height:20px
}
img {
vertical-align:middle;
max-width:100%;
display:inline-block
}
html.w-mod-touch * {
background-attachment:scroll!important
}
.w-block {
display:block
}
.w-inline-block {
max-width:100%;
display:inline-block
}
.w-clearfix:before, .w-clearfix:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-clearfix:after {
clear:both
}
.w-hidden {
display:none
}
.w-button {
color:#fff;
line-height:inherit;
cursor:pointer;
background-color:#3898ec;
border:0;
border-radius:0;
padding:9px 15px;
text-decoration:none;
display:inline-block
}
input.w-button {
-webkit-appearance:button
}
html[data-w-dynpage] [data-w-cloak] {
color:#0000!important
}
.w-code-block {
margin:unset
}
pre.w-code-block code {
all:inherit
}
.w-optimization {
display:contents
}
.w-webflow-badge, .w-webflow-badge>img {
box-sizing:unset;
width:unset;
height:unset;
max-height:unset;
max-width:unset;
min-height:unset;
min-width:unset;
margin:unset;
padding:unset;
float:unset;
clear:unset;
border:unset;
border-radius:unset;
background:unset;
background-image:unset;
background-position:unset;
background-size:unset;
background-repeat:unset;
background-origin:unset;
background-clip:unset;
background-attachment:unset;
background-color:unset;
box-shadow:unset;
transform:unset;
direction:unset;
font-family:unset;
font-weight:unset;
color:unset;
font-size:unset;
line-height:unset;
font-style:unset;
font-variant:unset;
text-align:unset;
letter-spacing:unset;
-webkit-text-decoration:unset;
text-decoration:unset;
text-indent:unset;
text-transform:unset;
list-style-type:unset;
text-shadow:unset;
vertical-align:unset;
cursor:unset;
white-space:unset;
word-break:unset;
word-spacing:unset;
word-wrap:unset;
transition:unset
}
.w-webflow-badge {
white-space:nowrap;
cursor:pointer;
box-shadow:0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility:visible!important;
opacity:1!important;
z-index:2147483647!important;
color:#aaadb0!important;
overflow:unset!important;
background-color:#fff!important;
border-radius:3px!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:6px!important;
font-size:12px!important;
line-height:14px!important;
text-decoration:none!important;
display:inline-block!important;
position:fixed!important;
inset:auto 12px 12px auto!important;
transform:none!important
}
.w-webflow-badge>img {
position:unset;
visibility:unset!important;
opacity:1!important;
vertical-align:middle!important;
display:inline-block!important
}
h1, h2, h3, h4, h5, h6 {
margin-bottom:10px;
font-weight:700
}
h1 {
margin-top:20px;
font-size:38px;
line-height:44px
}
h2 {
margin-top:20px;
font-size:32px;
line-height:36px
}
h3 {
margin-top:20px;
font-size:24px;
line-height:30px
}
h4 {
margin-top:10px;
font-size:18px;
line-height:24px
}
h5 {
margin-top:10px;
font-size:14px;
line-height:20px
}
h6 {
margin-top:10px;
font-size:12px;
line-height:18px
}
p {
margin-top:0;
margin-bottom:10px
}
blockquote {
border-left:5px solid #e2e2e2;
margin:0 0 10px;
padding:10px 20px;
font-size:18px;
line-height:22px
}
figure {
margin:0 0 10px
}
figcaption {
text-align:center;
margin-top:5px
}
ul, ol {
margin-top:0;
margin-bottom:10px;
padding-left:40px
}
.w-list-unstyled {
padding-left:0;
list-style:none
}
.w-embed:before, .w-embed:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-embed:after {
clear:both
}
.w-video {
width:100%;
padding:0;
position:relative
}
.w-video iframe, .w-video object, .w-video embed {
border:none;
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
fieldset {
border:0;
margin:0;
padding:0
}
button, [type=button], [type=reset] {
cursor:pointer;
-webkit-appearance:button;
border:0
}
.w-form {
margin:0 0 15px
}
.w-form-done {
text-align:center;
background-color:#ddd;
padding:20px;
display:none
}
.w-form-fail {
background-color:#ffdede;
margin-top:10px;
padding:10px;
display:none
}
label {
margin-bottom:5px;
font-weight:700;
display:block
}
.w-input, .w-select {
color:#333;
vertical-align:middle;
background-color:#fff;
border:1px solid #ccc;
width:100%;
height:38px;
margin-bottom:10px;
padding:8px 12px;
font-size:14px;
line-height:1.42857;
display:block
}
.w-input::placeholder, .w-select::placeholder {
color:#999
}
.w-input:focus, .w-select:focus {
border-color:#3898ec;
outline:0
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor:not-allowed
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color:#eee
}
textarea.w-input, textarea.w-select {
height:auto
}
.w-select {
background-color:#f3f3f3
}
.w-select[multiple] {
height:auto
}
.w-form-label {
cursor:pointer;
margin-bottom:0;
font-weight:400;
display:inline-block
}
.w-radio {
margin-bottom:5px;
padding-left:20px;
display:block
}
.w-radio:before, .w-radio:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-radio:after {
clear:both
}
.w-radio-input {
float:left;
margin:3px 0 0 -20px;
line-height:normal
}
.w-file-upload {
margin-bottom:10px;
display:block
}
.w-file-upload-input {
opacity:0;
z-index:-100;
width:.1px;
height:.1px;
position:absolute;
overflow:hidden
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color:#333;
display:inline-block
}
.w-file-upload-error {
margin-top:10px;
display:block
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display:none
}
.w-file-upload-uploading-btn {
cursor:pointer;
background-color:#fafafa;
border:1px solid #ccc;
margin:0;
padding:8px 12px;
font-size:14px;
font-weight:400;
display:flex
}
.w-file-upload-file {
background-color:#fafafa;
border:1px solid #ccc;
flex-grow:1;
justify-content:space-between;
margin:0;
padding:8px 9px 8px 11px;
display:flex
}
.w-file-upload-file-name {
font-size:14px;
font-weight:400;
display:block
}
.w-file-remove-link {
cursor:pointer;
width:auto;
height:auto;
margin-top:3px;
margin-left:10px;
padding:3px;
display:block
}
.w-icon-file-upload-remove {
margin:auto;
font-size:10px
}
.w-file-upload-error-msg {
color:#ea384c;
padding:2px 0;
display:inline-block
}
.w-file-upload-info {
padding:0 12px;
line-height:38px;
display:inline-block
}
.w-file-upload-label {
cursor:pointer;
background-color:#fafafa;
border:1px solid #ccc;
margin:0;
padding:8px 12px;
font-size:14px;
font-weight:400;
display:inline-block
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width:20px;
margin-right:8px;
display:inline-block
}
.w-icon-file-upload-uploading {
height:20px
}
.w-container {
max-width:940px;
margin-left:auto;
margin-right:auto
}
.w-container:before, .w-container:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-container:after {
clear:both
}
.w-container .w-row {
margin-left:-10px;
margin-right:-10px
}
.w-row:before, .w-row:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-row:after {
clear:both
}
.w-row .w-row {
margin-left:0;
margin-right:0
}
.w-col {
float:left;
width:100%;
min-height:1px;
padding-left:10px;
padding-right:10px;
position:relative
}
.w-col .w-col {
padding-left:0;
padding-right:0
}
.w-col-1 {
width:8.33333%
}
.w-col-2 {
width:16.6667%
}
.w-col-3 {
width:25%
}
.w-col-4 {
width:33.3333%
}
.w-col-5 {
width:41.6667%
}
.w-col-6 {
width:50%
}
.w-col-7 {
width:58.3333%
}
.w-col-8 {
width:66.6667%
}
.w-col-9 {
width:75%
}
.w-col-10 {
width:83.3333%
}
.w-col-11 {
width:91.6667%
}
.w-col-12 {
width:100%
}
.w-hidden-main {
display:none!important
}
@media screen and (max-width:991px) {
.w-container {
max-width:728px
}
.w-hidden-main {
display:inherit!important
}
.w-hidden-medium {
display:none!important
}
.w-col-medium-1 {
width:8.33333%
}
.w-col-medium-2 {
width:16.6667%
}
.w-col-medium-3 {
width:25%
}
.w-col-medium-4 {
width:33.3333%
}
.w-col-medium-5 {
width:41.6667%
}
.w-col-medium-6 {
width:50%
}
.w-col-medium-7 {
width:58.3333%
}
.w-col-medium-8 {
width:66.6667%
}
.w-col-medium-9 {
width:75%
}
.w-col-medium-10 {
width:83.3333%
}
.w-col-medium-11 {
width:91.6667%
}
.w-col-medium-12 {
width:100%
}
.w-col-stack {
width:100%;
left:auto;
right:auto
}
}
@media screen and (max-width:767px) {
.w-hidden-main, .w-hidden-medium {
display:inherit!important
}
.w-hidden-small {
display:none!important
}
.w-row, .w-container .w-row {
margin-left:0;
margin-right:0
}
.w-col {
width:100%;
left:auto;
right:auto
}
.w-col-small-1 {
width:8.33333%
}
.w-col-small-2 {
width:16.6667%
}
.w-col-small-3 {
width:25%
}
.w-col-small-4 {
width:33.3333%
}
.w-col-small-5 {
width:41.6667%
}
.w-col-small-6 {
width:50%
}
.w-col-small-7 {
width:58.3333%
}
.w-col-small-8 {
width:66.6667%
}
.w-col-small-9 {
width:75%
}
.w-col-small-10 {
width:83.3333%
}
.w-col-small-11 {
width:91.6667%
}
.w-col-small-12 {
width:100%
}
}
@media screen and (max-width:479px) {
.w-container {
max-width:none
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display:inherit!important
}
.w-hidden-tiny {
display:none!important
}
.w-col {
width:100%
}
.w-col-tiny-1 {
width:8.33333%
}
.w-col-tiny-2 {
width:16.6667%
}
.w-col-tiny-3 {
width:25%
}
.w-col-tiny-4 {
width:33.3333%
}
.w-col-tiny-5 {
width:41.6667%
}
.w-col-tiny-6 {
width:50%
}
.w-col-tiny-7 {
width:58.3333%
}
.w-col-tiny-8 {
width:66.6667%
}
.w-col-tiny-9 {
width:75%
}
.w-col-tiny-10 {
width:83.3333%
}
.w-col-tiny-11 {
width:91.6667%
}
.w-col-tiny-12 {
width:100%
}
}
.w-widget {
position:relative
}
.w-widget-map {
width:100%;
height:400px
}
.w-widget-map label {
width:auto;
display:inline
}
.w-widget-map img {
max-width:inherit
}
.w-widget-map .gm-style-iw {
text-align:center
}
.w-widget-map .gm-style-iw>button {
display:none!important
}
.w-widget-twitter {
overflow:hidden
}
.w-widget-twitter-count-shim {
vertical-align:top;
text-align:center;
background:#fff;
border:1px solid #758696;
border-radius:3px;
width:28px;
height:20px;
display:inline-block;
position:relative
}
.w-widget-twitter-count-shim * {
pointer-events:none;
-webkit-user-select:none;
user-select:none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align:center;
color:#999;
font-family:serif;
font-size:15px;
line-height:12px;
position:relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display:block;
position:relative
}
.w-widget-twitter-count-shim.w--large {
width:36px;
height:28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size:18px;
line-height:18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left:5px;
margin-right:8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left:6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content:" ";
pointer-events:none;
border:solid #0000;
width:0;
height:0;
position:absolute;
top:50%;
left:0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width:4px;
border-color:#75869600 #5d6c7b #75869600 #75869600;
margin-top:-4px;
margin-left:-9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width:5px;
margin-top:-5px;
margin-left:-10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width:4px;
border-color:#fff0 #fff #fff0 #fff0;
margin-top:-4px;
margin-left:-8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width:5px;
margin-top:-5px;
margin-left:-9px
}
.w-widget-twitter-count-shim.w--vertical {
width:61px;
height:33px;
margin-bottom:8px
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content:" ";
pointer-events:none;
border:solid #0000;
width:0;
height:0;
position:absolute;
top:100%;
left:50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width:5px;
border-color:#5d6c7b #75869600 #75869600;
margin-left:-5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width:4px;
border-color:#fff #fff0 #fff0;
margin-left:-4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size:18px;
line-height:22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width:76px
}
.w-background-video {
color:#fff;
height:500px;
position:relative;
overflow:hidden
}
.w-background-video>video {
object-fit:cover;
z-index:-100;
background-position:50%;
background-size:cover;
width:100%;
height:100%;
margin:auto;
position:absolute;
inset:-100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance:none;
display:none!important
}
.w-background-video--control {
background-color:#0000;
padding:0;
position:absolute;
bottom:1em;
right:1em
}
.w-background-video--control>[hidden] {
display:none!important
}
.w-slider {
text-align:center;
clear:both;
-webkit-tap-highlight-color:#0000;
tap-highlight-color:#0000;
background:#ddd;
height:300px;
position:relative
}
.w-slider-mask {
z-index:1;
white-space:nowrap;
height:100%;
display:block;
position:relative;
left:0;
right:0;
overflow:hidden
}
.w-slide {
vertical-align:top;
white-space:normal;
text-align:left;
width:100%;
height:100%;
display:inline-block;
position:relative
}
.w-slider-nav {
z-index:2;
text-align:center;
-webkit-tap-highlight-color:#0000;
tap-highlight-color:#0000;
height:40px;
margin:auto;
padding-top:10px;
position:absolute;
inset:auto 0 0
}
.w-slider-nav.w-round>div {
border-radius:100%
}
.w-slider-nav.w-num>div {
font-size:inherit;
line-height:inherit;
width:auto;
height:auto;
padding:.2em .5em
}
.w-slider-nav.w-shadow>div {
box-shadow:0 0 3px #3336
}
.w-slider-nav-invert {
color:#fff
}
.w-slider-nav-invert>div {
background-color:#2226
}
.w-slider-nav-invert>div.w-active {
background-color:#222
}
.w-slider-dot {
cursor:pointer;
background-color:#fff6;
width:1em;
height:1em;
margin:0 3px .5em;
transition:background-color .1s, color .1s;
display:inline-block;
position:relative
}
.w-slider-dot.w-active {
background-color:#fff
}
.w-slider-dot:focus {
outline:none;
box-shadow:0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
box-shadow:none
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor:pointer;
color:#fff;
-webkit-tap-highlight-color:#0000;
tap-highlight-color:#0000;
-webkit-user-select:none;
user-select:none;
width:80px;
margin:auto;
font-size:40px;
position:absolute;
inset:0;
overflow:hidden
}
.w-slider-arrow-left [class^=w-icon-], .w-slider-arrow-right [class^=w-icon-], .w-slider-arrow-left [class*=\ w-icon-], .w-slider-arrow-right [class*=\ w-icon-] {
position:absolute
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline:0
}
.w-slider-arrow-left {
z-index:3;
right:auto
}
.w-slider-arrow-right {
z-index:4;
left:auto
}
.w-icon-slider-left, .w-icon-slider-right {
width:1em;
height:1em;
margin:auto;
inset:0
}
.w-slider-aria-label {
clip:rect(0 0 0 0);
border:0;
width:1px;
height:1px;
margin:-1px;
padding:0;
position:absolute;
overflow:hidden
}
.w-slider-force-show {
display:block!important
}
.w-dropdown {
text-align:left;
z-index:900;
margin-left:auto;
margin-right:auto;
display:inline-block;
position:relative
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align:top;
color:#222;
text-align:left;
white-space:nowrap;
margin-left:auto;
margin-right:auto;
padding:20px;
text-decoration:none;
position:relative
}
.w-dropdown-toggle {
-webkit-user-select:none;
user-select:none;
cursor:pointer;
padding-right:40px;
display:inline-block
}
.w-dropdown-toggle:focus {
outline:0
}
.w-icon-dropdown-toggle {
width:1em;
height:1em;
margin:auto 20px auto auto;
position:absolute;
top:0;
bottom:0;
right:0
}
.w-dropdown-list {
background:#ddd;
min-width:100%;
display:none;
position:absolute
}
.w-dropdown-list.w--open {
display:block
}
.w-dropdown-link {
color:#222;
padding:10px 20px;
display:block
}
.w-dropdown-link.w--current {
color:#0082f3
}
.w-dropdown-link:focus {
outline:0
}
@media screen and (max-width:767px) {
.w-nav-brand {
padding-left:10px
}
}
.w-lightbox-backdrop {
cursor:auto;
letter-spacing:normal;
text-indent:0;
text-shadow:none;
text-transform:none;
visibility:visible;
white-space:normal;
word-break:normal;
word-spacing:normal;
word-wrap:normal;
color:#fff;
text-align:center;
z-index:2000;
opacity:0;
-webkit-user-select:none;
-moz-user-select:none;
-webkit-tap-highlight-color:transparent;
background:#000000e6;
outline:0;
font-family:Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size:17px;
font-style:normal;
font-weight:300;
line-height:1.2;
list-style:disc;
position:fixed;
inset:0;
-webkit-transform:translate(0)
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling:touch;
height:100%;
overflow:auto
}
.w-lightbox-content {
height:100vh;
position:relative;
overflow:hidden
}
.w-lightbox-view {
opacity:0;
width:100vw;
height:100vh;
position:absolute
}
.w-lightbox-view:before {
content:"";
height:100vh
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height:86vh
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align:middle;
display:inline-block
}
.w-lightbox-figure {
margin:0;
position:relative
}
.w-lightbox-group .w-lightbox-figure {
cursor:pointer
}
.w-lightbox-img {
width:auto;
max-width:none;
height:auto
}
.w-lightbox-image {
float:none;
max-width:100vw;
max-height:100vh;
display:block
}
.w-lightbox-group .w-lightbox-image {
max-height:86vh
}
.w-lightbox-caption {
text-align:left;
text-overflow:ellipsis;
white-space:nowrap;
background:#0006;
padding:.5em 1em;
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden
}
.w-lightbox-embed {
width:100%;
height:100%;
position:absolute;
inset:0
}
.w-lightbox-control {
cursor:pointer;
background-position:50%;
background-repeat:no-repeat;
background-size:24px;
width:4em;
transition:all .3s;
position:absolute;
top:0
}
.w-lightbox-left {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display:none;
bottom:0;
left:0
}
.w-lightbox-right {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display:none;
bottom:0;
right:0
}
.w-lightbox-close {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size:18px;
height:2.6em;
right:0
}
.w-lightbox-strip {
white-space:nowrap;
padding:0 1vh;
line-height:0;
position:absolute;
bottom:0;
left:0;
right:0;
overflow:auto hidden
}
.w-lightbox-item {
box-sizing:content-box;
cursor:pointer;
width:10vh;
padding:2vh 1vh;
display:inline-block;
-webkit-transform:translate(0, 0)
}
.w-lightbox-active {
opacity:.3
}
.w-lightbox-thumbnail {
background:#222;
height:10vh;
position:relative;
overflow:hidden
}
.w-lightbox-thumbnail-image {
position:absolute;
top:0;
left:0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width:100%;
top:50%;
transform:translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height:100%;
left:50%;
transform:translate(-50%)
}
.w-lightbox-spinner {
box-sizing:border-box;
border:5px solid #0006;
border-radius:50%;
width:40px;
height:40px;
margin-top:-20px;
margin-left:-20px;
animation:.8s linear infinite spin;
position:absolute;
top:50%;
left:50%
}
.w-lightbox-spinner:after {
content:"";
border:3px solid #0000;
border-bottom-color:#fff;
border-radius:50%;
position:absolute;
inset:-4px
}
.w-lightbox-hide {
display:none
}
.w-lightbox-noscroll {
overflow:hidden
}
@media (min-width:768px) {
.w-lightbox-content {
height:96vh;
margin-top:2vh
}
.w-lightbox-view, .w-lightbox-view:before {
height:96vh
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height:84vh
}
.w-lightbox-image {
max-width:96vw;
max-height:96vh
}
.w-lightbox-group .w-lightbox-image {
max-width:82.3vw;
max-height:84vh
}
.w-lightbox-left, .w-lightbox-right {
opacity:.5;
display:block
}
.w-lightbox-close {
opacity:.8
}
.w-lightbox-control:hover {
opacity:1
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity:0
}
.w-richtext:before, .w-richtext:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-richtext:after {
clear:both
}
.w-richtext[contenteditable=true]:before, .w-richtext[contenteditable=true]:after {
white-space:initial
}
.w-richtext ol, .w-richtext ul {
overflow:hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline:2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after, .w-richtext figure[data-rt-type=video]>div:after {
content:"";
display:none;
position:absolute;
inset:0
}
.w-richtext figure {
max-width:60%;
position:relative
}
.w-richtext figure>div:before {
cursor:default!important
}
.w-richtext figure img {
width:100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity:.6
}
.w-richtext figure div {
color:#0000;
font-size:0
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type=image] {
display:table
}
.w-richtext figure.w-richtext-figure-type-image>div, .w-richtext figure[data-rt-type=image]>div {
display:inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption, .w-richtext figure[data-rt-type=image]>figcaption {
caption-side:bottom;
display:table-caption
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] {
width:60%;
height:0
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type=video] iframe {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
.w-richtext figure.w-richtext-figure-type-video>div, .w-richtext figure[data-rt-type=video]>div {
width:100%
}
.w-richtext figure.w-richtext-align-center {
clear:both;
margin-left:auto;
margin-right:auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div, .w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width:100%
}
.w-richtext figure.w-richtext-align-normal {
clear:both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align:center;
clear:both;
width:100%;
max-width:100%;
margin-left:auto;
margin-right:auto;
display:block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom:inherit;
display:inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display:block
}
.w-richtext figure.w-richtext-align-floatleft {
float:left;
clear:none;
margin-right:15px
}
.w-richtext figure.w-richtext-align-floatright {
float:right;
clear:none;
margin-left:15px
}
.w-nav {
z-index:1000;
background:#ddd;
position:relative
}
.w-nav:before, .w-nav:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-nav:after {
clear:both
}
.w-nav-brand {
float:left;
color:#333;
text-decoration:none;
position:relative
}
.w-nav-link {
vertical-align:top;
color:#222;
text-align:left;
margin-left:auto;
margin-right:auto;
padding:20px;
text-decoration:none;
display:inline-block;
position:relative
}
.w-nav-link.w--current {
color:#0082f3
}
.w-nav-menu {
float:right;
position:relative
}
[data-nav-menu-open] {
text-align:center;
background:#c8c8c8;
min-width:200px;
position:absolute;
top:100%;
left:0;
right:0;
overflow:visible;
display:block!important
}
.w--nav-link-open {
display:block;
position:relative
}
.w-nav-overlay {
width:100%;
display:none;
position:absolute;
top:100%;
left:0;
right:0;
overflow:hidden
}
.w-nav-overlay [data-nav-menu-open] {
top:0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width:auto
}
.w-nav[data-animation=over-left] .w-nav-overlay, .w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index:1;
top:0;
right:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay, .w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index:1;
top:0;
left:auto
}
.w-nav-button {
float:right;
cursor:pointer;
-webkit-tap-highlight-color:#0000;
tap-highlight-color:#0000;
-webkit-user-select:none;
user-select:none;
padding:18px;
font-size:24px;
display:none;
position:relative
}
.w-nav-button:focus {
outline:0
}
.w-nav-button.w--open {
color:#fff;
background-color:#c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display:none
}
.w-nav[data-collapse=all] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display:block
}
.w--nav-dropdown-list-open {
position:static
}
@media screen and (max-width:991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display:none
}
.w-nav[data-collapse=medium] .w-nav-button {
display:block
}
}
@media screen and (max-width:767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display:none
}
.w-nav[data-collapse=small] .w-nav-button {
display:block
}
.w-nav-brand {
padding-left:10px
}
}
@media screen and (max-width:479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display:none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display:block
}
}
.w-tabs {
position:relative
}
.w-tabs:before, .w-tabs:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-tabs:after {
clear:both
}
.w-tab-menu {
position:relative
}
.w-tab-link {
vertical-align:top;
text-align:left;
cursor:pointer;
color:#222;
background-color:#ddd;
padding:9px 30px;
text-decoration:none;
display:inline-block;
position:relative
}
.w-tab-link.w--current {
background-color:#c8c8c8
}
.w-tab-link:focus {
outline:0
}
.w-tab-content {
display:block;
position:relative;
overflow:hidden
}
.w-tab-pane {
display:none;
position:relative
}
.w--tab-active {
display:block
}
@media screen and (max-width:479px) {
.w-tab-link {
display:block
}
}
.w-ix-emptyfix:after {
content:""
}
@keyframes spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
.w-dyn-empty {
background-color:#ddd;
padding:10px
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display:none!important
}
.wf-layout-layout {
display:grid
}
.w-code-component>* {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
:root {
--black:#191818;
--suisse-intl:Suisseintl, sans-serif;
--text:#fffffff5;
--colors--white:white;
--letterspacing--h1:-.05em;
--letterspacing--h3:-.03em;
--text-medium:#9d9d9d;
--layout--padding-mobile:6vw;
--box-full-color:#1f1f1f;
--box:#ffffff1f;
--border:#fff3;
--yellow:#fff500;
--text-light:#737373;
--border-focus:#5c5c5c;
--transparent:transparent;
--layout--blog-container-width:700px;
--text-richtext:#ffffffb3;
--webflow--blue:#146ef5;
--ep25--red:red;
--ep25--spacing:2vw;
--ep25--red-border:#ff000080;
--text-inactive:#fff3;
--box-hover:#ffffff29
}
.w-pagination-wrapper {
flex-wrap:wrap;
justify-content:center;
display:flex
}
.w-pagination-previous {
color:#333;
background-color:#fafafa;
border:1px solid #ccc;
border-radius:2px;
margin-left:10px;
margin-right:10px;
padding:9px 20px;
font-size:14px;
display:block
}
.w-pagination-previous-icon {
margin-right:4px
}
.w-pagination-next {
color:#333;
background-color:#fafafa;
border:1px solid #ccc;
border-radius:2px;
margin-left:10px;
margin-right:10px;
padding:9px 20px;
font-size:14px;
display:block
}
body {
background-color:var(--black);
font-family:var(--suisse-intl);
color:var(--text);
font-size:14px;
font-weight:400;
line-height:1.2;
overflow:hidden
}
h1 {
color:var(--colors--white);
letter-spacing:var(--letterspacing--h1);
margin-top:0;
margin-bottom:0;
font-family:Suisseintl, sans-serif;
font-size:60px;
font-weight:500;
line-height:1.2
}
h2 {
color:var(--colors--white);
letter-spacing:var(--letterspacing--h1);
margin-top:0;
margin-bottom:0;
font-family:Suisseintl, sans-serif;
font-size:100px;
font-weight:500;
line-height:1
}
h3 {
color:var(--text);
letter-spacing:var(--letterspacing--h3);
margin-top:0;
margin-bottom:0;
font-size:20px;
font-weight:500;
line-height:1.2;
text-decoration:none
}
h4 {
color:var(--colors--white);
margin-top:0;
margin-bottom:0;
font-size:30px;
font-weight:500;
line-height:1
}
h5 {
color:var(--colors--white);
text-transform:none;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
font-size:20px;
font-weight:500;
line-height:1.1
}
h6 {
margin-top:0;
margin-bottom:0;
font-weight:400
}
p {
color:var(--text-medium);
margin-bottom:0;
font-family:Suisseintl, sans-serif;
font-size:17px;
font-weight:400;
line-height:1.5
}
a {
text-decoration:none
}
img {
color:#0000;
max-width:100%;
display:inline-block
}
strong {
font-weight:500
}
em {
font-style:italic
}
figure {
margin-bottom:10px
}
.tem__block {
opacity:1;
transform:translate(0)
}
.tem__img-wrapper {
border-radius:3px;
padding-top:120%;
position:relative;
overflow:hidden
}
.tem__info {
justify-content:space-between;
margin-bottom:40px;
padding-top:12px;
display:flex;
overflow:hidden
}
.teamname {
float:none;
color:var(--text);
margin-bottom:0;
font-size:16px;
font-weight:500;
line-height:20px
}
.tem__text-wrapper {
width:auto
}
.teamposition {
float:none;
color:var(--text-medium);
letter-spacing:0;
text-transform:none;
margin-bottom:0;
font-size:14px;
font-weight:500;
line-height:20px
}
.tem__link-wrapper {
flex-direction:column;
justify-content:flex-start;
align-items:flex-end;
padding-top:3px;
display:flex
}
.tem__collection-item {
width:100%
}
.tem__collection-container {
width:100%;
margin-left:auto;
margin-right:auto
}
.tem__img {
object-fit:cover;
width:100%;
height:100%;
max-height:100%;
display:block;
position:absolute;
inset:0%
}
.black__body {
background-color:var(--black);
height:100%
}
.nav__burger-container {
z-index:10;
flex-direction:column;
justify-content:center;
align-items:flex-end;
margin-left:auto;
margin-right:-40px;
padding:11px 40px 10px;
display:flex;
position:relative
}
.homehero__section {
z-index:0;
flex-direction:column;
justify-content:flex-start;
align-items:center;
width:100%;
height:140vh;
padding-bottom:40vh;
display:flex;
position:relative;
overflow:hidden
}
.work__img {
color:#0000;
object-fit:cover;
object-position:50% 0%;
width:100%;
height:100%;
display:block
}
.crs__circle {
border:1px solid #fff6;
border-radius:100px;
flex:none;
justify-content:center;
align-items:center;
width:60px;
height:60px;
transition:all .2s cubic-bezier(.455, .03, .515, .955);
display:flex;
position:absolute
}
.angebot__column1 {
justify-content:center;
align-items:center;
width:65%;
display:flex;
position:relative
}
.work__hero__section {
justify-content:flex-start;
align-items:flex-end;
height:140svh;
padding-bottom:40svh;
display:flex;
position:relative;
overflow:hidden
}
.work__hero__text-container {
z-index:10;
width:100%;
max-width:1700px;
margin-bottom:80px;
position:relative
}
.work__hero__heading {
color:#ffffffb3;
margin-bottom:16px;
font-size:20px;
font-weight:500;
line-height:1
}
.work__hero__heading.work__next__heading {
color:var(--text);
letter-spacing:var(--letterspacing--h1);
font-size:10vw;
font-weight:500;
transition:all .3s cubic-bezier(.215, .61, .355, 1)
}
.work__hero__subheading {
color:var(--text);
letter-spacing:var(--letterspacing--h1);
max-width:70vw;
font-family:Suisseintl, sans-serif;
font-size:7vw;
font-weight:500;
line-height:1
}
.work__hero__img-container {
opacity:1;
width:100%;
height:150svh;
transition:opacity 1s;
position:absolute;
top:0%;
left:0%;
right:auto;
overflow:hidden
}
.work__facts__section {
justify-content:flex-start;
align-items:stretch;
min-height:100vh;
display:flex;
position:relative
}
.work__facts__column2 {
flex:1;
justify-content:flex-start;
align-items:center;
padding:150px 5vw;
display:flex
}
.work__facts__lead {
color:var(--colors--white);
letter-spacing:var(--letterspacing--h3);
max-width:80%;
font-size:2.3vw;
font-weight:500;
line-height:1.15
}
.work__facts__column1 {
background-color:#131313;
flex-direction:column;
flex:none;
justify-content:center;
align-items:flex-start;
width:450px;
min-width:30%;
padding:150px 5vw;
display:flex
}
.homehero__subheading__heading {
opacity:.6;
letter-spacing:var(--letterspacing--h3);
margin-left:7px;
margin-right:7px;
font-family:Suisseintl, sans-serif;
font-size:25px;
font-weight:500
}
.impressum__richtext {
color:var(--text-medium)
}
.impressum__richtext h5 {
color:var(--colors--white);
letter-spacing:-.5px;
margin-top:45px;
margin-bottom:20px;
font-family:Suisseintl, sans-serif;
font-size:22px;
font-weight:500;
line-height:1.1
}
.impressum__richtext p {
color:var(--text-medium);
font-size:16px;
line-height:26px
}
._40x__section {
justify-content:flex-start;
align-items:flex-start;
width:100vw;
max-width:100%;
min-height:100svh;
padding:60px;
display:flex;
overflow:auto
}
._40x__block {
background-color:var(--box-full-color);
text-align:center;
border-radius:4px;
flex-direction:column;
width:100%;
max-width:560px;
margin:auto;
padding:80px;
display:flex
}
.pw__form {
grid-row-gap:40px;
flex-direction:column;
align-items:stretch;
display:flex
}
.work__next__section {
z-index:50;
justify-content:center;
align-items:center;
height:60vh;
padding-left:80px;
padding-right:80px;
display:none;
position:relative
}
.utility__hidden {
display:none
}
.work__next__container {
text-align:center;
width:100%;
transition:opacity .4s
}
.work__next__heading {
padding-top:20px;
padding-bottom:20px;
transition:transform .3s cubic-bezier(.215, .61, .355, 1)
}
.work__next__preheading {
color:var(--text-medium);
font-family:Suisseintl, sans-serif;
font-size:20px;
font-weight:500;
line-height:24px;
transition:all .3s cubic-bezier(.215, .61, .355, 1)
}
.work__dummy__container {
justify-content:center;
align-items:center;
width:100%;
height:60vh;
padding-left:40px;
padding-right:40px;
transition:all 1s cubic-bezier(.77, 0, .175, 1);
display:flex;
position:absolute;
inset:auto 0% 0%;
overflow:hidden
}
.work__table__row {
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
margin-top:16px;
margin-bottom:16px
}
.work__table__title {
color:var(--text);
width:120px;
margin-bottom:16px;
font-size:22px;
font-weight:500;
line-height:1.2
}
.work__table__content {
flex:1
}
.work__table__copy {
color:var(--text-medium);
margin-bottom:0;
font-size:14px;
font-weight:400;
line-height:22px;
display:inline-block
}
.clt__item {
flex:none;
width:100%;
padding:5px;
transition:opacity .4s
}
.clt__wrapper {
grid-column-gap:0px;
grid-row-gap:0px;
flex-wrap:wrap;
grid-template-rows:auto auto;
grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
grid-template-columns: repeat(5, 1fr);
grid-auto-columns:minmax(260px, 1fr);
align-content:flex-start;
display:grid
}
.clt__link {
background-color:var(--box-full-color);
border-radius:4px;
width:100%;
height:100%
}
.clt__logo {
aspect-ratio:3/2;
mix-blend-mode:lighten;
object-fit:contain;
height:auto
}
.noise__overlay {
z-index:2147483647;
opacity:.04;
background-image:url(https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14afa4_5d8424ac4ffed73f4d72846e_5c06f51d6e75c933fe05c728_giphy.gif);
background-position:0 0;
background-size:480px;
background-attachment:fixed;
position:fixed;
inset:0%
}
.tem__link {
color:var(--text-medium);
text-transform:uppercase;
font-size:10px;
font-weight:500;
line-height:16px
}
.tem__link:hover {
color:var(--colors--white)
}
.tem__collection-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.work__content__richtext_v2 {
text-align:center;
width:100%;
margin-left:auto;
margin-right:auto
}
.work__content__richtext_v2 p {
color:var(--colors--white);
width:70vw;
max-width:900px;
margin:10vw auto;
font-size:30px;
font-weight:300;
line-height:1.4
}
.work__content__richtext_v2 h4 {
color:var(--colors--white);
letter-spacing:var(--letterspacing--h3);
width:70vw;
max-width:900px;
margin:10vw auto;
font-size:55px;
font-weight:500;
line-height:1
}
.work__content__richtext_v2 h5 {
color:var(--colors--white);
width:70vw;
max-width:834px;
margin-top:40px;
margin-left:auto;
margin-right:auto;
font-size:18px;
font-weight:500;
line-height:1
}
.work__content__richtext_v2 a {
color:var(--colors--white)
}
.work__content__richtext_v2 a:hover {
text-decoration:underline
}
.work__content__richtext_v2 img {
object-fit:cover;
width:100%;
min-height:105vh;
display:block
}
.work__content__richtext_v2 h2 {
color:#fff;
letter-spacing:var(--letterspacing--h3);
width:70vw;
max-width:900px;
margin:10vw auto;
font-family:Suisseintl, sans-serif;
font-size:55px;
font-weight:500;
line-height:1
}
.work__content__richtext_v2 h6 {
color:#fff;
text-transform:none;
width:100%;
max-width:834px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
font-size:16px;
font-weight:500;
line-height:28px
}
.work__content__richtext_v2 h3 {
width:70vw;
max-width:834px;
margin-left:auto;
margin-right:auto;
line-height:1
}
.work__content__richtext_v2 h1 {
width:70vw;
max-width:834px;
margin:10vw auto;
line-height:1
}
.work__content__richtext_v2 figure {
margin-top:0;
margin-bottom:0
}
.work__content__section_v2 {
overflow:hidden
}
.work__facts__richtext_v2 p {
color:var(--text-medium);
margin-bottom:10px;
font-size:14px;
line-height:1.5;
display:block;
position:relative
}
.work__hero__overlay {
z-index:5;
background-color:#0000;
position:absolute;
inset:0%
}
.work__hero__heading-small {
color:#ffffffb3;
letter-spacing:var(--letterspacing--h1);
margin-bottom:16px;
font-family:Suisseintl, sans-serif;
font-size:2.5vw;
font-weight:500;
line-height:1
}
.s__work-list__wrapper {
grid-column-gap:20px;
grid-row-gap:50px;
flex-wrap:wrap;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
align-content:flex-start;
align-items:flex-start;
display:grid
}
.work-list__link {
z-index:1;
background-color:var(--box);
opacity:1;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
border:1px #000;
border-radius:4px;
width:100%;
padding-top:149%;
transition:all 1s cubic-bezier(.215, .61, .355, 1);
display:block;
position:relative;
overflow:hidden
}
.utility__img {
object-fit:cover;
width:100%;
height:100%;
position:absolute;
inset:0%
}
.utility__img.utl__img-hover {
opacity:1;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
max-width:101%;
transition:opacity .3s, transform .3s cubic-bezier(.215, .61, .355, 1);
display:block
}
.blog-list__hover {
z-index:5;
opacity:1;
background-color:#0000;
justify-content:center;
align-items:center;
transition:background-color .3s cubic-bezier(.215, .61, .355, 1);
display:flex;
position:absolute;
inset:0%
}
.blog-list__hover__circle {
opacity:0;
background-color:#f5f5f5;
border-radius:50%;
flex:none;
justify-content:center;
align-items:center;
width:50px;
height:50px;
transition:all .3s cubic-bezier(.215, .61, .355, 1);
display:flex;
position:absolute;
transform:scale(.8)rotate(45deg)
}
.blog-list__hover__circle.blog-list__hover__circle__smaller {
width:36px;
height:36px
}
.showmore__container {
justify-content:center;
align-items:center;
margin-top:50px;
display:flex
}
.web-shw__preview {
z-index:10;
cursor:pointer;
justify-content:center;
align-items:center;
transition:opacity .5s cubic-bezier(.25, .46, .45, .94);
display:flex;
position:absolute;
inset:0%
}
.web-shw__button {
z-index:10;
opacity:0;
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px);
background-color:#0003;
border-radius:25px;
flex:none;
align-items:center;
height:110px;
padding:30px 40px;
transition:all .3s cubic-bezier(.215, .61, .355, 1);
display:flex;
position:absolute;
transform:scale(.9)
}
.web-shw__iframe {
z-index:1;
opacity:0;
width:100%;
height:100%;
transition:all .25s cubic-bezier(.86, 0, .07, 1);
position:absolute;
inset:0%;
overflow:hidden
}
.web-shw__nav__circle {
cursor:pointer;
background-color:#ff5f56;
border:.5px solid #e3483f;
border-radius:50%;
width:7px;
height:7px;
margin-right:3px
}
.web-shw__nav__circle.minimize {
background-color:#ffbf2e;
border-color:#e1a217
}
.web-shw__nav__circle.maximize {
background-color:#29cd42;
border-color:#12ad28
}
.web-shw__site-container {
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
flex:none;
transition:all .25s cubic-bezier(.455, .03, .515, .955);
position:relative;
box-shadow:0 30px 100px #00000073
}
.web-shw__img {
object-fit:cover;
width:100%;
height:100%;
transition:opacity .25s;
position:absolute;
inset:0%
}
.web-shw__button__text {
color:#fff;
font-size:20px;
font-weight:500
}
.web-shw__nav {
background-color:#e5e5e5;
background-image:none;
border:1px solid #b1b1b10d;
border-top-left-radius:10px;
border-top-right-radius:10px;
align-items:center;
width:100%;
height:20px;
padding-left:12px;
display:flex;
position:absolute;
bottom:100%
}
.web-shw__collection-container {
opacity:1;
transition:all 1s cubic-bezier(.165, .84, .44, 1);
transform:translate(0)
}
.web-shw__content {
z-index:1;
background-color:#00000080;
background-image:url(https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14afbe_ese-ui-loading-white.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:40px 40px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
width:70vw;
max-width:120vh;
padding-top:62.5%;
position:relative;
overflow:hidden
}
.web-shw__collection-item {
justify-content:center;
align-items:center;
min-height:130vh;
padding-top:150px;
padding-bottom:150px;
display:flex
}
.web-shw__button__icon {
background-color:#f5f5f5;
border-radius:25px;
flex:none;
justify-content:center;
align-items:center;
width:50px;
height:50px;
margin-left:16px;
display:flex
}
.vid-audio {
z-index:1;
background-color:var(--black);
cursor:pointer;
border-radius:50%;
justify-content:center;
align-items:center;
width:70px;
height:70px;
transition:all .5s cubic-bezier(.165, .84, .462, 1.182);
display:flex;
position:absolute;
bottom:60px;
right:60px;
overflow:hidden
}
.vid-audio:hover {
width:80px;
height:80px;
margin-bottom:-5px;
margin-right:-5px
}
.vid-audio-icon {
z-index:3;
opacity:1;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
width:25px;
transition:all .3s cubic-bezier(.455, .03, .515, .955);
position:absolute
}
.vid-audio-icon.audio-on {
opacity:0;
transform:scale(.5)
}
.vid-audio-icon.replay {
transition-property:none;
transform:rotate(0)
}
.va__nav-tl {
align-items:flex-start;
display:flex;
position:fixed;
inset:20px auto auto 20px
}
.va__nav-tl__logo-img {
display:block
}
.va__nav-tl__copy {
color:#fff9;
margin-top:-3px;
margin-left:8px;
font-size:18px;
font-weight:400;
position:relative
}
.va__nav-tr {
color:#fff9;
align-items:center;
display:flex;
position:fixed;
inset:15px 18px auto auto
}
.va__nav__copy {
margin-left:5px;
margin-right:5px;
position:relative
}
.va__nav-bl {
color:#818181;
align-items:center;
display:flex;
position:fixed;
inset:auto auto 20px 20px
}
.va__nav-br {
color:#818181;
justify-content:flex-end;
align-items:center;
display:flex;
position:fixed;
inset:auto 20px 20px auto
}
.va__navigation {
z-index:1000;
opacity:1;
position:relative
}
.utility__heading-container {
justify-content:space-between;
align-items:flex-end;
display:flex
}
.sectiontitle-medium {
color:var(--colors--white);
max-width:550px;
margin-bottom:0;
font-size:50px;
line-height:1
}
.sectiontitle-medium.custom-width2 {
max-width:560px
}
.brands__wrapper {
grid-column-gap:20px;
grid-row-gap:20px;
flex-wrap:wrap;
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
align-content:flex-start;
display:grid
}
.brands__item {
width:100%
}
.brands__link {
grid-column-gap:30px;
grid-row-gap:30px;
background-color:var(--box);
border-radius:4px;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
padding:40px;
display:flex
}
.brands__img {
width:150px
}
.brands__copy {
color:var(--text-medium);
margin-top:auto;
margin-bottom:0;
font-size:14px;
line-height:1.6
}
.cmc__share__img {
width:18px;
height:18px;
transition:all .3s cubic-bezier(.215, .61, .355, 1);
display:block
}
.cmc__share__icon {
justify-content:center;
align-items:center;
width:26px;
height:26px;
display:flex
}
.va__nav__icon {
opacity:.6;
flex:none;
width:9px;
height:9px;
margin-left:10px;
display:block
}
.va__nav__icon.mat-pill__nav-icon {
opacity:1
}
.cmc__container {
z-index:10;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
position:fixed;
inset:0%
}
.cmc__video-container {
width:40vh;
padding:20px;
transition:padding .4s cubic-bezier(.165, .84, .44, 1);
position:absolute;
transform:translate(0)
}
.cmc__video-container:hover {
padding:0
}
.cmc__video-wrapper {
z-index:5;
background-color:var(--box-full-color);
opacity:0;
cursor:pointer;
border-radius:4px;
justify-content:center;
align-items:center;
padding-top:178.27%;
transition:opacity .4s, transform 1s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative;
overflow:hidden;
transform:translateY(200px);
box-shadow:0 30px 100px #000000bf
}
.cursor-video__pause-img {
opacity:0;
display:block
}
.cursor-video__direction {
justify-content:center;
align-items:center;
width:100%;
height:100%;
display:flex;
position:absolute;
inset:0%
}
.cursor-video__pause {
transition:transform .3s cubic-bezier(.25, .46, .45, .94);
position:absolute;
transform:scale(1)
}
.cursor-video__pause.deactivated {
width:9px;
height:13px
}
.cursor-video__circle {
opacity:1;
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px);
cursor:pointer;
background-color:#dbdbdb40;
border-radius:50%;
width:90px;
height:90px;
transition:all .2s cubic-bezier(.165, .84, .44, 1);
position:absolute;
transform:scale(1)
}
.cursor-video__play {
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
flex:none;
width:16px;
height:18px;
transition:transform .3s cubic-bezier(.25, .46, .45, .94);
position:absolute
}
.cursor-video {
z-index:20;
flex:none;
justify-content:center;
align-items:center;
width:300px;
height:300px;
display:flex;
position:absolute
}
.cursor-video__play-img {
opacity:1;
width:16px;
height:18px;
display:block;
position:absolute
}
.cmc__video-item {
justify-content:center;
align-items:center;
display:flex;
position:absolute;
inset:0%
}
.cmc__bottom-link-container {
z-index:100;
justify-content:center;
align-items:center;
display:flex;
position:absolute;
top:85.6vh;
bottom:0
}
.cmc__body {
background-color:var(--black);
overflow:hidden
}
.cmc__vid {
flex:none;
width:200%;
height:101%;
position:relative
}
.va__nav__link {
opacity:.6;
color:#fff;
margin-bottom:-3px;
padding-bottom:3px;
position:relative
}
.va__nav__link:hover, .va__nav__link.mat-pill__nav-link {
opacity:1
}
.va__nav__link2 {
opacity:.6;
color:#fff;
margin-bottom:-3px;
padding-bottom:3px;
position:relative
}
.va__nav__link2:hover, .va__nav__link2.mat-pill__nav-link {
opacity:1
}
.cmc__overlay {
z-index:1000;
position:absolute;
inset:0%
}
.tvid__section {
background-color:var(--box-full-color);
border-radius:16px;
height:100vh;
max-height:1000px;
display:flex;
position:relative;
overflow:hidden
}
.cursor-video__loading {
width:30px;
height:30px;
display:none;
position:absolute
}
.cmc-pop__section {
z-index:1000;
justify-content:center;
align-items:flex-start;
padding:100px 20px;
display:none;
position:fixed;
inset:0%
}
.cmc-pop__bg {
background-color:#000000d9;
position:absolute;
inset:0%
}
.cmc-pop__block {
z-index:100;
background-color:#2e2e2e;
flex-direction:column;
align-items:flex-start;
width:100%;
max-width:380px;
margin-top:auto;
margin-bottom:auto;
padding:40px;
display:flex;
position:relative
}
.cmc-pop__block.mat-pill__popup-block {
background-color:#000;
border:2px solid #23f407
}
.cmc-pop__heading {
letter-spacing:-.7px;
margin-bottom:4px;
font-size:27px;
line-height:1.2
}
.cmc-pop__subheading {
color:#fff9;
margin-bottom:0;
font-size:16px;
line-height:1.2
}
.cmc-pop__link {
opacity:.6;
color:#fff;
padding-top:3px;
padding-bottom:4px;
font-size:16px;
line-height:1.2;
display:inline-block;
position:relative
}
.cmc-pop__link:hover {
color:var(--colors--white)
}
.cmc-pop__link.mat-pill__link {
opacity:1
}
.cmc-pop__link-container {
flex-direction:column;
align-items:flex-start;
margin-top:40px;
margin-bottom:40px;
display:flex
}
.cmc-pop__close {
background-color:#2e2e2e;
border-radius:50%;
justify-content:center;
align-items:center;
width:50px;
height:50px;
transition:all .2s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:absolute;
top:40px;
right:40px;
transform:rotate(0)
}
.cmc-pop__close:hover {
background-color:#353535;
transform:rotate(90deg)
}
.cmc-pop__close.mat-pill__close {
background-color:#000;
border:2px solid #23f407;
border-radius:0%;
font-size:20px;
transition-property:none;
transform:none
}
.cmc-pop__icon {
z-index:100;
position:relative
}
.tvid__video__item {
z-index:10;
opacity:1;
flex-direction:column;
justify-content:flex-start;
align-items:center;
width:100%;
height:100%;
padding:60px;
transition:opacity .5s;
display:flex;
position:absolute;
inset:0%;
overflow:hidden
}
.tvid__video__wrapper {
position:absolute;
inset:0%
}
.tvid__video__embed {
z-index:-1;
background-color:var(--box-full-color);
width:900%;
height:100%;
position:absolute;
inset:0 -400%
}
.tvid__heading-container {
z-index:20;
width:100%;
max-width:1800px;
margin:auto;
display:flex;
position:relative
}
.tvid__heading {
flex-direction:column;
flex:none;
align-items:flex-start;
width:100%;
max-width:550px;
display:flex
}
.tvid__text-block {
grid-column-gap:0px;
grid-row-gap:0px;
color:#fff;
flex-wrap:wrap;
flex:none;
align-content:flex-start;
align-items:center;
width:100%;
font-size:24px;
display:flex
}
.tvid__text {
margin-right:5px;
display:inline-block
}
.tvid__text-function {
opacity:.35;
display:inline-block
}
.tvid__gradient {
z-index:15;
background-image:linear-gradient(#0000, #00000059);
height:55%;
position:absolute;
inset:auto 0% 0%
}
.iframe-overlay {
z-index:10;
transform-style:preserve-3d;
flex:none;
display:block;
position:absolute;
inset:0%;
transform:scaleZ(1.001)
}
.tvid__main-heading {
color:var(--colors--white);
margin-top:0;
margin-bottom:30px;
font-size:50px;
line-height:1
}
.tvid__cursor-container {
z-index:1000;
flex-direction:column;
flex:none;
justify-content:center;
align-items:center;
width:50%;
display:flex;
position:absolute;
top:0%;
bottom:0%;
right:0%
}
.tvid__cursor {
z-index:20;
flex:none;
justify-content:center;
align-items:center;
width:300px;
height:300px;
display:flex;
position:absolute;
top:-150px;
left:-150px
}
.tvid__point-zero {
width:0;
height:0;
position:relative
}
.tvid__audio-toggle {
opacity:0;
-webkit-backdrop-filter:brightness(150%)blur(30px);
backdrop-filter:brightness(150%)blur(30px);
background-color:#dbdbdb40;
border-radius:50%;
justify-content:center;
align-items:center;
width:70px;
height:70px;
margin-top:0;
margin-right:0;
transition:all .2s cubic-bezier(.165, .84, .44, 1);
display:flex;
transform:scale(.5)
}
.tvid__nav__section {
z-index:1050;
padding-bottom:60px;
display:flex;
position:absolute;
inset:auto 0% 0;
overflow:auto
}
.tvid__nav__container {
flex:none;
align-items:center;
width:100%;
max-width:1920px;
margin-left:auto;
margin-right:auto;
padding-left:60px;
padding-right:60px;
display:flex
}
.tvid__nav__item {
z-index:1050;
opacity:.2;
cursor:pointer;
border-radius:16px;
flex-direction:row;
flex:none;
align-items:center;
padding:15px 30px 15px 24px;
transition:all .2s;
display:flex;
position:relative
}
.tvid__nav__item:hover {
opacity:1
}
.tvid__nav__img {
border-radius:50%;
display:block;
position:relative
}
.tvid__nav__text-container {
color:var(--colors--white)
}
.tvid__nav__function {
opacity:.4
}
.tvid__nav__img-container {
justify-content:center;
align-items:center;
width:62px;
height:62px;
margin-right:10px;
padding:6px;
display:flex;
position:relative
}
.tvid__nav__progress {
border-radius:50%;
position:absolute;
inset:0%
}
.awards__link-block {
border-bottom:1px solid var(--border);
color:var(--text);
align-items:center;
width:100%;
padding-top:30px;
padding-bottom:30px;
font-size:22px;
line-height:1.2;
transition:all .2s cubic-bezier(.215, .61, .355, 1);
display:flex
}
.awards__date {
width:12%;
min-width:100px
}
.awards__info {
flex:1;
padding-right:30px
}
.awards__info.column2 {
width:30%
}
.awards__info.column3 {
width:25%
}
.awards__info.column4 {
width:30%
}
.awards__icon {
width:12px;
height:12px
}
.awards__top-bar {
border-bottom:1px solid var(--border);
color:var(--text-medium);
padding-bottom:16px;
display:flex
}
.teamvid__section {
z-index:1;
border-radius:16px;
flex-direction:column;
justify-content:center;
align-items:center;
height:70vw;
max-height:95vh;
display:flex;
position:relative;
overflow:hidden
}
.teamvid__cursor-container {
z-index:10;
justify-content:center;
align-items:center;
display:flex;
position:absolute;
inset:0%;
overflow:hidden
}
.teamvid__overlay {
z-index:5;
position:absolute;
inset:0%
}
.mat-pill__body {
color:#23f407;
background-color:#000;
flex-direction:column;
justify-content:flex-end;
align-items:flex-start;
height:100%;
padding:26vh 70px;
font-family:Roboto Mono, sans-serif;
display:flex;
overflow:hidden
}
.mat-pill__container {
flex:none;
width:690px;
max-width:100%;
min-height:270px;
margin:auto
}
.mat-pill__row {
height:20px
}
.mat-pill__matrix {
z-index:10000;
width:100%;
height:100%;
transition:opacity 1s;
position:fixed;
inset:0%
}
.j-hero__heading {
color:var(--yellow);
text-align:center;
text-transform:uppercase;
width:100%;
padding-top:2vw;
padding-bottom:2vw;
font-family:Migha, sans-serif;
font-size:18vw;
font-weight:700;
line-height:.9;
position:absolute
}
.j-hero__section {
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
position:relative
}
.j-utility__section {
z-index:5;
padding-top:150px;
padding-bottom:150px;
position:relative
}
.j-utility__section.nopadding {
padding:0
}
.j-utility__section.j-cta__section {
position:static
}
.j-utility__section.nozindex {
z-index:auto
}
.j-utility__container {
width:100%;
max-width:2000px;
margin-left:auto;
margin-right:auto;
padding-left:60px;
padding-right:60px;
overflow:hidden
}
.j-utility__container.horizontal-flex {
justify-content:flex-start;
align-items:flex-start;
display:flex
}
.j-utility__lead {
color:var(--yellow);
font-size:4.5vw;
font-weight:300;
line-height:1.1
}
.j-utility__heading {
margin-right:7.5vw;
font-size:1.5vw;
display:inline
}
.j-utility__line {
background-color:#fff6;
height:1px;
position:absolute;
inset:auto 40px 0
}
.j-utility__line.top {
top:0;
bottom:auto
}
.j-hero__button-wrapper {
z-index:4900;
justify-content:center;
align-items:center;
width:19vw;
height:19vw;
display:flex;
position:absolute;
bottom:-44px;
right:19%
}
.j-hero__button-wrapper.j-cms-hero__button {
bottom:27.3vw;
right:13%
}
.j-hero__button {
background-color:var(--yellow);
color:#000;
border-radius:50%;
justify-content:center;
align-items:center;
width:85%;
height:85%;
font-size:20px;
font-weight:300;
transition:height .4s cubic-bezier(.165, .84, .44, 1), width .4s cubic-bezier(.165, .84, .44, 1);
display:flex
}
.j-hero__button:hover {
width:100%;
height:100%
}
.j-utility__img {
object-fit:cover;
width:100%;
height:100%;
display:block;
position:absolute;
inset:0%
}
.j-img-divider__section {
position:relative
}
.j-hero__img-container {
opacity:1;
width:100%;
padding-top:150%;
transition:opacity 1s;
position:relative
}
.j-hero__button-copy {
text-align:center;
font-size:1.5vw;
line-height:1.1
}
.j-prio__section {
margin-top:-79vw;
padding:60px 40px;
position:relative
}
.j-prio__heading {
font-size:1.5vw;
font-weight:300;
line-height:1;
position:absolute;
inset:20px 40px auto
}
.j-prio__word-container {
text-align:center;
justify-content:center;
align-items:center;
height:15vw;
display:flex;
position:relative
}
.j-prio__word {
text-transform:uppercase;
font-family:Migha, sans-serif;
font-size:13vw;
font-weight:700;
line-height:1;
position:absolute;
left:0%;
right:0%
}
.j-prio__word-false {
text-transform:uppercase;
font-family:Migha, sans-serif;
font-size:13vw;
font-weight:700;
line-height:1;
transition:opacity .2s cubic-bezier(.86, 0, .07, 1);
position:absolute;
left:0%;
right:0%
}
.j-prio__ueber {
text-align:center;
height:1.6vw;
margin-top:-1vw;
margin-bottom:-.8vw;
font-size:1.5vw;
font-weight:300;
line-height:1
}
.heading-18 {
margin-bottom:40px;
font-size:1.5vw;
font-weight:300;
line-height:1
}
.j-jobs__wrapper {
flex-flow:wrap;
place-content:flex-start;
align-items:stretch;
display:flex
}
.j-jobs__item {
width:33.3333%;
padding:14px
}
.j-jobs__link {
z-index:1;
transform:scale3d(1none, 1none, 1none);
color:var(--yellow);
transform-style:preserve-3d;
border:1px solid #fff6;
border-radius:8px;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
height:100%;
padding:45px 40px 40px;
transition:opacity .8s cubic-bezier(.165, .84, .44, 1), transform .8s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative;
overflow:hidden
}
.j-jobs__name {
text-transform:uppercase;
margin-top:0;
margin-bottom:90px;
font-family:Migha, sans-serif;
font-size:5vw;
font-weight:700;
line-height:.95
}
.j-jobs__percentage {
margin-top:auto;
font-size:16px;
line-height:1.1
}
.j-jobs__arrow {
z-index:10;
width:18px;
height:17px;
position:relative
}
.j-jobs__button {
justify-content:center;
align-items:center;
width:60px;
height:60px;
display:flex;
position:absolute;
bottom:21px;
right:19px
}
.j-jobs__container {
margin:-14px
}
.j-jobs__arrow__hover {
background-color:#0000001a;
border-radius:50%;
width:100%;
height:100%;
transition:all .4s cubic-bezier(.215, .61, .355, 1);
position:absolute;
transform:scale(.4)
}
.j-hero__button-hover {
z-index:2000;
opacity:0;
background-color:#000c;
transition:opacity .4s;
position:absolute;
inset:0%
}
.j-team__wrapper {
justify-content:center;
align-items:center;
height:160vw;
display:flex;
position:relative
}
.j-team__heading {
z-index:5;
text-align:center;
text-transform:uppercase;
width:62vw;
margin-bottom:0;
padding-top:5vw;
font-family:Migha, sans-serif;
font-size:26vw;
font-weight:700;
line-height:.9;
position:relative
}
.j-cta__heading {
z-index:1000;
text-align:center;
text-transform:uppercase;
max-width:85vw;
margin-left:auto;
margin-right:auto;
font-family:Migha, sans-serif;
font-size:18vw;
font-weight:700;
line-height:.9;
display:block;
position:relative;
transform:translate(0)
}
.j-cta__heading.jetzt {
max-width:48vw
}
.j-cta__heading.jetztbewerben {
max-width:77vw;
font-size:10vw;
line-height:.95
}
.j-cta__heading.mehrzu {
max-width:90vw;
font-size:10vw
}
.j-cta__bg {
z-index:2000;
background-color:var(--yellow);
opacity:0;
position:absolute;
inset:0%
}
.j-cursor__circle {
z-index:10;
background-color:var(--black);
opacity:0;
border-radius:50%;
justify-content:center;
align-items:center;
width:135px;
height:135px;
transition:all .3s cubic-bezier(.215, .61, .368, 1.278);
display:flex;
position:absolute;
transform:scale(.3)
}
.j-cursor__embed {
width:34px;
height:34px
}
.j-body {
position:relative
}
.j-team__positioner {
position:absolute
}
.j-team__positioner.position1 {
z-index:2;
top:21%;
right:23%
}
.j-team__positioner.position2 {
bottom:27%;
left:33%
}
.j-team__positioner.position3 {
top:11%;
left:7%
}
.j-team__positioner.position4 {
z-index:8;
top:6%;
left:36%
}
.j-team__positioner.position5 {
bottom:45%;
left:8%
}
.j-team__positioner.position6 {
z-index:10;
bottom:18%;
right:0%
}
.j-team__positioner.position7 {
z-index:10;
bottom:59%;
left:16%
}
.j-team__positioner.position8 {
z-index:10;
bottom:8%;
left:29%
}
.j-team__positioner.position9 {
z-index:3;
bottom:47%;
right:0%
}
.j-team__positioner.position10 {
z-index:12;
bottom:-2%;
right:22%
}
.j-team__positioner.position11 {
z-index:12;
bottom:21%;
left:-3%
}
.j-team__positioner.position12 {
z-index:5;
top:9%;
right:5%
}
.j-team__positioner.position13 {
z-index:5;
bottom:3%;
left:5%
}
.j-team__positioner.test1 {
z-index:5;
width:100px;
height:100px;
top:0%;
left:20%
}
.j-team__positioner.position9-2 {
z-index:3;
bottom:47%;
right:0%
}
.j-team__positioner.position7-2 {
z-index:10;
bottom:59%;
left:16%
}
.j-team__positioner.position5-2 {
bottom:45%;
left:8%
}
.j-team__positioner.position4-2 {
z-index:8;
top:6%;
left:36%
}
.j-team__positioner.position12-2 {
z-index:5;
top:9%;
right:5%
}
.j-team__positioner.position1-2 {
z-index:2;
top:21%;
right:23%
}
.j-team__positioner.position11-2 {
z-index:12;
bottom:21%;
left:-3%
}
.j-team__img {
border-radius:4px;
width:20vw;
box-shadow:0 5px 80px #0009
}
.j-team__img.size30 {
width:30vw
}
.j-team__img.size3 {
width:15vw
}
.j-team__img.size25 {
width:25vw
}
.j-divider {
height:200px
}
.j-cms-hero__section {
flex-direction:column;
justify-content:center;
align-items:center;
padding:280px 0 65vw;
display:flex;
position:relative
}
.j-cms-hero__img {
opacity:1;
object-fit:cover;
width:100%;
height:100%;
min-height:100%;
transition:opacity 1s;
display:block
}
.j-cms-hero__heading {
z-index:10;
text-align:center;
text-transform:uppercase;
width:100%;
padding-top:3.5vw;
font-family:Migha, sans-serif;
font-size:18vw;
font-weight:700;
line-height:.9;
position:relative;
overflow:hidden
}
.j-cms-percent__section {
margin-top:-5vw;
padding:50px 40px;
display:flex;
position:relative;
overflow:hidden
}
.j-cms-percent__copy {
color:var(--yellow);
white-space:nowrap;
flex:none;
padding-top:4.5vw;
padding-left:0;
padding-right:0;
font-family:Migha, sans-serif;
font-size:24vw;
font-weight:700;
line-height:.9;
transform:translate(-200%)
}
.j-cms-percent__container {
justify-content:flex-start;
align-items:center;
width:100%;
display:flex
}
.j-cms-percent__wrapper {
flex:none;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.j-cms-about__richtext {
column-count:3;
flex:none;
column-gap:28px;
width:75%
}
.j-cms-about__richtext h2, .j-cms-about__richtext p {
margin-bottom:0;
font-size:1.2vw;
font-weight:300;
line-height:1.6
}
.j-cms-about__richtext h4, .j-cms-about__richtext h5 {
margin-top:0;
margin-bottom:0;
font-size:1.2vw;
font-weight:300;
line-height:1.6
}
.j-cms-about__richtext h3 {
font-size:1.2vw;
font-weight:300;
line-height:1.6
}
.j-cms-about__richtext h6 {
text-transform:none;
margin-bottom:0;
font-size:1.2vw;
font-weight:300;
line-height:1.6
}
.j-cms-about__richtext h1 {
letter-spacing:0;
font-size:1.2vw;
font-weight:300;
line-height:1.6
}
.j-cms-about__heading {
color:var(--yellow);
text-transform:none;
flex:1;
margin-top:0;
margin-bottom:0;
font-size:1.5vw;
font-weight:300;
line-height:1.6
}
.j-utility__inline {
font-weight:300;
display:inline
}
.j-utility__inline.bold {
font-weight:500
}
.j-cms__dd__container {
width:60%
}
.j-cms__dd__button {
justify-content:flex-start;
align-items:center;
padding:30px 80px 30px 0;
transition:all .3s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative
}
.j-cms__dd__item {
border-top:1px solid #ffffff4d;
position:relative
}
.j-cms__dd__item:last-child {
border-bottom:1px solid #ffffff4d
}
.j-cms__dd__heading {
z-index:10;
color:var(--yellow);
flex:1;
font-size:1.5vw;
font-weight:300;
line-height:1.6;
position:relative
}
.j-cms__dd__eye-container {
z-index:20;
justify-content:center;
align-items:center;
width:66px;
height:66px;
font-size:1px;
display:flex;
position:absolute;
right:0
}
.j-cms__dd__eye-ball {
background-color:var(--yellow);
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
border-radius:50%;
width:6px;
height:6px
}
.j-cms__dd__eye {
transform-style:preserve-3d;
display:block;
position:absolute;
transform:scaleY(0)
}
.j-cms__dd__hover {
background-color:#191919;
height:0%;
transition:all .3s cubic-bezier(.165, .84, .44, 1);
position:absolute;
inset:auto 0% 0%
}
.j-cms-dd__list-copy {
color:var(--yellow);
padding-bottom:30px;
padding-left:30px;
padding-right:80px;
font-size:1.2vw;
font-weight:300;
line-height:1.6
}
.j-cms-dd__list {
z-index:10;
background-color:#191919;
height:0;
margin-top:-13px;
margin-bottom:13px;
transition:all .3s cubic-bezier(.165, .84, .44, 1);
position:relative;
overflow:hidden
}
.j-cms-profil__richtext {
text-align:center;
text-transform:uppercase;
width:100%;
max-width:83vw;
margin-left:auto;
margin-right:auto;
font-family:Migha, sans-serif;
font-weight:700;
position:relative
}
.j-cms-profil__richtext h1 {
letter-spacing:0;
padding-top:1.4vw;
padding-bottom:.4vw;
font-family:Migha, sans-serif;
font-size:6vw;
font-weight:700;
line-height:1
}
.j-cms-profil__richtext h2 {
margin-top:0;
margin-bottom:0;
padding-top:1.4vw;
padding-bottom:.4vw;
font-family:Migha, sans-serif;
font-size:6vw;
font-weight:700;
line-height:1
}
.j-cms-profil__richtext h3 {
margin-top:0;
margin-bottom:0;
padding-top:1.4vw;
padding-bottom:.4vw;
font-size:6vw;
font-weight:700;
line-height:1
}
.j-cms-profil__richtext h4, .j-cms-profil__richtext h5 {
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
padding-top:1.4vw;
padding-bottom:.4vw;
font-size:6vw;
font-weight:700;
line-height:1
}
.j-cms-profil__richtext p {
margin-top:0;
margin-bottom:0;
padding-top:1.4vw;
padding-bottom:.4vw;
font-family:Migha, sans-serif;
font-size:6vw;
font-weight:700;
line-height:1
}
.j-cms-profil__richtext h6 {
margin-bottom:0;
padding-top:1.4vw;
padding-bottom:.4vw;
font-size:6vw;
line-height:1
}
.j-prio__img {
object-fit:cover;
width:100%;
height:100%;
display:block;
position:absolute;
inset:-10vw 0%
}
.j-prio__word-wrapper {
align-items:center;
height:11.5vw;
display:flex;
position:absolute;
left:0%;
right:0%;
overflow:hidden
}
.vcd__body {
background-color:#000;
height:100%;
display:flex;
overflow:hidden
}
.vcd-list__section {
color:#ffffff4d;
width:30%;
padding:50px 25px 50px 50px;
overflow:auto
}
.vcd-box__section {
flex:1;
padding:50px 50px 50px 25px;
overflow:auto
}
.vcd-box__item {
background-color:#242424;
border-radius:16px;
flex-direction:column;
justify-content:flex-start;
align-items:center;
padding:60px 40px;
display:flex
}
.vcd-box__item.cb-hidden {
display:none
}
.vcd-box__img-container {
color:#fff;
background-color:#2f2f2f;
border-radius:50%;
justify-content:center;
align-items:center;
width:185px;
height:185px;
margin-bottom:50px;
display:flex;
overflow:hidden
}
.vcd-box__img {
object-fit:cover;
width:100%;
height:100%;
display:block
}
.vcd-box__name {
letter-spacing:-.03em;
font-size:28px;
line-height:1.2
}
.vcd-box__function {
color:#fff9;
letter-spacing:-.03em;
margin-top:5px;
margin-bottom:40px;
font-size:18px;
font-weight:400;
line-height:1.2
}
.vcd-box__grid {
grid-column-gap:10px;
grid-row-gap:20px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
width:100%;
margin-top:40px;
display:grid
}
.vcd-box__cta-link {
grid-row-gap:6px;
color:var(--text);
background-color:#2f2f2f;
border-radius:8px;
flex-direction:column;
justify-content:center;
align-items:center;
padding:13px;
display:flex;
position:relative
}
.vcd-box__cta-icon {
justify-content:center;
align-items:center;
display:flex
}
.vcd-box__cta-copy {
color:var(--text-medium);
font-size:12px
}
.vcd-box__block {
opacity:1;
color:#fff;
background-color:#2f2f2f;
border-radius:8px;
padding:20px;
transition:opacity 1s cubic-bezier(.165, .84, .44, 1), transform 1s cubic-bezier(.165, .84, .44, 1);
transform:translate(0)
}
.vcd-box__link {
color:var(--text);
font-size:18px;
line-height:1.2;
display:block
}
.vcd-box__preheading {
color:var(--text-medium);
margin-bottom:3px
}
.vcd-box__divider {
background-color:#454545;
width:100%;
height:1px;
margin-top:12px;
margin-bottom:12px
}
.vcd-list__link {
color:#fff;
letter-spacing:-.3px;
width:100%;
padding-top:16px;
padding-bottom:16px;
font-size:22px;
line-height:1;
display:block
}
.vcd-list__link:hover {
background-color:#161616
}
.vcd-list__form-input {
color:#fff;
background-color:#2f2f2f;
border:1px #000;
border-radius:10px;
width:100%;
height:45px;
margin-top:40px;
margin-bottom:50px;
padding:0 45px;
font-size:18px
}
.vcd-list__form-input::placeholder {
color:#ffffff4d
}
.vcd-list__form {
margin-bottom:0;
position:relative
}
.vcd-list__item {
border-bottom:1px solid #333
}
.vcd-list__item:last-child {
border-bottom-style:none
}
.vcd-list__search {
justify-content:center;
align-items:center;
width:16px;
height:16px;
display:flex;
position:absolute;
inset:15px auto 15px 20px
}
.vcd-list__logo {
max-width:90%
}
.vcd-list__logo-img {
color:#fff;
width:258px;
max-width:100%;
height:31px
}
.vcd-box__cta-overlay {
z-index:100;
opacity:.7;
cursor:not-allowed;
background-color:#272727;
position:absolute;
inset:0%
}
.vcd-nav__link {
grid-column-gap:9px;
color:#9a9a9a;
align-items:center;
display:flex
}
.vcd-nav__icon {
justify-content:center;
align-items:center;
display:flex
}
.vcd-nav__container {
flex-direction:row;
justify-content:space-between;
align-items:center;
width:100%;
display:none
}
.vcd__load-overlay {
z-index:10000;
opacity:0;
background-color:#000;
display:block;
position:fixed;
inset:0%
}
.vcd-box__initials {
text-align:center;
letter-spacing:-.02em;
background-image:linear-gradient(#6d6e6e, #464746);
justify-content:center;
align-items:center;
width:100%;
height:100%;
font-family:Asap, sans-serif;
font-size:80px;
line-height:1;
display:flex
}
.vcd-qr__section {
z-index:1000;
justify-content:center;
align-items:center;
display:flex;
position:fixed;
inset:0%
}
.vcd-qr__container {
z-index:10;
background-color:#1f1f21;
border-top-left-radius:20px;
border-top-right-radius:20px;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
height:100%;
transition:transform .5s cubic-bezier(.23, 1, .32, 1);
display:flex;
position:absolute;
inset:60px 0% 0%;
transform:translate(0)
}
.vcd-qr__bg {
opacity:1;
background-color:#0006;
transition:opacity .5s;
position:absolute;
inset:0%
}
.vcd-qr__embed {
z-index:1;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
background-color:#414141;
border-radius:20px;
justify-content:center;
align-items:center;
width:50vw;
max-width:60vh;
height:50vw;
max-height:60vh;
display:flex;
position:relative;
overflow:hidden
}
.vcd-qr__close {
z-index:100;
background-color:#343435;
border-radius:30px;
justify-content:center;
align-items:center;
width:40px;
height:40px;
display:flex;
position:absolute;
top:20px;
right:20px
}
.vcd-box__wrapper {
opacity:1;
transition:transform 1s cubic-bezier(.165, .84, .44, 1), opacity 1s cubic-bezier(.165, .84, .44, 1);
position:relative;
transform:translate(0)
}
.j-jobs__empty {
color:var(--yellow);
background-color:#0000;
border:1px solid #fff50033;
border-radius:4px;
margin:14px;
padding:30px
}
.s__home-section {
padding-top:140px;
position:relative
}
.s__home-text__wrapper {
z-index:4;
grid-row-gap:15px;
text-align:center;
flex-direction:column;
align-items:center;
padding-left:60px;
padding-right:60px;
display:flex;
position:relative
}
.color-white {
color:var(--text)
}
.kampagnen__item {
flex-direction:column;
align-items:flex-start;
margin-top:15px;
margin-bottom:0;
display:flex
}
.s__h4 {
color:#fff;
letter-spacing:var(--letterspacing--h3);
margin-top:0;
margin-bottom:0;
font-size:22px;
line-height:1.2
}
.s__kampagnen-category {
color:#fff9;
margin-bottom:8px;
font-size:12px;
line-height:.8
}
.s__partner-container {
grid-column-gap:6.5px;
color:#fff;
background-color:#2e2e2e;
border-radius:100px;
align-items:center;
min-height:32px;
padding-left:10px;
padding-right:10px;
font-size:12px;
display:flex
}
.s__partner-logo-wrapper {
background-color:#fff;
border-radius:50%;
justify-content:center;
align-items:center;
width:18px;
height:18px;
display:flex;
overflow:hidden
}
.s__partner-logo-wrapper.s__partner-logo-wrapper__big {
background-color:#111;
width:20px;
height:20px
}
.s__partner-original {
background-color:#02bbff;
border-radius:50%;
justify-content:center;
align-items:center;
width:12px;
height:12px;
display:flex
}
.s__partner-original__icon {
display:flex
}
.kampagnen__infonumber-wrapper {
grid-column-gap:4px;
opacity:.7;
color:#fff;
align-items:center;
font-weight:300;
display:flex
}
.kampagnen__infonumber-container {
grid-column-gap:12px;
flex:none;
align-items:center;
line-height:1;
display:flex
}
.kampagnen__item-bottom {
grid-column-gap:12px;
grid-row-gap:10px;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
width:100%;
margin-top:15px;
display:flex
}
.popup_section {
z-index:1300;
justify-content:center;
align-items:center;
width:100%;
height:100%;
padding:100px 60px;
display:flex;
position:fixed;
inset:0%;
overflow:auto
}
.popup_container {
z-index:2;
opacity:0;
transform-origin:50% 30%;
cursor:default;
background-color:#1c1c1c;
border-radius:16px;
width:100%;
max-width:790px;
margin:auto;
padding:100px 60px 70px;
transition:all .2s cubic-bezier(.55, .055, .675, .19);
position:relative;
transform:scale(.9)
}
.popup_div {
grid-column-gap:80px;
grid-row-gap:80px;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
margin-left:auto;
margin-right:auto;
display:flex
}
.popup_close-wrapper {
cursor:pointer;
background-color:#ffffff0f;
border-radius:20px;
justify-content:center;
align-items:center;
width:42px;
height:42px;
transition:background-color .1s;
display:flex;
position:absolute;
inset:30px 30px auto auto
}
.popup_close-wrapper:hover {
background-color:#ffffff1f
}
.popup_close-icon {
justify-content:center;
align-items:center;
width:13px;
height:13px;
display:flex
}
.popup_bg {
z-index:1;
opacity:0;
background-color:#000000f2;
transition:opacity .2s cubic-bezier(.455, .03, .515, .955);
position:fixed;
inset:0%
}
.kp__top-section {
text-align:center;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.kp__partner-logo__wrapper {
background-color:var(--colors--white);
border-radius:100%;
width:56px;
height:56px;
overflow:hidden
}
.kp__partner-name {
grid-column-gap:8px;
color:#ffffffa6;
align-items:center;
margin-top:8px;
margin-bottom:20px;
font-weight:500;
display:flex
}
.kp__h3 {
font-size:60px;
line-height:1.05
}
.kp__number-info__wrapper {
grid-row-gap:6px;
color:#fff;
flex-direction:column;
align-items:center;
font-size:20px;
font-weight:500;
line-height:1.2;
display:flex
}
.kp__number-info__wrapper.only__mobile {
display:none
}
.kp__number-info {
color:var(--text-light);
font-size:14px
}
.kp__number-info__container {
grid-column-gap:60px;
margin-top:25px;
display:flex
}
.kp__middle-section {
flex-direction:column;
align-items:flex-start;
display:flex
}
.kp__copy {
margin-bottom:30px;
font-size:18px;
line-height:1.5
}
.kp__section-title {
letter-spacing:var(--letterspacing--h3);
margin-bottom:20px;
font-size:28px
}
.kp__partner-logo {
object-fit:cover;
width:100%;
height:100%
}
.kp__bottom-section {
flex-direction:column;
display:flex
}
.kp-list__item-wrapper {
flex-wrap:wrap;
align-items:flex-start;
margin-left:-5px;
margin-right:-5px;
display:flex
}
.kp-list__item {
width:33.33%;
margin-bottom:32px;
padding-left:5px;
padding-right:5px
}
.kp-list__img-wrapper {
background-color:#2b2b2b;
border-radius:8px;
width:100%;
padding-top:125%;
position:relative;
overflow:hidden
}
.kp__views {
grid-column-gap:5px;
color:#fff;
display:flex;
position:absolute;
inset:auto auto 20px 20px
}
.kp__video-overlay {
opacity:.15;
background-image:linear-gradient(#0000, #000);
width:100%;
height:50%;
position:absolute;
inset:auto 0% 0%
}
.kp__item-title {
margin-top:6px
}
.s__slogan-section {
flex-direction:column;
align-items:center;
padding:160px 60px 120px;
display:flex
}
.s__slogan-section.second-slogan__section {
justify-content:center;
margin-top:-200px;
margin-bottom:-200px;
padding:200px 0;
position:relative;
overflow:hidden
}
.s__h2-container {
max-width:98px;
margin-left:auto;
margin-right:auto
}
.s__h2-container.s__h2-container__likes {
max-width:100%;
padding-left:50px;
padding-right:50px
}
.s__process__first-divider {
background-color:#ffffff2e;
width:100%;
height:1px
}
.process__item {
grid-column-gap:30px;
grid-row-gap:16px;
border-bottom:1px solid #ffffff2e;
grid-template-rows:auto;
grid-template-columns:1fr 60px .8fr;
grid-auto-columns:1fr;
justify-content:space-between;
padding-top:40px;
padding-bottom:40px;
display:grid
}
.process__h4 {
color:#fff;
max-width:300px;
margin-top:0;
margin-bottom:0;
font-size:26px
}
.process__img {
object-fit:contain;
object-position:0% 0%;
width:52px
}
.process__copy {
color:var(--text);
width:100%;
font-size:22px;
font-weight:300;
line-height:1.45
}
.s__h2-tiny {
color:#ffffff8c;
text-align:center;
max-width:410px;
margin:30px auto 0;
font-size:26px;
line-height:1.2
}
.s__animation-section {
justify-content:center;
align-items:flex-start;
width:100%;
height:220svh;
display:flex;
position:relative
}
.s__i-interface {
z-index:1;
background-color:#ffffff0f;
border-radius:15px;
justify-content:center;
align-items:center;
width:260px;
height:561px;
display:flex;
position:relative;
overflow:hidden;
box-shadow:0 0 100px 100px #00000052
}
.s__i-right {
z-index:1;
margin-bottom:30px;
margin-right:20px;
position:absolute;
inset:auto 0% 0% auto
}
.s__i-icon {
justify-content:center;
align-items:center;
margin-top:20px;
display:flex
}
.s__i-partner {
grid-column-gap:6px;
color:#fff;
align-items:center;
font-weight:500;
display:flex
}
.s__i-left {
z-index:1;
grid-row-gap:12px;
color:#fff;
flex-direction:column;
align-items:flex-start;
padding-bottom:30px;
padding-left:20px;
padding-right:60px;
font-size:12px;
font-weight:400;
line-height:1.3;
display:flex;
position:absolute;
inset:auto 0 0% 0%
}
.s__i-music-wrapper {
grid-column-gap:8px;
color:#fffffff2;
background-color:#ffffff0a;
border:1px solid #ffffff1f;
border-radius:12px;
align-items:center;
min-height:24px;
padding:2px 11px 2px 10px;
font-size:9.5px;
font-weight:400;
display:flex
}
.s__i-music-icon {
display:flex
}
.s__partner-link {
opacity:.5;
justify-content:center;
width:16.6667%;
max-width:120px;
transition:opacity .2s;
display:flex
}
.s__partner-link:hover {
opacity:1
}
.s__partner-link.gadget-logo {
max-width:210px
}
.s__partner-link.cocacola-logo {
max-width:140px
}
.s__partner-wrapper {
justify-content:space-between;
width:100%;
display:flex
}
.s__home-bg {
z-index:0;
opacity:1;
object-fit:cover;
width:100%;
height:100%;
min-height:100%;
transition:opacity 2s cubic-bezier(.215, .61, .355, 1);
display:block;
position:absolute;
inset:0%
}
.s__home-bg.front {
z-index:1;
position:absolute;
inset:0%
}
.s__home-bg-wrapper {
z-index:5;
transform-origin:50% 0;
min-height:51vw;
transition:transform 2s cubic-bezier(.165, .84, .44, 1);
position:relative;
transform:scale(1)
}
.s__home-bg-wrapper.background {
z-index:1;
position:absolute;
bottom:0;
left:0;
right:0
}
.s__home-bg-wrapper.foreground {
z-index:12;
position:absolute;
bottom:0;
left:0;
right:0
}
.s__home-bottom-overlay {
z-index:1;
background-image:linear-gradient(#0000, #000);
width:100%;
height:160px;
position:absolute;
inset:auto 0% 0%
}
.s__bottom-like {
z-index:1;
width:240px;
position:absolute;
inset:auto 6% 21% auto
}
.s__tt-arrow {
z-index:1;
width:120px;
position:absolute;
bottom:55%;
left:21%;
right:auto
}
.s__small-like {
z-index:3;
width:100px;
position:absolute;
inset:auto 23% 43% auto
}
.s__insta-icon {
width:185px;
max-width:12vw;
position:absolute;
bottom:40px;
left:15%
}
.s__like-small-left {
width:82px;
max-width:6vw;
position:absolute;
top:48%;
left:5%
}
.s__like-big-left {
width:260px;
max-width:15vw;
position:absolute;
inset:4% auto auto -2%
}
.s__slogan-wrapper {
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
max-width:1800px;
min-height:84vh;
max-height:850px;
margin-left:auto;
margin-right:auto;
padding:270px 60px 120px;
display:flex;
position:relative
}
.s__tiktok-icon {
width:120px;
position:absolute;
inset:10% auto auto 29%
}
.s__like-big-right {
width:260px;
position:absolute;
inset:0% -2% auto auto
}
.s__tiktok-hearth {
width:165px;
position:absolute;
inset:auto 15% 8% auto
}
.s__tiktok-comment {
opacity:.75;
width:76px;
max-width:6vw;
position:absolute;
top:45%;
left:auto;
right:4%
}
.s__animation-sticky {
width:100%;
height:100svh;
position:sticky;
top:0;
overflow:visible
}
.s__home-like-left {
z-index:10;
width:300px;
max-width:12vw;
position:absolute;
inset:10% auto auto 4%
}
.s__home-tiktok-minus {
z-index:10;
width:160px;
max-width:8vw;
position:absolute;
inset:20% 13% auto auto
}
.s__animation-bg {
z-index:-1;
opacity:1;
object-fit:cover;
width:100svw;
height:100svh;
position:absolute;
inset:0%
}
.s__animation-photo {
z-index:-1;
opacity:1;
object-fit:cover;
width:100svw;
max-width:none;
height:100svh;
position:absolute;
inset:auto
}
.s__animation-photo.interface {
filter:brightness(110%)
}
.s__animation-photo-overlay {
z-index:1;
background-image:linear-gradient(#0000, #0000004d);
width:100%;
height:60%;
position:absolute;
inset:auto 0% 0%
}
.s__animation-photo-overlay.top {
background-image:linear-gradient(#ffffff1a, #0000);
inset:0% 0% auto
}
.s__work-list__item {
width:100%
}
.s__slogan-container {
width:100%;
max-width:1900px;
margin-left:auto;
margin-right:auto;
position:relative
}
.tt__avatar-logo {
width:65%;
margin-top:4px
}
.tt__avatar-logo.tt__avatar-logo__no-margin {
width:65%;
margin-top:0;
margin-bottom:1px
}
.kampagnen__title-wrapper {
width:100%
}
.cb__popup-item {
display:block
}
.kp__partner-name-wrapper {
display:flex
}
.kp__video-thumbnail {
object-fit:cover;
width:100%;
height:100%;
position:absolute;
inset:0%
}
.s__kategorie__wrapper {
display:flex
}
.s__kategorie-divider {
margin-right:3px
}
.s__kategorie__item {
align-items:center;
display:flex
}
.hh2__section {
height:200svh;
position:relative
}
.hh2-vid__wrapper {
width:100%;
height:100vh;
position:sticky;
top:0
}
.hh2-heading__wrapper {
z-index:10;
flex-direction:column;
justify-content:flex-end;
width:100%;
height:100svh;
display:flex;
position:absolute;
inset:0% 0% auto;
overflow:hidden
}
.hh2-heading__container {
width:100%;
max-width:2000px;
margin-left:auto;
margin-right:auto;
padding-bottom:60px;
padding-left:60px;
padding-right:60px
}
.hh2-heading__container.cms-ang__heading__container {
padding-bottom:120px
}
.hh2-heading__h1 {
opacity:1;
color:var(--text);
letter-spacing:-.05em;
white-space:nowrap;
flex:none;
margin-bottom:-.05em;
padding-right:10vw;
font-size:14vw;
font-weight:500;
line-height:1;
transform:translate(-100%)
}
.hh2-heading__h1.ang-heading {
padding-right:.25em;
font-size:7vw
}
.hh2-heading__h3-wrapper {
justify-content:space-between;
width:100%;
margin-bottom:2vw;
margin-left:auto;
margin-right:auto;
font-size:14px;
line-height:1;
display:flex
}
.hh2-heading__h1-wrapper {
justify-content:flex-start;
align-items:center;
display:flex;
transform:translate(0%)
}
.hh2-heading__h1-wrapper.ang-lst__h1-wrapper {
cursor:pointer;
transform:translate(0%)
}
.hh2-heading__h3 {
font-size:14px;
line-height:1
}
.hh2-vid__target {
justify-content:center;
align-items:center;
width:100%;
height:100%;
display:flex;
position:absolute;
inset:0%
}
.hh2-heading__h1-dummy {
flex:none;
justify-content:flex-start;
align-items:center;
transition:transform 1.5s cubic-bezier(.23, 1, .32, 1);
display:flex;
transform:translate(15%)
}
.utl__scroller {
height:100%;
position:fixed;
inset:0%;
overflow:auto
}
.utl__scroller-wrapper {
opacity:1
}
.fy__collection-item {
flex-direction:column;
flex:none;
justify-content:center;
align-items:center;
width:100%;
height:100%;
display:flex
}
.fy__collection-container {
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
width:100%;
height:100%;
display:flex;
position:fixed
}
.fy__collection-wrapper {
flex-direction:column;
flex:none;
justify-content:flex-start;
width:100%;
height:100%;
display:flex
}
.fy__wrapper {
z-index:5;
color:#fff;
background-color:#696969;
border-radius:16px;
width:44vh;
height:90vh;
position:relative;
overflow:hidden
}
.fy__wrapper.fy__controls__dummy {
background-color:#0000;
justify-content:flex-start;
align-items:center;
display:flex;
overflow:visible
}
.fy__ui {
z-index:100;
opacity:1;
transform-style:preserve-3d;
transition:opacity .2s;
position:absolute;
inset:0;
transform:translateZ(.01px)
}
.fy__sidebar {
z-index:10;
grid-row-gap:24px;
flex-direction:column;
justify-content:flex-end;
align-items:flex-end;
display:flex;
position:absolute;
inset:auto 11px 13px auto
}
.fy__sidebar__disk {
background-image:linear-gradient(232deg, #393939, #1a1a1a 51%, #393939);
border-radius:50%;
justify-content:center;
align-items:center;
width:40px;
height:40px;
display:flex;
overflow:hidden
}
.fy__sidebar__disk__logo {
object-fit:cover;
background-color:#b9b9b9;
border-radius:50%;
width:24px;
height:24px;
position:relative;
overflow:hidden
}
.fy__sidebar__item {
color:#fff;
text-align:center;
border-radius:8px;
flex-direction:column;
flex:none;
justify-content:center;
align-items:center;
width:50px;
min-width:50px;
margin-top:-3px;
margin-right:-6px;
font-size:12px;
line-height:1;
display:flex
}
.fy__sidebar__counter {
font-family:system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight:400
}
.fy__sidebar__profile {
background-color:#b9b9b9;
border:1px solid #fff;
border-radius:50%;
width:46px;
height:46px;
position:relative;
overflow:hidden
}
.fy__sidebar__profile__subscribe {
z-index:10;
background-color:#fe2b54;
border-radius:50%;
justify-content:center;
align-items:center;
width:22px;
height:22px;
margin-top:-12px;
margin-bottom:-1px;
display:flex;
position:relative
}
.fy__fullscreen-img {
object-fit:cover;
width:100%;
height:100%;
display:block;
position:absolute;
inset:0%
}
.fy__sidebar__profile__embed {
background-image:url(https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14b0a7_Plus%20icon.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:contain;
justify-content:center;
align-items:center;
width:10px;
height:10px;
display:flex
}
.fy__gradient {
background-image:linear-gradient(#00000003, #00000080);
height:30%;
position:absolute;
inset:auto 0% 0%
}
.fy__copy {
grid-row-gap:10px;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
display:flex;
position:absolute;
inset:auto 12px 17px
}
.fy__copy__description {
color:#ffffffbf;
letter-spacing:.9px;
width:100%;
padding-right:70px;
font-weight:300;
line-height:1.25
}
.fy__copy__user__name {
font-size:16px;
font-weight:400
}
.fy__topbar {
grid-column-gap:23px;
justify-content:center;
align-items:center;
font-size:16px;
display:flex;
position:absolute;
inset:50px 0% auto
}
.fy__topbar__link-text {
font-weight:500;
position:relative
}
.fy__topbar__link-text.inactive {
color:#ffffffb3;
font-weight:400
}
.fy__progress__bar {
z-index:20;
opacity:.5;
background-color:#ffffff4d;
justify-content:flex-start;
align-items:center;
height:2px;
transition:all .2s cubic-bezier(.165, .84, .415, 1.276);
display:flex;
position:absolute;
inset:auto 0% 0%
}
.fy__progress__progress {
background-color:#fff;
width:0%;
height:100%;
position:relative
}
.fy__progress__circle {
background-color:#fff;
border-radius:50px;
justify-content:center;
align-items:center;
width:6px;
height:6px;
transition:all .2s cubic-bezier(.165, .84, .415, 1.276);
display:flex;
position:absolute;
top:-2px;
bottom:-2px;
right:-3px
}
.fy__topbar__link {
color:#fff;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
position:relative
}
.fy__topbar__link__line {
background-color:#fff;
width:28px;
height:3px;
position:absolute;
bottom:-8px
}
.fy__video__embed {
z-index:10;
width:300%;
height:100%;
position:absolute;
inset:0% -100%;
overflow:hidden
}
.fy__pause {
z-index:20;
opacity:0;
cursor:pointer;
transform-style:preserve-3d;
justify-content:center;
align-items:center;
transition:opacity .3s;
display:flex;
position:absolute;
inset:0%;
transform:translateZ(.01px)
}
.fy__pause__icon {
opacity:.25;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
background-image:url(https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/652d590c810937d22b6645b7_fy-play.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:contain;
width:63px;
height:76px;
margin-right:-10px;
transition:all .3s cubic-bezier(.165, .84, .44, 1);
position:absolute
}
.fy__progress__tap-target {
border-radius:50%;
flex:none;
position:absolute;
inset:-30px
}
.fy__progress__target {
height:50px;
position:absolute;
inset:auto 0% 0%
}
.utl__hidden {
display:none
}
.fy__sidebar__icon-img {
background-image:url(https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14b0a6_fy-sidebar-icons.svg);
background-position:0%;
background-repeat:no-repeat;
background-size:cover;
width:34px;
height:34px
}
.fy__sidebar__icon-img.comment {
background-position:100%;
margin-bottom:1px
}
.fy__sidebar__icon-img.share {
background-position:50%
}
.fy__controls {
z-index:100;
justify-content:center;
align-items:center;
display:flex;
position:fixed;
inset:0%
}
.fy__controls__wrapper {
grid-row-gap:10px;
flex-direction:column;
justify-content:center;
align-items:center;
width:100px;
display:flex;
position:absolute;
left:100%
}
.fy__controls__button {
background-color:#292929;
border-radius:50%;
flex:none;
justify-content:center;
align-items:center;
width:60px;
height:60px;
transition:all .2s cubic-bezier(.215, .61, .374, 1.282);
display:flex
}
.fy__controls__icon {
width:26px;
height:26px
}
.pw__heading {
letter-spacing:var(--letterspacing--h3);
margin-bottom:0;
margin-left:auto;
margin-right:auto;
font-size:40px
}
.pw__preheading {
color:var(--text-medium);
margin-top:0;
margin-bottom:5px;
font-size:16px;
font-weight:400
}
.pw__field {
border-style:none none solid;
border-bottom-width:1px;
border-bottom-color:var(--border);
color:#fff;
letter-spacing:.2em;
background-color:#0000;
height:60px;
margin-bottom:0;
padding:0;
font-size:20px;
font-weight:400
}
.pw__field:focus {
border-bottom-color:var(--border-focus)
}
.pw__field::placeholder {
color:var(--text-light);
letter-spacing:0;
font-size:16px
}
.pw__error {
color:#e72020;
background-color:#0000;
border-style:none;
border-radius:2px;
margin-top:-20px;
padding:0
}
.lay__container {
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
width:100%;
max-width:2000px;
margin-left:auto;
margin-right:auto;
padding-left:60px;
padding-right:60px;
display:flex
}
.lay__container.nav-2__container {
flex-direction:row;
justify-content:flex-start;
align-items:center;
height:100%
}
.lay__container.nav-dd__container {
flex-direction:row;
justify-content:flex-start;
align-items:flex-start
}
.lay__section {
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
padding-top:150px;
padding-bottom:150px;
display:flex
}
.lay__section.h-wrk__section {
z-index:10;
background-color:var(--black);
margin-top:-20svh;
padding-top:0;
position:relative
}
.lay__section.ang-hero__next-section {
z-index:10;
margin-top:-60svh;
position:relative
}
.utl__h1 {
perspective:388px;
letter-spacing:-.05em;
font-size:150px;
font-weight:500;
line-height:.9
}
.utl__h1.web-shw__h1 {
max-width:800px
}
.teamvid__embed {
z-index:10;
flex:none;
width:300%;
position:absolute;
inset:0% -100%
}
.utl-lead__paragraph {
color:var(--colors--white);
letter-spacing:-.015em;
font-size:4vw;
font-weight:300;
line-height:1.25;
display:inline
}
.utl-lead__heading {
letter-spacing:0;
margin-right:8em;
font-size:16px;
font-weight:400;
line-height:1;
display:inline-block
}
.utl-lead__block {
z-index:10;
position:relative
}
.lay__button-wrapper {
grid-column-gap:4px;
grid-row-gap:8px;
flex-wrap:wrap;
place-content:flex-start center;
align-items:center;
width:100%;
display:flex
}
.lay__button-wrapper.align-left {
justify-content:flex-start
}
.utl__button {
grid-column-gap:8px;
color:var(--colors--white);
text-align:left;
white-space:nowrap;
background-color:#0000;
border-style:none;
border-radius:50px;
flex-direction:row;
flex:none;
justify-content:center;
align-items:center;
min-height:50px;
padding-left:30px;
padding-right:30px;
display:flex;
position:relative;
overflow:hidden
}
.utl__button__bg {
z-index:2;
background-color:var(--box-full-color);
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
border-radius:50px;
transition:all .3s cubic-bezier(.165, .84, .44, 1);
position:absolute;
inset:0;
overflow:hidden
}
.utl__button__text-container {
z-index:10;
flex-direction:column;
flex:none;
justify-content:flex-start;
align-items:stretch;
display:flex;
position:relative;
overflow:hidden
}
.utl__button__text-wrapper {
grid-column-gap:8px;
justify-content:flex-start;
align-items:center;
transition:transform .3s cubic-bezier(.165, .84, .44, 1);
display:flex;
transform:translate(0)
}
.utl__button__icon {
flex:none;
justify-content:center;
align-items:center;
width:.8em;
height:.8em;
display:flex
}
.utl__button__icon.vcard {
width:1em;
height:1em
}
.nav__main {
z-index:1200;
opacity:1;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
height:100px;
transition:opacity 1s;
display:flex;
position:relative
}
.nav__logo {
z-index:10;
position:relative;
overflow:hidden
}
.nav-logo {
width:137px;
height:22px;
padding-top:2px;
transition:transform 1.5s cubic-bezier(.165, .84, .44, 1);
transform:translate(0)
}
.nav__link-wrapper {
grid-column-gap:30px;
grid-row-gap:30px;
align-items:center;
display:flex
}
.nav__link {
grid-column-gap:8px;
grid-row-gap:8px;
flex:none;
justify-content:flex-start;
align-items:center;
font-weight:500;
transition:transform 1.5s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative;
transform:translate(0)
}
.nav__link.disabled {
pointer-events:none
}
.nav__link__text {
flex:none;
transition:opacity .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99);
position:relative;
transform:translate(0)
}
.nav__link__dd {
background-color:var(--border);
border-radius:50px;
flex:none;
justify-content:center;
align-items:center;
width:18px;
height:18px;
display:flex
}
.nav__link__dd__icon {
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
flex:none;
justify-content:center;
align-items:center;
width:12px;
height:12px;
transition:transform .6s;
display:flex
}
.nav-dd__wrapper {
z-index:100;
background-color:#171719;
width:100%;
height:0;
transition:height 1s cubic-bezier(.23, 1, .32, 1);
position:absolute;
inset:0% 0% auto;
overflow:hidden
}
.nav {
z-index:1000;
color:var(--text);
transition:color .5s
}
.nav-dd__bg {
z-index:50;
opacity:0;
background-color:#000c;
transition:opacity 1s;
position:absolute;
inset:0%
}
.nav-dd {
z-index:5;
position:fixed;
inset:0%
}
.nav-dd__heading {
opacity:0;
width:25%;
font-weight:500;
transition:all 1s cubic-bezier(.23, 1, .32, 1);
transform:translateY(100px)
}
.nav-dd__list {
flex-direction:column;
flex:1;
justify-content:flex-start;
align-items:flex-start;
display:flex
}
.nav-dd__link {
z-index:2;
opacity:0;
letter-spacing:-.03em;
width:100%;
font-size:36px;
font-weight:500;
line-height:1.15;
transition:color .2s, transform 1s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1);
display:block;
position:relative;
transform:translateY(100px)
}
.nav-dd__img-wrapper {
z-index:5;
opacity:0;
width:45%;
transition:transform 1s cubic-bezier(.23, 1, .32, 1), opacity 1s cubic-bezier(.23, 1, .32, 1);
position:absolute;
inset:-5% 0% 0% auto;
transform:translateY(100px)
}
.nav-dd__border {
background-color:var(--border);
width:100%;
height:1px;
margin-bottom:40px
}
.nav-dd__block {
height:330px;
margin-top:100px;
position:relative
}
.nav-dd__img {
opacity:0;
object-fit:contain;
object-position:50% 0%;
width:100%;
height:100%;
transition:opacity .5s;
display:block;
position:absolute;
inset:0%
}
.nav-dd__collection-wrapper {
flex-direction:column;
flex:1;
justify-content:flex-start;
align-items:flex-start;
width:100%;
display:flex
}
.nav-dd__collection-item {
width:100%
}
.lay__block {
flex-direction:column;
flex:none;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.utl__line {
z-index:10;
background-color:var(--border);
transform-origin:0%;
width:100%;
height:1px;
transition:transform 1s cubic-bezier(.165, .84, .44, 1);
position:relative;
transform:scale(1)
}
.utl__grid {
z-index:10;
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
width:100%;
display:grid;
position:relative
}
.utl__grid.numbers {
grid-template-columns:1fr 1fr 1fr
}
.utl__paragraph {
color:var(--text);
text-align:left;
width:100%;
margin-bottom:0;
font-size:22px;
line-height:1.3
}
.utl__side-heading {
color:var(--text);
font-size:16px;
font-weight:400;
line-height:1.1
}
.fct__paragraph {
color:var(--text);
margin-bottom:0;
font-size:16px;
font-weight:300;
line-height:1
}
.fct__number {
letter-spacing:-.05em;
margin-top:0;
margin-bottom:10px;
font-size:100px;
line-height:1
}
.utl__h2 {
letter-spacing:-.04em;
width:100%;
max-width:580px;
margin-bottom:0;
margin-right:auto;
font-size:50px
}
.utl__h2.mw-540 {
width:540px;
max-width:100%
}
.utl__h2.width-1 {
width:600px;
max-width:100%
}
.color-grey {
color:var(--text-medium)
}
.wrk-flt__list {
grid-column-gap:4px;
grid-row-gap:4px;
flex-wrap:wrap;
place-content:flex-start;
align-items:center;
display:flex
}
.wrk-flt__link {
grid-column-gap:4px;
color:var(--text);
border-radius:50px;
flex-direction:row;
justify-content:flex-start;
align-items:center;
height:34px;
display:flex;
position:relative;
overflow:hidden
}
.wrk-flt__link__text-wrapper {
z-index:10;
grid-column-gap:4px;
grid-row-gap:4px;
flex:none;
justify-content:center;
align-items:center;
padding:7px 16px 8px;
display:flex;
position:relative;
overflow:hidden
}
.wrk-flt__link__icon {
width:18px;
height:18px;
transition:transform .6s cubic-bezier(.25, .74, .22, .99);
transform:rotate(0)
}
.wrk-flt__list-additions {
display:none
}
.wrk-flt__link__text-bg {
background-color:var(--text);
opacity:0;
border-radius:50px;
position:absolute;
inset:0%;
transform:scale(.5)
}
.wrk-flt__link__text-bg.default {
background-color:var(--box);
opacity:1;
transform:scale(1)
}
.wrk-flt__link__text {
z-index:5;
transition:transform .6s cubic-bezier(.25, .74, .22, .99);
transform:translate(0)
}
.wrk-list__item {
opacity:1;
transform:translate(0px, 0px)scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
width:100%
}
.wrk-list__wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
flex-wrap:wrap;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
align-content:flex-start;
align-items:flex-start;
display:grid
}
.wrk-list__container {
z-index:20;
position:relative
}
.nav__gradient {
z-index:990;
opacity:0;
background-image:linear-gradient(#0000004d, #0000);
height:250px;
position:absolute;
inset:0% 0% auto
}
.barba__wrapper {
opacity:1;
transition:transform .2s;
position:absolute;
inset:0%
}
.trans__overlay {
z-index:10;
opacity:0;
background-color:#3d3d3d;
position:absolute;
inset:0%
}
.barba__main {
background-color:var(--black);
position:absolute;
inset:0%;
overflow:hidden;
transform:translate(0)
}
.hh2__section__next-gradient {
background-image:linear-gradient(to bottom, #0000, var(--black));
height:300px;
position:absolute;
inset:auto 0% 100%
}
.nav__link__text-wrapper {
grid-column-gap:8px;
grid-row-gap:8px;
flex:none;
display:flex;
position:relative;
overflow:hidden
}
.cms-ang__hero__section {
width:100%;
height:160svh;
position:relative
}
.cms-ang__hero__img {
opacity:1;
object-fit:cover;
object-position:50% 0%;
width:100%;
height:100%;
transition:opacity 1.5s cubic-bezier(.25, .46, .45, .94);
display:block;
position:absolute;
inset:0%
}
.cms-ang__hero__gradient {
z-index:5;
background-image:linear-gradient(to bottom, #00000003, var(--black));
width:100%;
height:20svh;
position:absolute;
inset:auto 0% 0%
}
.ang__preheading {
letter-spacing:var(--letterspacing--h3);
font-size:22px;
line-height:1
}
.cms-ang__hero__img-wrapper {
height:120svh;
position:absolute;
top:0%;
left:0%;
right:0%
}
.utl-dd__heading {
z-index:10;
letter-spacing:var(--letterspacing--h1);
flex:1;
font-size:36px;
line-height:1;
position:relative
}
.utl-dd__button {
justify-content:flex-start;
align-items:center;
width:100%;
padding:32px 0;
transition:padding .3s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative
}
.utl-dd__collection-item {
border-bottom:1px solid var(--border)
}
.utl-dd__icon {
z-index:10;
background-color:var(--box);
border-radius:50%;
flex:none;
justify-content:center;
align-items:center;
width:24px;
height:24px;
transition:color .3s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative
}
.utl-dd__list {
z-index:10;
background-color:var(--box-full-color);
height:0;
margin-top:-10px;
margin-bottom:10px;
transition:margin .3s cubic-bezier(.165, .84, .44, 1), height .3s cubic-bezier(.165, .84, .44, 1);
position:relative;
overflow:hidden
}
.utl-dd__list__wrapper {
padding-bottom:32px;
padding-left:30px;
padding-right:30px;
transition:padding .3s cubic-bezier(.165, .84, .44, 1)
}
.utl-dd__hover {
background-color:var(--box-full-color);
height:0%;
transition:height .3s cubic-bezier(.165, .84, .44, 1);
position:absolute;
inset:auto 0% 0%
}
.utl-dd__icon-embed {
z-index:10;
flex:none;
justify-content:center;
align-items:center;
width:12px;
height:12px;
transition:transform .3s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative;
transform:scale(1)
}
.utl-dd__icon-bg {
background-color:var(--text);
opacity:0;
border-radius:50px;
transition:all .3s cubic-bezier(.165, .84, .44, 1);
position:absolute;
inset:0%;
transform:scale(.7)
}
.j-hero__img-wrapper {
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
margin-bottom:-60vw;
padding-bottom:60vw;
display:flex;
position:relative
}
.crs {
z-index:10000;
opacity:0;
background-color:#fff;
border-radius:50%;
width:0;
height:0;
transition:opacity .4s;
position:fixed;
inset:0% auto auto 0%
}
.crs__wrapper {
justify-content:center;
align-items:center;
width:200px;
height:200px;
display:flex;
position:absolute;
top:-100px;
left:-100px
}
.foo {
overflow:hidden
}
.teamvid__embed-wrapper {
justify-content:center;
align-items:center;
width:100%;
height:100%;
display:flex;
position:absolute;
inset:0%
}
.foo__wrapper {
background-color:var(--box-full-color);
padding-top:80px
}
.foo__rows {
grid-column-gap:9vw;
grid-row-gap:9vw;
justify-content:flex-start;
align-items:flex-start;
display:flex
}
.foo__rows__link {
opacity:1;
padding-top:4px;
padding-bottom:4px;
display:inline-block;
position:relative
}
.foo__rows__item {
list-style-type:none
}
.foo__rows__heading {
margin-top:0;
margin-bottom:0;
font-size:14px
}
.foo__rows__block {
grid-column-gap:20px;
grid-row-gap:20px;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.foo__rows__list {
margin-bottom:0;
padding-left:0;
list-style-type:none
}
.foo__cta__text {
letter-spacing:var(--letterspacing--h1);
white-space:nowrap;
margin-top:-.3em;
margin-bottom:-.15em;
padding-left:.2em;
padding-right:.2em;
transform:translate(-100%)
}
.foo__cta {
flex:none;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.foo__legal {
grid-column-gap:40px;
grid-row-gap:40px;
color:var(--text-medium);
display:flex
}
.foo__legal__copy {
margin-right:auto;
padding-top:4px;
padding-bottom:4px
}
.foo__legal__link {
padding-top:4px;
padding-bottom:4px;
position:relative
}
.foo__logo-wrapper {
margin-right:auto
}
.foo__cta__wrapper {
padding-top:.3em;
font-size:18vw;
font-weight:500;
overflow:hidden
}
.lay__page {
z-index:10;
transform:scale3d(1none, 1none, 1none);
transform-origin:50% 100%;
transform-style:preserve-3d;
border-radius:0;
position:relative;
box-shadow:0 2px 100px 20px #0003
}
.utl__inline.j-cms__dots {
padding-left:.25em;
padding-right:.25em;
display:inline-block
}
.j-cms-hero__img-wrapper {
margin-bottom:-60vw;
padding-bottom:60vw;
position:absolute;
inset:0%
}
.j-team__heading-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
text-align:center;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
margin-bottom:80px;
display:flex
}
.j-prio__img-wrapper {
position:absolute;
inset:0%
}
.hh2-heading__h1-scrollmove {
width:100%
}
.hh2__loading {
z-index:100;
opacity:1;
flex-direction:column;
justify-content:center;
align-items:center;
transition:opacity .2s;
display:flex;
position:absolute;
inset:0%
}
.hh2__loading__copy {
opacity:1;
color:var(--text);
text-align:center;
letter-spacing:-.05em;
white-space:nowrap;
flex:none;
margin-bottom:-.05em;
font-size:14px;
font-weight:500;
line-height:1
}
.nav__link__item {
z-index:15;
position:relative;
overflow:hidden
}
.teamvid__item {
background-color:var(--box-full-color);
position:absolute;
inset:0%
}
.tvid__control-wrapper {
z-index:1050;
grid-column-gap:10px;
grid-row-gap:10px;
flex-direction:row;
flex:none;
justify-content:flex-end;
align-items:center;
display:flex;
position:absolute;
inset:30px 30px auto auto
}
.tvid__video__embed__wrapper {
position:absolute;
inset:0%
}
.ang-lst {
height:700svh;
position:relative
}
.ang-lst__collection-item {
z-index:1;
opacity:1;
height:100%;
transition:all 1s cubic-bezier(.602, .001, .175, 1);
position:absolute;
bottom:0%;
left:0%;
right:0%;
overflow:hidden
}
.ang-lst__collection-item.cb-active {
overflow:hidden
}
.ang-lst__link {
background-color:var(--box-full-color);
cursor:default;
flex-direction:column;
justify-content:flex-end;
align-items:stretch;
height:120svh;
transition:transform 1s cubic-bezier(.602, .001, .175, 1);
position:absolute;
top:0%;
left:0%;
right:0%;
transform:translateY(-50%)
}
.ang-lst__img {
transform:scale3d(1none, 1none, 1none);
object-fit:cover;
object-position:50% 0%;
transform-style:preserve-3d;
width:100%;
height:100%;
transition:transform .6s cubic-bezier(.165, .84, .44, 1);
position:absolute;
inset:0%
}
.ang-lst__nav__wrapper {
grid-column-gap:20px;
grid-row-gap:20px;
justify-content:flex-start;
align-items:center;
width:100%;
max-width:1880px;
margin-left:auto;
margin-right:auto;
display:flex
}
.ang-lst__nav__container {
z-index:10;
flex-direction:column;
justify-content:flex-end;
align-items:stretch;
padding-bottom:60px;
padding-left:60px;
padding-right:60px;
display:flex;
position:absolute;
inset:0% 0 20svh
}
.ang-lst__nav__progress {
background-color:var(--border);
border-radius:10px;
width:100%;
height:2px;
overflow:hidden
}
.ang-lst__nav__progress-bar {
background-color:var(--text);
opacity:1;
width:0%;
height:100%;
transition:opacity .5s
}
.utl__container.cms-ang__container {
flex-direction:column;
justify-content:flex-end;
height:100svh;
display:flex;
position:absolute;
inset:0% 0% auto
}
.ang-lst__sticky {
height:120svh;
position:sticky;
top:0
}
.ang-lst__dummy {
opacity:1;
flex-direction:column;
flex:none;
justify-content:flex-end;
align-items:stretch;
transition:all 1s cubic-bezier(.602, .001, .175, 1);
display:flex;
position:absolute;
inset:0%;
transform:translate(0)
}
.ang-lst__img-wrapper {
position:absolute;
inset:0%
}
.blg-lst__collection-wrapper {
grid-column-gap:10px;
grid-row-gap:10px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.blg-lst__img-container {
background-color:var(--box);
flex:none;
width:100%;
display:block;
position:relative;
overflow:hidden
}
.blg-lst__img {
opacity:1;
transform:scale3d(1none, 1none, 1none);
object-fit:cover;
transform-style:preserve-3d;
width:100%;
height:100%;
transition:transform .6s cubic-bezier(.165, .84, .44, 1);
display:block;
position:absolute;
inset:0%
}
.blg-lst__content-wrapper {
z-index:8;
background-color:var(--box-full-color);
flex-direction:column;
flex:1;
justify-content:flex-start;
align-items:stretch;
padding:20px;
display:flex;
position:relative
}
.blg-lst__block {
background-color:var(--box-full-color);
border-radius:4px;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
height:100%;
transition:background-color .6s;
display:flex;
overflow:hidden
}
.blg-lst__heading {
letter-spacing:var(--letterspacing--h3);
max-width:100%;
font-size:26px;
line-height:1
}
.blg-lst__preheading {
color:var(--text-medium);
margin-bottom:4px;
font-size:14px;
font-weight:400;
line-height:1.2
}
.blg-lst__info-wrapper {
grid-column-gap:4px;
grid-row-gap:4px;
flex-wrap:wrap;
place-content:flex-start;
align-items:center;
margin-top:auto;
font-size:12px;
transition:transform .6s cubic-bezier(.165, .84, .44, 1);
display:flex;
transform:translate(0)
}
.blg-lst__text-wrapper {
z-index:10;
flex-direction:column;
align-items:stretch;
width:80%;
margin-bottom:40px;
transition:transform .6s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative;
transform:translate(0)
}
.blg-lst__info__block {
grid-column-gap:4px;
grid-row-gap:4px;
background-color:var(--box);
border-radius:50px;
flex-direction:row;
justify-content:flex-start;
align-items:center;
padding:6px 14px 6px 10px;
display:flex
}
.blg-lst__info__img {
background-color:var(--box);
border-radius:50px;
width:18px;
height:18px
}
.blg-lst__preheading-wrapper {
order:-1;
max-width:100%
}
.blg-lst__info__date {
padding-left:4px
}
.blg-lst__img-block {
width:100%;
padding-top:65%;
position:relative
}
.utl__empty {
border:1px solid var(--border);
background-color:#fff0;
border-radius:4px;
padding:20px
}
.utl__button-simple {
grid-column-gap:8px;
grid-row-gap:8px;
flex:none;
justify-content:flex-start;
align-items:center;
font-weight:500;
transition:transform 1.5s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative;
transform:translate(0)
}
.utl__button-simple__text-wrapper {
grid-column-gap:8px;
grid-row-gap:8px;
flex:none;
display:flex;
position:relative;
overflow:hidden
}
.utl__button-simple__text {
flex:none;
transition:opacity .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99);
position:relative;
transform:translate(0)
}
.utl__button-simple__icon-wrapper {
background-color:var(--border);
border-radius:50px;
flex:none;
justify-content:center;
align-items:center;
width:18px;
height:18px;
display:flex
}
.utl__button-simple__icon {
transform-style:preserve-3d;
flex:none;
justify-content:center;
align-items:center;
width:12px;
height:12px;
display:flex
}
.utl__heading-container {
grid-column-gap:40px;
grid-row-gap:20px;
flex-direction:row;
justify-content:flex-start;
align-items:flex-end;
display:flex
}
.his-lst__heading-wrapper {
z-index:10;
grid-column-gap:40px;
grid-row-gap:40px;
opacity:1;
text-align:center;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
width:100%;
max-width:100%;
margin-bottom:80px;
margin-left:auto;
margin-right:auto;
padding-left:60px;
padding-right:60px;
transition:opacity .4s;
display:flex;
position:relative
}
.his-lst__heading-wrapper.width5 {
max-width:1300px
}
.his-lst__heading {
color:var(--text);
margin-bottom:0;
font-size:130px;
line-height:.9;
transition:color .4s
}
.his-lst__heading.heading__max-width {
max-width:1200px;
margin-left:auto;
margin-right:auto
}
.his-lst__heading.always-white {
color:#fffffff5
}
.nav__link-container {
margin-left:auto
}
.nav__burger {
grid-column-gap:8px;
grid-row-gap:8px;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.awards__wrapper {
margin-left:-60px;
margin-right:-60px;
padding-left:60px;
padding-right:60px;
overflow:hidden
}
.foo__rows__heading-wrapper {
cursor:default;
justify-content:flex-start;
align-items:center;
display:flex
}
.foo__icon-wrapper {
background-color:var(--border);
opacity:1;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
border-radius:50px;
flex:none;
justify-content:center;
align-items:center;
width:18px;
height:18px;
margin-left:auto;
transition:all .5s cubic-bezier(.23, 1, .357, 1.188);
display:none
}
.nav__burger__overlay {
display:none
}
.transitioning-indicator {
z-index:1100;
opacity:0;
background-image:url(https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/652986c5b48d07bbf9fab342_loading.svg);
background-position:0 0;
background-size:contain;
width:40px;
height:40px;
transition:opacity .3s;
position:fixed;
bottom:20px;
right:20px
}
.con__section {
background-color:var(--box-full-color);
justify-content:flex-start;
align-items:stretch;
width:100%;
transition:background-color 1s cubic-bezier(.165, .84, .44, 1);
display:flex
}
.con__content-wrapper {
flex-direction:column;
flex:none;
justify-content:flex-start;
align-items:stretch;
width:580px;
min-height:100svh;
padding:150px 60px;
display:flex
}
.con__img-wrapper {
flex:1;
min-height:100svh;
position:relative;
overflow:hidden
}
.con__img {
transform-origin:50% 100%;
object-fit:cover;
width:100%;
height:100%;
min-height:100svh;
transition:transform 1s cubic-bezier(.165, .84, .44, 1);
position:absolute;
top:0%;
left:0%;
right:0%;
transform:translate(0)
}
.con__content-block {
margin-top:auto;
margin-bottom:auto
}
.con__img-overlay {
z-index:10;
height:100%;
transition:transform 1s cubic-bezier(.165, .84, .44, 1);
position:absolute;
bottom:0%;
left:0%;
right:0%;
overflow:hidden;
transform:translate(0)
}
.ang-next__collection-wrapper {
grid-column-gap:10px;
grid-row-gap:10px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.ang-next__link {
background-color:var(--box);
border-radius:4px;
flex-direction:row;
justify-content:flex-start;
align-items:stretch;
width:100%;
height:100%;
min-height:20vw;
transition:background-color .3s;
display:flex;
position:relative;
overflow:hidden
}
.ang-next__text-wrapper {
grid-column-gap:20px;
grid-row-gap:20px;
text-align:left;
flex-direction:column;
justify-content:center;
align-items:flex-start;
width:60%;
padding-top:50px;
padding-bottom:50px;
padding-left:50px;
display:flex
}
.ang-next__img-wrapper {
width:55%;
position:absolute;
inset:0% 0% 0% auto
}
.ang-next__img {
object-fit:cover;
object-position:0% 0%;
width:100%;
height:100%;
display:block;
position:absolute;
inset:0%
}
.ang-next__heading {
letter-spacing:var(--letterspacing--h1);
font-size:40px;
line-height:1
}
.blg-lst__hover-overlay {
z-index:5;
background-color:var(--box-full-color);
width:100%;
height:20px;
margin-bottom:-1px;
transition:transform .6s cubic-bezier(.165, .84, .44, 1);
position:absolute;
top:0%;
left:0%;
right:0%;
transform:translate(0)
}
.s__tt__wrapper {
opacity:1;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
transition:opacity 1s, transform 1s cubic-bezier(.165, .84, .45, 1.48)
}
.s-list__link {
z-index:1;
background-color:var(--box);
opacity:1;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
border:1px #000;
border-radius:4px;
width:100%;
padding-top:149%;
transition:all 1s cubic-bezier(.215, .61, .355, 1);
display:block;
position:relative;
overflow:hidden
}
.utl__stylesheet {
display:none
}
.s__h1 {
color:var(--text-light);
text-align:center;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
font-size:5.5vw;
line-height:.98
}
.s__h1.width-1 {
max-width:52vw
}
.s__h1.width-1.s__mobile-left {
max-width:60vw
}
.s__h1.width-2 {
max-width:71vw
}
.s__h1.width-3 {
max-width:74vw
}
.s__h1.width-0 {
max-width:50vw
}
.s__h1.size-1 {
font-size:7vw
}
.s__home__bg-gradient {
z-index:0;
opacity:1;
object-fit:cover;
width:100%;
height:100%;
transition:opacity 2s cubic-bezier(.215, .61, .355, 1);
display:block;
position:absolute;
bottom:0%;
left:0%;
right:0%
}
.html-embed-4 {
flex:none;
align-items:center;
display:block
}
.html-embed-5 {
flex:none;
justify-content:flex-start;
align-items:center;
display:flex
}
.cb__popup__load-target {
width:0;
height:0
}
.s-fy-cta__image {
z-index:10;
object-fit:cover;
object-position:50% 0%;
width:100%;
height:100%;
display:block;
position:absolute;
inset:0%
}
.s-fy-cta__device {
width:25vw;
max-width:500px;
height:33.3333vw;
max-height:666.667px;
margin-bottom:-8vw;
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden
}
.s-fy-cta__video-container {
z-index:5;
background-color:var(--box);
border-radius:30px;
position:absolute;
inset:3.5% 5% -39%;
overflow:hidden
}
.s-fy-cta__gradient {
z-index:50;
transform-style:preserve-3d;
background-image:linear-gradient(#00000003, #000);
height:50%;
position:absolute;
inset:auto 0% 0%;
transform:translate3d(0, 1px, 1px)
}
.s-fy-cta__text-wrapper {
z-index:100;
position:relative
}
.s__home-section__wrapper {
margin-bottom:-20vw;
padding-bottom:20vw;
overflow:hidden
}
.s-fy-cta__video-wrapper {
z-index:10;
width:100%;
height:100%;
overflow:hidden
}
.s__animation__dummy {
justify-content:center;
align-items:center;
width:100%;
height:100svh;
display:flex;
position:relative;
transform:scale(1)
}
.s__int__phone {
z-index:15;
width:290px;
position:absolute
}
.s__int__topbar {
grid-column-gap:16px;
grid-row-gap:16px;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
font-size:12px;
font-weight:500;
display:flex;
position:absolute;
top:30px
}
.s__int__topbar__active-indicator {
background-color:var(--text);
width:20px;
height:2px;
margin-top:4px;
margin-left:auto;
margin-right:auto
}
.blg-cms__hero-wrapper {
width:100%;
height:70vh;
position:relative;
overflow:hidden
}
.blg-cms__hero-img {
object-fit:cover;
object-position:50% 50%;
width:100%;
height:100%;
transition:transform 1s cubic-bezier(.165, .84, .44, 1);
display:block;
position:absolute;
inset:0%;
transform:translate(0)
}
.blg-cms__info-wrapper {
max-width:var(--layout--blog-container-width);
grid-column-gap:20px;
grid-row-gap:20px;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
width:100%;
margin-left:auto;
margin-right:auto;
display:flex
}
.blg-cms__preheading {
color:var(--text-medium);
letter-spacing:var(--letterspacing--h3);
margin-bottom:.5em;
font-size:18px;
font-weight:400
}
.blg-cms__heading {
line-height:1
}
.utl__rich-text p {
max-width:var(--layout--blog-container-width);
color:var(--text-richtext);
width:100%;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
font-weight:400;
line-height:1.8
}
.utl__rich-text a {
border-bottom:1px solid #fff6;
text-decoration:none
}
.utl__rich-text a:hover {
border-bottom-color:var(--colors--white);
color:var(--colors--white)
}
.utl__rich-text h6 {
max-width:var(--layout--blog-container-width);
background-color:#a0a8ff33;
border-left:4px solid #4253ff;
border-radius:3px;
width:100%;
margin:20px auto;
padding:10px 20px;
font-size:1em;
font-weight:400;
line-height:1.7
}
.utl__rich-text h1 {
max-width:var(--layout--blog-container-width);
width:100%;
margin:-60px auto 30px;
padding-top:120px;
font-size:45px;
line-height:1.2
}
.utl__rich-text h2 {
max-width:var(--layout--blog-container-width);
letter-spacing:var(--letterspacing--h3);
width:100%;
margin:-60px auto 10px;
padding-top:120px;
font-size:24px;
line-height:1.4
}
.utl__rich-text figure {
width:100%;
margin:60px auto;
display:flex
}
.utl__rich-text h5 {
max-width:var(--layout--blog-container-width);
letter-spacing:var(--letterspacing--h3);
width:100%;
margin:-60px auto 30px;
padding-top:120px;
font-size:30px;
line-height:1.2
}
.utl__rich-text img {
border-radius:4px;
overflow:hidden
}
.utl__rich-text ul {
max-width:var(--layout--blog-container-width);
width:100%;
margin:12px auto 10px;
padding-left:32px;
font-size:15px
}
.utl__rich-text blockquote {
max-width:var(--layout--blog-container-width);
background-color:var(--box);
letter-spacing:var(--letterspacing--h3);
border-left-style:none;
border-radius:4px;
width:100%;
margin:40px auto;
padding:35px 40px;
font-size:2em;
font-weight:500;
line-height:1.3
}
.utl__rich-text h4 {
max-width:var(--layout--blog-container-width);
letter-spacing:var(--letterspacing--h3);
width:100%;
margin:-60px auto 20px;
padding-top:120px;
font-size:18px;
line-height:1.3
}
.utl__rich-text strong {
color:#d3d3d3;
font-weight:500
}
.utl__rich-text h3 {
max-width:var(--layout--blog-container-width);
letter-spacing:var(--letterspacing--h3);
width:100%;
margin:-60px auto 30px;
padding-top:120px;
font-size:30px;
line-height:1.3
}
.utl__rich-text li {
color:#ffffffb3;
margin-bottom:16px;
line-height:1.8;
position:relative
}
.utl__rich-text ol {
max-width:var(--layout--blog-container-width);
width:100%;
margin:12px auto 24px;
padding-left:40px;
font-size:15px;
position:relative;
overflow:visible
}
.utl__h3 {
letter-spacing:-.04em;
width:100%;
max-width:580px;
margin-bottom:0;
margin-right:auto;
font-size:30px
}
.blg-cms__hero-overlay {
background-color:var(--black);
opacity:1;
width:100%;
height:100%;
transition:transform 1s cubic-bezier(.165, .84, .44, 1);
transform:translateY(-100%)
}
.tem-tsr__collection-wrapper {
flex:none;
justify-content:flex-start;
align-items:stretch;
display:flex;
position:relative
}
.tem-tsr__image {
aspect-ratio:1/1.2;
background-color:var(--box-full-color);
object-fit:cover;
border-radius:4px;
width:45vw;
max-width:70svh;
transition:transform 1s cubic-bezier(.165, .84, .44, 1);
display:block;
overflow:hidden;
transform:translate(0)
}
.tem-tsr__collection-item {
flex:none;
padding-right:20px;
overflow:hidden
}
.tem-tsr__section {
justify-content:center;
align-items:center;
display:flex;
position:relative
}
.tem-tsr__collection-container {
flex-direction:row;
flex:none;
justify-content:flex-start;
align-items:center;
display:flex
}
.tem-tsr__wrapper {
flex-direction:row;
flex:none;
justify-content:flex-start;
align-items:stretch;
width:100svw;
display:flex;
overflow:hidden
}
.tem-tsr__heading-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
text-align:center;
flex-direction:column;
justify-content:flex-start;
align-items:center;
display:flex;
position:absolute
}
.lng-swt__wrapper {
grid-column-gap:8px;
grid-row-gap:8px;
text-transform:capitalize;
flex:none;
justify-content:flex-start;
align-items:center;
padding-left:30px;
font-weight:500;
display:flex;
position:relative;
bottom:-1px
}
.teamvid__thumb {
z-index:2;
object-fit:cover;
width:100%;
height:100%;
position:absolute;
inset:0%
}
.teamvid__thumb.mobile {
display:none
}
.his-hero__section {
opacity:1;
flex-direction:column;
justify-content:center;
align-items:center;
margin-bottom:80svh;
transition:opacity .4s;
display:flex;
position:relative
}
.his-lst__section {
justify-content:center;
align-items:center;
height:110vw;
display:flex;
position:relative
}
.his-lst__section.kat-3 {
height:90vw
}
.his-lst__section.kat-2 {
height:110vw
}
.his-lst__section.kat-4 {
height:58vw
}
.his-lst__section.kat-1 {
height:90vw
}
.his-lst__section.kat-5 {
height:100vw;
padding-top:5vw
}
.his-lst__section.kat-6 {
height:80vw;
padding-top:30vw
}
.his-lst__section.kat-7 {
height:80vw;
padding-top:20vw
}
.his-lst__section.kat-8 {
height:150vw;
padding-top:0;
padding-bottom:15vw
}
.his-lst__section.kat-9 {
height:80vw;
padding-top:20vw
}
.his-lst__section.kat-10 {
height:auto;
padding-top:40svw;
padding-bottom:300px
}
.his-img__item {
aspect-ratio:2/3;
width:20vw;
position:absolute
}
.his-img__item.item1 {
z-index:15;
aspect-ratio:2/2.85;
width:21vw;
top:-10.6vw;
right:22vw
}
.his-img__item.item2 {
aspect-ratio:282/327;
width:20vw;
top:10vw;
left:2.8vw
}
.his-img__item.item3 {
aspect-ratio:37/32;
width:26vw;
top:0;
left:21vw
}
.his-img__item.item4 {
z-index:5;
aspect-ratio:35/24;
width:26vw;
top:15.3vw;
right:2.7vw
}
.his-img__item.item5 {
aspect-ratio:18/15;
width:13vw;
top:-6vw;
left:12.5vw
}
.his-img__item.item6 {
aspect-ratio:1;
width:24vw;
bottom:13.6vw;
left:10.5vw
}
.his-img__item.item7 {
aspect-ratio:30/23;
width:21vw;
bottom:16vw;
right:19.6vw
}
.his-img__item.item8 {
aspect-ratio:42/28;
width:28vw;
bottom:0;
right:0
}
.his-img__item.item9 {
aspect-ratio:13/28;
width:10vw;
top:-4vw;
right:4vw
}
.his-img__item.item2-1 {
aspect-ratio:23/15;
width:17vw;
top:3vw;
left:2.8vw
}
.his-img__item.item2-2 {
aspect-ratio:30/20;
width:21vw;
top:-3vw;
right:31vw
}
.his-img__item.item2-3 {
aspect-ratio:34/48;
width:26vw;
top:18.2vw;
left:10.5vw
}
.his-img__item.item2-4 {
aspect-ratio:50/33;
width:37vw;
top:20.6vw;
right:0
}
.his-img__item.item2-5 {
aspect-ratio:24/16;
width:19vw;
bottom:46.8vw;
right:0
}
.his-img__item.item2-6 {
aspect-ratio:1;
width:26vw;
bottom:17.6vw;
left:2vw
}
.his-img__item.item2-8 {
aspect-ratio:22/15;
width:16vw;
bottom:23vw;
left:50vw
}
.his-img__item.item2-7 {
z-index:1;
aspect-ratio:26/36;
bottom:-1vw;
left:22.5vw
}
.his-img__item.item2-9 {
aspect-ratio:24/14;
width:19vw;
bottom:26vw;
right:9vw
}
.his-img__item.item2-10 {
aspect-ratio:15/20;
width:10vw;
bottom:10vw;
right:27vw
}
.his-img__item.item2-11 {
aspect-ratio:27/36;
width:18vw;
bottom:0;
right:0
}
.his-img__item.item3-1 {
aspect-ratio:43/29;
width:32vw;
top:10vw;
left:0
}
.his-img__item.item3-2 {
aspect-ratio:26/18;
top:-.1vw;
left:36vw
}
.his-img__item.item3-3 {
aspect-ratio:26/18;
width:28vw;
top:4.1vw;
right:2.8vw
}
.his-img__item.item3-4 {
aspect-ratio:13/23;
width:10vw;
bottom:33vw;
right:8vw
}
.his-img__item.item3-5 {
aspect-ratio:42/24;
width:32vw;
bottom:10vw;
left:4vw
}
.his-img__item.item3-6 {
aspect-ratio:32/20;
width:23vw;
bottom:18vw;
right:12vw
}
.his-img__item.item4-1 {
aspect-ratio:28/21;
width:22vw;
top:1.8vw;
left:4vw
}
.his-img__item.item4-2 {
z-index:1;
aspect-ratio:30/18;
width:24vw;
top:-10vw;
left:50vw
}
.his-img__item.item4-3 {
aspect-ratio:50/28;
width:38vw;
top:-9vw;
right:0
}
.his-img__item.item4-4 {
aspect-ratio:35/23;
width:26vw;
bottom:5vw;
left:10vw
}
.his-img__item.item4-5 {
aspect-ratio:43/25;
width:34vw;
bottom:0;
right:3vw
}
.his-img__item.item5-1 {
aspect-ratio:66/42;
width:50vw;
top:0;
left:0
}
.his-img__item.item5-2 {
aspect-ratio:19/27;
width:13vw;
top:3vw;
left:55vw
}
.his-img__item.item5-3 {
aspect-ratio:30/40;
top:10vw;
right:2.8vw
}
.his-img__item.item5-4 {
aspect-ratio:38/25;
width:30vw;
bottom:12vw;
left:6vw
}
.his-img__item.item5-5 {
aspect-ratio:27/17;
width:15vw;
bottom:1vw;
left:28vw
}
.his-img__item.item5-6 {
aspect-ratio:41/26;
width:28vw;
bottom:3.7vw;
right:12vw
}
.his-img__item.item5-7 {
z-index:1;
aspect-ratio:33/21;
width:20vw;
bottom:20vw;
right:0
}
.his-img__item.item6-3 {
aspect-ratio:44/27;
width:30vw;
top:14vw;
right:0
}
.his-img__item.item6-2 {
z-index:1;
aspect-ratio:14/18;
width:11vw;
top:6vw;
right:28vw
}
.his-img__item.item6-1 {
aspect-ratio:48/31;
width:34vw;
top:6vw;
left:2.8vw
}
.his-img__item.item6-4 {
aspect-ratio:32/21;
width:21vw;
bottom:6vw;
left:6vw
}
.his-img__item.item6-5 {
width:12vw;
bottom:-6vw;
right:10vw
}
.his-img__item.item7-1 {
aspect-ratio:49/30;
width:33vw;
top:6vw;
left:0
}
.his-img__item.item7-2 {
aspect-ratio:26/26;
width:20vw;
top:3vw;
left:36vw
}
.his-img__item.item7-4 {
z-index:11;
aspect-ratio:46/35;
z-index:0;
width:32vw;
bottom:0;
left:0
}
.his-img__item.item7-3 {
aspect-ratio:35/22;
width:22vw;
top:15vw;
right:0
}
.his-img__item.item7-5 {
aspect-ratio:18/19;
width:10vw;
bottom:-10vw;
left:42vw
}
.his-img__item.item7-6 {
aspect-ratio:27/18;
width:20vw;
bottom:-6vw;
left:58vw
}
.his-img__item.item7-7 {
aspect-ratio:29/36;
width:21vw;
bottom:3vw;
right:2.8vw
}
.his-img__item.item8-1 {
width:8vw;
top:6vw;
left:2.8vw
}
.his-img__item.item8-2 {
width:13vw;
top:11vw;
left:13.6vw
}
.his-img__item.item8-3 {
aspect-ratio:26/37;
width:17vw;
top:12vw;
left:46vw
}
.his-img__item.item8-4 {
aspect-ratio:15/20;
width:10vw;
top:9vw;
right:13vw
}
.his-img__item.item8-5 {
aspect-ratio:42/28;
width:25vw;
top:29vw;
left:6vw
}
.his-img__item.item8-6 {
z-index:2;
aspect-ratio:18/30;
width:12vw;
top:28.8vw;
right:19vw
}
.his-img__item.item8-7 {
aspect-ratio:16/24;
width:13vw;
top:20vw;
right:2.8vw
}
.his-img__item.item8-8 {
aspect-ratio:15/20;
width:11vw;
top:45vw;
right:0
}
.his-img__item.item8-9 {
aspect-ratio:22/30;
width:15vw;
bottom:73vw;
left:0
}
.his-img__item.item8-10 {
z-index:1;
aspect-ratio:28/48;
width:17vw;
bottom:65vw;
right:10vw
}
.his-img__item.item8-11 {
aspect-ratio:36/24;
width:27vw;
bottom:50vw;
left:0
}
.his-img__item.item8-12 {
z-index:2;
aspect-ratio:17/23;
width:11vw;
bottom:58vw;
right:26vw
}
.his-img__item.item8-13 {
z-index:2;
aspect-ratio:15/22;
width:9vw;
bottom:60vw;
right:4vw
}
.his-img__item.item8-14 {
aspect-ratio:18/27;
width:13vw;
bottom:30vw;
left:12vw
}
.his-img__item.item8-15 {
aspect-ratio:22/36;
width:14vw;
bottom:37vw;
left:28vw
}
.his-img__item.item8-16 {
aspect-ratio:36/24;
width:25vw;
bottom:28vw;
left:50vw
}
.his-img__item.item8-17 {
z-index:2;
aspect-ratio:44/30;
width:30vw;
bottom:19.6vw;
right:0
}
.his-img__item.item8-18 {
aspect-ratio:54/36;
width:34vw;
bottom:5vw;
left:0
}
.his-img__item.item8-19 {
aspect-ratio:28/19;
width:18vw;
bottom:10vw;
left:40vw
}
.his-img__item.item8-20 {
aspect-ratio:3/2;
width:17vw;
bottom:10vw;
right:2.8vw
}
.his-img__item.item8-21 {
aspect-ratio:19/28;
width:11vw;
bottom:0;
right:22vw
}
.his-img__item.item8-22 {
z-index:2;
aspect-ratio:24/31;
width:14vw;
bottom:-14vw;
right:30vw
}
.his-img__item.item9-1 {
aspect-ratio:28/38;
width:18vw;
top:8vw;
left:0
}
.his-img__item.item9-2 {
aspect-ratio:18/24;
width:11vw;
top:0;
left:19vw
}
.his-img__item.item9-3 {
aspect-ratio:26/38;
width:16vw;
top:0;
right:2.8vw
}
.his-img__item.item9-4 {
z-index:1;
aspect-ratio:15/27;
width:9vw;
bottom:34vw;
left:12.2vw
}
.his-img__item.item9-5 {
aspect-ratio:20/25;
width:12vw;
top:25vw;
right:22vw
}
.his-img__item.item9-6 {
aspect-ratio:27/36;
width:17vw;
top:34vw;
right:6vw
}
.his-img__item.item9-7 {
aspect-ratio:44/34;
width:31vw;
bottom:0;
left:0
}
.his-img__item.item9-8 {
aspect-ratio:21/36;
width:11vw;
bottom:-16vw;
left:35vw
}
.his-img__item.item9-9 {
aspect-ratio:57/67;
width:34vw;
bottom:-14vw;
right:4vw
}
.his-img__img__dummy {
background-color:var(--black);
transform-origin:50%;
object-fit:cover;
border-radius:4px;
width:100%;
max-width:none;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
overflow:hidden;
transform:translate(0);
box-shadow:0 5px 80px #0009
}
.his-img__img-wrapper {
cursor:pointer;
justify-content:center;
align-items:center;
width:100%;
height:100%;
display:flex;
position:absolute;
inset:0%
}
.his-lst__preheading {
color:var(--text-light);
transition:color .4s
}
.cms-ang__lap__full-width {
flex:none;
justify-content:center;
align-items:center;
width:100svw;
min-height:125svh;
display:flex;
position:relative
}
.cms-ang__lap {
text-align:center;
justify-content:center;
align-items:center;
margin-top:-200px;
margin-bottom:-200px;
display:flex
}
.cms-ang__lap__img-wrapper {
position:absolute;
inset:0%
}
.cms-ang__lap__img {
object-fit:cover;
width:100%;
height:100%;
display:block;
position:absolute;
inset:0%
}
.cms-ang__lap__text-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
padding-left:60px;
padding-right:60px;
display:flex;
position:absolute;
left:0;
right:0
}
.cms-ang__lap__heading {
width:100%;
max-width:1000px;
margin-left:auto;
margin-right:auto;
font-size:80px
}
.his-lb__wrapper {
z-index:100;
opacity:1;
transition:opacity 1s;
position:fixed;
inset:0%
}
.his-lb__copy-wrapper {
z-index:10;
flex-direction:column;
justify-content:flex-end;
align-items:stretch;
width:280px;
height:100%;
padding:40px;
display:flex;
position:absolute;
inset:0% 0% 0% auto
}
.his-lb__copy {
color:var(--text);
font-size:14px;
line-height:1.5
}
.his-lb__close {
flex:none;
justify-content:center;
align-items:center;
width:40px;
height:40px;
display:flex;
position:relative
}
.his-lb__close__icon {
z-index:10;
justify-content:center;
align-items:center;
width:14px;
height:14px;
transition:transform .3s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative;
transform:rotate(0)
}
.his-lb__img-wrapper {
padding:40px 280px;
position:absolute;
inset:0%
}
.his-lb__img-target {
justify-content:center;
align-items:center;
width:100%;
height:100%;
display:flex
}
.his-lb__bg {
background-color:var(--box);
opacity:1;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
border-radius:50px;
width:100%;
height:100%;
transition:transform .3s cubic-bezier(.165, .84, .44, 1);
position:absolute
}
.his-img__img {
opacity:1;
color:var(--box-full-color);
object-fit:cover;
width:100%;
height:100%;
transition:opacity .4s;
display:block
}
.his-pop__preheading {
color:var(--text-medium);
font-size:14px
}
.his-pop__heading {
max-width:600px;
font-size:50px;
line-height:1
}
.his-pop__close {
flex:none;
justify-content:center;
align-items:center;
width:40px;
height:40px;
display:flex;
position:absolute;
top:30px;
right:30px
}
.his-hero__heading {
z-index:100;
opacity:1;
transform:scale3d(1none, 1none, 1none);
text-align:center;
transform-style:preserve-3d;
font-size:7vw;
line-height:1;
position:relative
}
.his-hero__span {
transition:color 1s, transform 1.5s cubic-bezier(.77, 0, .175, 1);
display:block;
transform:translateY(50%)
}
.s__icon__img {
width:100%
}
.his-hero__img-wrapper {
opacity:1;
flex:none;
justify-content:center;
align-items:center;
transition:opacity 5s;
display:flex;
position:absolute;
inset:-200% 0% -190%;
overflow:hidden
}
.his-hero__img {
z-index:10;
aspect-ratio:27/21;
filter:brightness(100.1%);
object-fit:cover;
width:100%;
min-height:100svh;
position:relative
}
.his-hero__vid-wrapper {
z-index:5;
aspect-ratio:2/1.7;
opacity:0;
background-color:#000;
width:21.8vw;
min-width:28svh;
position:absolute
}
.his-hero__vid-iframe {
opacity:.7;
width:100%;
height:100%;
position:absolute;
inset:0%
}
.his-hero__img-parallax {
justify-content:center;
align-items:center;
width:100%;
height:100%;
display:flex
}
.his-hero__img-scale {
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
flex-direction:row;
justify-content:center;
align-items:center;
width:100%;
height:100%;
display:flex
}
.his-hero__sticky {
flex-direction:column;
flex:none;
justify-content:center;
align-items:center;
width:100%;
height:100svh;
display:flex;
position:sticky;
top:0
}
.his-hero__sticky-wrapper {
width:100%;
height:250svh
}
.his-hero__heading-wrapper {
justify-content:center;
align-items:center;
display:flex;
position:absolute;
inset:0%;
overflow:hidden
}
.clt__container {
margin:-5px
}
.blg-lst__info__icon {
flex:none;
justify-content:center;
align-items:center;
width:.9em;
height:.9em;
display:flex;
position:relative;
bottom:.03em
}
.blg-cms__article {
opacity:1;
transition:opacity 1s, transform 1s cubic-bezier(.23, 1, .32, 1);
transform:translate(0)
}
.web-shw__nav__name {
color:#0000;
margin-top:1px;
margin-left:10px;
font-size:10px
}
.utl__spacer {
height:150vh
}
.wlp__overlay {
z-index:10;
opacity:1;
pointer-events:none;
transition:opacity 2s cubic-bezier(.165, .84, .44, 1);
position:absolute;
inset:0%
}
.wlp__overlay__sticky {
width:100%;
height:100svh;
position:sticky;
top:0
}
.wlp__section, .div-block-2 {
position:relative
}
.wlp__overlay__overflow {
background-image:url(https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/659d42911e216cd44f6b47df_wlp-bg-gradient.svg);
background-position:50%;
background-size:100% 100%;
position:absolute;
inset:0% -100%;
overflow:hidden
}
.div-block-3 {
grid-column-gap:30px;
grid-row-gap:30px;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
height:100svh;
display:flex;
position:relative
}
.div-block-4 {
position:absolute;
inset:-200% 0;
overflow:hidden
}
.wlp__heading {
z-index:10;
text-align:center;
font-size:7vw;
line-height:1;
position:relative
}
.wlp__button {
background-color:var(--webflow--blue);
border-radius:4px;
padding:16px 24px;
transition:box-shadow .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
box-shadow:0 4px 4px #08080814, 0 1px 2px #0003, inset 0 6px 12px #ffffff1f, inset 0 1px 1px #fff3
}
.spline-scene {
position:absolute;
inset:0%
}
.wlp-s2__section {
height:400vh;
position:relative
}
.wlp-s2__sticky {
z-index:10;
justify-content:center;
align-items:center;
height:100svh;
display:flex;
position:sticky;
top:0
}
.his-hero__scroll {
grid-column-gap:10px;
grid-row-gap:10px;
border:1px solid var(--border);
border-radius:8px;
flex-direction:row;
justify-content:center;
align-items:center;
height:50px;
padding:8px 30px;
display:flex
}
.his-hero__scroll__icon {
border:1px solid var(--text);
border-radius:50px;
flex-direction:column;
justify-content:flex-start;
align-items:center;
width:12px;
height:18px;
display:flex
}
.his-hero__scroll__wheel__wrapper {
border-radius:10px;
width:2px;
height:5px;
margin-top:3px;
position:relative;
overflow:hidden
}
.his-hero__scroll__wheel {
background-color:var(--text);
opacity:1;
width:100%;
height:100%;
transform:translateY(-100%)
}
.his-hero__scroll__wrapper {
opacity:1;
transition:opacity 1s;
position:absolute;
bottom:20px
}
.cms-ang__lap__gradient {
background-image:linear-gradient(#000, #00000003);
height:10%;
position:absolute;
inset:0% 0% auto
}
.cms-ang__lap__gradient.bottom {
background-image:linear-gradient(#00000003, #000);
top:auto;
bottom:0
}
.cmc__heading {
text-align:center;
max-width:90vw;
font-size:9vw;
line-height:1
}
.cmc__gradient {
pointer-events:none;
position:absolute;
inset:0%
}
._40x__link {
text-decoration:underline
}
._40x__link:hover {
color:var(--text)
}
.wlp-s2__heading-wrapper {
z-index:10;
opacity:0;
width:100%;
position:absolute
}
.wlp-s2__heading {
z-index:10;
text-align:center;
width:100%;
font-size:6vw;
line-height:1;
position:relative
}
.wlp-s2__bg {
grid-column-gap:5vh;
grid-row-gap:5vh;
transform:scale3d(1none, 1none, 1none);
transform-style:preserve-3d;
flex-direction:column;
justify-content:center;
align-items:center;
width:100svw;
height:100svh;
display:flex;
position:absolute;
overflow:hidden
}
.wlp-s2__row {
grid-column-gap:15vh;
grid-row-gap:15vh;
flex:none;
justify-content:center;
align-items:stretch;
width:500svw;
height:100svh;
display:flex
}
.wlp-s2__item {
aspect-ratio:16/10;
background-color:#d5d5ff1a;
border-radius:6vw;
flex:none;
height:100%
}
.wlp-s2__wrapper {
grid-column-gap:15svh;
grid-row-gap:15svh;
flex-direction:column;
flex:none;
justify-content:center;
align-items:center;
width:100svw;
height:100svh;
display:flex;
transform:rotate(-9deg)scale(.1)
}
.div-block-66 {
background-image:radial-gradient(circle closest-corner, #00000003, #0003 45%, #000);
position:absolute;
inset:0%
}
.div-block-67 {
z-index:20;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
display:flex;
position:absolute;
inset:0% auto 0% 0%
}
.div-block-68 {
background-image:linear-gradient(#0e0e0e, #fff);
flex:none;
width:20px;
height:100svh
}
.s__animation-dummy {
pointer-events:none;
justify-content:center;
align-items:center;
width:100%;
height:300svh;
display:flex;
position:relative;
top:-100svh;
overflow:hidden
}
.con__cta__box {
grid-column-gap:20px;
grid-row-gap:20px;
border:1px solid var(--border);
border-radius:8px;
flex-direction:row;
justify-content:flex-start;
align-items:center;
padding:20px 30px 20px 20px;
display:flex
}
.con__cta__img {
border-radius:100px;
flex:none;
width:75px;
height:75px;
display:block;
overflow:hidden
}
.con__cta__copy {
letter-spacing:var(--letterspacing--h3);
width:100%;
max-width:300px;
font-weight:500;
line-height:1.15
}
.con__cta__link {
color:var(--text);
text-decoration:underline;
display:inline-block
}
.div-block-69 {
z-index:100;
grid-column-gap:18px;
grid-row-gap:18px;
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px);
background-color:#17171799;
border-top-left-radius:8px;
border-top-right-radius:8px;
justify-content:center;
align-items:center;
padding:16px 21px;
display:flex;
position:absolute;
bottom:0;
right:60px;
box-shadow:inset 0 1.5px 2px #ffffff4d
}
.link-block {
background-color:#303040;
border-radius:50px;
justify-content:center;
align-items:center;
width:24px;
height:24px;
display:flex
}
.wlp-cursor__embed {
opacity:0;
pointer-events:none;
transition:opacity .2s
}
.crs-fast {
z-index:10000;
opacity:0;
background-color:#fff;
border-radius:50%;
width:0;
height:0;
transition:opacity .4s;
position:fixed;
inset:0% auto auto 0%
}
.utl__invisible {
width:0;
height:0;
font-weight:400;
display:inline-block;
overflow:hidden
}
.ep25__body {
background-color:var(--ep25--red);
color:var(--ep25--red);
height:100%
}
.ep25__wrapper {
z-index:5;
padding:var(--ep25--spacing);
display:flex;
position:absolute;
inset:0%;
overflow:hidden
}
.ep25__vertical-line {
background-color:var(--black);
transform-origin:50% 100%;
width:1px;
height:100%;
transition:transform 2s cubic-bezier(.23, 1, .32, 1);
position:relative
}
.ep25__h1 {
justify-content:flex-start;
align-items:center;
display:flex
}
.ep25__heading {
white-space:nowrap;
flex:none;
align-self:center
}
.ep25__h1__text-wrapper {
z-index:1;
padding-right:var(--ep25--spacing);
padding-left:var(--ep25--spacing);
transform-style:preserve-3d;
flex-flow:column;
flex:none;
justify-content:flex-end;
align-items:center;
height:100svh;
display:flex;
position:relative;
overflow:hidden;
transform:scale3d(1.001, 1.001, 1.001)
}
.ep25__h1__heading-wrapper {
flex:none;
justify-content:center;
align-items:flex-end;
width:.67em;
padding-top:2vw;
padding-bottom:2vw;
padding-right:.012em;
font-size:24vw;
display:flex
}
.ep25__dd {
margin-left:auto;
display:flex
}
.ep25__dd__item {
height:100%;
margin-left:-1px;
display:flex;
position:relative
}
.ep25__dd__list {
z-index:10;
flex:none;
width:0;
height:100%;
transition:width .5s cubic-bezier(.23, 1, .32, 1);
display:flex;
position:relative;
overflow:hidden
}
.ep25__dd__link-block {
grid-column-gap:var(--ep25--spacing);
grid-row-gap:var(--ep25--spacing);
padding-top:0;
padding-bottom:0;
transition:padding .3s cubic-bezier(.165, .84, .44, 1);
display:flex;
position:relative
}
.ep25__dd__link__block {
z-index:5;
flex-flow:column;
justify-content:space-between;
align-items:flex-end;
height:100%;
display:flex;
position:relative
}
.ep25__dd__link__id {
order:1;
margin:0;
padding:0;
transition:color .3s
}
.ep25__dd__link__name {
white-space:nowrap;
margin:0;
padding:0;
transition:color .3s
}
.ep25__dd__heading-wrapper {
text-align:right;
flex:none;
justify-content:center;
align-items:center;
width:.67em;
padding-right:.012em;
font-size:8vw;
display:flex
}
.ep25__dd__id-wrapper {
flex:none;
order:1;
justify-content:center;
align-items:center;
width:.67em;
padding-right:.012em;
font-size:3.2vw;
display:flex
}
.ep25__bg {
background-color:var(--ep25--red);
pointer-events:none;
transform-origin:100%;
transform-style:preserve-3d;
transition:transform .3s cubic-bezier(.165, .84, .44, 1);
position:absolute;
inset:0%;
transform:scaleX(0)
}
.ep25__bg__black {
background-color:var(--black);
border-radius:4px;
position:absolute;
inset:0%
}
.ep25__hero-img {
z-index:10;
pointer-events:auto;
flex:1;
justify-content:center;
align-items:center;
height:100%;
transition:transform 2s cubic-bezier(.23, 1, .32, 1);
display:flex;
position:relative;
transform:translate(0)
}
.ep25__hero-img__img {
pointer-events:none;
object-fit:contain;
flex:none;
width:60vw;
max-width:none;
height:auto;
min-height:100%;
transition:transform .5s cubic-bezier(.23, 1, .32, 1);
position:absolute;
top:0;
bottom:0;
transform:translate(0)
}
.ep25__dd__list__wrapper {
padding:var(--ep25--spacing);
opacity:1;
flex-flow:column;
flex:none;
height:100%;
transition:transform .5s cubic-bezier(.23, 1, .32, 1), opacity .5s;
display:flex;
position:relative;
overflow:auto;
transform:translate(0)
}
.ep25__dd__list__line {
background-color:var(--ep25--red);
width:1px;
position:absolute;
left:0
}
.ep25__form__input {
border:1px solid var(--ep25--red-border);
background-color:var(--transparent);
color:var(--ep25--red);
text-align:right;
letter-spacing:-.03em;
text-transform:uppercase;
border-radius:4px;
width:100%;
height:50px;
margin-bottom:0;
padding:0 20px 0 120px;
font-size:30px;
line-height:1
}
.ep25__form__input:focus {
border-color:var(--ep25--red)
}
.ep25__form__input::placeholder {
color:#ff000040
}
.ep25__form__input.ep25__form-id__input {
letter-spacing:14px;
padding-top:0;
padding-bottom:2px;
padding-right:1px;
font-family:Roboto Mono, sans-serif;
font-weight:400
}
.ep25__form__input.ep25__form-plusone__input {
pointer-events:none;
padding-top:0;
padding-bottom:2px;
padding-right:47px
}
.ep25__form {
height:100%;
margin-bottom:0
}
.ep25__form__form {
grid-column-gap:10px;
grid-row-gap:10px;
flex-flow:column;
justify-content:flex-start;
align-items:stretch;
width:100%;
height:100%;
display:flex
}
.ep25__form__submit {
border:1px solid var(--ep25--red);
background-color:var(--ep25--red);
color:var(--black);
text-align:center;
border-radius:4px;
height:60px;
margin-top:auto;
padding:0;
font-size:30px;
line-height:1
}
.ep25__form__label {
justify-content:flex-start;
align-items:center;
height:50px;
margin-bottom:0;
padding-left:12px;
font-weight:400;
display:flex;
position:absolute
}
.ep25__form__input-wrapper {
justify-content:flex-start;
align-items:center;
display:flex;
position:relative
}
.ep25__form__copy {
text-align:justify;
margin-top:20px;
margin-bottom:20px;
line-height:1.3
}
.ep25__form-id__slot__wrapper {
grid-column-gap:5px;
grid-row-gap:5px;
pointer-events:none;
display:flex;
position:absolute;
inset:8px 12px 8px auto
}
.ep25__form-id__slot {
border:1px solid var(--ep25--red-border);
border-radius:4px;
width:27px;
height:100%
}
.ep25__form-plusone__nav {
background-color:var(--transparent);
border-radius:50px;
justify-content:center;
align-items:center;
width:30px;
height:30px;
padding:0;
display:flex;
position:absolute;
right:10px
}
.ep25__form-plusone__nav.minus {
right:70px
}
.ep25__form-plusone__line {
z-index:10;
background-color:var(--ep25--red);
width:9px;
height:1px;
transition:background-color .2s;
position:absolute
}
.ep25__form-plusone__line._90deg {
transform:rotate(90deg)
}
.ep25__form-plusone__hover {
opacity:0;
pointer-events:none;
background-color:#f003;
border-radius:50px;
width:100%;
height:100%;
transition:opacity .2s, transform .2s cubic-bezier(.23, 1, .32, 1);
transform:scale(.5)
}
.ep25__pld {
z-index:100;
padding:var(--ep25--spacing);
grid-column-gap:var(--ep25--spacing);
grid-row-gap:var(--ep25--spacing);
background-color:var(--ep25--red);
flex-flow:column;
justify-content:flex-start;
align-items:center;
display:none;
position:absolute;
inset:0%;
overflow:hidden
}
.ep25__pld__heading {
text-align:center;
width:100svw;
font-size:21.2vw;
line-height:.7
}
.ep25__line {
background-color:var(--black);
transform-origin:0%;
width:100%;
height:1px;
transition:transform 2s cubic-bezier(.23, 1, .32, 1);
transform:scale(1)
}
.ep25__pld__button {
background-color:var(--transparent);
justify-content:center;
align-items:center;
width:100%;
height:140px;
margin-top:auto;
padding:0;
transition:height 1.5s cubic-bezier(.23, 1, .32, 1);
display:flex;
position:relative;
overflow:hidden
}
.ep25__pld__button-text {
z-index:10;
opacity:1;
transform:scale3d(1none, 1none, 1none)translate(0px, 0px);
letter-spacing:-.05em;
text-transform:uppercase;
transform-style:preserve-3d;
font-size:80px;
line-height:1;
transition:opacity 1.5s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
position:relative
}
.ep25__pld__button__bg {
background-color:var(--black);
border-radius:4px;
transition:all .3s cubic-bezier(.23, 1, .32, 1);
position:absolute;
inset:0
}
.ep25__facts__row {
grid-column-gap:var(--ep25--spacing);
grid-row-gap:var(--ep25--spacing);
border-top:1px solid var(--ep25--red);
border-bottom:1px solid var(--ep25--red);
margin-bottom:-1px;
padding-top:1vw;
padding-bottom:1vw;
display:flex
}
.ep25__facts__copy {
text-align:right;
letter-spacing:-.057em;
margin-bottom:-.05em;
margin-left:auto;
font-size:2.5vw;
line-height:.75
}
.ep25__facts__title {
letter-spacing:-.04em;
flex-flow:column;
justify-content:flex-end;
align-items:center;
height:1.95vw;
margin-bottom:-.1em;
font-size:1vw;
display:flex
}
.ep25__button {
background-color:var(--transparent);
justify-content:center;
align-items:center;
width:100%;
height:4vw;
margin-top:auto;
padding:0;
transition:height 1.5s cubic-bezier(.23, 1, .32, 1);
display:flex;
position:relative;
overflow:hidden
}
.ep25__button-text {
z-index:10;
opacity:1;
transform:scale3d(1none, 1none, 1none)translate(0px, 0px);
color:var(--black);
letter-spacing:-.05em;
text-transform:uppercase;
transform-style:preserve-3d;
font-size:2vw;
line-height:1;
transition:opacity 1.5s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
position:relative
}
.ep25__button__bg {
background-color:var(--ep25--red);
border-radius:4px;
transition:all .3s cubic-bezier(.23, 1, .32, 1);
position:absolute;
inset:0
}
.ep25__dd__button-wrapper {
grid-column-gap:1vw;
grid-row-gap:1vw;
flex-flow:column;
margin-top:auto;
display:flex
}
.ep25__main-bg {
background-image:radial-gradient(circle farthest-corner at 50% 0%, #ff3426, var(--ep25--red));
position:absolute;
inset:0%
}
.ep25__succ {
padding:var(--ep25--spacing);
border:1px solid var(--ep25--red);
background-color:#0000;
border-radius:4px;
height:100%
}
.ep25__succ__heading {
margin-bottom:.1em;
font-size:9vw;
line-height:.7
}
.ep25__succ__block {
flex-flow:column;
justify-content:center;
align-items:center;
height:100%;
display:flex
}
.ep25__succ__copy {
font-size:16px;
line-height:1.1
}
.ep25__calendar__wrapper {
grid-column-gap:1vw;
grid-row-gap:1vw;
border:1px solid var(--ep25--red);
letter-spacing:-.057em;
border-radius:4px;
flex-flow:column;
padding:1vw;
font-size:2vw;
font-weight:400;
line-height:1;
display:flex
}
.web-banner {
z-index:1000;
grid-column-gap:8px;
grid-row-gap:8px;
pointer-events:none;
flex-flow:column;
justify-content:center;
align-items:center;
padding-left:20px;
display:flex;
position:fixed;
inset:0% 0% 0% auto;
overflow:hidden
}
.web-banner__link {
pointer-events:auto;
background-color:#146ef5;
justify-content:flex-end;
align-items:center;
width:50px;
transition:transform 1s cubic-bezier(.25, .74, .22, .99);
display:flex;
transform:translate(100%)
}
.web-banner__link.awwwards {
background-color:#e73c37
}
.web-banner__img {
width:100%;
transition:transform .2s cubic-bezier(.23, 1, .32, 1);
display:block;
transform:translate(0)
}
@media screen and (max-width:991px) {
.tem__img-wrapper {
height:30vw
}
.teamposition {
font-size:12px;
line-height:14px
}
.tem__img {
display:block
}
.nav__burger-container {
margin-right:-30px;
padding-left:30px;
padding-right:30px
}
.work__facts__section {
display:block
}
.work__facts__column2 {
min-width:0;
padding-left:60px;
padding-right:60px
}
.work__facts__lead {
font-size:4vw
}
.work__facts__column1 {
width:100%;
padding-left:60px;
padding-right:60px
}
.work__table__row {
display:block
}
.work__table__title {
margin-bottom:10px
}
.work__table__copy {
margin-bottom:3px
}
.clt__wrapper {
grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
grid-auto-columns:minmax(200px, 1fr)
}
.tem__collection-wrapper {
grid-template-columns:1fr 1fr
}
.work__content__richtext_v2 p {
font-size:25px
}
.work__content__richtext_v2 h4 {
font-size:45px
}
.work__content__richtext_v2 a {
text-decoration:underline
}
.work__content__richtext_v2 img {
min-height:auto
}
.s__work-list__wrapper {
grid-column-gap:16px;
grid-template-columns:1fr 1fr 1fr
}
.blog-list__hover {
display:none
}
.vid-audio {
bottom:40px;
right:40px
}
.sectiontitle-medium {
max-width:450px
}
.cmc__video-container:hover {
padding:20px
}
.cursor-video__direction {
position:relative
}
.cursor-video__circle {
width:80px;
height:80px;
transform:scale(1)
}
.cursor-video {
width:100%;
height:100%;
top:0;
left:0
}
.cursor-video__play-img {
opacity:1
}
.tvid__video__item {
padding:40px
}
.tvid__main-heading {
font-size:45px
}
.tvid__cursor {
width:100%;
height:100%;
top:0;
left:0
}
.tvid__nav__section {
align-items:center;
padding-bottom:40px;
display:flex
}
.tvid__nav__container {
flex:none;
width:auto;
max-width:none;
margin-left:0;
padding-left:40px;
padding-right:40px
}
.awards__link-block {
padding-top:16px;
padding-bottom:16px;
font-size:14px;
line-height:1.1
}
.awards__top-bar {
font-size:12px
}
.teamvid__section {
height:110vw;
max-height:90vh
}
.j-hero__heading {
padding-top:4vw;
padding-bottom:4vw;
overflow:hidden
}
.heading-18 {
font-size:3vw
}
.j-jobs__item {
width:50%
}
.j-team__positioner.position9-2 {
top:30%;
bottom:auto
}
.j-team__positioner.position7-2 {
top:23%;
bottom:auto
}
.j-team__positioner.position5-2 {
top:28%;
bottom:auto;
left:3%
}
.j-team__positioner.position4-2 {
top:0%
}
.j-team__positioner.position11-2 {
bottom:26%;
left:-2%
}
.j-cms-about__richtext {
column-count:2
}
.j-cms-about__richtext h2, .j-cms-about__richtext p, .j-cms-about__richtext h4 {
font-size:2vw
}
.vcd-list__section {
min-width:300px;
padding:40px 20px 40px 40px
}
.vcd-box__section {
padding:40px 40px 40px 20px
}
.vcd-box__img-container {
z-index:5
}
.vcd-box__cta-link:hover {
background-color:#2f2f2f
}
.vcd-button__span-shorten {
display:none
}
.s__home-section {
min-height:auto;
padding-bottom:0
}
.popup_section {
padding-top:160px
}
.popup_close-wrapper:hover {
background-color:#353340
}
.kp__h3 {
font-size:68px
}
.s__slogan-section {
padding-left:40px;
padding-right:40px
}
.s__h2-container.s__h2-container__likes {
max-width:100%;
padding-left:0;
padding-right:0
}
.process__item {
grid-column-gap:30px;
grid-row-gap:16px;
grid-template-columns:200px 60px 1fr
}
.process__h4 {
max-width:100%
}
.process__copy {
font-size:18px
}
.s__animation-section {
margin-top:-100px
}
.s__partner-link {
width:17%
}
.s__partner-wrapper {
grid-column-gap:30px;
grid-row-gap:20px;
flex-wrap:wrap;
justify-content:center
}
.s__home-bg {
object-fit:cover
}
.s__home-bg-wrapper {
height:80svh
}
.s__bottom-like {
max-width:20vw
}
.s__tt-arrow {
max-width:9vw
}
.s__small-like {
max-width:8vw;
bottom:48%
}
.s__insta-icon {
max-width:11.5vw;
bottom:60px
}
.s__like-small-left {
left:-1%
}
.s__like-big-left {
top:13%
}
.s__tiktok-icon {
top:15%
}
.s__like-big-right {
max-width:22vw;
top:18%;
right:5%
}
.s__tiktok-hearth {
max-width:16vw
}
.s__tiktok-comment {
right:-1%
}
.s__home-tiktok-minus {
right:4%
}
.s__work-list__item {
flex-direction:column;
display:flex
}
.hh2-heading__container {
padding-bottom:40px;
padding-left:40px;
padding-right:40px
}
.hh2-heading__h1 {
padding-right:80px;
font-size:140px
}
.lay__container.nav-dd__container {
padding-left:0;
padding-right:0
}
.lay__section {
padding-top:130px;
padding-bottom:130px
}
.utl__h1 {
font-size:100px
}
.utl-lead__paragraph {
font-size:40px
}
.nav__main {
height:80px
}
.nav__logo {
margin-top:2px
}
.nav__link-wrapper {
z-index:1000;
grid-column-gap:10px;
grid-row-gap:10px;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
height:100svh;
padding:120px 60px 30px;
position:absolute;
top:0%;
left:0%;
right:0%;
overflow:auto
}
.nav__link {
grid-column-gap:12px;
grid-row-gap:12px;
opacity:1;
transition:opacity .6s cubic-bezier(.165, .84, .44, 1), transform .8s cubic-bezier(.165, .84, .44, 1);
transform:translate(0)
}
.nav__link__dd {
width:22px;
height:22px;
position:relative;
bottom:-2px
}
.nav-dd__wrapper {
background-color:#0000;
position:relative
}
.nav-dd__bg {
display:none
}
.nav-dd {
opacity:1;
flex:none;
width:100%;
margin-bottom:-10px;
position:relative
}
.nav-dd__heading {
display:none
}
.nav-dd__link {
font-size:40px;
line-height:1.2
}
.nav-dd__img-wrapper, .nav-dd__border {
display:none
}
.nav-dd__block {
height:auto;
margin-top:0;
padding-bottom:10px
}
.nav-dd__collection-wrapper {
grid-column-gap:10px;
grid-row-gap:10px
}
.utl__side-heading.legal {
display:none
}
.fct__number {
font-size:70px
}
.utl__h2.mw-540, .utl__h2.width-1 {
font-size:40px
}
.wrk-list__wrapper {
grid-template-columns:1fr 1fr 1fr
}
.nav__link__text-wrapper {
letter-spacing:var(--letterspacing--h1);
margin-left:-5px;
margin-right:-5px;
padding-left:5px;
padding-right:5px;
font-size:40px
}
.foo__rows {
grid-column-gap:0px;
grid-row-gap:0px
}
.foo__rows__block {
flex:1
}
.foo__cta__text {
font-size:25vw
}
.foo__logo-wrapper {
display:none
}
.foo__cta__wrapper {
font-size:25vw
}
.nav__link__item {
opacity:1;
overflow:visible
}
.ang-lst__nav__wrapper {
position:relative
}
.blg-lst__collection-wrapper {
grid-column-gap:10px;
grid-row-gap:10px
}
.blg-lst__heading {
font-size:20px
}
.blg-lst__text-wrapper {
width:100%
}
.his-lst__heading-wrapper {
z-index:11;
padding-left:40px;
padding-right:40px
}
.his-lst__heading {
font-size:12vw
}
.nav__link-container {
z-index:5;
background-color:var(--box-full-color);
height:0%;
padding:0;
transition:height .6s cubic-bezier(.165, .84, .44, 1);
display:block;
position:fixed;
inset:0%;
overflow:hidden
}
.nav__burger {
z-index:10;
grid-column-gap:6px;
grid-row-gap:6px;
border-radius:8px;
align-items:flex-start;
width:50px;
height:50px;
margin-left:auto;
margin-right:-15px;
padding:15px;
position:relative
}
.nav__burger__line {
background-color:var(--text);
flex:none;
width:20px;
height:1px;
padding:0;
transition:width 1.5s cubic-bezier(.165, .84, .44, 1)
}
.nav__burger__overlay {
z-index:900;
opacity:0;
background-color:#161616eb;
transition:opacity .6s;
display:block;
position:fixed;
inset:0%
}
.con__section {
background-color:var(--transparent);
flex-direction:column;
justify-content:flex-start;
align-items:stretch
}
.con__content-wrapper {
width:100%;
min-height:0;
padding-top:100px;
padding-bottom:100px
}
.con__img-wrapper {
flex:none;
order:-1;
height:70vw;
min-height:0;
position:relative
}
.con__img {
height:100%;
min-height:100%
}
.ang-next__collection-wrapper {
grid-template-columns:1fr
}
.ang-next__link {
min-height:30vw
}
.s__h1 {
font-size:8vw
}
.s__h1.width-1 {
max-width:80vw
}
.s__h1.width-1.s__mobile-left {
max-width:75vw
}
.s__h1.width-2 {
max-width:90vw
}
.s__h1.width-3 {
max-width:82vw
}
.s__h1.width-0 {
max-width:80vw
}
.s__h1.size-1 {
font-size:11vw
}
.s__home__bg-gradient {
object-fit:cover
}
.html-embed-4 {
justify-content:flex-start;
align-items:stretch;
width:10px;
display:flex
}
.s-fy-cta__device {
width:30vw;
height:40vw
}
.blg-cms__hero-wrapper {
height:70vw
}
.tem-tsr__image {
width:60vw
}
.tem-tsr__heading-wrapper {
z-index:11
}
.lng-swt__wrapper {
grid-column-gap:14px;
grid-row-gap:14px;
border-left-style:none;
margin-top:auto;
padding-top:60px;
padding-left:0;
bottom:0
}
.his-lst__section.kat-1 {
height:110vw;
padding-top:10vw
}
.his-lst__section.kat-7 {
height:100vw;
padding-top:30vw
}
.his-lst__preheading {
font-size:2.5vw
}
.cms-ang__lap__heading {
font-size:10vw
}
.his-lb__copy-wrapper {
width:100%;
height:200px;
inset:auto 0% 0%
}
.his-lb__copy {
line-height:1.2
}
.his-lb__close {
display:none
}
.his-lb__img-wrapper {
padding:60px 60px 200px
}
.his-pop__close {
display:none
}
.his-hero__vid-wrapper {
min-width:27svh
}
.cmc__heading {
font-size:12vw
}
.con__cta__copy {
max-width:600px
}
.ep25__body {
height:auto;
overflow:visible
}
.ep25__wrapper {
flex-flow:column;
min-height:100svh;
position:relative
}
.ep25__vertical-line {
transform-origin:0%;
width:100%;
height:1px
}
.ep25__h1 {
flex-flow:column;
flex:none
}
.ep25__h1__text-wrapper {
padding:var(--ep25--spacing)0px;
flex-flow:row;
width:100svw;
height:auto
}
.ep25__h1__heading-wrapper {
width:auto;
height:.67em;
padding:0 2vw .012em
}
.ep25__dd {
flex-flow:column;
margin-top:auto;
margin-left:0
}
.ep25__dd__item {
flex-flow:column;
width:100%;
height:auto;
margin-bottom:-1px;
margin-left:0
}
.ep25__dd__list {
flex-flow:column;
justify-content:flex-start;
align-items:stretch;
width:100%;
height:0;
transition-property:height
}
.ep25__dd__link-block {
flex-flow:column;
transition-duration:.5s
}
.ep25__dd__link__block {
flex-flow:row;
width:100%;
height:auto
}
.ep25__dd__heading-wrapper {
text-align:left;
width:auto;
height:.67em;
padding-bottom:.012em;
padding-right:0
}
.ep25__dd__id-wrapper {
width:auto;
height:.67em;
padding-bottom:.012em;
padding-right:2px
}
.ep25__bg {
transform-origin:50% 100%;
transition-duration:.5s;
transition-timing-function:cubic-bezier(.23, 1, .32, 1);
transform:scaleY(0)
}
.ep25__hero-img {
flex-flow:column;
flex:1;
width:100%;
min-height:47svh;
transition:all .5s cubic-bezier(.23, 1, .32, 1), transform 2s cubic-bezier(.23, 1, .32, 1)
}
.ep25__hero-img__img {
width:200%;
height:110%;
top:-5%;
bottom:-5%
}
.ep25__dd__list__wrapper {
width:100%;
height:auto;
overflow:visible
}
.ep25__dd__list__line {
z-index:10;
width:auto;
height:1px;
display:none
}
.ep25__facts__row {
padding-top:2vw;
padding-bottom:2vw
}
.ep25__facts__copy {
font-size:8vw
}
.ep25__facts__title {
height:6.6vw;
font-size:3vw
}
.ep25__button {
height:10vw
}
.ep25__button-text {
font-size:5vw
}
.ep25__dd__button-wrapper {
margin-top:4vw
}
.ep25__succ {
padding-top:8vw;
padding-bottom:8vw
}
.ep25__calendar__wrapper {
grid-column-gap:2vw;
grid-row-gap:2vw;
padding:2vw;
font-size:5vw
}
}
@media screen and (max-width:767px) {
.tem__img-wrapper {
height:340px
}
.tem__info {
height:auto
}
.teamname {
line-height:20px
}
.teamposition {
font-size:12px;
line-height:16px
}
.tem__collection-item {
width:100%
}
.nav__burger-container {
margin-top:0;
margin-bottom:0;
margin-right:-20px;
padding:0 20px
}
.homehero__section {
flex-direction:column;
height:150vw;
padding-bottom:0%
}
.angebot__column1 {
width:100%;
height:500px;
padding-top:0;
padding-bottom:0;
position:relative
}
.work__hero__subheading {
max-width:80vw;
font-size:7.5vw
}
.work__hero__img-container {
width:100%;
height:100%;
bottom:auto;
right:0%
}
.work__facts__column2 {
width:100%
}
.work__facts__lead {
max-width:95%;
font-size:30px;
line-height:42px
}
.work__facts__column1 {
padding-left:40px;
padding-right:40px
}
.homehero__subheading__heading {
margin-left:8px;
margin-right:8px;
font-size:18px
}
._40x__section {
padding:40px
}
._40x__block {
padding:60px
}
.clt__item {
flex:none
}
.clt__wrapper {
grid-template-columns:1fr 1fr 1fr
}
.work__content__richtext_v2 p {
width:80vw;
margin-top:10vh;
margin-bottom:10vh;
font-size:20px
}
.work__content__richtext_v2 h4 {
letter-spacing:-1.5px;
width:80vw;
margin-top:10vh;
margin-bottom:10vh;
font-size:40px
}
.work__content__richtext_v2 h2 {
width:80vw;
font-size:40px
}
.work__hero__heading-small {
font-size:3.5vw
}
.s__work-list__wrapper {
grid-row-gap:40px;
grid-template-columns:1fr 1fr
}
.vid-audio:hover {
width:70px;
height:70px;
margin-bottom:0;
margin-right:0
}
.utility__heading-container {
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.brands__wrapper {
grid-template-columns:1fr;
margin:0
}
.tvid__section {
height:auto;
max-height:none;
padding-top:0;
padding-bottom:0;
display:block
}
.tvid__video__item {
padding-bottom:0;
padding-left:41px;
padding-right:41px
}
.tvid__video__container {
width:100%;
height:100vw;
position:relative
}
.tvid__heading-container {
margin-bottom:0
}
.tvid__text-block {
font-size:18px
}
.tvid__gradient {
background-image:linear-gradient(to bottom, #0000, var(--box-full-color))
}
.tvid__main-heading {
margin-top:0;
margin-bottom:14px;
font-size:35px;
line-height:1.1
}
.tvid__cursor-container {
width:100%;
height:100vw
}
.tvid__cursor {
display:flex
}
.tvid__audio-toggle {
width:40px;
height:40px;
top:70px
}
.tvid__audio-toggle:hover {
background-color:#dbdbdb40;
margin-top:0;
margin-right:0
}
.tvid__nav__section {
background-color:var(--box-full-color);
padding:40px 0;
position:relative
}
.tvid__nav__item {
opacity:1
}
.awards__item {
min-width:700px;
padding-left:40px;
padding-right:40px
}
.awards__link-block:hover {
background-color:#0000;
padding-left:0;
padding-right:0
}
.awards__top-bar {
min-width:800px;
padding-left:20px;
padding-right:20px;
display:none
}
.teamvid__section {
border-radius:0;
height:120vw;
margin-left:-40px;
margin-right:-40px
}
.j-utility__section {
padding-top:120px;
padding-bottom:120px
}
.j-utility__container {
padding-left:40px;
padding-right:40px
}
.j-utility__container.horizontal-flex {
flex-direction:column
}
.j-utility__lead {
font-size:7vw
}
.j-utility__heading {
font-size:3vw
}
.j-utility__line {
left:20px;
right:20px
}
.j-hero__button-wrapper {
width:30vw;
height:30vw;
right:9%
}
.j-hero__img-container {
padding-top:200%
}
.j-hero__button-copy {
font-size:3vw
}
.j-prio__section {
margin-top:-98vw;
padding-top:120px;
padding-bottom:120px
}
.j-prio__heading {
font-size:3vw;
left:20px;
right:20px
}
.j-prio__ueber {
height:3.2vw;
font-size:3vw
}
.heading-18 {
margin-bottom:6vw
}
.j-jobs__wrapper {
grid-column-gap:20px;
grid-row-gap:20px;
flex-flow:row;
justify-content:flex-start;
padding-left:40px;
padding-right:40px
}
.j-jobs__item {
flex:none;
width:auto;
padding:0
}
.j-jobs__link {
width:55vw;
padding:35px 30px
}
.j-jobs__name {
font-size:6vw
}
.j-jobs__button {
bottom:15px;
right:9px
}
.j-jobs__container {
justify-content:flex-start;
align-items:stretch;
margin:0 -40px;
display:flex;
overflow:auto
}
.j-team__wrapper {
height:250vw
}
.j-cta__heading.jetztbewerben, .j-cta__heading.mehrzu {
max-width:100%;
font-size:18vw
}
.j-team__positioner.position1 {
top:27%;
right:6%
}
.j-team__positioner.position2 {
bottom:33%;
left:auto;
right:8%
}
.j-team__positioner.position3 {
top:13%
}
.j-team__positioner.position4 {
top:3%;
left:28%
}
.j-team__positioner.position5 {
bottom:39%
}
.j-team__positioner.position6 {
bottom:20%
}
.j-team__positioner.position7 {
bottom:59%
}
.j-team__positioner.position8 {
bottom:9%;
left:18%
}
.j-team__positioner.position10 {
right:14%
}
.j-team__positioner.position11 {
bottom:21%
}
.j-team__positioner.position12 {
top:12%;
right:0%
}
.j-team__positioner.position13, .j-team__positioner.test1 {
bottom:9%;
left:18%
}
.j-team__positioner.position7-2 {
bottom:59%
}
.j-team__positioner.position4-2 {
top:3%;
left:28%
}
.j-team__positioner.position12-2 {
top:3%;
right:4%
}
.j-team__positioner.position1-2 {
top:20%;
right:6%
}
.j-team__positioner.position11-2 {
bottom:26%
}
.j-team__img {
width:30vw
}
.j-team__img.size30 {
width:40vw
}
.j-team__img.size3 {
width:25vw
}
.j-team__img.size25 {
width:30vw
}
.j-cms-about__richtext {
column-count:1;
width:100%
}
.j-cms-about__richtext h2, .j-cms-about__richtext p, .j-cms-about__richtext h4 {
font-size:3vw
}
.j-cms-about__heading {
margin-bottom:6vw;
font-size:3vw
}
.j-cms__dd__container {
width:100%
}
.j-cms__dd__heading, .j-cms-dd__list-copy {
font-size:3vw
}
.j-cms-profil__richtext h1, .j-cms-profil__richtext h2, .j-cms-profil__richtext h3, .j-cms-profil__richtext h4, .j-cms-profil__richtext h5, .j-cms-profil__richtext p, .j-cms-profil__richtext h6 {
padding-top:2vw;
padding-bottom:2vw;
font-size:12vw
}
.vcd-list__section {
width:100%;
min-width:0;
padding-right:40px;
transition:all .5s cubic-bezier(.165, .84, .44, 1);
transform:translate(0%)
}
.vcd-box__section {
padding:0;
position:absolute;
inset:0% 0% auto auto;
overflow:visible
}
.vcd-box__item {
z-index:100;
background-color:#000;
border-radius:0;
width:100%;
padding-top:100px;
transition:all .5s cubic-bezier(.165, .84, .44, 1);
position:fixed;
inset:0%;
overflow:auto;
transform:translate(0%)
}
.vcd-box__item.cb-hidden {
display:flex;
transform:translate(100%)
}
.vcd-box__img-container {
flex:none
}
.vcd-list__link:hover {
background-color:#0000
}
.vcd-nav__container {
width:auto;
display:flex;
position:absolute;
top:20px;
left:40px;
right:40px
}
.vcd__load-overlay {
display:block
}
.vcd-qr__embed {
max-width:80vh;
max-height:80vh
}
.vcd-button__span-shorten {
display:inline
}
.vcd-qr__close {
width:30px;
height:30px
}
.s__home-section {
padding-top:120px
}
.s__home-text__wrapper {
padding-left:40px;
padding-right:40px
}
.color-white {
display:inline-block
}
.kampagnen__item {
margin-top:8px
}
.s__h4 {
font-size:18px;
line-height:1.2
}
.s__kampagnen-category {
margin-bottom:6px
}
.s__partner-container {
grid-column-gap:5px;
background-color:#0000;
min-height:auto;
padding:0;
font-size:11px
}
.s__partner-original {
display:none
}
.kampagnen__infonumber-container {
grid-column-gap:8px;
font-size:12px
}
.kampagnen__item-bottom {
margin-top:8px
}
.popup_section {
padding-top:100px;
padding-left:40px;
padding-right:40px
}
.popup_container {
width:100%;
padding-left:20px;
padding-right:20px
}
.kp__h3 {
font-size:52px
}
.kp__number-info__wrapper {
font-size:20px
}
.kp__number-info {
font-size:15px
}
.kp__number-info__container {
grid-column-gap:40px
}
.kp__section-title {
font-size:25px
}
.s__slogan-section, .s__h2-container.s__h2-container__likes {
padding-left:20px;
padding-right:20px
}
.s__process__first-divider {
display:none
}
.process__item {
background-color:var(--box);
border-bottom-style:none;
border-radius:4px;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
margin-bottom:10px;
padding:40px;
display:flex
}
.process__h4 {
max-width:320px;
font-size:30px
}
.process__img {
order:-1;
width:50px;
height:50px;
margin-bottom:30px
}
.process__copy {
color:var(--text-medium);
max-width:90%;
font-size:18px
}
.s__home-bg {
object-fit:cover;
height:100%
}
.s__home-bg-wrapper {
margin-top:-5svh
}
.s__bottom-like {
max-width:22vw
}
.s__tt-arrow {
max-width:13vw;
left:10%
}
.s__small-like {
max-width:13vw;
bottom:49%;
right:24%
}
.s__like-small-left {
top:69%
}
.s__like-big-left {
top:20%
}
.s__slogan-wrapper {
padding-left:20px;
padding-right:20px
}
.s__tiktok-icon {
max-width:16vw;
top:20%
}
.s__like-big-right {
top:30%
}
.s__home-like-left {
max-width:15vw
}
.s__home-tiktok-minus {
max-width:18vw;
top:29%
}
.s__kategorie__wrapper {
grid-row-gap:5px;
flex-wrap:wrap;
justify-content:flex-start
}
.hh2-heading__container {
padding-left:20px;
padding-right:20px
}
.hh2-heading__container.cms-ang__heading__container {
padding-bottom:80px
}
.fy__wrapper {
border-radius:0;
width:100%;
height:100%
}
.fy__controls {
display:none
}
.lay__container {
padding-left:40px;
padding-right:40px
}
.lay__section {
padding-top:100px;
padding-bottom:100px
}
.utl__h1 {
font-size:60px
}
.utl-lead__heading {
margin-right:4em
}
.utl__button.mobile-tiny {
min-height:35px;
padding-left:20px;
padding-right:20px
}
.nav__main {
height:80px
}
.nav-logo {
justify-content:flex-start;
align-items:stretch;
width:110px;
height:18px;
display:flex
}
.nav__link-wrapper {
padding-left:40px;
padding-right:40px
}
.lay__block.rows-20.his-lb__content-block {
grid-column-gap:10px;
grid-row-gap:10px
}
.utl__grid.numbers {
grid-column-gap:0px;
grid-row-gap:60px;
grid-template-columns:1fr
}
.utl__paragraph {
font-size:20px
}
.fct__number {
font-size:100px
}
.utl__h2, .utl__h2.width-1 {
font-size:40px
}
.utl-dd__heading {
font-size:28px
}
.crs {
display:none
}
.foo__rows {
grid-column-gap:0px;
grid-row-gap:0px;
flex-wrap:wrap
}
.foo__rows__link {
margin-left:-10px;
margin-right:-10px;
padding:6px 10px;
display:block
}
.foo__rows__block {
grid-column-gap:0px;
grid-row-gap:0px;
flex:none;
width:100%;
padding-bottom:1px;
position:relative
}
.foo__rows__list {
padding-bottom:20px
}
.foo__cta__text {
font-size:30vw
}
.foo__legal {
grid-row-gap:0px;
flex-wrap:wrap;
align-content:flex-start
}
.foo__legal__copy {
flex:1
}
.foo__logo-wrapper {
width:100%;
margin-bottom:60px;
display:block
}
.foo__cta__wrapper {
font-size:30vw
}
.ang-lst__nav__container {
padding-bottom:40px;
padding-left:40px;
padding-right:40px
}
.blg-lst__collection-wrapper {
flex-direction:column;
grid-template-columns:1fr;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.blg-lst__img-container {
width:250px;
max-width:35%
}
.blg-lst__content-wrapper {
justify-content:center;
padding-top:30px;
padding-bottom:30px
}
.blg-lst__block {
flex-direction:row;
justify-content:flex-start;
align-items:stretch;
min-height:130px
}
.blg-lst__heading {
font-size:22px
}
.blg-lst__preheading {
margin-bottom:2px
}
.blg-lst__info-wrapper {
display:none
}
.blg-lst__info-wrapper.blg-cms__hero {
display:flex
}
.blg-lst__text-wrapper {
width:80%;
margin-bottom:0
}
.blg-lst__img-block {
height:100%;
padding-top:0%
}
.utl__button-simple__icon {
transform:scale3d(1none, 1none, 1none);
transition:transform .6s cubic-bezier(.165, .84, .44, 1)
}
.awards__wrapper {
margin-left:-40px;
margin-right:-40px;
padding-left:40px;
padding-right:40px
}
.foo__rows__list-wrapper {
flex:none;
width:100%;
height:0;
margin-top:-4px;
margin-bottom:4px;
overflow:hidden
}
.foo__rows__heading-wrapper {
cursor:pointer;
padding-top:14px;
padding-bottom:14px
}
.foo__icon-wrapper {
display:flex
}
.con__content-wrapper {
width:100%;
padding-left:40px;
padding-right:40px
}
.con__img-wrapper {
height:80vw
}
.ang-next__collection-wrapper {
grid-column-gap:10px;
grid-row-gap:10px
}
.ang-next__link {
min-height:40vw
}
.ang-next__text-wrapper {
padding-left:40px
}
.ang-next__heading {
font-size:35px
}
.s__h1 {
font-size:9vw
}
.s__home__bg-gradient {
object-fit:cover;
height:100%
}
.html-embed-5 {
width:8px
}
.s-fy-cta__video-container {
border-radius:10px
}
.tem-tsr__section {
flex-direction:column;
justify-content:flex-start
}
.tem-tsr__heading-wrapper {
margin-top:20vw
}
.teamvid__thumb {
display:none
}
.teamvid__thumb.mobile {
display:block
}
.his-lst__section {
height:150vw
}
.his-lst__preheading {
font-size:3.5vw
}
.cms-ang__lap__text-wrapper, .his-lb__img-wrapper {
padding-left:40px;
padding-right:40px
}
.awards__collection-wrapper {
width:100vw;
margin-left:-40px;
margin-right:-40px;
overflow:auto
}
.his-hero__heading {
padding-left:40px;
padding-right:40px
}
.his-hero__span {
margin-left:auto;
margin-right:auto;
font-size:12vw
}
.his-hero__span.first {
max-width:78vw
}
.his-hero__span.last {
max-width:85vw
}
.crs-fast {
display:none
}
.ep25__facts__copy {
margin-bottom:0;
font-size:10vw
}
.ep25__facts__title {
height:8.3vw;
font-size:4vw
}
.ep25__succ__heading {
font-size:23vw
}
.web-banner__link {
width:35px
}
}
@media screen and (max-width:479px) {
h5 {
font-size:18px;
line-height:18px
}
p {
font-size:15px;
line-height:23px
}
.tem__img-wrapper {
height:60vw
}
.teamname {
line-height:20px
}
.teamposition {
font-size:12px;
line-height:14px
}
.tem__collection-item {
float:none;
width:100%
}
.homehero__section {
height:170vw;
padding-bottom:0
}
.angebot__column1 {
height:100vw
}
.work__hero__section {
height:120svh;
padding-bottom:20svh
}
.work__hero__text-container {
margin-bottom:40px
}
.work__hero__subheading {
max-width:100%;
margin-bottom:0;
font-size:10vw
}
.work__facts__column2 {
padding:130px var(--layout--padding-mobile)
}
.work__facts__lead {
font-size:5vw;
line-height:1.3
}
.work__facts__column1 {
padding:130px var(--layout--padding-mobile)
}
.homehero__subheading__heading {
opacity:.6;
color:var(--colors--white);
margin-bottom:0;
margin-left:1.5vw;
margin-right:1.5vw;
font-size:4vw
}
._40x__section {
padding:20px
}
._40x__block {
padding:50px 30px
}
.work__dummy__container {
padding-left:20px;
padding-right:20px
}
.clt__wrapper {
grid-template-columns:1fr 1fr
}
.noise__overlay {
opacity:.03;
background-size:240px
}
.tem__link {
line-height:17px
}
.tem__collection-wrapper {
grid-template-columns:1fr
}
.work__content__richtext_v2 {
text-align:left
}
.work__content__richtext_v2 p {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile);
width:100%;
margin-top:50px;
margin-bottom:50px
}
.work__content__richtext_v2 h4 {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile);
width:100%;
margin-top:50px;
margin-bottom:50px;
font-size:35px
}
.work__content__richtext_v2 h5 {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile);
width:100%
}
.work__content__richtext_v2 img {
min-height:75vw
}
.work__content__richtext_v2 h2 {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile);
width:100%;
margin-top:50px;
margin-bottom:50px
}
.work__content__richtext_v2 h3 {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile);
width:100%
}
.work__content__richtext_v2 h1 {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile);
width:100%;
margin-top:50px;
margin-bottom:50px;
font-size:50px
}
.work__content__richtext_v2 figure {
height:75vw
}
.work__hero__heading-small {
font-size:6vw
}
.s__work-list__wrapper {
grid-row-gap:30px;
grid-template-columns:1fr 1fr
}
.showmore__container {
margin-top:40px
}
.web-shw__content {
width:90vw
}
.vid-audio {
width:55px;
height:55px;
bottom:20px;
right:20px
}
.vid-audio:hover {
width:55px;
height:55px
}
.vid-audio-icon {
width:20px
}
.vid-audio-icon.replay {
width:16px
}
.va__nav-tr {
display:none
}
.utility__heading-container {
padding-right:40px
}
.sectiontitle-medium {
font-size:35px
}
.cmc__container {
padding-top:70px;
padding-bottom:160px
}
.cmc__video-container {
width:34vh
}
.cmc__bottom-link-container {
top:auto;
bottom:80px
}
.tvid__section {
border-radius:0;
margin-left:-6vw;
margin-right:-6vw;
display:none
}
.cmc-pop__section {
padding-left:40px;
padding-right:40px
}
.cmc-pop__block {
padding-left:30px;
padding-right:30px
}
.cmc-pop__close {
top:30px;
right:30px
}
.tvid__video__item {
background-color:var(--box-full-color);
padding-left:6vw;
padding-right:6vw
}
.tvid__video__embed {
transform:translate(-20vw)
}
.tvid__video__container {
height:150vw
}
.tvid__text-block {
font-size:16px
}
.tvid__gradient {
margin-bottom:-2px
}
.iframe-overlay {
bottom:19%
}
.tvid__main-heading {
font-size:30px
}
.tvid__cursor-container {
top:0
}
.tvid__nav__section {
padding-bottom:100px
}
.tvid__nav__container, .awards__item {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile)
}
.teamvid__section {
height:170vw;
max-height:none;
margin-left:-6vw;
margin-right:-6vw
}
.mat-pill__body {
padding-left:20px;
padding-right:20px
}
.j-hero__heading {
font-size:24vw
}
.j-utility__container {
padding-left:20px;
padding-right:20px
}
.j-utility__container.horizontal-flex {
flex-direction:column
}
.j-utility__lead {
font-size:8.5vw
}
.j-utility__heading {
font-size:4vw
}
.j-utility__img.cover2 {
object-position:70% 50%
}
.j-hero__img-container {
padding-top:300%
}
.j-prio__section {
margin-top:-137vw;
padding-left:0;
padding-right:0
}
.j-prio__heading {
font-size:4vw
}
.j-prio__word, .j-prio__word-false {
margin-bottom:0
}
.j-prio__ueber {
height:4.3vw;
font-size:4vw
}
.heading-18 {
font-size:5vw
}
.j-jobs__wrapper {
padding-left:20px;
padding-right:20px
}
.j-jobs__link {
width:80vw
}
.j-jobs__name {
font-size:11vw
}
.j-jobs__container {
margin-left:-20px;
margin-right:-20px
}
.j-team__wrapper {
height:300vw
}
.j-team__positioner.position8 {
bottom:10%;
left:23%
}
.j-team__positioner.position13, .j-team__positioner.test1 {
bottom:2%;
left:4%
}
.j-team__positioner.position5-2 {
top:31%;
left:0%
}
.j-team__positioner.position12-2 {
top:1%
}
.j-divider {
height:100px
}
.j-cms-hero__section {
padding-top:170px;
padding-bottom:150vw
}
.j-cms-about__richtext {
width:100%
}
.j-cms-about__richtext h2, .j-cms-about__richtext p, .j-cms-about__richtext h4 {
font-size:5vw
}
.j-cms-about__heading {
margin-bottom:5vw;
font-size:5vw
}
.j-cms__dd__container {
width:100%
}
.j-cms__dd__heading {
font-size:5vw
}
.j-cms-dd__list-copy {
padding-bottom:25px;
padding-left:20px;
padding-right:20px;
font-size:4vw
}
.j-cms-profil__richtext {
max-width:100%
}
.vcd-list__section {
padding-left:20px;
padding-right:20px
}
.vcd-box__section {
overflow:hidden
}
.vcd-box__item {
padding-bottom:50px;
padding-left:20px;
padding-right:20px
}
.vcd-box__item.cb-hidden {
transform:translate(100%)
}
.vcd-box__img-container {
flex:none
}
.vcd-box__name {
flex:none;
margin-bottom:0
}
.vcd-box__function {
flex:none
}
.vcd-list__form-input {
margin-bottom:40px
}
.vcd-nav__container {
left:20px;
right:20px
}
.vcd-qr__embed {
width:80vw;
height:80vw
}
.vcd-button__span-shorten {
display:none
}
.s__home-text__wrapper {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile);
grid-row-gap:5px
}
.kampagnen__item {
justify-content:space-between;
margin-top:6px
}
.s__h4 {
font-size:18px
}
.s__kampagnen-category {
margin-bottom:2px
}
.s__partner-container {
grid-column-gap:5px;
grid-row-gap:5px
}
.s__partner-logo-wrapper {
width:14px;
height:14px
}
.s__partner-logo-wrapper.s__partner-logo-wrapper__big {
width:5vw;
height:5vw
}
.kampagnen__infonumber-container {
font-size:11px
}
.popup_section {
padding:80px 0 0
}
.popup_container {
opacity:1;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
padding:60px 20px 40px;
transition-duration:.6s;
transition-timing-function:cubic-bezier(.165, .84, .44, 1);
transform:translateY(100svh)scale(1)
}
.popup_div {
max-width:100%
}
.popup_close-wrapper {
top:15px;
right:15px
}
.kp__h3 {
font-size:48px
}
.kp__number-info__wrapper {
font-size:16px
}
.kp__number-info__wrapper.only__mobile {
display:flex
}
.kp__number-info__wrapper.hide__from-mobile {
display:none
}
.kp__number-info {
font-size:14px
}
.kp__number-info__container {
grid-column-gap:24px;
grid-row-gap:20px;
flex-flow:column wrap;
justify-content:center;
align-items:center;
margin-top:10px
}
.kp__copy {
font-size:16px
}
.kp__section-title {
margin-bottom:15px;
font-size:22px
}
.kp-list__item {
width:50%
}
.kp__views {
bottom:13px;
left:15px
}
.kp__item-title {
margin-top:10px
}
.s__slogan-section {
padding-top:140px;
padding-bottom:50px
}
.s__h2-container.s__h2-container__likes {
z-index:5;
padding-left:0;
padding-right:0;
position:relative
}
.process__item {
border-radius:16px;
margin-bottom:20px;
padding-right:40px
}
.process__h4 {
max-width:250px;
font-size:28px
}
.process__copy {
max-width:100%
}
.s__h2-tiny {
max-width:310px;
font-size:20px
}
.s__h2-tiny.s__mobile-left {
max-width:100%
}
.s__animation-section {
margin-top:-200px
}
.s__i-interface {
width:53svw;
height:116svw;
margin-left:20px;
margin-right:20px
}
.s__i-right {
margin-bottom:4vw;
margin-right:4vw
}
.s__i-icon {
width:4vw;
height:4vw;
margin-top:4vw
}
.s__i-left {
grid-row-gap:2vw;
padding-bottom:4vw;
padding-left:4vw;
padding-right:11vw;
font-size:2.5vw
}
.s__i-music-wrapper {
grid-column-gap:1vw;
grid-row-gap:1vw;
min-height:0;
padding:1.2vw 2.5vw
}
.s__i-music-icon {
width:2.5vw;
height:2.5vw
}
.s__partner-link {
width:25%
}
.s__partner-wrapper {
justify-content:flex-start;
margin-top:25px
}
.s__bottom-like {
max-width:31vw
}
.s__tt-arrow {
max-width:20vw;
left:8%
}
.s__small-like {
max-width:16vw;
bottom:48%;
right:17%
}
.s__insta-icon {
z-index:10;
max-width:18vw;
bottom:-12%
}
.s__like-small-left {
max-width:15vw;
top:auto;
bottom:3.5%;
left:8px
}
.s__like-big-left {
z-index:10;
left:-1%
}
.s__slogan-wrapper {
padding-top:200px;
padding-bottom:60px
}
.s__tiktok-icon {
max-width:20vw;
top:14%;
left:34%
}
.s__like-big-right {
z-index:10;
max-width:30vw;
top:26%
}
.s__tiktok-hearth {
z-index:10;
max-width:22vw;
bottom:2%
}
.s__tiktok-comment {
z-index:10;
max-width:15vw;
top:55%;
right:20px
}
.s__home-like-left {
max-width:20vw
}
.s__home-tiktok-minus {
max-width:22vw;
top:26%;
right:3%
}
.s__animation-bg {
max-height:150vw;
top:auto;
bottom:auto
}
.s__animation-photo {
max-height:150vw
}
.s__work-list__item {
justify-content:space-between
}
.hh2-heading__container {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile)
}
.hh2-heading__container.cms-ang__heading__container {
padding-bottom:60px
}
.hh2-heading__h1 {
font-size:120px
}
.pw__heading {
font-size:36px
}
.lay__container {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile)
}
.utl-lead__paragraph {
font-size:30px
}
.kp__number-info__dummy-wrapper {
grid-column-gap:24px;
grid-row-gap:20px;
display:flex
}
.nav__main {
height:70px
}
.nav__link-wrapper {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile)
}
.utl__h2.mw-540, .utl__h2.width-1 {
width:90%
}
.wrk-list__wrapper {
grid-template-columns:1fr 1fr
}
.utl-dd__list__wrapper {
padding-left:20px;
padding-right:20px
}
.foo__legal {
grid-column-gap:10px
}
.foo__legal__copy {
flex:none;
width:100%
}
.tvid__control-wrapper {
top:6vw;
right:6vw
}
.tvid__video__embed__wrapper {
bottom:20%
}
.ang-lst__nav__wrapper {
grid-column-gap:10px;
grid-row-gap:10px
}
.ang-lst__nav__container {
padding-right:var(--layout--padding-mobile);
padding-bottom:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile)
}
.blg-lst__collection-wrapper {
grid-column-gap:10px;
grid-row-gap:10px
}
.blg-lst__img-container {
max-width:32%
}
.blg-lst__content-wrapper {
padding:16px 30px 16px 16px
}
.blg-lst__block {
min-height:110px
}
.blg-lst__heading {
font-size:18px
}
.blg-lst__text-wrapper {
width:100%
}
.utl__heading-container {
grid-row-gap:20px;
flex-direction:column;
align-items:flex-start
}
.his-lst__heading-wrapper {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile);
grid-column-gap:20px;
grid-row-gap:20px
}
.awards__wrapper {
margin-left:-20px;
margin-right:-20px;
padding-left:20px;
padding-right:20px
}
.con__content-wrapper {
padding:80px var(--layout--padding-mobile)
}
.con__img-wrapper {
height:120vw
}
.ang-next__text-wrapper {
padding-left:30px
}
.ang-next__heading {
font-size:8vw
}
.s__h1 {
max-width:100%;
font-size:11vw
}
.s__h1.width-1, .s__h1.width-1.s__mobile-left, .s__h1.width-2, .s__h1.width-3 {
max-width:100%
}
.s__h1.width-0 {
max-width:79vw
}
.s__h1.size-1 {
font-size:10vw
}
.collection-list-wrapper-2 {
display:none
}
.html-embed-4 {
width:10px
}
.s-fy-cta__wrapper {
background-color:var(--box-full-color);
border-radius:16px;
padding-top:20vw;
padding-bottom:20vw
}
.s-fy-cta__device {
width:50vw;
height:66.6666vw
}
.s-fy-cta__gradient {
background-image:linear-gradient(#1f1f1f03, #1f1f1fd9 53%, #1f1f1f)
}
.s__int__phone {
width:60vw
}
.s__int__topbar {
grid-column-gap:4vw;
grid-row-gap:4vw;
font-size:3vw;
top:7vw
}
.s__int__topbar__active-indicator {
width:5vw;
height:.5vw
}
.blg-cms__hero-wrapper {
height:100vw
}
.blg-cms__heading {
font-size:40px
}
.utl__rich-text p {
font-size:16px;
line-height:1.6
}
.utl__rich-text blockquote {
padding:25px 30px;
font-size:1.6em;
line-height:1.3
}
.utl__rich-text h3 {
font-size:22px
}
.tem-tsr__image {
width:65vw
}
.tem-tsr__section {
grid-column-gap:40px;
grid-row-gap:40px
}
.tem-tsr__heading-wrapper {
grid-column-gap:20px;
grid-row-gap:20px;
width:100%;
margin-top:0;
position:relative
}
.his-lst__section.kat-3 {
height:150vw;
padding-top:15vw
}
.his-lst__section.kat-2 {
height:165vw;
padding-top:25vw
}
.his-lst__section.kat-4 {
height:110vw;
padding-top:18vw
}
.his-lst__section.kat-1 {
height:140vw;
padding-top:15vw
}
.his-lst__section.kat-5 {
height:135vw;
padding-top:20vw
}
.his-lst__section.kat-6 {
height:140vw;
padding-top:40vw
}
.his-lst__section.kat-7 {
height:130vw
}
.his-lst__section.kat-8 {
height:210vw
}
.his-lst__section.kat-10 {
padding-top:50svw;
padding-bottom:200px
}
.cms-ang__lap__text-wrapper {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile);
grid-column-gap:30px;
grid-row-gap:30px
}
.his-lb__copy-wrapper, .his-lb__img-wrapper {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile)
}
.awards__collection-wrapper {
margin-left:-6vw;
margin-right:-6vw
}
.his-hero__heading {
padding-right:var(--layout--padding-mobile);
padding-left:var(--layout--padding-mobile)
}
.con__cta__img {
width:60px;
height:60px
}
.con__cta__copy {
max-width:230px
}
.ep25__h1__heading-wrapper {
font-size:40vw
}
.ep25__dd__heading-wrapper {
font-size:12vw
}
.ep25__dd__id-wrapper {
font-size:5vw
}
.ep25__hero-img {
min-height:80svw
}
.ep25__button {
height:60px
}
.ep25__button-text {
font-size:30px
}
.ep25__dd__button-wrapper {
grid-column-gap:2vw;
grid-row-gap:2vw
}
.ep25__succ {
padding-top:15vw;
padding-bottom:15vw
}
.ep25__calendar__wrapper {
font-size:30px
}
}
#w-node-a3ef04e2-6fc1-9481-cb6a-b4788053dfd3-3c14ae8a {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_7f0d62f6-b0c1-e6d2-bbaf-bfec926c680a-3c14aeae {
grid-area:span 1/span 5/span 1/span 5
}
#w-node-_0f50459f-8e30-832a-0753-556c8d351548-3c14aeae {
grid-area:span 1/span 7/span 1/span 7
}
#w-node-_90fb20cc-29fd-78ad-7708-bab944f09069-3c14aede {
grid-area:span 1/span 5/span 1/span 5
}
#w-node-_90fb20cc-29fd-78ad-7708-bab944f0906b-3c14aede {
grid-area:span 1/span 7/span 1/span 7
}
#w-node-_91bed36e-220f-1d81-aaa8-a459989afd97-3c14aede {
grid-area:span 1/span 5/span 1/span 5
}
#w-node-_6a8c46c7-de77-fb18-9453-1a7f87944b2e-3c14aede {
grid-area:span 1/span 7/span 1/span 7
}
#w-node-c43f93bd-822b-17ea-756a-29911ee93e2b-3c14aede, #w-node-c43f93bd-822b-17ea-756a-29911ee93e30-3c14aede, #w-node-c43f93bd-822b-17ea-756a-29911ee93e35-3c14aede, #w-node-_416e6c1f-0269-8762-da3a-280070b8235d-3c14aede, #w-node-_4e6c95ac-6654-0091-955e-e0c0c7b8a34d-3c14aeea {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_0cd5b957-1ed9-175e-1d70-045401261529-3c14af03 {
grid-area:span 1/span 5/span 1/span 5
}
#w-node-_0cd5b957-1ed9-175e-1d70-04540126152b-3c14af03 {
grid-area:span 1/span 7/span 1/span 7
}
#w-node-_78526e0d-7429-b27b-240d-9188f06065ce-3c14af24, #w-node-_861581fa-1c72-e1a3-4156-9b3958c19684-3c14af24, #w-node-ca7d6dc8-265f-7958-095e-bca24e4016f6-3c14af24, #w-node-_7d472e5c-1da7-6a85-1390-ef149ee663de-3c14af24, #w-node-_1e90a3dc-a3b0-b904-b94e-1721bbe19f53-3c14af24 {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-c92c8a1d-1e9b-740b-f0e7-8ef28e4d1949-3c14af24, #w-node-_26d98f56-17cc-13f4-1be6-da29ea5c3cb6-3c14af24, #w-node-_3ee163e3-2fe2-85a9-bc44-0a74da990c2a-3c14af24, #w-node-_4adf474f-f7ad-d29a-4216-b5e57611054e-3c14af24 {
grid-area:span 1/span 3/span 1/span 3
}
#w-node-_3bbf05e0-5f99-3ccb-3084-fc94c4f77ef0-3c14af3a {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_0cd5b957-1ed9-175e-1d70-045401261529-1a1d9b06 {
grid-area:span 1/span 5/span 1/span 5
}
#w-node-_0cd5b957-1ed9-175e-1d70-04540126152b-1a1d9b06 {
grid-area:span 1/span 7/span 1/span 7
}
#w-node-_086ba2ea-29da-d8b7-db95-52a554d1864e-98b144c2 {
grid-area:span 1/span 3/span 1/span 3
}
#w-node-_9c054a29-60e9-7b08-d557-d232ae11e3d5-98b144c2, #w-node-_9c054a29-60e9-7b08-d557-d232ae11e3d9-98b144c2, #w-node-_9c054a29-60e9-7b08-d557-d232ae11e3da-98b144c2, #w-node-_9c054a29-60e9-7b08-d557-d232ae11e3de-98b144c2, #w-node-_9c054a29-60e9-7b08-d557-d232ae11e3df-98b144c2 {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_9c054a29-60e9-7b08-d557-d232ae11e3e3-98b144c2, #w-node-_9c054a29-60e9-7b08-d557-d232ae11e3ed-98b144c2, #w-node-_9c054a29-60e9-7b08-d557-d232ae11e3f2-98b144c2 {
grid-area:span 1/span 3/span 1/span 3
}
@media screen and (max-width:991px) {
#w-node-a3ef04e2-6fc1-9481-cb6a-b4788053dfd3-3c14ae8a {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_7f0d62f6-b0c1-e6d2-bbaf-bfec926c680a-3c14aeae {
grid-column:span 3/span 3
}
#w-node-_0f50459f-8e30-832a-0753-556c8d351548-3c14aeae {
grid-column:span 9/span 9
}
#w-node-_90fb20cc-29fd-78ad-7708-bab944f09069-3c14aede {
grid-column:span 3/span 3
}
#w-node-_90fb20cc-29fd-78ad-7708-bab944f0906b-3c14aede {
grid-column:span 9/span 9
}
#w-node-_91bed36e-220f-1d81-aaa8-a459989afd97-3c14aede {
grid-column:span 3/span 3
}
#w-node-_6a8c46c7-de77-fb18-9453-1a7f87944b2e-3c14aede {
grid-column:span 9/span 9
}
#w-node-_4e6c95ac-6654-0091-955e-e0c0c7b8a34d-3c14aeea {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_0cd5b957-1ed9-175e-1d70-045401261529-3c14af03, #w-node-_0cd5b957-1ed9-175e-1d70-04540126152b-3c14af03 {
grid-column:span 12/span 12
}
#w-node-_0cd5b957-1ed9-175e-1d70-045401261529-1a1d9b06, #w-node-_0cd5b957-1ed9-175e-1d70-04540126152b-1a1d9b06 {
grid-area:span 1/span 12/span 1/span 12
}
}
@media screen and (max-width:767px) {
#w-node-_42575661-f7e2-9340-6c8f-a6c19eda5a57-3c14ae8a {
grid-area:span 1/span 3/span 1/span 3
}
#w-node-_7f0d62f6-b0c1-e6d2-bbaf-bfec926c680a-3c14aeae, #w-node-_0f50459f-8e30-832a-0753-556c8d351548-3c14aeae {
grid-area:span 1/span 12/span 1/span 12
}
#w-node-_30a216c4-7ed1-bfe9-5dc6-e1683af6c756-3c14aec9 {
grid-area:span 1/span 3/span 1/span 3
}
#w-node-_90fb20cc-29fd-78ad-7708-bab944f09069-3c14aede, #w-node-_90fb20cc-29fd-78ad-7708-bab944f0906b-3c14aede, #w-node-_91bed36e-220f-1d81-aaa8-a459989afd97-3c14aede, #w-node-_6a8c46c7-de77-fb18-9453-1a7f87944b2e-3c14aede, #w-node-_0cd5b957-1ed9-175e-1d70-045401261529-3c14af03, #w-node-_0cd5b957-1ed9-175e-1d70-04540126152b-3c14af03 {
grid-column:span 12/span 12
}
}
@font-face {
font-family: 'Migha';
src: url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14b03f_MighaBold.woff2') format('woff2'), url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14b040_MighaBold.woff') format('woff'), url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14b03b_MighaBold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Migha';
src: url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14b03c_MighaBoldItalic.woff2') format('woff2'), url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14b03d_MighaBoldItalic.woff') format('woff'), url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14b03e_MighaBoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Suisseintl';
src: url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14afae_SuisseIntl-Regular.ttf') format('truetype'), url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14afab_SuisseIntl-Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisseintl';
src: url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14afaa_SuisseIntl-Light.ttf') format('truetype'), url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14afa9_SuisseIntl-Light.otf') format('opentype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisseintl';
src: url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14afac_SuisseIntl-Medium.ttf') format('truetype'), url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/651d15fb8f27f4a03c14afad_SuisseIntl-Medium.otf') format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Asap';
src: url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/6523c65538fa56e6b4b99ba7_Asap-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('https://cdn.prod.website-files.com/651d15fb8f27f4a03c14ae88/6523c6de1cba76b00c5bafcf_RobotoMono-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}