/* Motion stays in illustration layers and independent translate, never in text metrics. */
.service-illustration{display:block;flex:none;overflow:visible}
.js-motion .motion-enter{opacity:0;translate:0 18px;transition:opacity .6s cubic-bezier(.22,.75,.25,1),translate .6s cubic-bezier(.22,.75,.25,1),background .25s,border-color .25s,transform .3s;transition-delay:var(--motion-delay,0ms),var(--motion-delay,0ms),0ms,0ms,0ms}
.js-motion .motion-enter.is-visible{opacity:1;translate:0 0}
.js-motion .reveal{transition-delay:var(--motion-delay,0ms)}
.js-motion :is(.motion-enter,.reveal):focus-within{opacity:1;translate:0 0;transition-delay:0ms}
.motion-page-arrival{animation:page-arrival .32s ease-out both}
@keyframes page-arrival{from{opacity:.65}to{opacity:1}}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 13px;border:1px solid #b6c8ad;background:transparent;color:#294c35;font-size:.875rem;font-weight:600;line-height:1.5;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.motion-toggle:hover{background:#e2ecdb;border-color:#76986b}
.motion-symbol{width:18px;height:18px;flex:none}.motion-play-symbol{display:none}.motion-toggle.is-paused .motion-pause-symbol{display:none}.motion-toggle.is-paused .motion-play-symbol{display:block}
.motion-toggle-icon{padding:0;min-height:44px;border-color:#ffffff5b;color:white;background:transparent;flex:none}
.motion-toggle-icon:hover{background:white;border-color:white;color:var(--ink)}
.motion-toggle-icon>[data-motion-label]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.home-motion-control{margin-top:20px}.offer-heading-aside{max-width:360px}.offer-heading-aside>p{font-size:1rem;line-height:1.8;color:var(--muted)}.offer-heading-aside>.motion-toggle{margin-top:22px}
.footer-bottom>.motion-toggle{font-size:.875rem;min-height:32px;padding:4px 9px;color:#c4dacb;border-color:#3b5944;line-height:1.5}
.footer-bottom>.motion-toggle:hover{background:#264330;border-color:#88b58e;color:white}
.home-offer-card:is(:hover,:focus-visible){transform:translateY(-5px);border-color:#78b387;background:#e9f2e5}
.home-offer-card:is(:hover,:focus-visible)>.service-illustration{transform:translateY(-2px)}
.offer-card:focus-visible{transform:translateY(-5px);background:#f1f7ed;border-color:#78b387}
.project-card:focus-visible .project-image>img{transform:scale(1.035)}
.project-card:focus-visible .project-open{background:var(--green);transform:rotate(-35deg)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .navigation-phone:hover .phone-icon{animation:phone-greeting .5s ease-in-out}
 .button:not(.navigation-phone):hover>.icon{animation:button-direction .4s ease-out}
}
@keyframes phone-greeting{0%,100%{rotate:0deg}25%{rotate:-10deg}65%{rotate:7deg}}
@keyframes button-direction{0%,100%{translate:0 0}45%{translate:4px 0}}
.motion-suspended .service-illustration .i-part,.motion-suspended .motion-page-arrival{animation-play-state:paused!important}
.motion-paused :is(.motion-enter,.reveal){opacity:1!important;translate:none!important;transform:none!important;transition:none!important}
.motion-paused :is(.motion-page-arrival,.phone-icon,.button>.icon){animation:none!important}
.motion-paused .hero-image{transform:none!important;transition:none!important}
html.motion-paused{scroll-behavior:auto}
.motion-paused :is(.home-offer-card>.service-illustration,.offer-card-top>.service-illustration){transform:none!important;transition:none!important}
.motion-paused :is(.home-offer-card,.offer-card,.project-image>img,.project-open,.home-company-photo>img){transform:none!important;transition:none!important}
@media(max-width:760px){.js-motion .motion-enter{translate:0 12px}.js-motion .motion-enter.is-visible{translate:0 0}.home-motion-control{margin-top:18px}.offer-heading-aside{max-width:540px;margin-top:23px}.offer-heading-aside>p br{display:none}.offer-heading-aside>.motion-toggle{margin-top:16px}.hero-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){
 .motion-enter,.reveal{opacity:1!important;translate:none!important;transform:none!important;transition:none!important}
 .motion-page-arrival,.navigation-phone .phone-icon,.button>.icon{animation:none!important}
 .home-offer-card,.offer-card,.project-image>img,.project-open,.home-offer-card>.service-illustration,.offer-card-top>.service-illustration{transform:none!important;transition:none!important}
}