/* Motion belongs to the existing page. No extra sections or scroll space. */
.scroll-live main>.sec,.scroll-live .hero{overflow:clip}
.scroll-live #cards .card{transition:border-color .25s,box-shadow .3s;transform-origin:50% 25%}
.scroll-live .service-photo{clip-path:inset(0)}
.scroll-live .service-photo:not(.product-preview)>img{height:118%;max-width:none;object-position:var(--photo-x,50%) var(--photo-y,50%)}
.scroll-live .about-city-photo{height:120%;max-width:none;object-position:50% 25%}
.scroll-live .footer-statement{overflow:clip}
.scroll-live .flagship,.scroll-live .contact-form-card{transform-origin:50% 15%}
.scroll-live .hero-copy h1,.scroll-live .sec-grid>h2,.scroll-live .about-story-copy h2>span{transform-origin:0 100%}
[dir=rtl].scroll-live .hero-copy h1,[dir=rtl].scroll-live .sec-grid>h2,[dir=rtl].scroll-live .about-story-copy h2>span{transform-origin:100% 100%}
.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;pointer-events:none;transform-origin:left;background:#109fd1;scale:var(--reading,0) 1;box-shadow:0 0 8px #109fd130}
@media(prefers-reduced-motion:reduce){.scroll-live .about-city-photo,.scroll-live .service-photo:not(.product-preview)>img{height:100%}}