:root {
  --kautz-red: #930e16;
  --kautz-white: #fff;
  --kautz-ink: #111;
  --kautz-gutter: clamp(20px, 3.889vw, 56px);
  --kautz-width: 1328px;
  --kautz-section: clamp(80px, 11.111vw, 160px);
  --kautz-gap: 16px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 32px; }
body { margin: 0; background: var(--kautz-red); color: #fff; font-family: Inter, Arial, sans-serif; font-size: 16px; line-height: 1.375; -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, a, input, textarea { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
h1, h2, h3, p, ul, ol { margin-top: 0; }
h1, h2, h3 { overflow-wrap: break-word; }
figure { margin: 0; }
.kautz-container { width: calc(100% - var(--kautz-gutter) * 2); max-width: var(--kautz-width); margin-inline: auto; }
.kautz-canvas { position: relative; isolation: isolate; overflow: clip; min-height: 100vh; }
.kautz-canvas::before { content: ''; position: absolute; z-index: -1; pointer-events: none; inset: 0; background-image: url('../images/background-light.svg'), url('../images/background-light.svg'), url('../images/background-light.svg'), url('../images/background-light.svg'), url('../images/background-light.svg'); background-repeat: no-repeat; background-size: 1476px 1476px; background-position: calc(50% - 646px) 183px, calc(50% + 882px) -969px, calc(50% + 882px) 2353px, calc(50% - 646px) 3907px, calc(50% - 646px) 6328px; }
.kautz-skip-link { position: fixed; left: 20px; top: 12px; z-index: 100; background: #fff; color: #111; padding: 14px 20px; }
.kautz-skip-link:not(:focus) { clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; white-space: nowrap; padding: 0; }
.kautz-main:focus { outline: none; }
.kautz-header { position: relative; z-index: 10; height: 80px; }
.kautz-header__inner { display: flex; align-items: center; gap: 88px; height: 100%; }
.kautz-header__brand { flex: 0 0 48px; }
.kautz-header__brand img { width: 48px; height: 48px; }
.kautz-menu { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 16px; }
.kautz-menu a { display: block; padding-block: 10px; text-underline-offset: 5px; }
.kautz-menu a:hover, .kautz-menu .current-menu-item > a { text-decoration: underline; }
.kautz-header__cta { margin-left: auto; }
.kautz-button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 12px 16px 10px; border-bottom: 2px solid currentColor; min-height: 40px; font-size: 14px; font-weight: 600; line-height: 16px; }
.kautz-arrow { display: inline-block; flex: 0 0 16px; width: 16px; height: 16px; filter: brightness(0) invert(1); transition: transform .3s ease; }
.kautz-button:hover .kautz-arrow { transform: translateX(4px); }
.kautz-menu-toggle { display: none; }
.kautz-hero { position: relative; height: 515px; margin-top: -80px; }
.kautz-hero--home { height: 768px; }
.kautz-hero__inner { height: 100%; position: relative; }
.kautz-hero__title { margin: 0; position: absolute; top: 350px; left: 50%; transform: translateX(-50%); width: min(100%, 900px); font-size: 72px; line-height: 68px; letter-spacing: -2.5px; font-weight: 700; text-transform: uppercase; text-align: center; }
.kautz-hero--home .kautz-hero__title { top: 297px; width: 716px; max-width: 100%; }
.kautz-hero__description { position: absolute; top: 473px; left: calc(50% + 209px); width: 208px; margin: 0; font-size: 16px; line-height: 22px; }
.kautz-hero__art { position: absolute; top: 168.93px; left: 50%; transform: translateX(-50%); width: 438.18px; height: 431.18px; pointer-events: none; }
.kautz-hero__mark { position: absolute; top: 0; width: 431.11px; height: 431.18px; max-width: none; background: #9e232a; mask: url('../images/hero-left.svg') center / 100% 100% no-repeat; transform-origin: 0 0; }
.kautz-hero__mark--left { left: 0; }
.kautz-hero__mark--right { left: 100%; transform: scaleX(-1); }
.kautz-hero__line { position: absolute; top: 58px; left: 50%; height: 150px; width: 7px; border-radius: 4px; background: #ffe2e2; transform: translateX(-50%); opacity: 0; }
.kautz-hero:not(.kautz-hero--home) .kautz-hero__art { display: none; }
.kautz-heading { margin: 0; font-size: 64px; line-height: 60px; letter-spacing: -2.5px; font-weight: 400; text-transform: uppercase; }
.kautz-intro { padding-block: var(--kautz-section); }
.kautz-intro__title { margin-left: 25.3012%; max-width: 626px; }
.kautz-intro__body { margin-top: 40px; margin-left: 47.741%; max-width: 393px; }
.kautz-intro__link { margin-top: 32px; }
.kautz-prose > :last-child { margin-bottom: 0; }
.kautz-prose p { margin-bottom: 22px; }
.kautz-prose ul, .kautz-prose ol { padding-left: 1.15em; margin-bottom: 22px; }
.kautz-prose li + li { margin-top: 8px; }
.kautz-prose a { text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.kautz-eyebrow { font-size: 14px; line-height: 16px; margin-bottom: 16px; }
.kautz-feature { padding-block: 80px; }
.kautz-feature > .kautz-container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: center; min-height: 480px; }
.kautz-feature > .kautz-container > * { min-width: 0; }
.kautz-feature__content { padding-right: 40px; }
.kautz-feature__content > .kautz-prose { margin-top: 32px; max-width: 544px; }
.kautz-feature__image { width: 100%; aspect-ratio: 656 / 480; background: rgb(255 255 255 / 20%); display: grid; place-items: center; }
.kautz-feature__media { width: 168px; height: 168px; object-fit: contain; }
.kautz-feature--left .kautz-feature__image { grid-column: 1; grid-row: 1; }
.kautz-feature--left .kautz-feature__content { grid-column: 2; grid-row: 1; padding-left: 112px; padding-right: 0; }
.kautz-metric { position: relative; margin-top: 60px; width: 442px; max-width: 100%; min-height: 178px; padding-inline: 91px; }
.kautz-metric::before, .kautz-metric::after { position: absolute; content: ''; height: 198px; top: -10px; width: 1px; background: #fff; transform: rotate(26deg); transform-origin: center; }
.kautz-metric::before { left: 44px; }
.kautz-metric::after { right: 44px; }
.kautz-metric__value { font-size: 64px; line-height: 60px; letter-spacing: -2.5px; }
.kautz-metric__label { margin-top: 24px; }
.kautz-footer { padding-block: 42px; }
.kautz-footer__inner { display: flex; gap: 160px; align-items: stretch; }
.kautz-footer__brand { flex: 0 0 140px; }
.kautz-footer__brand img { width: 140px; height: 140px; object-fit: contain; }
.kautz-footer__content { display: flex; flex-direction: column; }
.kautz-footer__label { font-size: 12px; line-height: 16px; text-transform: uppercase; margin-bottom: 6px; }
.kautz-footer__menus { display: flex; gap: 87px; }
.kautz-footer .kautz-menu { font-weight: 600; }
.kautz-footer .kautz-menu a { padding-block: 0; }
.kautz-footer__copyright { font-family: 'Work Sans', Inter, sans-serif; font-size: 12px; line-height: 16px; text-transform: uppercase; margin-top: auto; margin-bottom: 0; padding-top: 40px; }
.kautz-section { padding-block: var(--kautz-section); }
.kautz-text { width: calc(100% - var(--kautz-gutter) * 2); max-width: 880px; margin-inline: auto; padding-block: 40px var(--kautz-section); }
.kautz-not-found { text-align: center; }
@media (min-width: 1441px) {
  .kautz-canvas::before { background-position: calc(50% - 646px) 183px, calc(50% + 882px) -969px, calc(50% + 882px) 2353px, calc(50% - 646px) 3907px, calc(50% - 646px) 6328px; }
}
@media (max-width: 1199px) {
  .kautz-header__inner { gap: 48px; }
  .kautz-heading { font-size: clamp(40px, 4.45vw, 64px); line-height: .98; letter-spacing: -.035em; }
  .kautz-feature--left .kautz-feature__content { padding-left: 40px; }
  .kautz-feature > .kautz-container { min-height: auto; }
  .kautz-feature { padding-block: 64px; }
  .kautz-footer__inner { gap: 80px; }
  .kautz-footer__menus { gap: 40px; }
  .kautz-metric { padding-inline: 65px; }
  .kautz-hero__description { left: calc(50% + 160px); }
}
@media (max-width: 899px) {
  .kautz-hero__title { font-size: 60px; line-height: .97; }
  .kautz-hero--home .kautz-hero__title { width: 660px; }
  .kautz-hero__description { top: 510px; left: 50%; transform: translateX(-50%); width: 280px; text-align: center; }
  .kautz-intro__title { margin-left: 12%; }
  .kautz-intro__body { margin-left: 38%; max-width: none; }
  .kautz-feature--left .kautz-feature__content { padding-left: 24px; }
  .kautz-feature__content { padding-right: 16px; }
  .kautz-metric { padding-inline: 44px; }
  .kautz-metric::before { left: 18px; }
  .kautz-metric::after { right: 18px; }
  .kautz-footer__inner { gap: 40px; }
  .kautz-footer__menus { flex-direction: column; gap: 24px; }
}
@media (max-width: 767px) {
  .kautz-header { height: auto; min-height: 80px; }
  .kautz-header__inner { min-height: 80px; flex-wrap: wrap; gap: 16px; padding-block: 16px; }
  .kautz-header__brand { margin-right: auto; }
  .kautz-header__cta { margin-left: 0; }
  .kautz-header__cta .kautz-button { padding-inline: 6px; font-size: 12px; }
  .kautz-navigation { order: 5; flex: 0 0 100%; padding-block: 12px; }
  .kautz-js .kautz-navigation { display: none; position: absolute; top: 80px; left: 0; width: 100%; background: #930e16; padding: 20px var(--kautz-gutter) 28px; border-bottom: 1px solid rgb(255 255 255 / 25%); }
  .kautz-js .kautz-navigation.is-open { display: block; }
  .kautz-js .kautz-menu-toggle { display: inline-flex; gap: 10px; align-items: center; background: none; color: #fff; padding: 8px 4px; border: 0; min-height: 44px; cursor: pointer; font-size: 14px; }
  .kautz-menu-toggle__lines { width: 18px; height: 10px; border-top: 1px solid; border-bottom: 1px solid; }
  .kautz-navigation .kautz-menu { flex-direction: column; align-items: flex-start; gap: 8px; }
  .kautz-navigation .kautz-menu a { padding-block: 14px; font-size: 18px; }
  .kautz-hero { height: 380px; }
  .kautz-hero--home { height: 690px; }
  .kautz-hero__title { top: 210px; font-size: clamp(38px, 8.8vw, 60px); line-height: 1; letter-spacing: -.04em; }
  .kautz-hero--home .kautz-hero__title { top: 258px; width: 100%; }
  .kautz-hero__art { top: 180px; width: 330px; height: 325px; }
  .kautz-hero__mark { width: 325px; height: 325px; }
  .kautz-hero__description { top: 452px; width: 250px; font-size: 14px; line-height: 20px; }
  .kautz-heading { font-size: clamp(36px, 7.5vw, 50px); line-height: 1; }
  .kautz-intro__title, .kautz-intro__body { margin-left: 0; max-width: none; }
  .kautz-intro__body { margin-top: 32px; }
  .kautz-feature { padding-block: 40px; }
  .kautz-feature > .kautz-container { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .kautz-feature__content, .kautz-feature--left .kautz-feature__content { grid-column: auto; grid-row: auto; padding: 0; }
  .kautz-feature--left .kautz-feature__image { grid-column: auto; grid-row: auto; }
  .kautz-feature__media { width: 120px; height: 120px; }
  .kautz-metric { margin-top: 40px; padding-inline: 70px; min-height: 150px; width: min(100%, 360px); }
  .kautz-metric::before, .kautz-metric::after { height: 166px; }
  .kautz-metric::before { left: 36px; }
  .kautz-metric::after { right: 36px; }
  .kautz-metric__value { font-size: 52px; line-height: 1; }
  .kautz-metric__label { margin-top: 16px; }
  .kautz-footer { padding-block: 56px 32px; }
  .kautz-footer__inner { flex-direction: column; gap: 32px; }
  .kautz-footer__brand { flex-basis: auto; width: 100px; }
  .kautz-footer__brand img { width: 100px; height: 100px; }
  .kautz-footer .kautz-menu { gap: 16px 24px; }
  .kautz-footer .kautz-menu a { padding-block: 8px; }
  .kautz-footer__menus { gap: 12px; }
  .kautz-canvas::before { background-size: 960px; background-position: calc(50% - 350px) 100px, calc(50% + 380px) -560px, calc(50% + 380px) 2100px, calc(50% - 350px) 3900px, calc(50% - 350px) 6328px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
