/* Motion is activated only when the observer is available. */
.scroll-progress { position:fixed; z-index:100; left:0; top:0; width:100%; height:3px; background:#b8925a; transform:scaleX(0); transform-origin:left; pointer-events:none; }
.motion-ready [data-motion] { opacity:0; transform:translateY(42px); transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1); transition-delay:var(--motion-delay,0ms); }
.motion-ready [data-motion="photo"] { opacity:1; transform:none; clip-path:inset(12% 0 12% 0); transition:clip-path 1.2s cubic-bezier(.16,1,.3,1); }
.motion-ready [data-motion="photo"] img { transform:scale(1.12); transition:transform 1.5s cubic-bezier(.16,1,.3,1); }
.motion-ready [data-motion].motion-visible { opacity:1; transform:none; }
.motion-ready [data-motion="photo"].motion-visible { clip-path:inset(0); }
.motion-ready [data-motion="photo"].motion-visible img { transform:scale(1); }
.motion-ready .hero__pic { overflow:hidden; }
.motion-ready .hero__pic img { transform:scale(var(--hero-scale,1)); will-change:transform; }
.motion-ready .process-overview__list li { transition-duration:.7s; }
.motion-ready .photo:hover .photo__img img { transform:scale(1.045); }
@media(max-width:720px) { .motion-ready [data-motion] { transform:translateY(24px); } .motion-ready [data-motion="photo"] { transform:none; } }
@media(prefers-reduced-motion:reduce) { .scroll-progress { display:none; } .motion-ready [data-motion] { opacity:1;transform:none;clip-path:none;transition:none; } .motion-ready [data-motion] img,.motion-ready .hero__pic img { transform:none;transition:none; } }