.supt-gdpr-category__tab{padding:var(--spacing-sm) 12px;border-radius:16px;background-color:hsla(0,0%,8%,.1);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.supt-gdpr-category__title{font-weight:500;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs)}.supt-gdpr-category__caption{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){.supt-gdpr-category__caption{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-gdpr-category__caption{font-weight:500}.supt-gdpr-category__switch{position:relative;align-items:center;gap:var(--spacing-xs)}.supt-gdpr-category__checkbox{position:absolute;opacity:0;width:0;height:0}.supt-gdpr-category__checkbox+label{position:relative;display:inline-block;width:26px;height:14px;background:#919394;border-radius:7px;cursor:pointer;transition:background-color .3s ease}.supt-gdpr-category__checkbox+label:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:#fff;border-radius:50%;transition:transform .3s ease}.supt-gdpr-category__checkbox:checked+label{background:#141414}.supt-gdpr-category__checkbox:checked+label:after{transform:translateX(12px)}.supt-gdpr-category__status{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){.supt-gdpr-category__status{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-gdpr-category__status{font-weight:500}.supt-gdpr-category__content{padding:8px 30px 0}.supt-gdpr-category__content[aria-hidden=true]{display:none}.supt-gdpr-category__switch{display:flex;flex-direction:row;gap:var(--spacing-sm)}.supt-gdpr-category__switch__status{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){.supt-gdpr-category__switch__status{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-gdpr-category__switch__status{font-weight:500}.supt-modal-overlay{margin-left:24px;margin-right:24px}@media (min-width:768px){.supt-modal-overlay{margin-left:40px;margin-right:40px}}@media (min-width:1024px){.supt-modal-overlay{margin-left:56px;margin-right:56px}}@media (min-width:1440px){.supt-modal-overlay{margin-left:72px;margin-right:72px}}@media (min-width:1444px){.supt-modal-overlay{width:100%;margin-left:auto;margin-right:auto}}.supt-modal-overlay{grid-column-gap:8px}@media (min-width:1500px){.supt-modal-overlay{grid-column-gap:32px}}.supt-modal-overlay{grid-row-gap:8px}@media (min-width:1500px){.supt-modal-overlay{grid-row-gap:32px}}.supt-modal-overlay{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;grid-template-rows:auto;padding:0 8px;margin:0;padding:0;position:fixed;top:0;left:0;width:100%;height:calc(100 * 1vh);height:calc(100 * var(--vh, 1vh));z-index:2000;justify-content:center;align-items:center;background-color:hsla(0,0%,8%,.6);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);opacity:0;animation:fade-in .2s ease-in-out forwards}.supt-modal-overlay.-fade-out{opacity:1;animation:fade-out .2s ease-in-out forwards}.supt-gdpr-modal__dialog{grid-column:2/span 10;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);background-color:hsla(204,9%,89%,.7);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media screen and (min-width:768px){.supt-gdpr-modal__dialog{grid-column:5/span 4;padding:var(--spacing-md)}}.supt-gdpr-modal__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px}.supt-gdpr-modal__head h3{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){.supt-gdpr-modal__head h3{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-gdpr-modal__head h3{font-weight:500;opacity:.6}.supt-gdpr-modal__close{background-color:transparent;border:0;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;cursor:pointer}.supt-gdpr-modal__close::-moz-focus-inner{border:0}.supt-gdpr-modal__close{opacity:.6}.supt-gdpr-modal__body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.supt-gdpr-modal__body__text{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){.supt-gdpr-modal__body__text{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-gdpr-modal__body__text{font-weight:500}.supt-gdpr-modal__save-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){.supt-gdpr-modal__save-button{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-gdpr-modal__save-button{background-color:transparent;border:0;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;cursor:pointer}.supt-gdpr-modal__save-button::-moz-focus-inner{border:0}.supt-gdpr-modal__save-button{position:relative}.supt-gdpr-modal__save-button:after{content:"";width:100%;height:1px;background-color:var(--color-text);position:absolute;bottom:0;left:0;transition:transform .3s ease;transform-origin:left}.supt-gdpr-modal__save-button:hover:after{transform:scaleX(0)}.supt-gdpr-modal__save-button{font-weight:500}.supt-gdpr-modal__categories{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none}.supt-gdpr-modal[aria-hidden=true]{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.scroll-section{grid-column:span 12;display:grid;grid-template-columns:repeat(6,1fr);padding:0 8px;aspect-ratio:4/3;box-sizing:content-box}@media screen and (min-width:768px){.scroll-section{grid-template-columns:repeat(12,1fr)}}.scroll-section.section{width:100%;padding:0}@media screen and (min-width:768px){.scroll-section.section{padding-top:0;padding-bottom:0}}.scroll-section__spacer{grid-column:span 12;width:100%}.scroll-section__content{width:100%;height:auto;aspect-ratio:4/3;box-sizing:content-box;grid-column:span 6}@media screen and (min-width:768px){.scroll-section__content{grid-column:span 12}}.scroll-section__image-container{position:relative;width:100%;height:100%;overflow:hidden;transform-origin:top center}.scroll-section__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.scroll-section__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.supt-figure{width:100%}.supt-figure__image{max-width:100%;width:100%;height:auto}.supt-figure__figcaption{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){.supt-figure__figcaption{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-figure__figcaption{color:var(--color-text)}.supt-figure.-is-sticky{position:sticky;top:80px}.supt-footer{width:100%;padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-md) var(--spacing-md)}@media screen and (min-width:768px){.supt-footer{padding:24px 8px}}.supt-footer__inner{width:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-areas:"contact contact contact social social social" "location location location pages pages pages" "legal legal legal legal legal legal";grid-gap:var(--spacing-lg) 8px;gap:var(--spacing-lg) 8px}@media screen and (min-width:768px){.supt-footer__inner{grid-template-columns:repeat(12,1fr);grid-template-areas:unset;gap:8px}}.supt-footer__inner__contact{font-family:var(--font-primary);font-size:clamp(16px,.19vw + .96rem,18px);line-height:clamp(16px,.19vw + .96rem,18px);font-weight:400}@media screen and (min-width:1440px){.supt-footer__inner__contact{font-size:clamp(18px,.66vw + .53rem,25px);line-height:clamp(18px,.66vw + .53rem,25px)}}.supt-footer__inner__contact{grid-column:span 3;grid-area:contact;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media screen and (min-width:768px){.supt-footer__inner__contact{gap:8px}}.supt-footer__inner__contact br{display:none}@media screen and (min-width:768px){.supt-footer__inner__contact{grid-column:span 2;display:block}.supt-footer__inner__contact br{display:block}}.supt-footer__inner__location{font-family:var(--font-primary);font-size:clamp(16px,.19vw + .96rem,18px);line-height:clamp(16px,.19vw + .96rem,18px);font-weight:400}@media screen and (min-width:1440px){.supt-footer__inner__location{font-size:clamp(18px,.66vw + .53rem,25px);line-height:clamp(18px,.66vw + .53rem,25px)}}.supt-footer__inner__location{grid-column:span 6;grid-area:location}.supt-footer__inner__location .-mobile{display:block}@media screen and (min-width:768px){.supt-footer__inner__location{grid-column:span 3;line-height:inherit}.supt-footer__inner__location .-mobile{display:none}}.supt-footer__inner__social{font-family:var(--font-primary);font-size:clamp(16px,.19vw + .96rem,18px);line-height:clamp(16px,.19vw + .96rem,18px);font-weight:400}@media screen and (min-width:1440px){.supt-footer__inner__social{font-size:clamp(18px,.66vw + .53rem,25px);line-height:clamp(18px,.66vw + .53rem,25px)}}.supt-footer__inner__social{grid-column:span 3;grid-area:social;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media screen and (min-width:768px){.supt-footer__inner__social{gap:8px}}.supt-footer__inner__social br{display:none}@media screen and (min-width:768px){.supt-footer__inner__social{grid-column:span 2;display:block}.supt-footer__inner__social br{display:block}}.supt-footer__inner__pages{font-family:var(--font-primary);font-size:clamp(16px,.19vw + .96rem,18px);line-height:clamp(16px,.19vw + .96rem,18px);font-weight:400}@media screen and (min-width:1440px){.supt-footer__inner__pages{font-size:clamp(18px,.66vw + .53rem,25px);line-height:clamp(18px,.66vw + .53rem,25px)}}.supt-footer__inner__pages{grid-area:pages;display:flex;flex-direction:column;gap:var(--spacing-lg)}.supt-footer__inner__pages br{display:none}@media screen and (min-width:768px){.supt-footer__inner__pages{grid-column:8/span 2;display:block}.supt-footer__inner__pages br{display:block}}.supt-footer__inner__legal{font-family:var(--font-secondary);font-size:clamp(13px,.09vw + .79rem,14px);line-height:clamp(14px,.09vw + .85rem,15px);font-weight:400;letter-spacing:1px}@media screen and (min-width:1440px){.supt-footer__inner__legal{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-footer__inner__legal{grid-column:span 6;grid-area:legal;display:flex;flex-direction:column;gap:8px}.supt-footer__inner__legal br{display:none}.supt-footer__inner__legal{margin-top:24px}@media screen and (min-width:768px){.supt-footer__inner__legal{grid-column:10/span 3;display:block;margin-top:0}.supt-footer__inner__legal br{display:block}}.supt-footer__inner__legal__copyright{margin-top:24px}@media screen and (min-width:768px){.supt-footer__inner__legal__copyright{margin-top:0}}.supt-footer a{transition:opacity .2s ease-in-out}@media screen and (min-width:768px){.supt-footer a{cursor:none!important}}.supt-footer:has(a:hover) a{opacity:.6}.supt-footer:has(a:hover) a:hover{opacity:1}.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{font-family:var(--font-primary);font-size:clamp(28px,1.88vw + 1.31rem,48px);line-height:clamp(28px,1.88vw + 1.31rem,48px);font-weight:400;letter-spacing:-1px;font-feature-settings:"tnum" on,"lnum" on}@media screen and (min-width:1440px){.supt-header-contact__inner{font-size:clamp(48px,1.79vw + 1.39rem,67px);line-height:clamp(48px,1.79vw + 1.39rem,67px)}}.supt-header-contact__inner{margin-left:24px;margin-right:24px}@media (min-width:768px){.supt-header-contact__inner{margin-left:40px;margin-right:40px}}@media (min-width:1024px){.supt-header-contact__inner{margin-left:56px;margin-right:56px}}@media (min-width:1440px){.supt-header-contact__inner{margin-left:72px;margin-right:72px}}@media (min-width:1444px){.supt-header-contact__inner{width:100%;margin-left:auto;margin-right:auto}}.supt-header-contact__inner{grid-column-gap:8px}@media (min-width:1500px){.supt-header-contact__inner{grid-column-gap:32px}}.supt-header-contact__inner{grid-row-gap:8px}@media (min-width:1500px){.supt-header-contact__inner{grid-row-gap:32px}}.supt-header-contact__inner{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;grid-template-rows:auto;padding:0 8px;margin:0;grid-row-gap:0;padding-bottom:var(--spacing-xl);position:relative}.supt-header-contact__inner .supt-section__title{font-family:var(--font-primary);font-size:clamp(28px,1.88vw + 1.31rem,48px);line-height:clamp(28px,1.88vw + 1.31rem,48px);font-weight:400;letter-spacing:-1px;font-feature-settings:"tnum" on,"lnum" on}@media screen and (min-width:1440px){.supt-header-contact__inner .supt-section__title{font-size:clamp(48px,1.79vw + 1.39rem,67px);line-height:clamp(48px,1.79vw + 1.39rem,67px)}}.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{background-color:transparent;border:0;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;cursor:pointer}.header-homepage__button::-moz-focus-inner{border:0}.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{margin-left:24px;margin-right:24px}@media (min-width:768px){.header-homepage__logo{margin-left:40px;margin-right:40px}}@media (min-width:1024px){.header-homepage__logo{margin-left:56px;margin-right:56px}}@media (min-width:1440px){.header-homepage__logo{margin-left:72px;margin-right:72px}}@media (min-width:1444px){.header-homepage__logo{width:100%;margin-left:auto;margin-right:auto}}.header-homepage__logo{grid-column-gap:8px}@media (min-width:1500px){.header-homepage__logo{grid-column-gap:32px}}.header-homepage__logo{grid-row-gap:8px}@media (min-width:1500px){.header-homepage__logo{grid-row-gap:32px}}.header-homepage__logo{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;grid-template-rows:auto;padding:0 8px;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{font-family:var(--font-primary);font-size:clamp(56px,6.01vw + 2.09rem,120px);line-height:clamp(56px,6.01vw + 2.09rem,120px);font-weight:500;letter-spacing:-1px}@media screen and (min-width:1440px){.header-homepage__project-title{font-size:clamp(120px,4.53vw + 3.42rem,168px);line-height:clamp(120px,4.53vw + 3.42rem,168px)}}.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%}@keyframes blur-out{0%{filter:blur(8px)}to{filter:blur(0)}}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{margin-left:24px;margin-right:24px}@media (min-width:768px){.supt-header-marketing__inner{margin-left:40px;margin-right:40px}}@media (min-width:1024px){.supt-header-marketing__inner{margin-left:56px;margin-right:56px}}@media (min-width:1440px){.supt-header-marketing__inner{margin-left:72px;margin-right:72px}}@media (min-width:1444px){.supt-header-marketing__inner{width:100%;margin-left:auto;margin-right:auto}}.supt-header-marketing__inner{grid-column-gap:8px}@media (min-width:1500px){.supt-header-marketing__inner{grid-column-gap:32px}}.supt-header-marketing__inner{grid-row-gap:8px}@media (min-width:1500px){.supt-header-marketing__inner{grid-row-gap:32px}}.supt-header-marketing__inner{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;grid-template-rows:auto;padding:0 8px;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{font-family:var(--font-primary);font-size:clamp(28px,1.88vw + 1.31rem,48px);line-height:clamp(28px,1.88vw + 1.31rem,48px);font-weight:400;letter-spacing:-1px;font-feature-settings:"tnum" on,"lnum" on}@media screen and (min-width:1440px){.supt-header-marketing__inner .supt-section__title{font-size:clamp(48px,1.79vw + 1.39rem,67px);line-height:clamp(48px,1.79vw + 1.39rem,67px)}}.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{font-family:var(--font-primary);font-size:clamp(24px,.75vw + 1.32rem,32px);line-height:clamp(24px,.75vw + 1.32rem,32px);font-weight:400}@media screen and (min-width:1440px){.supt-header-marketing__inner .supt-section__introduction{font-size:clamp(32px,1.23vw + .9rem,45px);line-height:clamp(32px,1.23vw + .9rem,45px)}}.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{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){.supt-header-marketing__button{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-header-marketing__button{background-color:transparent;border:0;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;cursor:pointer}.supt-header-marketing__button::-moz-focus-inner{border:0}.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{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){.supt-header-projects__button{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-header-projects__button{background-color:transparent;border:0;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;cursor:pointer}.supt-header-projects__button::-moz-focus-inner{border:0}.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{font-family:var(--font-primary);font-size:clamp(28px,1.88vw + 1.31rem,48px);line-height:clamp(28px,1.88vw + 1.31rem,48px);font-weight:400;letter-spacing:-1px;font-feature-settings:"tnum" on,"lnum" on}@media screen and (min-width:1440px){.supt-header-projects__title{font-size:clamp(48px,1.79vw + 1.39rem,67px);line-height:clamp(48px,1.79vw + 1.39rem,67px)}}.supt-header-projects__title{padding-bottom:var(--spacing-xl);position:relative;z-index:1}.supt-header-projects__list{margin-left:24px;margin-right:24px}@media (min-width:768px){.supt-header-projects__list{margin-left:40px;margin-right:40px}}@media (min-width:1024px){.supt-header-projects__list{margin-left:56px;margin-right:56px}}@media (min-width:1440px){.supt-header-projects__list{margin-left:72px;margin-right:72px}}@media (min-width:1444px){.supt-header-projects__list{width:100%;margin-left:auto;margin-right:auto}}.supt-header-projects__list{grid-column-gap:8px}@media (min-width:1500px){.supt-header-projects__list{grid-column-gap:32px}}.supt-header-projects__list{grid-row-gap:8px}@media (min-width:1500px){.supt-header-projects__list{grid-row-gap:32px}}.supt-header-projects__list{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;grid-template-rows:auto;padding:0 8px;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{margin-left:24px;margin-right:24px}@media (min-width:768px){.supt-header-projects__row{margin-left:40px;margin-right:40px}}@media (min-width:1024px){.supt-header-projects__row{margin-left:56px;margin-right:56px}}@media (min-width:1440px){.supt-header-projects__row{margin-left:72px;margin-right:72px}}@media (min-width:1444px){.supt-header-projects__row{width:100%;margin-left:auto;margin-right:auto}}.supt-header-projects__row{grid-column-gap:8px}@media (min-width:1500px){.supt-header-projects__row{grid-column-gap:32px}}.supt-header-projects__row{grid-row-gap:8px}@media (min-width:1500px){.supt-header-projects__row{grid-row-gap:32px}}.supt-header-projects__row{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;grid-template-rows:auto;padding:0 8px;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{font-family:var(--font-primary);font-size:clamp(28px,1.88vw + 1.31rem,48px);line-height:clamp(28px,1.88vw + 1.31rem,48px);font-weight:400;letter-spacing:-1px;font-feature-settings:"tnum" on,"lnum" on}@media screen and (min-width:1440px){.supt-header-projects__domain,.supt-header-projects__name{font-size:clamp(48px,1.79vw + 1.39rem,67px);line-height:clamp(48px,1.79vw + 1.39rem,67px)}}.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-left:24px;margin-right:24px}@media (min-width:768px){.supt-header-services__inner{margin-left:40px;margin-right:40px}}@media (min-width:1024px){.supt-header-services__inner{margin-left:56px;margin-right:56px}}@media (min-width:1440px){.supt-header-services__inner{margin-left:72px;margin-right:72px}}@media (min-width:1444px){.supt-header-services__inner{width:100%;margin-left:auto;margin-right:auto}}.supt-header-services__inner{grid-column-gap:8px}@media (min-width:1500px){.supt-header-services__inner{grid-column-gap:32px}}.supt-header-services__inner{grid-row-gap:8px}@media (min-width:1500px){.supt-header-services__inner{grid-row-gap:32px}}.supt-header-services__inner{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;grid-template-rows:auto;padding:0 8px;margin:0;grid-row-gap:0}.supt-header-services .supt-section__title{font-family:var(--font-primary);font-size:clamp(28px,1.88vw + 1.31rem,48px);line-height:clamp(28px,1.88vw + 1.31rem,48px);font-weight:400;letter-spacing:-1px;font-feature-settings:"tnum" on,"lnum" on}@media screen and (min-width:1440px){.supt-header-services .supt-section__title{font-size:clamp(48px,1.79vw + 1.39rem,67px);line-height:clamp(48px,1.79vw + 1.39rem,67px)}}.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{font-family:var(--font-primary);font-size:clamp(28px,1.88vw + 1.31rem,48px);line-height:clamp(28px,1.88vw + 1.31rem,48px);font-weight:400;letter-spacing:-1px;font-feature-settings:"tnum" on,"lnum" on}@media screen and (min-width:1440px){.supt-header-services__links__item{font-size:clamp(48px,1.79vw + 1.39rem,67px);line-height:clamp(48px,1.79vw + 1.39rem,67px)}}.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)}.supt-header-services__introduction .supt-section__introduction{font-family:var(--font-primary);font-size:clamp(28px,1.88vw + 1.31rem,48px);line-height:clamp(28px,1.88vw + 1.31rem,48px);font-weight:400;letter-spacing:-1px;font-feature-settings:"tnum" on,"lnum" on}@media screen and (min-width:1440px){.supt-header-services__introduction .supt-section__introduction{font-size:clamp(48px,1.79vw + 1.39rem,67px);line-height:clamp(48px,1.79vw + 1.39rem,67px)}}@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__inner{font-family:var(--font-secondary);font-size:clamp(13px,.09vw + .79rem,14px);line-height:clamp(14px,.09vw + .85rem,15px);font-weight:400;letter-spacing:1px}@media screen and (min-width:1440px){.supt-tag__inner{font-size:clamp(14px,.57vw + .37rem,20px);line-height:clamp(15px,.57vw + .43rem,21px)}}.supt-tag.-time-tag{display:none}@media screen and (min-width:768px){.supt-tag.-time-tag{display:flex}}@keyframes slide-in{0%{transform:translateX(400px)}to{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}to{transform:translateX(400px)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(calc(100% + 100px));transform:translateY(var(--slide-down-distance,calc(100% + 100px)))}}.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 .supt-section__introduction,.supt-header-case-study .supt-section__title{font-family:var(--font-primary);font-size:clamp(28px,1.88vw + 1.31rem,48px);line-height:clamp(28px,1.88vw + 1.31rem,48px);font-weight:400;letter-spacing:-1px;font-feature-settings:"tnum" on,"lnum" on}@media screen and (min-width:1440px){.supt-header-case-study .supt-section__introduction,.supt-header-case-study .supt-section__title{font-size:clamp(48px,1.79vw + 1.39rem,67px);line-height:clamp(48px,1.79vw + 1.39rem,67px)}}.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)}}