@font-face{font-family: "Montserrat";src: url("../fonts/Montserrat-Variable-latin.woff2") format("woff2");font-weight: 100 900;font-display: swap}:root{--stein: #D9D2C5;--papier: #F4F0E8;--petrol: #283B49;--tinte: #1C1F22;--messing-hell: #A88B5A;--messing: #7A6440;--messing-dunkel: #665233;--bg: #11191F;--surface: #19242D;--text: #E6E0D5;--heading: #F4F0E8;--muted: #B5AEA2;--line: rgba(168,139,90,0.28);--accent: var(--messing-hell);--label: #C2A87A;--btn-bg: var(--papier);--btn-text: var(--petrol);--inv-bg: #1E2E3A;--inv-text: var(--papier);--inv-muted: var(--stein);--inv-accent: var(--messing-hell);--field-bg: #121B22;--error: #E59A8C;--shadow: 0,0,0;--font: "Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--ease-out: cubic-bezier(0.23,1,0.32,1);--ease-in-out: cubic-bezier(0.77,0,0.175,1);--ease-drawer: cubic-bezier(0.32,0.72,0,1);--r-surface: 16px;--r-field: 10px;--r-pill: 999px;--container: 1320px;--gutter: clamp(20px,4vw,56px);--section: clamp(104px,13vw,184px);--nav-h: 64px;--footer-h: 0px;color-scheme: dark}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}html.lenis,html.lenis body{height: auto}.lenis.lenis-smooth{scroll-behavior: auto !important}.lenis.lenis-stopped{overflow: hidden}body{margin: 0;background: var(--inv-bg);color: var(--text);font: 400 17px/1.65 var(--font);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;font-feature-settings: "kern" 1}img,svg,canvas{display: block}button{font: inherit;color: inherit}a{color: inherit}::selection{background: var(--messing-hell);color: var(--tinte)}html{scrollbar-color: color-mix(in srgb,var(--accent) 70%,transparent) var(--bg);scrollbar-width: thin}input,textarea{caret-color: var(--accent)}:focus-visible{outline: 2px solid var(--accent);outline-offset: 4px;border-radius: 6px}.skip{position: fixed;left: 16px;top: 16px;z-index: 100;padding: 12px 20px;border-radius: var(--r-pill);background: var(--papier);color: var(--petrol);font-weight: 500;text-decoration: none;transform: translateY(-200%);transition: transform 200ms var(--ease-out)}.skip:focus{transform: none}.wrap{width: 100%;max-width: var(--container);margin-inline: auto;padding-inline: var(--gutter)}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.h1,.h2,.h3{margin: 0;color: var(--heading);font-weight: 300;text-wrap: balance}.h1{font-size: clamp(38px,5.2vw,80px);line-height: 1.04;letter-spacing: -0.03em}.h2{font-size: clamp(26px,2.5vw,38px);line-height: 1.15;letter-spacing: -0.015em;font-weight: 400}.h3{font-size: 20px;line-height: 1.3;font-weight: 500;letter-spacing: -0.005em}.h1 strong,.display strong{font-weight: 500}.h1--m{font-size: clamp(32px,3.5vw,54px);line-height: 1.08}.body-l{font-size: clamp(17px,1.35vw,20px);line-height: 1.6}.muted{color: var(--muted)}.sw{display: inline-block;overflow: hidden;vertical-align: top;padding-bottom: 0.14em;margin-bottom: -0.14em}.swi{display: inline-block;will-change: transform}.btn{--b-bg: var(--btn-bg);--b-text: var(--btn-text);--b-ring: currentColor;position: relative;display: inline-flex;align-items: center;gap: 14px;height: 56px;padding: 0 8px 0 26px;border-radius: var(--r-pill);background: var(--b-bg);color: var(--b-text);font-size: 15px;font-weight: 500;letter-spacing: 0.005em;white-space: nowrap;text-decoration: none;border: 0;cursor: pointer;transition: transform 500ms var(--ease-out),background-color 300ms ease,color 300ms ease}.btn:active{transform: scale(0.97) !important;transition-duration: 120ms}.btn-ico{width: 40px;height: 40px;border-radius: var(--r-pill);display: grid;place-items: center;background: color-mix(in srgb,var(--b-text) 12%,transparent);transition: transform 500ms var(--ease-out)}.btn-ico svg{width: 18px;height: 18px}@media (hover: hover) and (pointer: fine){.btn:hover .btn-ico{transform: translate(3px,-1px) scale(1.06)}}.btn--light{--b-bg: var(--papier);--b-text: var(--petrol)}.btn--sm{height: 46px;padding-left: 20px;gap: 10px;font-size: 14px}.btn--sm .btn-ico{width: 32px;height: 32px}.btn--sm .btn-ico svg{width: 15px;height: 15px}.link{position: relative;display: inline-flex;align-items: center;gap: 8px;font-size: 15px;font-weight: 500;text-decoration: none;padding: 6px 0}.link::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: var(--accent);transform-origin: right;transition: transform 600ms var(--ease-out)}@media (hover: hover) and (pointer: fine){.link:hover::after{transform: scaleX(0)}}.intro{position: fixed;inset: 0;z-index: 90;display: grid;place-items: center;background: var(--petrol);color: var(--papier)}.intro svg{width: min(160px,32vw);height: auto;overflow: visible}.intro path{fill: currentColor;fill-opacity: 0;stroke: currentColor;stroke-width: 6;stroke-dasharray: 1;stroke-dashoffset: 1}html:not(.intro-on) .intro{display: none}.nav{position: fixed;inset: 16px 0 auto;z-index: 40;padding-inline: var(--gutter);pointer-events: none;transition: transform 700ms var(--ease-drawer)}.nav.is-hidden{transform: translateY(calc(-100% - 24px))}.nav-bar{pointer-events: auto;position: relative;max-width: calc(var(--container) - 2 * var(--gutter) + 32px);margin-inline: auto;height: var(--nav-h);padding: 0 8px 0 22px;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 24px;border-radius: var(--r-pill);color: var(--heading);transition: color 500ms ease}.nav-bar::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: color-mix(in srgb,var(--surface) 76%,transparent);-webkit-backdrop-filter: blur(18px) saturate(1.3);backdrop-filter: blur(18px) saturate(1.3);box-shadow: inset 0 0 0 1px var(--line),0 18px 50px -28px rgba(var(--shadow),0.55);transition: opacity 500ms ease}.nav[data-tone="dark"] .nav-bar{color: var(--papier)}.nav[data-tone="dark"] .nav-bar::before{opacity: 0}@media (prefers-reduced-transparency: reduce){.nav-bar::before{background: var(--surface);-webkit-backdrop-filter: none;backdrop-filter: none}}.nav-logo{display: inline-flex;color: inherit;justify-self: start;border-radius: 6px}.nav-logo svg{height: 36px;width: auto}.nav-links{position: relative;display: flex;gap: 6px;list-style: none;margin: 0;padding: 0}.nav-links>li>a,.nav-drop-btn{display: flex;align-items: center;gap: 6px;padding: 10px 14px;border-radius: var(--r-pill);font: inherit;font-size: 14px;font-weight: 500;text-decoration: none;color: inherit;opacity: 0.78;background: none;border: 0;cursor: pointer;transition: opacity 300ms ease}.nav-links>li>a:hover,.nav-links>li>a[aria-current="true"],.nav-drop-btn:hover,.nav-drop-btn[aria-current="true"],.nav-drop-btn[data-current],.nav-drop.is-open .nav-drop-btn{opacity: 1}.nav-caret{width: 6px;height: 6px;margin-top: -3px;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: rotate(45deg);transition: transform 300ms var(--ease-out)}.nav-drop.is-open .nav-caret{transform: translateY(3px) rotate(-135deg)}.nav-drop{position: relative}.nav-panel{position: absolute;top: calc(100% + 18px);left: 50%;width: 340px;padding: 8px;border-radius: var(--r-surface);background: var(--surface);color: var(--text);box-shadow: inset 0 0 0 1px var(--line),0 30px 60px -30px rgba(0,0,0,0.7);opacity: 0;visibility: hidden;transform: translate(-50%,-6px) scale(0.98);transform-origin: top center;transition: opacity 180ms ease,transform 220ms var(--ease-out),visibility 0s linear 220ms}.nav-panel::before{content: "";position: absolute;inset: -18px 0 100%}.nav-drop.is-open .nav-panel{opacity: 1;visibility: visible;transform: translate(-50%,0);transition-delay: 0s}.nav-panel ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 2px}.nav-panel ul a{display: grid;grid-template-columns: 40px 1fr;align-items: center;gap: 14px;padding: 10px 12px 10px 10px;border-radius: var(--r-field);text-decoration: none;color: inherit;transition: background-color 200ms ease}.nav-panel ul a:hover,.nav-panel ul a:focus-visible{background: rgba(244,240,232,0.05)}.nav-panel ul a[aria-current="page"]{background: rgba(168,139,90,0.12)}.np-ico{display: grid;place-items: center;width: 40px;height: 40px;border-radius: var(--r-field);background: var(--inv-bg);color: var(--messing-hell)}.np-ico svg{width: 20px;height: 20px}.nav-panel b{display: block;font-size: 15px;font-weight: 500;color: var(--heading)}.nav-panel em{display: block;font-style: normal;font-size: 13px;color: var(--muted);margin-top: 2px}.np-all{display: flex;align-items: center;justify-content: space-between;margin-top: 6px;padding: 12px;border-top: 1px solid var(--line);font-size: 13px;font-weight: 500;color: var(--stein);text-decoration: none}.np-all svg{width: 16px;height: 16px;color: var(--messing-hell);transition: transform 300ms var(--ease-out)}.np-all:hover svg{transform: translateX(3px)}.nav-ind{position: absolute;left: 0;bottom: 4px;width: 1px;height: 1px;background: var(--accent);transform-origin: left;opacity: 0;transition: transform 600ms var(--ease-out),opacity 300ms ease}.nav[data-tone="dark"] .nav-ind{background: var(--messing-hell)}.nav-cta{justify-self: end}.nav[data-tone="dark"] .nav-cta{--b-bg: var(--papier);--b-text: var(--petrol)}.burger{display: none;justify-self: end;width: 48px;height: 48px;border-radius: var(--r-pill);border: 0;background: var(--btn-bg);position: relative;cursor: pointer}.nav[data-tone="dark"] .burger{background: var(--papier)}.burger span{position: absolute;left: 16px;right: 16px;height: 1.5px;border-radius: 2px;background: var(--btn-text);transition: transform 500ms var(--ease-out)}.nav[data-tone="dark"] .burger span{background: var(--petrol)}.burger span:nth-child(1){top: 20px}.burger span:nth-child(2){top: 27px}.menu-open .burger span:nth-child(1){transform: translateY(3.5px) rotate(45deg)}.menu-open .burger span:nth-child(2){transform: translateY(-3.5px) rotate(-45deg)}.menu{position: fixed;inset: 0;z-index: 35;display: flex;flex-direction: column;justify-content: flex-end;padding: 120px var(--gutter) 40px;background: var(--petrol);color: var(--papier);clip-path: inset(0 0 100% 0);visibility: hidden;transition: clip-path 700ms var(--ease-in-out),visibility 0s linear 700ms}.menu-open .menu{clip-path: inset(0 0 0 0);visibility: visible;transition: clip-path 700ms var(--ease-in-out)}.menu ul{list-style: none;margin: 0;padding: 0}.menu li{overflow: hidden}.menu li a{display: flex;text-decoration: none;transform: translateY(105%);transition: transform 800ms var(--ease-out)}.menu-open .menu li a{transform: none;transition-delay: calc(200ms + var(--i) * 60ms)}.menu-label{margin: 0 0 10px;font-size: 13px;font-weight: 500;color: var(--label);opacity: 0;transition: opacity 500ms ease}.menu-open .menu-label{opacity: 1;transition-delay: 200ms}.menu-main li{border-top: 1px solid rgba(168,139,90,0.35)}.menu-main li a{justify-content: space-between;align-items: center;padding: 16px 0;font-size: clamp(30px,9vw,44px);font-weight: 300;letter-spacing: -0.02em;line-height: 1.1}.menu-main em{display: block;margin-top: 4px;font-style: normal;font-weight: 400;font-size: 14px;letter-spacing: 0;color: var(--stein);opacity: 0.8}.menu-main a[aria-current="page"]>span:first-child{font-weight: 500}.menu-main li a svg{flex: none;width: 22px;height: 22px;color: var(--messing-hell)}.menu-sub{display: flex;flex-wrap: wrap;gap: 8px 28px;padding-top: 22px;border-top: 1px solid rgba(168,139,90,0.35)}.menu-sub li a{padding: 4px 0;font-size: 18px;font-weight: 400;color: var(--stein)}.menu-foot{margin-top: 32px;display: grid;gap: 18px;justify-items: start;opacity: 0;transition: opacity 500ms ease}.menu-open .menu-foot{opacity: 1;transition-delay: 500ms}.menu-foot a.link{color: var(--stein)}.hero{position: relative;z-index: 2;height: 100vh;height: 100dvh;min-height: 620px;background: var(--bg)}.hero-frame{position: absolute;inset: 0;overflow: hidden;background: var(--petrol);color: var(--papier);transform-origin: 50% 0%;will-change: transform}.hero-canvas{position: absolute;inset: 0;width: 100%;height: 100%}.hero-fallback{position: absolute;inset: 0;background: radial-gradient(60% 70% at 75% 45%,rgba(168,139,90,0.18),transparent 70%),radial-gradient(80% 80% at 10% 100%,rgba(17,25,31,0.6),transparent 70%)}.hero-shade{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(180deg,rgba(40,59,73,0.55) 0%,rgba(40,59,73,0) 22%),linear-gradient(20deg,rgba(30,44,54,0.85) 0%,rgba(30,44,54,0) 55%)}.hero-content{position: absolute;inset: auto 0 0 0;padding-bottom: clamp(40px,7vh,88px)}.hero-content .wrap{display: grid;gap: 28px}.display{margin: 0;color: var(--papier);font-weight: 300;font-size: clamp(40px,5.8vw,94px);line-height: 1.02;letter-spacing: -0.035em;max-width: none}.hero-sub{margin: 0;max-width: 30em;color: var(--stein);font-size: clamp(17px,1.4vw,20px);line-height: 1.55}.hero-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 16px 32px;margin-top: 8px}.hero-actions .link{color: var(--papier)}.hero-actions .link::after{background: var(--messing-hell)}main{position: relative;z-index: 2;background: var(--bg);margin-bottom: var(--footer-h);border-radius: 0 0 28px 28px;box-shadow: 0 40px 80px -40px rgba(0,0,0,0.5)}.section{position: relative;padding-block: var(--section)}section[id]{scroll-margin-top: 104px}.manifest{padding-top: clamp(64px,8vw,120px);padding-bottom: calc(var(--section) * 1.5)}.manifest .wrap{display: grid;grid-template-columns: 1fr minmax(0,9fr) 1fr}.manifest-text{grid-column: 2;margin: 0;color: var(--heading);font-size: clamp(30px,4.3vw,66px);line-height: 1.16;letter-spacing: -0.025em;font-weight: 300;text-wrap: pretty}.manifest-text .mw{opacity: 1}.manifest-text strong{font-weight: 500}.services-head{display: grid;gap: 24px;max-width: 760px;margin-bottom: clamp(48px,6vw,88px)}.stack{display: grid;gap: 24px}.card{position: sticky;top: calc(var(--nav-h) + 40px + var(--i) * 16px);min-height: min(calc(100vh - var(--nav-h) - 96px),640px);min-height: min(calc(100dvh - var(--nav-h) - 96px),640px);display: grid}.card-inner{position: relative;height: 100%;overflow: hidden;display: grid;grid-template-columns: 1fr 1.05fr;border-radius: var(--r-surface);background: var(--surface);color: var(--text);box-shadow: 0 -1px 0 rgba(255,255,255,0.04) inset,0 30px 60px -40px rgba(var(--shadow),0.6);transform-origin: 50% 0%}.card--dark .card-inner{background: var(--inv-bg);color: var(--inv-text)}.card--dark .h2{color: var(--inv-text)}.card-shade{position: absolute;inset: 0;background: var(--bg);opacity: 0;pointer-events: none;z-index: 3}.card-foot{display: flex}.card-copy{display: flex;flex-direction: column;justify-content: space-between;gap: 40px;padding: clamp(32px,4vw,64px)}.card-title{margin: 0 0 10px;color: var(--heading);font-size: clamp(34px,3.4vw,56px);line-height: 1.02;font-weight: 300;letter-spacing: -0.03em}.card--dark .card-title{color: var(--papier)}.card-lead .card-sub{margin: 0 0 22px;font-size: 14px;font-weight: 500;color: var(--label)}.card-lead p{margin: 0;max-width: 26em;font-size: 18px;line-height: 1.6;color: var(--muted)}.card--dark .card-lead p{color: var(--inv-muted)}.scope{list-style: none;margin: 0;padding: 20px 0 0;border-top: 1px solid var(--line);display: grid;gap: 8px;font-size: 15px;line-height: 1.5}.scope li{padding-left: 22px;position: relative;text-wrap: pretty}.scope li::before{content: "";position: absolute;left: 0;top: 0.72em;width: 10px;height: 1px;background: var(--accent)}.excl{margin: 18px 0 0;font-size: 13px;line-height: 1.55;color: var(--muted);max-width: 44em}.excl span{color: var(--text);font-weight: 500}.card--dark .excl{color: var(--inv-muted)}.card--dark .scope{border-color: rgba(168,139,90,0.35);color: var(--papier)}.card-visual{position: relative;display: grid;place-items: center;padding: clamp(24px,3vw,48px);background: color-mix(in srgb,var(--bg) 45%,var(--surface))}.card--dark .card-visual{background: rgba(0,0,0,0.14)}.specimen{width: 100%;max-width: 440px;display: grid;gap: 28px}.spec-aa{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;color: var(--papier)}.spec-aa span{font-size: clamp(96px,11vw,168px);line-height: 0.8;letter-spacing: -0.05em}.spec-aa small{font-size: 14px;color: var(--messing-hell);font-weight: 500}.spec-weights{display: flex;gap: 20px;color: var(--stein);font-size: 15px}.spec-weights span:nth-child(1){font-weight: 300}.spec-weights span:nth-child(2){font-weight: 400}.spec-weights span:nth-child(3){font-weight: 500}.swatches{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}.swatch{display: flex;align-items: center;gap: 12px;padding: 8px 14px 8px 8px;border-radius: var(--r-pill);background: rgba(244,240,232,0.06);border: 1px solid rgba(168,139,90,0.3);color: var(--papier);text-align: left;cursor: pointer;transition: background-color 250ms ease,transform 160ms var(--ease-out)}.swatch:active{transform: scale(0.97)}@media (hover: hover) and (pointer: fine){.swatch:hover{background: rgba(244,240,232,0.12)}}.swatch i{width: 34px;height: 34px;border-radius: var(--r-pill);flex: none;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18)}.swatch b{display: block;font-size: 13px;font-weight: 500}.swatch em{display: block;font-style: normal;font-size: 12px;color: var(--stein);font-variant-numeric: tabular-nums}.swatch svg{width: 16px;height: 16px;margin-left: auto;color: var(--messing-hell);opacity: 0.8}.rd{width: 100%;max-width: 480px;display: grid;gap: 22px;justify-items: center}.seg{position: relative;display: inline-grid;grid-template-columns: 1fr 1fr;padding: 4px;border-radius: var(--r-pill);background: color-mix(in srgb,var(--heading) 8%,transparent);box-shadow: inset 0 0 0 1px var(--line)}.seg button{position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 9px 18px;border: 0;background: none;border-radius: var(--r-pill);cursor: pointer;font-size: 13px;font-weight: 500;color: var(--muted);transition: color 300ms ease}.seg button svg{width: 16px;height: 16px}.seg button[aria-pressed="true"]{color: var(--btn-text)}.seg-ind{position: absolute;top: 4px;bottom: 4px;left: 4px;width: calc(50% - 4px);border-radius: var(--r-pill);background: var(--btn-bg);transition: transform 450ms var(--ease-out)}.rd[data-mode="mobil"] .seg-ind{transform: translateX(100%)}.rd-stage{width: 100%;height: 300px;display: grid;place-items: center}.rd-frame{view-transition-name: rd-frame;width: 100%;height: 100%;padding: 12px;border-radius: 14px;display: grid;gap: 8px;grid-template-rows: 14px 1.2fr 1fr;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line),0 24px 40px -30px rgba(var(--shadow),0.6)}.rd[data-mode="mobil"] .rd-frame{width: 150px;grid-template-rows: 12px auto auto;border-radius: 22px;padding: 14px 10px}.rd-bar{view-transition-name: rd-bar;display: flex;justify-content: space-between;align-items: center}.rd-bar i{width: 34px;height: 6px;border-radius: 3px;background: var(--heading);opacity: 0.8}.rd-bar span{display: flex;gap: 5px}.rd-bar span b{width: 16px;height: 4px;border-radius: 2px;background: var(--muted);opacity: 0.45}.rd[data-mode="mobil"] .rd-bar span{display: none}.rd-hero{view-transition-name: rd-hero;border-radius: 8px;background: var(--petrol);display: grid;align-content: end;gap: 5px;padding: 12px}.rd-hero i{height: 6px;border-radius: 3px;background: var(--papier);opacity: 0.9;width: 60%}.rd-hero i + i{width: 38%;opacity: 0.5}.rd-tiles{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px}.rd[data-mode="mobil"] .rd-tiles{grid-template-columns: 1fr;gap: 6px}.rd-tiles span{border-radius: 8px;background: color-mix(in srgb,var(--accent) 22%,transparent);min-height: 22px}.rd-tiles span:nth-child(1){view-transition-name: rd-t1}.rd-tiles span:nth-child(2){view-transition-name: rd-t2}.rd-tiles span:nth-child(3){view-transition-name: rd-t3}::view-transition-group(*){animation-duration: 560ms;animation-timing-function: cubic-bezier(0.77,0,0.175,1)}.rd-caption{margin: 0;font-size: 13px;color: var(--muted);text-align: center}.growth{width: 100%;max-width: 520px;position: relative}.growth svg{width: 100%;height: auto;overflow: visible}.growth .grid line{stroke: rgba(217,210,197,0.14);stroke-width: 1}.growth .curve{fill: none;stroke: var(--messing-hell);stroke-width: 2.2;stroke-linecap: round}.growth .head{fill: var(--messing-hell);transform-box: fill-box;transform-origin: center}.growth .dots circle{fill: var(--inv-bg);stroke: var(--messing-hell);stroke-width: 1.5;transform-box: fill-box;transform-origin: center;transition: transform 500ms var(--ease-out),fill 400ms ease}.growth .dots circle.is-on{fill: var(--messing-hell)}.chips{position: absolute;inset: 0;pointer-events: none}.chip{position: absolute;transform: translate(-50%,-130%);padding: 7px 14px;border-radius: var(--r-pill);white-space: nowrap;font-size: 12px;font-weight: 500;letter-spacing: 0.02em;color: var(--papier);background: var(--inv-bg);border: 1px solid rgba(168,139,90,0.5)}.chip.chip--left{transform: translate(calc(-100% - 14px),-50%)}.route-head{display: grid;gap: 24px;max-width: 760px}.route{position: relative;margin-top: clamp(56px,7vw,104px)}.route-svg{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none}.route-svg .planned{fill: none;stroke: var(--line);stroke-width: 1.2;stroke-dasharray: 3 8}.route-svg .walked{fill: none;stroke: var(--accent);stroke-width: 1.6;stroke-linecap: round}.route-list{list-style: none;margin: 0;padding: 0;display: grid;gap: clamp(96px,11vw,168px)}.step{--x: 30%;position: relative;display: grid;align-items: start;grid-template-columns: calc(var(--x) - 28px) 56px 1fr}.step:nth-child(even){--x: 70%}.wp{grid-column: 2;grid-row: 1;position: relative;z-index: 1;width: 56px;height: 56px;border-radius: var(--r-pill);display: grid;place-items: center;background: var(--bg);border: 1px solid var(--accent);color: var(--label);font-size: 14px;font-weight: 500;font-variant-numeric: tabular-nums;transition: background-color 500ms var(--ease-out),color 500ms var(--ease-out),border-color 500ms ease,box-shadow 600ms var(--ease-out)}.step.is-reached .wp{background: var(--btn-bg);color: var(--btn-text);border-color: var(--btn-bg);box-shadow: 0 0 0 8px color-mix(in srgb,var(--accent) 16%,transparent)}.step-text{grid-row: 1;padding-top: 2px}.step:nth-child(odd) .step-text{grid-column: 1;text-align: right;padding-right: 28px}.step:nth-child(even) .step-text{grid-column: 3;padding-left: 28px}.step:nth-child(odd) .step-text p{margin-left: auto}.stage{display: block;margin-bottom: 8px;font-size: 12px;font-weight: 500;letter-spacing: 0.14em;text-transform: uppercase;color: var(--label)}.step h3{margin: 0}.step p{margin: 12px 0 0;color: var(--muted);max-width: 26em}.values-head{max-width: 760px;margin-bottom: clamp(40px,5vw,72px)}.about{display: grid;grid-template-columns: 1.3fr 1fr;gap: 16px;margin-bottom: 16px;min-height: clamp(360px,34vw,480px);border-radius: var(--r-surface);overflow: hidden;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line)}.about-copy{padding: clamp(32px,4.5vw,72px);display: flex;flex-direction: column;justify-content: flex-end;gap: 20px}.about-title{margin: 0;color: var(--heading);font-size: clamp(40px,4.6vw,72px);line-height: 1;font-weight: 300;letter-spacing: -0.035em}.about-copy p{margin: 0;color: var(--muted);max-width: 34em}.about-visual{position: relative;margin: 0;background: var(--petrol)}.about-visual img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 35%}.about-visual::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg,rgba(25,36,45,0.35),transparent 30%);pointer-events: none}.values{display: grid;grid-template-columns: var(--c1,1.9fr) var(--c2,1fr) var(--c3,1fr);gap: 16px;height: clamp(420px,46vw,560px);transition: grid-template-columns 750ms var(--ease-out)}.values[data-active="1"]{--c1: 1.9fr;--c2: 1fr;--c3: 1fr}.values[data-active="2"]{--c1: 1fr;--c2: 1.9fr;--c3: 1fr}.values[data-active="3"]{--c1: 1fr;--c2: 1fr;--c3: 1.9fr}.value{position: relative;overflow: hidden;border-radius: var(--r-surface);padding: clamp(24px,3vw,40px);display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;min-width: 0;justify-content: flex-end}.value:nth-child(1){background: var(--inv-bg);color: var(--papier)}.value:nth-child(2){background: var(--surface);color: var(--text);box-shadow: inset 0 0 0 1px var(--line)}.value:nth-child(3){background: var(--messing-dunkel);color: var(--papier)}.value h3{margin: 0}.value h3 button{all: unset;cursor: pointer;display: block;font-size: clamp(26px,2.5vw,40px);line-height: 1.08;font-weight: 300;letter-spacing: -0.025em;text-wrap: balance}.value h3 button:focus-visible{outline: 2px solid var(--messing-hell);outline-offset: 6px;border-radius: 6px}.vb{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 650ms var(--ease-out)}.value.is-active .vb{grid-template-rows: 1fr}.value .value-teaser{margin: 14px 0 0;padding: 0;opacity: 1;transform: none;font-size: 16px;font-weight: 500}.value p{margin: 0;padding-top: 18px;min-height: 0;overflow: hidden;max-width: 26em;font-size: 16px;line-height: 1.6;opacity: 0;transform: translateY(12px);transition: opacity 400ms ease,transform 600ms var(--ease-out)}.value:nth-child(1) p,.value:nth-child(3) p{color: var(--stein)}.value:nth-child(3) p{color: #EDE6D8}.value.is-active p{opacity: 1;transform: none;transition-delay: 200ms}.faq .wrap{display: grid;grid-template-columns: 0.8fr 1.2fr;gap: clamp(40px,6vw,112px);align-items: start}.faq-head{position: sticky;top: calc(var(--nav-h) + 56px);display: grid;gap: 20px}.faq-list{border-top: 1px solid var(--line)}.faq details{border-bottom: 1px solid var(--line);interpolate-size: allow-keywords}.faq summary{list-style: none;cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 24px;padding: 26px 0;font-size: clamp(18px,1.5vw,21px);font-weight: 500;color: var(--heading)}.faq summary::-webkit-details-marker{display: none}.faq summary .pm{flex: none;width: 40px;height: 40px;border-radius: var(--r-pill);display: grid;place-items: center;box-shadow: inset 0 0 0 1px var(--line);transition: transform 450ms var(--ease-out),background-color 300ms ease}.faq summary .pm svg{width: 18px;height: 18px;color: var(--accent)}.faq details[open] summary .pm{transform: rotate(45deg);background: color-mix(in srgb,var(--accent) 12%,transparent)}.faq details::details-content{height: 0;overflow: clip;transition: height 500ms var(--ease-out),content-visibility 500ms allow-discrete}.faq details[open]::details-content{height: auto}.faq .answer{padding: 0 64px 28px 0;color: var(--muted);margin: 0;max-width: 40em}.contact-card{display: grid;grid-template-columns: 1fr 1.1fr;gap: clamp(40px,6vw,96px);padding: clamp(32px,6vw,88px);border-radius: var(--r-surface);background: var(--surface);box-shadow: 0 40px 80px -60px rgba(var(--shadow),0.6)}.contact-intro{display: flex;flex-direction: column;gap: 24px}.contact-direct{margin-top: auto;display: grid;gap: 6px;padding-top: 32px}.contact-direct span{font-size: 13px;color: var(--muted)}.contact-direct a{font-size: clamp(18px,1.6vw,22px);font-weight: 500;color: var(--heading);text-decoration: none;justify-self: start}.form{display: grid;gap: 22px}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 22px}.field{display: grid;gap: 8px}.field label,.field legend{font-size: 14px;font-weight: 500;color: var(--heading);padding: 0}.field .opt{font-weight: 400;color: var(--muted)}.field input,.field textarea{width: 100%;padding: 15px 16px;border-radius: var(--r-field);border: 1px solid color-mix(in srgb,var(--heading) 28%,transparent);background: var(--field-bg);color: var(--text);font: 400 16px/1.5 var(--font);transition: border-color 200ms ease,box-shadow 200ms ease}.field textarea{min-height: 140px;resize: vertical}.field input::placeholder,.field textarea::placeholder{color: color-mix(in srgb,var(--muted) 85%,transparent)}.field input:focus,.field textarea:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}.field[data-invalid] input,.field[data-invalid] textarea{border-color: var(--error)}.field .err{min-height: 0;font-size: 13px;color: var(--error);margin: 0}.field .err:empty{display: none}fieldset.field{border: 0;margin: 0;padding: 0}.chips-in{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 4px}.chip-in{position: relative}.chip-in input{position: absolute;opacity: 0;inset: 0;cursor: pointer}.chip-in span{display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;border-radius: var(--r-pill);font-size: 14px;font-weight: 500;color: var(--heading);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--heading) 28%,transparent);transition: background-color 250ms ease,color 250ms ease,box-shadow 250ms ease,transform 160ms var(--ease-out)}.chip-in span svg{width: 15px;height: 15px;display: none}.chip-in input:checked + span{background: var(--btn-bg);color: var(--btn-text);box-shadow: none}.chip-in input:checked + span svg{display: block}.chip-in input:focus-visible + span{outline: 2px solid var(--accent);outline-offset: 3px}.chip-in input:active + span{transform: scale(0.97)}.form-foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px 24px;margin-top: 6px}.form-note{margin: 0;font-size: 13px;color: var(--muted);max-width: 30em}.btn[data-state="loading"]{pointer-events: none}.btn[data-state="loading"] .btn-ico svg{animation: spin 700ms linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.form-success{display: none;align-content: center;gap: 16px;min-height: 100%;padding: 40px;border-radius: var(--r-surface);background: color-mix(in srgb,var(--accent) 10%,transparent)}.form-success .ok{width: 56px;height: 56px;border-radius: var(--r-pill);display: grid;place-items: center;background: var(--btn-bg);color: var(--btn-text)}.form-success .ok svg{width: 24px;height: 24px}.form-success p{margin: 0;color: var(--muted)}.contact-form[data-sent] .form{display: none}.contact-form[data-sent] .form-success{display: grid}.alti{position: fixed;right: 28px;top: 50%;z-index: 30;display: flex;flex-direction: column;align-items: center;gap: 12px;color: var(--heading);font-size: 12px;font-weight: 500;font-variant-numeric: tabular-nums;text-align: center;opacity: 0;transform: translate(12px,-50%);pointer-events: none;transition: opacity 400ms ease,transform 600ms var(--ease-out)}.alti.is-on{opacity: 1;transform: translate(0,-50%)}.alti svg{width: 20px;height: 20px;color: var(--accent)}.alti small{font-size: 11px;color: var(--label);margin-top: -8px}.alti-bar{width: 1px;height: 128px;background: var(--line);position: relative;overflow: hidden}.alti-bar i{position: absolute;inset: 0;background: var(--accent);transform-origin: bottom;transform: scaleY(0)}.alti-val{min-width: 4.5em}@media (max-width: 1360px){.alti{display: none}}.footer{position: fixed;left: 0;right: 0;bottom: 0;z-index: 1;background: var(--inv-bg);color: var(--inv-muted);padding: clamp(72px,10vw,136px) 0 28px}.footer.is-static{position: relative}.footer-top{display: grid;grid-template-columns: 1.7fr 1fr 1fr 1fr;gap: 40px;align-items: start}.footer-cta h2{color: var(--papier);margin-bottom: 32px;max-width: 12ch}.footer-col{display: grid;gap: 12px;align-content: start}.footer-col span{font-size: 13px;color: var(--label);margin-bottom: 6px}.footer-col a{color: var(--papier);text-decoration: none;font-size: 15px;justify-self: start}.footer-col a:hover{text-decoration: underline;text-decoration-color: var(--messing-hell);text-underline-offset: 5px}.footer-mark{margin-top: clamp(64px,9vw,120px);color: var(--papier);opacity: 0.08}.footer-mark svg{width: 100%;height: auto}.footer-bottom{margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(168,139,90,0.35);display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px 24px;font-size: 13px}.footer-bottom nav{display: flex;gap: 24px}.footer-bottom a{color: var(--papier);text-decoration: none}.to-top{display: inline-flex;align-items: center;gap: 8px;background: none;border: 0;cursor: pointer;color: var(--papier);font-size: 13px;padding: 0}.to-top svg{width: 16px;height: 16px;color: var(--messing-hell);transition: transform 400ms var(--ease-out)}.to-top:hover svg{transform: translateY(-3px)}.fit{display: grid;grid-template-columns: 0.8fr 1.2fr;gap: clamp(32px,6vw,112px);align-items: start}.fit-title{position: sticky;top: calc(var(--nav-h) + 56px)}.fit-list{list-style: none;margin: 0;padding: 0;counter-reset: fit}.fit-list li{position: relative;padding: 30px 0 30px 0;border-top: 1px solid var(--line);font-size: clamp(22px,2.3vw,34px);line-height: 1.25;font-weight: 300;letter-spacing: -0.015em;color: color-mix(in srgb,var(--heading) 38%,transparent);transition: color 600ms var(--ease-out);text-wrap: pretty}.fit-list li:last-child{border-bottom: 1px solid var(--line)}.fit-list li::before{content: "";position: absolute;left: 0;top: -1px;height: 1px;width: 100%;background: var(--accent);transform: scaleX(0);transform-origin: left;transition: transform 900ms var(--ease-out)}.fit-list li.is-active{color: var(--heading)}.fit-list li.is-active::before{transform: scaleX(1)}@media (prefers-reduced-motion: reduce){.fit-list li{color: var(--heading)}}html:not(.js) .fit-list li{color: var(--heading)}.reasons{margin-top: clamp(96px,11vw,160px)}.reasons-title{margin-bottom: 32px}.reasons-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(24px,4vw,64px)}.reason{padding-top: 24px;border-top: 1px solid var(--accent)}.reason h4{margin: 0 0 12px;color: var(--heading);font-size: 20px;line-height: 1.3;font-weight: 500}.reason p{margin: 0;color: var(--muted)}.bento{display: grid;grid-template-columns: repeat(12,1fr);gap: 16px}.tile{position: relative;overflow: hidden;border-radius: var(--r-surface);display: flex;flex-direction: column;justify-content: space-between;gap: 28px;padding: clamp(24px,3vw,40px);min-height: 340px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);transition: transform 600ms var(--ease-out),box-shadow 600ms var(--ease-out)}@media (hover: hover) and (pointer: fine){.tile:hover{transform: translateY(-3px);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),0 24px 48px -32px rgba(0,0,0,0.7)}}.t-workshop{grid-column: span 5}.t-logo{grid-column: span 7;background: var(--petrol);box-shadow: none}.t-colors,.t-type,.t-files{grid-column: span 4}.t-guide{grid-column: span 6;flex-direction: row;align-items: flex-end;min-height: 280px}.t-loops{grid-column: span 6;flex-direction: row;align-items: flex-end;min-height: 280px;background: var(--inv-bg);box-shadow: none}.t-guide .tile-visual,.t-loops .tile-visual{order: 2;flex: none}.t-guide .tile-copy,.t-loops .tile-copy{flex: 1;min-width: 0}.tile-visual{flex: 1;display: grid;place-items: center;min-height: 160px}.tile-copy{max-width: 34em}.tile-meta{margin: 0 0 8px;font-size: 14px;font-weight: 500;color: var(--label)}.tile-title{margin: 0 0 10px;color: var(--heading);font-size: clamp(24px,2.2vw,32px);line-height: 1.1;font-weight: 400;letter-spacing: -0.02em}.tile-copy>p:last-child{margin: 0;color: var(--muted);font-size: 16px;line-height: 1.6}.t-logo .tile-copy>p:last-child,.t-loops .tile-copy>p:last-child{color: var(--stein)}.rings{width: min(100%,300px);aspect-ratio: 1;overflow: visible}.rings circle{fill: none;stroke: var(--accent);stroke-width: 1.2}.rings .r-dash{stroke-dasharray: 2 7;stroke-width: 1;opacity: 0.6}.rings text{fill: var(--heading);font: 500 14px var(--font);paint-order: stroke;stroke: var(--surface);stroke-width: 10px;stroke-linejoin: round}.rings .core{color: var(--heading);fill: currentColor}.rings .core path{fill: currentColor}.lockup{display: flex;align-items: center;gap: clamp(16px,2.4vw,32px);color: var(--papier);width: min(100%,560px)}.lockup-mark svg{width: clamp(64px,8vw,112px);height: auto}.lockup-plus svg{width: 22px;height: 22px;color: var(--messing-hell)}.lockup-word{flex: 1}.lockup-word svg{width: 100%;height: auto}.contrast{list-style: none;margin: 0;padding: 0;width: 100%;display: grid;gap: 8px}.contrast li{display: grid;grid-template-columns: 44px 1fr auto;align-items: center;gap: 14px;padding: 8px 14px 8px 8px;border-radius: var(--r-pill);background: color-mix(in srgb,var(--bg) 60%,transparent);font-size: 14px;font-variant-numeric: tabular-nums;color: var(--text)}.contrast b{display: grid;place-items: center;width: 44px;height: 32px;border-radius: var(--r-pill);background: var(--c-bg);color: var(--c-fg);font-weight: 500;font-size: 15px;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08)}.contrast em{font-style: normal;font-size: 12px;color: var(--muted)}.weight{width: 100%;display: grid;gap: 14px;justify-items: start}.weight-aa{font-size: clamp(88px,9vw,132px);line-height: 0.85;letter-spacing: -0.04em;color: var(--heading);font-weight: 300;transition: font-weight 120ms linear}.weight-ctrl{width: 100%}.weight-ctrl input{width: 100%;appearance: none;-webkit-appearance: none;height: 28px;background: transparent;cursor: pointer;accent-color: var(--accent)}.weight-ctrl input::-webkit-slider-runnable-track{height: 1px;background: var(--line)}.weight-ctrl input::-moz-range-track{height: 1px;background: var(--line)}.weight-ctrl input::-webkit-slider-thumb{-webkit-appearance: none;width: 22px;height: 22px;margin-top: -11px;border-radius: 50%;background: var(--papier);box-shadow: 0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent);transition: transform 160ms var(--ease-out)}.weight-ctrl input::-moz-range-thumb{width: 22px;height: 22px;border: 0;border-radius: 50%;background: var(--papier);box-shadow: 0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent)}.weight-ctrl input:active::-webkit-slider-thumb{transform: scale(1.12)}.weight-val{font-size: 13px;color: var(--label);font-variant-numeric: tabular-nums}.files{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;width: 100%}.files-panel{display: grid;place-items: center;aspect-ratio: 4 / 3;border-radius: 12px}.files-panel svg{width: 46%;height: auto}.files-panel--light{background: var(--papier);color: var(--petrol)}.files-panel--dark{background: var(--petrol);color: var(--papier);box-shadow: inset 0 0 0 1px rgba(168,139,90,0.35)}.formats{list-style: none;margin: 12px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 6px;width: 100%}.formats li{padding: 5px 12px;border-radius: var(--r-pill);font-size: 12px;font-weight: 500;color: var(--text);box-shadow: inset 0 0 0 1px var(--line)}.guide{display: flex;align-items: center;gap: 24px}.guide-ico svg{width: 72px;height: 72px;color: var(--accent)}.guide-index{margin: 0;padding: 0 0 0 18px;font-size: 14px;line-height: 1.9;color: var(--muted)}.guide-index li::marker{color: var(--accent);font-variant-numeric: tabular-nums}.refine{list-style: none;margin: 0;padding: 10px 10px 0 0;display: flex;align-items: flex-start;gap: 14px}.rf{display: grid;justify-items: center;gap: 10px;position: relative}.rf + .rf::before{content: "";position: absolute;left: -14px;top: 36px;width: 14px;height: 1px;background: rgba(168,139,90,0.6)}.rf-frame{position: relative;display: grid;place-items: center;width: 72px;height: 72px;border-radius: 14px;box-shadow: inset 0 0 0 1px rgba(168,139,90,0.35);color: var(--papier)}.rf-frame>svg,.rf-frame>.rf-page{width: 60%;height: auto;transition: filter 900ms var(--ease-out),opacity 900ms var(--ease-out),transform 900ms var(--ease-out)}.rf-1 .rf-frame>svg,.rf-1 .rf-frame>.rf-page{filter: blur(3px);opacity: 0.4;transform: rotate(-9deg) scale(0.86)}.rf-2 .rf-frame>svg,.rf-2 .rf-frame>.rf-page{filter: blur(1.2px);opacity: 0.7;transform: rotate(-3deg) scale(0.94)}.rf-3 .rf-frame{background: rgba(168,139,90,0.12);box-shadow: inset 0 0 0 1px var(--messing-hell)}.rf-ok{position: absolute;right: -7px;top: -7px;width: 22px;height: 22px;border-radius: var(--r-pill);display: grid;place-items: center;background: var(--messing-hell);color: var(--petrol);transition: transform 500ms var(--ease-out) 900ms,opacity 300ms ease 900ms}.rf-ok svg{width: 13px;height: 13px}.rf-label{font-size: 12px;color: var(--stein);opacity: 0.8;white-space: nowrap}@media (prefers-reduced-motion: no-preference){.js .refine:not(.is-in) .rf .rf-frame>svg,.js .refine:not(.is-in) .rf .rf-frame>.rf-page{filter: blur(5px);opacity: 0.25;transform: rotate(-12deg) scale(0.8)}.js .refine:not(.is-in) .rf-ok{transform: scale(0.4);opacity: 0}.js .refine .rf-2 .rf-frame>svg,.rf-2 .rf-frame>.rf-page{transition-delay: 250ms}.js .refine .rf-3 .rf-frame svg{transition-delay: 500ms}}.t-wp{grid-column: span 7}.t-sections{grid-column: span 5}.t-copy,.t-tech,.t-consent{grid-column: span 4}.t-wp .rd-stage{height: 240px}.rf-page{display: grid;gap: 5px;padding: 8px;aspect-ratio: 1;border-radius: 6px;background: rgba(244,240,232,0.08);transition: filter 900ms var(--ease-out),opacity 900ms var(--ease-out),transform 900ms var(--ease-out)}.rf-page i{display: block;height: 5px;border-radius: 3px;background: var(--papier);opacity: 0.85}.rf-page i:first-child{height: 14px;background: var(--messing-hell)}.rf-page i:last-child{width: 60%}.sections{list-style: none;margin: 0;padding: 0;width: min(100%,300px);display: grid;gap: 6px}.sections li{display: flex;align-items: center;height: 26px;padding: 0 12px;border-radius: 8px;font-size: 12px;color: var(--muted);background: color-mix(in srgb,var(--bg) 70%,transparent);box-shadow: inset 0 0 0 1px var(--line)}.sections li:first-child{height: 44px;align-items: flex-end;padding-bottom: 8px;color: var(--papier);background: var(--petrol);box-shadow: none}.sections li:last-child{color: var(--petrol);background: var(--messing-hell);box-shadow: none;font-weight: 500}@media (prefers-reduced-motion: no-preference){.js .sections li{opacity: 0;transform: translateY(8px);transition: opacity 500ms var(--ease-out),transform 600ms var(--ease-out);transition-delay: calc(var(--i) * 70ms)}.js .sections.is-in li{opacity: 1;transform: none}}.typer{margin: 0;width: 100%;font-size: clamp(24px,2.2vw,32px);line-height: 1.25;font-weight: 300;letter-spacing: -0.02em;color: var(--heading);min-height: 2.6em}.typer-caret{display: inline-block;width: 2px;height: 1em;margin-left: 3px;vertical-align: -0.12em;background: var(--accent);animation: caret 1s steps(1) infinite}@keyframes caret{50%{opacity: 0}}@media (prefers-reduced-motion: reduce){.typer-caret{animation: none}}.techlist{list-style: none;margin: 0;padding: 0;width: 100%;display: grid;grid-template-columns: 1fr 1fr;gap: 8px}.techlist li{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;padding: 14px;border-radius: 12px;font-size: 13px;line-height: 1.35;color: var(--text);background: color-mix(in srgb,var(--bg) 60%,transparent);box-shadow: inset 0 0 0 1px var(--line)}.techlist svg{width: 22px;height: 22px;color: var(--accent)}.consent{width: 100%;padding: 20px;border-radius: 14px;background: var(--papier);color: var(--tinte);box-shadow: 0 20px 40px -24px rgba(0,0,0,0.8)}.consent-title{margin: 0 0 16px;font-size: 15px;font-weight: 500;color: var(--petrol)}.switch{display: flex;align-items: center;gap: 12px;cursor: pointer;font-size: 14px;color: var(--tinte)}.switch input{position: absolute;opacity: 0;width: 1px;height: 1px}.switch-track{position: relative;width: 46px;height: 26px;border-radius: var(--r-pill);background: rgba(28,31,34,0.18);transition: background-color 300ms ease}.switch-knob{position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;border-radius: 50%;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.25);transition: transform 400ms var(--ease-out)}.switch input:checked + .switch-track{background: var(--petrol)}.switch input:checked + .switch-track .switch-knob{transform: translateX(20px)}.switch input:focus-visible + .switch-track{outline: 2px solid var(--messing);outline-offset: 3px}.excl-note{margin: 28px 0 0;max-width: 62em;font-size: 14px;line-height: 1.6;color: var(--muted)}.excl-note span{color: var(--text);font-weight: 500}.t-setup{grid-column: span 7;background: var(--petrol);box-shadow: none}.t-setup .tile-copy>p:last-child{color: var(--stein)}.t-channels{grid-column: span 5}.t-ads,.t-target,.t-optimize{grid-column: span 4}.t-setup .growth{max-width: 480px}.channels{list-style: none;margin: 0;padding: 0;width: 100%;display: grid;gap: 10px}.channels li{display: flex;align-items: center;gap: 14px;padding: 12px 16px 12px 12px;border-radius: 14px;background: color-mix(in srgb,var(--bg) 60%,transparent);box-shadow: inset 0 0 0 1px var(--line)}.ch-ico{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;background: var(--petrol);color: var(--messing-hell);flex: none}.ch-ico svg{width: 22px;height: 22px}.channels b{display: block;font-size: 15px;font-weight: 500;color: var(--heading)}.channels em{display: block;font-style: normal;font-size: 13px;color: var(--muted)}.abtest{list-style: none;margin: 0;padding: 0;width: 100%;display: grid;gap: 14px}.abtest li{display: grid;gap: 6px;font-size: 13px;color: var(--muted)}.abtest i{display: block;height: 10px;border-radius: var(--r-pill);background: color-mix(in srgb,var(--heading) 22%,transparent);transform-origin: left;transform: scaleX(var(--w));transition: transform 1200ms var(--ease-out)}.abtest li.is-best span{color: var(--heading);font-weight: 500}.abtest li.is-best i{background: var(--messing-hell)}@media (prefers-reduced-motion: no-preference){.js .abtest:not(.is-in) i{transform: scaleX(0.08)}.js .abtest li:nth-child(2) i{transition-delay: 150ms}.js .abtest li:nth-child(3) i{transition-delay: 300ms}}.loops{display: flex;gap: 10px}.loops span{display: grid;place-items: center;border-radius: var(--r-pill);box-shadow: inset 0 0 0 1px rgba(168,139,90,0.5);color: var(--messing-hell)}.loops--single span{width: 84px;height: 84px}.loops--single svg{width: 36px;height: 36px}.t-report{flex-direction: column;align-items: stretch}.t-report .tile-visual{order: 0;justify-items: start}.findlist{margin: 0;border-top: 1px solid var(--line)}.find{display: grid;grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);gap: 32px;align-items: center;padding: clamp(24px,3vw,40px) 0;border-bottom: 1px solid var(--line)}.find dt{display: flex;align-items: baseline;gap: 20px;margin: 0}.find-key{font-size: clamp(44px,5vw,76px);line-height: 1;font-weight: 300;letter-spacing: -0.03em;color: transparent;-webkit-text-stroke: 1px var(--accent)}.find-name{font-size: clamp(20px,1.8vw,26px);color: var(--heading);font-weight: 400}.find dd{margin: 0;color: var(--muted);max-width: 34em}@media (max-width: 1080px){.find{grid-template-columns: 1fr;gap: 12px}}.xlist{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--line)}.xlist>li{border-bottom: 1px solid var(--line)}.xlist a,.xd summary{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.1fr) auto;align-items: center;gap: 32px;padding: clamp(24px,3vw,40px) 0;text-decoration: none;color: inherit}.x-title{color: var(--heading);font-size: clamp(24px,2.6vw,40px);line-height: 1.1;font-weight: 300;letter-spacing: -0.02em;transition: transform 600ms var(--ease-out)}.x-desc{color: var(--muted);max-width: 30em}.x-go{display: grid;place-items: center;width: 52px;height: 52px;border-radius: var(--r-pill);box-shadow: inset 0 0 0 1px var(--line);color: var(--accent);transition: background-color 400ms ease,color 400ms ease,transform 600ms var(--ease-out)}.x-go svg{width: 20px;height: 20px}@media (hover: hover) and (pointer: fine){.xlist a:hover .x-title,.xd summary:hover .x-title{transform: translateX(10px)}.xlist a:hover .x-go{background: var(--btn-bg);color: var(--btn-text);transform: rotate(45deg)}.xd summary:hover .x-go{background: color-mix(in srgb,var(--accent) 14%,transparent)}}.xd{interpolate-size: allow-keywords}.xd summary{list-style: none;cursor: pointer}.xd summary::-webkit-details-marker{display: none}.xd[open] .x-go--toggle{transform: rotate(45deg);background: var(--btn-bg);color: var(--btn-text)}.xd::details-content{height: 0;overflow: clip;transition: height 600ms var(--ease-out),content-visibility 600ms allow-discrete}.xd[open]::details-content{height: auto}.apps{list-style: none;margin: 0;padding: 4px 0 clamp(32px,4vw,48px);display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 28px 16px}.app{display: grid;justify-items: center;gap: 12px;text-align: center}.app-ico{display: grid;place-items: center;width: 76px;height: 76px;border-radius: 22px;background: linear-gradient(160deg,#2F4757 0%,var(--petrol) 55%,#22323E 100%);color: var(--messing-hell);box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),inset 0 0 0 1px rgba(168,139,90,0.28),0 14px 28px -16px rgba(0,0,0,0.85);transition: transform 500ms var(--ease-out)}.app-ico svg{width: 34px;height: 34px}.app-name{font-size: 13px;line-height: 1.35;color: var(--text);max-width: 11em}@media (hover: hover) and (pointer: fine){.app:hover .app-ico{transform: translateY(-4px) scale(1.04)}}@media (prefers-reduced-motion: no-preference){.xd[open] .app{animation: app-in 560ms var(--ease-out) both;animation-delay: calc(120ms + var(--i) * 45ms)}}@keyframes app-in{from{opacity: 0;transform: translateY(12px) scale(0.9)}}.about-copy .link{align-self: flex-start;color: var(--heading)}@media (prefers-reduced-motion: no-preference){.js .bento .rings circle{stroke-dasharray: 1;stroke-dashoffset: 1}.js .bento .rings .r-dash{stroke-dasharray: 2 7;stroke-dashoffset: 0;opacity: 0}.js .bento .rings text,.js .bento .rings .core{opacity: 0}}@media (max-width: 1080px){.fit,.reasons-grid{grid-template-columns: 1fr}.fit-title{position: static}.bento>.tile{grid-column: 1 / -1}.t-guide,.t-loops{flex-direction: column;align-items: stretch}.t-guide .tile-visual,.t-loops .tile-visual{order: 0;justify-items: start}.xlist a,.xd summary{grid-template-columns: 1fr auto;gap: 8px 24px}.apps{grid-template-columns: repeat(3,minmax(0,1fr));gap: 24px 12px}.app-ico{width: 64px;height: 64px;border-radius: 18px}.app-ico svg{width: 28px;height: 28px}.x-desc{grid-column: 1;grid-row: 2}.x-go{grid-row: 1 / span 2;grid-column: 2}}@media (prefers-reduced-motion: no-preference){.js .manifest-text .mw{opacity: 0.14}.js .growth .curve{stroke-dasharray: 1;stroke-dashoffset: 1}.js .growth .head{opacity: 0}.js .chip{opacity: 0;translate: 0 8px;transition: opacity 500ms var(--ease-out),translate 700ms var(--ease-out)}.js .chip.is-on{opacity: 1;translate: 0 0}.js .growth .dots circle{transform: scale(0)}.js .growth .dots circle.is-on{transform: scale(1)}}@media (max-width: 1080px){.nav-bar>nav,.nav-cta{display: none}.burger{display: block}.nav-bar{grid-template-columns: 1fr auto}.card-inner{grid-template-columns: 1fr;grid-template-rows: auto 1fr}.card{height: auto;min-height: 0;position: relative;top: auto}.card-visual{min-height: 340px;order: -1}.values,.about{grid-template-columns: 1fr;height: auto}.about-visual{min-height: 320px;order: -1}.value{min-height: 0}.value p{opacity: 1;transform: none}.vb{grid-template-rows: 1fr}.faq .wrap,.contact-card{grid-template-columns: 1fr}.faq-head{position: static}.footer-top{grid-template-columns: 1fr 1fr}.footer-cta{grid-column: 1 / -1}}@media (max-width: 720px){:root{--nav-h: 60px}.br-d{display: none}.nav{inset: 10px 0 auto;padding-inline: 10px}.nav-bar{padding-left: 16px}.nav-logo svg{height: 32px}.manifest .wrap{grid-template-columns: 1fr}.manifest-text{grid-column: 1}.step,.step:nth-child(even){--x: 0%;grid-template-columns: 48px 1fr}.wp{grid-column: 1;width: 48px;height: 48px}.step:nth-child(n) .step-text{grid-column: 2;text-align: left;padding: 0 0 0 20px}.step:nth-child(odd) .step-text p{margin-left: 0}.form-row{grid-template-columns: 1fr}.faq .answer{padding-right: 0}.footer-top{grid-template-columns: 1fr}.btn{height: 52px}}:where(.wp-site-blocks,.wp-block-post-content,.wp-block-template-part){margin: 0;padding: 0}:where(.wp-site-blocks,.wp-block-post-content)>*{margin-block: 0}:where(.wp-block-group){box-sizing: border-box}.section.pt-0{padding-top: 0}.admin-bar .nav{top: calc(16px + var(--wp-admin--admin-bar--height,32px))}@media (max-width: 720px){.admin-bar .nav{top: calc(10px + var(--wp-admin--admin-bar--height,46px))}}@media (max-width: 600px){.admin-bar .nav{top: 10px}}.hero-content .wp-block-heading,.hero-content p{margin: 0}.services-head .wp-block-heading,.route-head .wp-block-heading{margin: 0}.wp-block-buttons.hero-actions{margin-top: 8px}.wp-block-buttons{display: flex;flex-wrap: wrap;align-items: center}.stack>.card{--i: 0}.stack>.card:nth-child(2){--i: 1}.stack>.card:nth-child(3){--i: 2}.stack>.card:nth-child(4){--i: 3}.card-lead>p:first-of-type:not(.card-sub){margin: 0}.card-lead .card-title{margin: 0 0 10px}.step p.wp{margin: 0;max-width: none;color: var(--label);line-height: 1}.step.is-reached p.wp{color: var(--btn-text)}.step p.stage{margin: 0 0 8px;max-width: none;color: var(--label)}.step-text .wp-block-heading{margin: 0}.route-list{counter-reset: none}.about-visual.wp-block-image{margin: 0}.about-visual.wp-block-image img{position: absolute;inset: 0;width: 100%;height: 100%;max-width: none;object-fit: cover;object-position: 50% 35%}.about-copy .wp-block-heading{margin: 0}.about-copy .wp-block-buttons{align-self: flex-start}.value h3.wp-block-heading{margin: 0;font-size: clamp(26px,2.5vw,40px);line-height: 1.08;font-weight: 300;letter-spacing: -0.025em}.value .vb>p{margin: 0}.faq-head .wp-block-heading{margin: 0}.faq-head p a:not(.link){color: var(--heading);text-decoration-color: var(--accent);text-underline-offset: 5px}.faq .wp-block-details{margin: 0}.faq .wp-block-details summary{cursor: pointer}.contact-intro .wp-block-heading{margin: 0}.contact-form .hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.form-error{margin: 0;padding: 12px 16px;border-radius: var(--r-field);background: color-mix(in srgb,var(--error) 14%,transparent);color: var(--error);font-size: 14px}.form-note a{color: var(--heading);text-underline-offset: 3px}.services-head .wp-block-heading strong{font-weight: 500}@media (min-width: 721px){.is-style-zweizeilig strong::before{content: "\A";white-space: pre}}.fit .wp-block-heading{margin: 0}.fit-list.wp-block-list{list-style: none;margin: 0;padding: 0}.reasons .wp-block-heading{margin-top: 0}.reasons-grid .reason .wp-block-heading{margin: 0 0 12px}.bento>.tile{margin: 0}.tile-copy .tile-meta{margin: 0 0 8px}.tile-copy .tile-title{margin: 0 0 10px}.find-dt{display: flex;align-items: baseline;gap: 20px}.find p{margin: 0}.find-dd{color: var(--muted);max-width: 34em}.excl-note strong{color: var(--text);font-weight: 500}.xlist{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--line)}.xlist>.xitem{border-bottom: 1px solid var(--line)}.footer-cta .wp-block-heading{margin: 0 0 32px}.footer-col p{margin: 0;font-size: 15px}.footer-col .footer-label{font-size: 13px;color: var(--label);margin-bottom: 6px}.footer-bottom p{margin: 0}.legal{min-height: 100vh;min-height: 100dvh;padding-top: calc(var(--nav-h) + 96px);background: var(--bg)}.legal .wrap{max-width: 860px}.legal .wp-block-post-title,.legal h1{margin: 0 0 40px}.legal-body h2{margin: 48px 0 12px;color: var(--heading);font-size: clamp(22px,2vw,28px);font-weight: 400;letter-spacing: -0.01em}.legal-body p,.legal-body li{color: var(--text);max-width: 42em}.legal-body a{color: var(--heading);text-decoration-color: var(--accent);text-underline-offset: 4px}.legal-body mark{background: color-mix(in srgb,var(--accent) 22%,transparent);color: var(--heading);padding: 2px 6px;border-radius: 4px}.legal .wp-block-buttons{margin-top: 32px}.nav-links>li>a[aria-current="page"]{opacity: 1}.card-foot{align-items: center;gap: 12px 20px;flex-wrap: wrap}.card-foot .wp-block-buttons{margin: 0}.card-lead + .card-foot .card-price,.card-price{margin: 0;font-size: 14px;font-weight: 500;color: var(--label)}.vat-note{margin: 0;font-size: 13px;line-height: 1.55;color: var(--muted)}.stack-note{margin-top: 20px}.price-band{margin-top: 16px;display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 24px 48px;padding: clamp(28px,3.5vw,48px);border-radius: var(--r-surface);background: var(--petrol)}.price-main{display: flex;align-items: baseline;gap: 10px}.price-main p{margin: 0}.price-from{font-size: 15px;font-weight: 500;color: var(--stein)}.price-amount{font-size: clamp(44px,5vw,72px);line-height: 1;font-weight: 300;letter-spacing: -0.03em;color: var(--papier);font-variant-numeric: tabular-nums;white-space: nowrap}.price-copy{display: grid;gap: 8px;max-width: 34em}.price-text{margin: 0;color: var(--stein)}.price-cta{justify-self: end;margin: 0}@media (max-width: 1080px){.price-band{grid-template-columns: 1fr}.price-cta{justify-self: start}}.contact-facts{margin-top: auto;padding-top: 16px}.contact-facts .fact{display: grid;grid-template-columns: 112px minmax(0,1fr);gap: 16px;padding: 14px 0;border-top: 1px solid var(--line)}.fact p{margin: 0}.fact-label{font-size: 13px;font-weight: 500;color: var(--label)}.fact-value{font-size: 15px;line-height: 1.5;color: var(--heading)}.page-head{padding: calc(var(--nav-h) + clamp(96px,12vw,160px)) 0 clamp(64px,8vw,112px);background: var(--bg)}.page-head .wrap{display: grid;gap: 28px}.page-head .display,.page-head .hero-sub{margin: 0}.page-head .hero-sub{max-width: 36em}.case-facts{margin-top: 12px;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0 24px}.case-facts .fact{display: grid;gap: 4px;padding-top: 16px;border-top: 1px solid var(--line)}.case-cover{margin-top: clamp(24px,4vw,48px)}@media (max-width: 720px){.case-facts{grid-template-columns: 1fr 1fr;gap: 20px 24px}}.cover{position: relative;display: grid;place-items: center;aspect-ratio: 16 / 9;overflow: hidden;border-radius: var(--r-surface);color: var(--papier);background: radial-gradient(60% 70% at 70% 30%,rgba(168,139,90,0.22),transparent 70%),linear-gradient(20deg,#1E2C36 0%,var(--petrol) 65%)}.cover-logo svg{width: clamp(140px,22vw,300px);height: auto}.projects{display: grid;gap: 16px}.project{display: grid;grid-template-columns: 1.3fr 1fr;overflow: hidden;border-radius: var(--r-surface);background: var(--surface);box-shadow: inset 0 0 0 1px var(--line)}.project .cover{aspect-ratio: auto;min-height: 380px;border-radius: 0}.project-copy{display: flex;flex-direction: column;justify-content: flex-end;gap: 12px;padding: clamp(28px,4vw,56px)}.project-copy p{margin: 0}.project-meta{font-size: 14px;font-weight: 500;color: var(--label)}.project-title{margin: 0;color: var(--heading);font-size: clamp(32px,3.4vw,52px);line-height: 1.04;font-weight: 300;letter-spacing: -0.03em}.project-copy>p:not(.project-meta){color: var(--muted);max-width: 30em;margin-bottom: 12px}@media (max-width: 1080px){.project{grid-template-columns: 1fr}.project .cover{min-height: 260px}}@media (min-width: 1081px){.bento>.span-4{grid-column: span 4}.bento>.span-5{grid-column: span 5}.bento>.span-6{grid-column: span 6}.bento>.span-7{grid-column: span 7}}.mark-big{color: var(--papier)}.mark-big svg{width: clamp(120px,14vw,200px);height: auto}.palette{list-style: none;margin: 0;padding: 0;width: 100%;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px 10px}.palette li{display: grid;gap: 4px}.palette i{display: block;width: 100%;aspect-ratio: 1;border-radius: 12px;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12)}.palette b{font-size: 12px;font-weight: 500;line-height: 1.3;color: var(--heading)}.palette em{font-style: normal;font-size: 11px;color: var(--muted);font-variant-numeric: tabular-nums}.case-text{display: grid;gap: 24px}.case-text p{margin: 0}.shots{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.shots .shot{margin: 0}.shots .shot img{display: block;width: 100%;height: auto;border-radius: var(--r-surface);box-shadow: 0 30px 60px -40px rgba(0,0,0,0.7)}.shots figcaption{margin: 10px 0 0;font-size: 13px;color: var(--muted);text-align: left}@media (max-width: 720px){.shots{grid-template-columns: 1fr}}.stats{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 24px}.stat{padding-top: 24px;border-top: 1px solid var(--accent)}.stat p{margin: 0}.stat-num{font-size: clamp(56px,6vw,96px);line-height: 1;font-weight: 300;letter-spacing: -0.04em;color: var(--heading);font-variant-numeric: tabular-nums}.stat-label{margin-top: 10px !important;color: var(--muted)}@media (max-width: 720px){.stats{grid-template-columns: 1fr 1fr}}.t-voice{background: var(--inv-bg);box-shadow: none}.t-voice .tile-visual{place-items: center start}.legal-body h3{margin: 36px 0 10px;color: var(--heading);font-size: 19px;line-height: 1.3;font-weight: 500}.legal-body h4{margin: 24px 0 8px;color: var(--heading);font-size: 16px;line-height: 1.4;font-weight: 500}.legal-body ul{padding-left: 20px}.legal-body li{margin-bottom: 8px}.cc{position: fixed;left: 16px;bottom: 16px;z-index: 95;width: min(440px,calc(100vw - 32px));max-height: calc(100dvh - 32px);overflow: auto;overscroll-behavior: contain;padding: 26px 24px 22px;border-radius: var(--r-surface);background: var(--surface);color: var(--text);border: 1px solid var(--line);box-shadow: 0 32px 64px -32px rgba(0,0,0,0.85);font-size: 14px;line-height: 1.6;opacity: 0;transform: translateY(16px);transition: opacity 260ms ease,transform 500ms var(--ease-out)}.cc.is-in{opacity: 1;transform: none}.cc[hidden]{display: none}.cc-title{margin: 0 40px 10px 0;font-size: 17px;font-weight: 500;color: var(--heading)}.cc-text{margin: 0;color: var(--muted)}.cc-text a{color: var(--papier);text-decoration: underline;text-decoration-color: var(--messing-hell);text-underline-offset: 4px}.cc-close{position: absolute;top: 14px;right: 14px;width: 36px;height: 36px;border-radius: var(--r-pill);display: grid;place-items: center;border: 0;cursor: pointer;padding: 0;background: rgba(244,240,232,0.06);color: var(--papier);transition: background-color 200ms ease}.cc-close:hover{background: rgba(244,240,232,0.12)}.cc-close[hidden]{display: none}.cc-close svg{width: 18px;height: 18px}.cc-prefs{margin-top: 18px}.cc-prefs[hidden]{display: none}.cc-opt{display: grid;grid-template-columns: 1fr auto;gap: 16px;align-items: center;padding: 14px 0;border-top: 1px solid var(--line)}.cc-opt-text b{display: block;font-weight: 500;color: var(--heading)}.cc-opt-text span{display: block;font-size: 13px;color: var(--muted)}.cc-switch{position: relative;cursor: pointer}.cc-switch input{position: absolute;opacity: 0;width: 1px;height: 1px}.cc-track{position: relative;display: block;width: 46px;height: 26px;border-radius: var(--r-pill);background: rgba(244,240,232,0.16);transition: background-color 300ms ease}.cc-knob{position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;border-radius: 50%;background: var(--papier);transition: transform 400ms var(--ease-out)}.cc-switch input:checked + .cc-track{background: var(--messing)}.cc-switch input:checked + .cc-track .cc-knob{transform: translateX(20px)}.cc-switch input:disabled + .cc-track{opacity: 0.55}.cc-switch input:disabled{cursor: default}.cc-switch input:focus-visible + .cc-track{outline: 2px solid var(--messing-hell);outline-offset: 3px}.cc-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 20px}.cc-btn{flex: 1 1 0;min-width: 140px;height: 46px;padding: 0 20px;border-radius: var(--r-pill);font: inherit;font-size: 14px;font-weight: 500;letter-spacing: 0.005em;white-space: nowrap;cursor: pointer;background: transparent;color: var(--papier);border: 1px solid rgba(244,240,232,0.55);transition: transform 160ms var(--ease-out),background-color 200ms ease,border-color 200ms ease}.cc-btn:hover{border-color: var(--papier)}.cc-btn--fill{background: var(--papier);color: var(--petrol);border-color: var(--papier)}.cc-btn:active{transform: scale(0.97)}.cc-btn[hidden],.cc-link[hidden]{display: none}.cc-btn:focus-visible,.cc-link:focus-visible,.cc-close:focus-visible{outline: 2px solid var(--messing-hell);outline-offset: 3px}.cc-link{flex-basis: 100%;justify-self: start;padding: 4px 0 0;border: 0;background: none;cursor: pointer;text-align: left;font: inherit;font-size: 13px;color: var(--papier);text-decoration: underline;text-decoration-color: var(--messing-hell);text-underline-offset: 4px}@media (max-width: 560px){.cc{left: 10px;right: 10px;bottom: 10px;width: auto;max-height: calc(100dvh - 20px);padding: 22px 18px 18px}}@media (prefers-reduced-motion: reduce){.cc{transform: none;transition: opacity 200ms ease}}