:root{--marketing-tone-catalogue:var(--brand);--marketing-tone-prices:#b45309;--marketing-tone-customers:#0f766e;--marketing-tone-look:#be123c;--marketing-tone-reach:#1d4ed8;--marketing-texture-opacity:.11}.dark{--marketing-tone-catalogue:var(--brand-soft);--marketing-tone-prices:#fbbf24;--marketing-tone-customers:#2dd4bf;--marketing-tone-look:#fb7185;--marketing-tone-reach:#60a5fa;--marketing-texture-opacity:.2}[data-tone=catalogue]{--tone:var(--marketing-tone-catalogue)}[data-tone=prices]{--tone:var(--marketing-tone-prices)}[data-tone=customers]{--tone:var(--marketing-tone-customers)}[data-tone=look]{--tone:var(--marketing-tone-look)}[data-tone=reach]{--tone:var(--marketing-tone-reach)}.marketing-tone-chip{color:var(--tone,var(--primary));background-color:color-mix(in oklab, var(--tone,var(--primary)) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone,var(--primary)) 22%, transparent)}.marketing-texture{z-index:-1;pointer-events:none;--marketing-texture-size:120px 120px;position:absolute;inset:0}.marketing-texture[data-fade=top]{--marketing-texture-fade:radial-gradient(80% 75% at 50% 0%, #000 25%, transparent 100%)}.marketing-texture[data-fade=band]{--marketing-texture-fade:radial-gradient(60% 45% at 50% 50%, #000 20%, transparent 100%)}@supports ((-webkit-mask-image:none) or (mask-image:none)){.marketing-texture{background-color:var(--marketing-texture-ink,var(--primary));opacity:var(--marketing-texture-opacity);-webkit-mask-image:var(--marketing-tile), var(--marketing-texture-fade);-webkit-mask-image:var(--marketing-tile), var(--marketing-texture-fade);mask-image:var(--marketing-tile), var(--marketing-texture-fade);-webkit-mask-size:var(--marketing-texture-size), 100% 100%;-webkit-mask-size:var(--marketing-texture-size), 100% 100%;mask-size:var(--marketing-texture-size), 100% 100%;-webkit-mask-composite:source-in;-webkit-mask-position:100% 0,50%;mask-position:100% 0,50%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}}@keyframes marketing-reveal-in{0%{opacity:0;transform:translateY(18px)}}[data-reveal="1"]{--reveal-offset:8}[data-reveal="2"]{--reveal-offset:16}[data-reveal="3"]{--reveal-offset:24}@media screen and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){[data-reveal]{animation-name:marketing-reveal-in;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry calc(var(--reveal-offset,0) * 2px) entry calc(var(--reveal-offset,0) * 2px + 180px)}}}