[data-supporting-motion] body { overflow-x: clip; }
[data-supporting-motion] .fade-in { opacity: 1; transform: none; transition: none; }
.support-word { display: inline-block; }
.support-mask { overflow: clip; padding-block: .14em; margin-block: -.14em; }
[data-supporting-motion] .content-image,
[data-supporting-motion] .case-study-image,
[data-supporting-motion] .heritage-image { position: relative; overflow: hidden; }
[data-supporting-motion] .content-image img,
[data-supporting-motion] .case-study-image img,
[data-supporting-motion] .heritage-image img { transition: none; }
.support-photo-layers, .support-photo-strip { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
[data-supporting-motion] .support-photo-strip img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.support-process { position: relative; }
.support-process::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #aa895d; transform: scaleY(var(--support-progress, 0)); transform-origin: top; pointer-events: none; }
[data-supporting-motion] .motion-process .process-title { top: 190px; }
.motion-process .support-process::before, .motion-process .support-process::after { height: calc(100% - 130px); }
.motion-process .support-process::after { transform: scaleY(var(--support-progress, 0)); }
.support-proof { position: relative; transition: none !important; }
.support-proof::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #aa895d; transform: scaleX(var(--support-progress, 0)); transform-origin: left; pointer-events: none; }
[data-supporting-motion] .enquiry-progress { position: relative; }
[data-supporting-motion] .enquiry-progress::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #75512f; transform: scaleX(var(--enquiry-progress, 0)); transform-origin: left; }
[data-supporting-motion] .enquiry-step { animation: none; }
@media (prefers-reduced-motion: reduce) {
    [data-supporting-motion] *, [data-supporting-motion] *::before, [data-supporting-motion] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    [data-supporting-motion] { scroll-behavior: auto !important; }
}