.mosaic-container{background:radial-gradient(at 50% 45%,#2b2c2f 0%,#202124 70%)}.mosaic-tile{will-change:transform, opacity;z-index:2;--raw-progress:clamp(0, var(--scroll,1) / .65, 1);--tile-progress:calc(1 - (1 - var(--raw-progress)) * (1 - var(--raw-progress)));transform:translate(calc((var(--center-offset-x,0px) + var(--start-x,0px)) * (1 - var(--tile-progress)) + var(--end-x,0px) * var(--tile-progress) + var(--parallax-x,0) * var(--depth,0) * 1px * (1 - var(--tile-progress))), calc((var(--center-offset-y,0px) + var(--start-y,0px)) * (1 - var(--tile-progress)) + var(--end-y,0px) * var(--tile-progress) + var(--parallax-y,0) * var(--depth,0) * 1px * (1 - var(--tile-progress)))) rotate(calc(var(--start-rotate,0deg) * (1 - var(--tile-progress))));opacity:calc(var(--start-opacity,1) + (1 - var(--start-opacity,1)) * min(var(--tile-progress) * 1.5, 1));border-radius:3px;transition:--parallax-x .15s ease-out,--parallax-y .15s ease-out;position:absolute;box-shadow:0 1px 4px #00000026}.mosaic-tile[data-grid=true]{border-radius:3px;box-shadow:0 2px 8px #0000004d}.mosaic-tile[data-grid=false]{opacity:calc(var(--start-opacity,1) * max(1 - var(--raw-progress) * 2.5, 0))}.mosaic-glow{z-index:2;--glow-reveal:clamp(0, (var(--scroll,0) - .6) / .1, 1);box-shadow:0 0 80px 30px rgba(196, 169, 125, calc(.08 * var(--glow-reveal)));border-radius:8px;animation:4s ease-in-out infinite paused glow-breathe}@supports (animation-play-state:running){.mosaic-glow{animation-play-state:running}}@keyframes glow-breathe{0%,to{opacity:1}50%{opacity:.7}}.mosaic-headline,.mosaic-subheadline,.mosaic-form,.mosaic-rule{z-index:2;transition:none}.mosaic-rule{--reveal:clamp(0, (var(--scroll,1) - .62) / .06, 1);opacity:var(--reveal)}.mosaic-headline{--reveal:clamp(0, (var(--scroll,1) - .65) / .1, 1);opacity:var(--reveal);transform:translateY(calc(16px * (1 - var(--reveal))))}.mosaic-subheadline{--reveal:clamp(0, (var(--scroll,1) - .75) / .1, 1);opacity:var(--reveal);transform:translateY(calc(16px * (1 - var(--reveal))))}.mosaic-form{--reveal:clamp(0, (var(--scroll,1) - .85) / .15, 1);opacity:var(--reveal);transform:translateY(calc(16px * (1 - var(--reveal))))}.scroll-hint{opacity:calc(1 - clamp(0, var(--scroll,0) / .08, 1));pointer-events:none}@keyframes scroll-arrow{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.animate-scroll-arrow-1,.animate-scroll-arrow-2,.animate-scroll-arrow-3{filter:drop-shadow(0 0 10px #c4a97d80);animation:1.8s ease-in-out infinite scroll-arrow}.animate-scroll-arrow-1{animation-delay:0s}.animate-scroll-arrow-2{animation-delay:.15s}.animate-scroll-arrow-3{animation-delay:.3s}@media (prefers-reduced-motion:reduce){.mosaic-tile{will-change:auto;--tile-progress:1!important}.mosaic-tile[data-grid=false]{opacity:0!important}.mosaic-headline,.mosaic-subheadline,.mosaic-form,.mosaic-rule{opacity:1!important;transform:none!important}.mosaic-glow{animation:none;box-shadow:0 0 80px 30px #c4a97d14}}