/* Keep the original header space while the navigation follows scroll direction. */
.ts-header-space{height:112px}
header.creative-header.ts-scroll-header{position:fixed;inset:0 0 auto;width:100%;max-width:none;margin:0;padding:0 4.5%;height:112px;z-index:100;background:var(--paper);transform:translateY(0);transition:transform .28s ease,height .24s ease,box-shadow .24s ease}
header.creative-header.ts-header-compact{height:72px;box-shadow:0 5px 22px #0000000d}
header.creative-header.ts-header-hidden{transform:translateY(calc(-100% - 50px));pointer-events:none}
.ts-scroll-header .brand-real{position:relative;top:5px;transform-origin:left center;transition:transform .24s ease}
.ts-scroll-header.ts-header-compact .brand-real{transform:scale(.76)}
header.ts-header-compact #menu{padding:10px 18px}
.ts-header-compact .contact-top{padding:8px 20px}
body.admin-bar header.ts-scroll-header{top:32px}
@media(min-width:1700px){header.creative-header.ts-scroll-header{padding-inline:max(4.5%,calc((100vw - 1800px)/2))}}
@media(max-width:782px){body.admin-bar header.ts-scroll-header{top:46px}}
@media(max-width:700px){.ts-header-space{height:95px}header.creative-header.ts-scroll-header{height:95px}header.creative-header.ts-header-compact{height:64px}}
@media(max-width:600px){body.admin-bar header.ts-scroll-header{top:0}body.admin-bar header.ts-scroll-header:not(.ts-header-compact){top:46px}}
@media(prefers-reduced-motion:reduce){header.creative-header.ts-scroll-header,.ts-scroll-header .brand-real{transition:none}}