.supt-header-case-study{padding:calc(var(--spacing-section-sm) + var(--supt-main-nav-height)) 0 var(--spacing-section-lg) 0;margin-top:calc(-1 * var(--supt-main-nav-height))}.supt-header-case-study__headline{padding:0 8px;display:flex;flex-direction:column;gap:clamp(32px,1.5vw + 1.65rem,48px);margin-bottom:var(--spacing-section-lg)}@media screen and (min-width:768px){.supt-header-case-study__headline{margin-bottom:var(--spacing-header-title)}}.supt-header-contact{padding-top:calc(var(--spacing-section-sm) + var(--supt-main-nav-height));padding-bottom:var(--spacing-section-lg)}@media screen and (min-width:768px){.supt-header-contact{margin-top:calc(-1 * var(--supt-main-nav-height))}}.supt-header-contact{color:var(--color-text)}.supt-header-contact a{text-decoration:none!important}.supt-header-contact__inner{margin:0;grid-row-gap:0;padding-bottom:var(--spacing-xl);position:relative}.supt-header-contact__inner .supt-section__title{padding-bottom:80px}@media screen and (min-width:768px){.supt-header-contact__inner .supt-section__title{padding-bottom:var(--spacing-header-title)}}.supt-header-contact__headline{grid-column:span 12}.supt-header-contact__contact{grid-column:span 12;padding-bottom:var(--spacing-xl)}@media screen and (min-width:768px){.supt-header-contact__contact{grid-column:span 6;padding-bottom:0}}.supt-header-contact__social{grid-column:span 12}@media screen and (min-width:768px){.supt-header-contact__social{grid-column:span 6;align-self:flex-end}}.supt-header-contact__logo{display:none}@media screen and (min-width:768px){.supt-header-contact__logo{display:block;position:absolute;right:8px;bottom:64px}}.supt-header-contact .supt-figure__image{-o-object-fit:cover;object-fit:cover;aspect-ratio:393/283}@media screen and (min-width:768px){.supt-header-contact .supt-figure__image{aspect-ratio:1440/801}}.supt-header-contact a{transition:color .3s ease}@media screen and (min-width:768px){.supt-header-contact a{cursor:none}}.supt-header-contact:has(a:hover) a:not(:hover){color:var(--color-text-medium)}.supt-screensaver{position:fixed;top:0;left:0;width:100%;height:calc(100 * 1vh);height:calc(100 * var(--vh, 1vh));z-index:200;mix-blend-mode:difference;overflow:hidden;pointer-events:none}.supt-screensaver__logo-container{position:absolute;will-change:transform}.supt-screensaver__logo{color:#fff;width:149px;height:auto;aspect-ratio:149/168}.supt-screensaver__ripple{position:absolute;will-change:transform;mix-blend-mode:difference;pointer-events:none}.supt-screensaver__ripple .supt-screensaver__logo{opacity:0;width:100vw}@keyframes ripple{0%{transform:scale(0);opacity:1}50%{transform:scale(.5);opacity:1}to{transform:scale(1);opacity:1}}.supt-animate-background{position:absolute;inset:0;z-index:0;overflow:hidden}.supt-animate-background:after{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;opacity:.3;background:#000;mix-blend-mode:multiply}.supt-animate-background__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.1);transition:filter .3s ease-out;animation:blur-out .3s ease-out}.header-homepage{--header-homepage-cursor:auto;cursor:auto;cursor:var(--header-homepage-cursor);background-color:var(--color-surface);position:relative;display:flex;flex-direction:column;margin-top:calc(var(--supt-main-nav-height) * -1)}@media screen and (min-width:768px){.header-homepage{min-height:400lvh}}.header-homepage .-is-desktop{display:none}@media screen and (min-width:768px){.header-homepage .-is-desktop{display:flex;margin:auto}.header-homepage{--header-homepage-cursor:none;padding:100px 8px;min-height:calc(100 * 1vh);min-height:calc(100 * var(--vh, 1vh));display:grid;overflow:hidden}}.header-homepage__wrapper{width:100%;height:100svh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width:768px){.header-homepage__wrapper{position:sticky;top:0;z-index:10}}.header-homepage__wrapper.-is-mobile{display:flex}@media screen and (min-width:768px){.header-homepage__wrapper.-is-mobile{display:none}}.header-homepage__button{font-family:var(--font-primary);font-feature-settings:"case" on;font-size:clamp(13px,.09vw + .79rem,14px);line-height:clamp(14px,.09vw + .85rem,15px);font-weight:400}@media screen and (min-width:1440px){.header-homepage__button{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.header-homepage__button{color:#000;border-radius:24px 0 0 24px;padding:6px 8px 7px 10px;padding:6px var(--spacing-md,8px) 7px 10px;position:absolute;right:0;top:100px;transition:top .3s ease-in-out;pointer-events:none}.header-homepage__logo{padding:0;margin:0;position:absolute;inset:0}.header-homepage__logo-container{grid-column:span 12}.header-homepage__logo-video{width:100%;height:100%}.header-homepage__logo-video,.header-homepage__logo-video video{-o-object-fit:cover;object-fit:cover}.header-homepage .supt-animate-background{z-index:10}.header-homepage__navigation{grid-column:span 12;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.header-homepage__navigation.-invert{mix-blend-mode:difference}.header-homepage__project{position:relative;text-decoration:none!important;cursor:var(--header-homepage-cursor);color:#fff}.header-homepage__project-title{text-align:center;backface-visibility:hidden;perspective:1000;transform:translateZ(0)}@media screen and (max-width:calc(768px - 1px)){.header-homepage__project-title{cursor:pointer;mix-blend-mode:difference}}.header-homepage__cursor{pointer-events:none}.header-homepage__cursor-container{position:absolute;left:0}.header-homepage__cursor__button{font-family:var(--font-primary);font-feature-settings:"case" on;font-size:clamp(13px,.09vw + .79rem,14px);line-height:clamp(14px,.09vw + .85rem,15px);font-weight:400}@media screen and (min-width:1440px){.header-homepage__cursor__button{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.header-homepage__cursor__button{text-transform:none;pointer-events:none}.header-homepage__cursor{display:flex;align-items:center;justify-content:center}.header-homepage .supt-figure{width:100%;height:100%}body:has(.supt-header-marketing) .supt-main-nav__list,body:has(.supt-header-marketing) .supt-main-nav__toggle{display:none!important}.supt-header-marketing{position:relative;width:100%;min-height:100vh}.supt-header-marketing__sticky{display:none}.supt-header-marketing__inner{position:relative;padding-top:var(--spacing-section-lg);padding-bottom:var(--spacing-section-lg);margin:0}.supt-header-marketing__inner .supt-section__introduction,.supt-header-marketing__inner .supt-section__title{color:var(--color-text)}.supt-header-marketing__inner .supt-section__title{text-align:left;grid-column:span 12}@media screen and (min-width:768px){.supt-header-marketing__inner .supt-section__title{grid-column:1/span 4}}.supt-header-marketing__inner .supt-section__introduction{text-align:left;grid-column:span 12}@media screen and (min-width:768px){.supt-header-marketing__inner .supt-section__introduction{grid-column:7/span 6}}.supt-header-marketing__content,.supt-header-marketing__headline{grid-column:span 12;display:grid;grid-template-columns:subgrid;grid-row-gap:40px;row-gap:40px}.supt-header-marketing__content{height:-moz-max-content;height:max-content}.supt-header-marketing__media{width:100%}.supt-header-marketing__media__image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9}.supt-header-marketing__button{background:var(--color-text);height:-moz-max-content;height:max-content;border-radius:24px;padding:12px 24px;width:-moz-max-content;width:max-content;grid-column:span 12;justify-self:flex-start;color:var(--color-text-invert)}@media screen and (min-width:768px){.supt-header-marketing__button{grid-column:7/span 5;display:none}}.supt-header-marketing__link-overlay{position:absolute;inset:0;z-index:2;content:"";display:block}@media screen and (min-width:768px){.supt-header-marketing__link-overlay{cursor:none}}.supt-header-projects{--supt-header-projects-color:var(--color-text);position:relative;display:flex;flex-direction:column;min-height:calc(70 * 1vh * 1);min-height:calc(70 * var(--vh, 1vh) * var(--project-count, 1));margin-top:calc(var(--supt-main-nav-height) * -1);padding:0}@media screen and (min-width:768px){.supt-header-projects{margin-left:24px;margin-right:24px}@media (min-width:768px){.supt-header-projects{margin-left:40px;margin-right:40px}}@media (min-width:1024px){.supt-header-projects{margin-left:56px;margin-right:56px}}@media (min-width:1440px){.supt-header-projects{margin-left:72px;margin-right:72px}}@media (min-width:1444px){.supt-header-projects{width:100%;margin-left:auto;margin-right:auto}}.supt-header-projects{grid-column-gap:8px}@media (min-width:1500px){.supt-header-projects{grid-column-gap:32px}}.supt-header-projects{grid-row-gap:8px}@media (min-width:1500px){.supt-header-projects{grid-row-gap:32px}}.supt-header-projects{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;grid-template-rows:auto;padding:0 8px;margin:0;min-height:calc(90 * 1vh);min-height:calc(90 * var(--vh, 1vh));padding:0;margin-top:calc(var(--supt-main-nav-height) * -1)}}.supt-header-projects.-active{--supt-header-projects-color:#fff;color:#fff;color:var(--supt-header-projects-color)}.supt-header-projects__wrapper{position:sticky;top:0;left:0;width:100%;height:calc(100 * 1vh);height:calc(100 * var(--vh, 1vh));z-index:1;padding:92px var(--spacing-md) var(--spacing-section-lg) var(--spacing-md)}@media screen and (min-width:768px){.supt-header-projects__wrapper{padding:76px 8px;position:relative;height:calc(90 * 1vh);height:calc(90 * var(--vh, 1vh));grid-column:span 12}}.supt-header-projects__button{background-color:#ff6767;color:#000;border-radius:24px 0 0 24px;padding:6px 8px 7px 10px;padding:6px var(--spacing-md,8px) 7px 10px;position:absolute;right:0;top:100px;transition:top .3s ease-in-out}@media screen and (min-width:768px){.supt-header-projects__button{display:none}}.supt-header-projects .supt-animate-background{position:absolute;top:0;left:0;width:100%;height:calc(100 * 1vh);height:calc(100 * var(--vh, 1vh));z-index:0}.supt-header-projects .supt-animate-background img{-o-object-fit:cover;object-fit:cover}@media screen and (min-width:768px){.supt-header-projects .supt-animate-background{height:calc(90 * 1vh);height:calc(90 * var(--vh, 1vh))}}.supt-header-projects__inner{position:relative;z-index:2;height:calc(100 * 1vh);height:calc(100 * var(--vh, 1vh));display:flex;flex-direction:column}.supt-header-projects__title{padding-bottom:var(--spacing-xl);position:relative;z-index:1}.supt-header-projects__list{padding:0;margin:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;row-gap:16px}@media screen and (min-width:768px){.supt-header-projects__list{row-gap:0}}.supt-header-projects__row{padding:0;margin:0;gap:0;grid-column:span 12}@media screen and (min-width:768px){.supt-header-projects__row{cursor:none;padding-bottom:4px}}.supt-header-projects__domain,.supt-header-projects__name{grid-column:span 12;transition:filter .3s ease-out}@media screen and (min-width:768px){.supt-header-projects__domain,.supt-header-projects__name{grid-column:span 6}}.supt-header-projects__domain.-blur,.supt-header-projects__name.-blur{filter:blur(8px)}.supt-header-projects__domain.-active,.supt-header-projects__name.-active{filter:blur(0)}.supt-header-projects__domain{padding-left:var(--spacing-xs);display:none}@media screen and (min-width:768px){.supt-header-projects__domain{display:block}}.supt-header-services{padding-top:calc(var(--spacing-section-sm) + var(--supt-main-nav-height));padding-bottom:var(--spacing-section-lg)}@media screen and (min-width:768px){.supt-header-services{margin-top:calc(-1 * var(--supt-main-nav-height))}}.supt-header-services__inner{margin:0;grid-row-gap:0}.supt-header-services .supt-section__title{grid-column:span 12;margin-bottom:24px}@media screen and (min-width:768px){.supt-header-services .supt-section__title{grid-column:span 6;margin-bottom:0}}.supt-header-services__links{list-style:none;padding:0;margin:0;grid-column:span 12}@media screen and (min-width:768px){.supt-header-services__links{grid-column:span 6}}.supt-header-services__links{color:var(--color-text);transition:color .2s}.supt-header-services__links__item{text-decoration:none!important}@media screen and (min-width:768px){.supt-header-services__links__item{cursor:none}}.supt-header-services__links__item{width:100%;display:flex;justify-content:space-between}.supt-header-services__links__item__arrow,.supt-header-services__links__item__name{transition:transform .3s ease}.supt-header-services__links__item:hover{color:var(--color-text);background-color:var(--supt-header-services-hue)}.supt-header-services__links__item:hover .supt-header-services__links__item__name{transform:translateX(4px)}.supt-header-services__links__item:hover .supt-header-services__links__item__arrow{transform:translateX(-4px)}.supt-header-services__links:hover{color:var(--color-text-medium)}.supt-header-services__introduction{grid-column:span 11;padding-top:var(--spacing-header-title);padding-bottom:var(--spacing-lg)}@media screen and (min-width:768px){.supt-header-services__introduction{padding-bottom:var(--spacing-xl)}}.supt-header-services__content{aspect-ratio:393/283}.supt-header-services__content *{height:100%}.supt-header-services__content img{-o-object-fit:cover;object-fit:cover}.supt-header-services__content .supt-figure__image{max-height:none;display:block;height:100%}.supt-header-services__content .supt-figure__img img,.supt-header-services__content .supt-image-edit__image-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:393/283}@media screen and (min-width:768px){.supt-header-services__content .supt-figure__img img,.supt-header-services__content .supt-image-edit__image-preview{aspect-ratio:1440/801}}.supt-header-services__content .supt-media{margin:0}.supt-tag{display:inline-flex;padding:0 2px 1px;justify-content:center;align-items:center;gap:10px}.supt-tag.-time-tag{display:none}@media screen and (min-width:768px){.supt-tag.-time-tag{display:flex}}.header-tags{position:fixed;z-index:200;mix-blend-mode:difference;color:#fff;width:100%;padding:0 8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header-tags__right,.header-tags__title{display:flex;flex-direction:row;gap:4px}.header-tags .supt-tag__separator.--time{animation:pulse 1.5s infinite;opacity:0}.header-tags .supt-tag.-location-tag,.header-tags .supt-tag.-weather-tag{display:none}@media screen and (min-width:768px){.header-tags .supt-tag.-location-tag,.header-tags .supt-tag.-weather-tag{display:flex}}@keyframes pulse{0%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1}}.supt-header-text{padding:var(--spacing-section-sm) 8px var(--spacing-xl) 8px}.supt-header-text-image{padding-top:calc(var(--spacing-section-sm) + var(--supt-main-nav-height));padding-bottom:var(--spacing-section-lg)}@media screen and (min-width:768px){.supt-header-text-image{margin-top:calc(-1 * var(--supt-main-nav-height))}}.supt-header-text-image__headline{margin:0;padding-bottom:var(--spacing-xl)}.supt-header-text-image__headline .supt-section__title{grid-column:span 11;margin-bottom:112px}@media screen and (min-width:768px){.supt-header-text-image__headline .supt-section__title{margin-bottom:160px}}.supt-header-text-image__headline .supt-section__introduction{grid-column:span 11}.supt-header-text-image__content{grid-column:span 12}.supt-header-text-image .supt-media__image{width:100%}.supt-header-text-image .supt-media__image img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:393/283}@media screen and (min-width:768px){.supt-header-text-image .supt-media__image img{aspect-ratio:1440/801}}.supt-header-text-image figcaption{display:none}