header{background:#f8f9fc;color:#283149;box-shadow:none;transition:box-shadow .2s} header.is-scrolled{box-shadow:0 2px 12px #26304712} header .logo-link svg path:first-child{fill:#e9e5ff} header .main-menu{background:#f8f9fc;backdrop-filter:none;-webkit-backdrop-filter:none;overflow-y:auto;justify-content:flex-start;padding:8rem 2rem 4rem} header .main-menu a,header .main-menu summary{color:#283149;font-size:2rem;line-height:1.5} header .main-menu>ul{width:min(100%,42rem);margin:0 auto 2rem} header .main-menu>ul>li{margin:.4rem 0} header .main-menu a{display:block;padding:.7rem 1rem} header .main-menu summary{cursor:pointer;padding:.7rem 1rem;border-radius:10px} header .main-menu a:hover,header .main-menu summary:hover{background:#eeebfa;box-shadow:none} header .main-menu summary:focus-visible{outline:3px solid #7155af;outline-offset:3px} header .main-menu .services-dropdown{padding:.8rem;margin:.4rem 0;background:#eeebfa;border-radius:16px} header .main-menu .services-dropdown a{font-size:1.5rem;line-height:1.4;padding:1rem} header .main-menu .tel-wrapper #town{position:static;transform:none;display:block;margin:0 auto;background:transparent;font-size:1.4rem;padding:.5rem} header .main-menu .tel{font-size:1.6rem;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none} header .menu-btn{z-index:2} body.menu-open{overflow:hidden} @media(min-width:1200px){ header .container{grid-template-columns:8rem 1fr;height:7.6rem;align-items:center;padding:0 2rem} header .logo-link{align-self:center} header .main-menu{padding:0;overflow:visible;background:none;gap:2rem} header .main-menu>ul{width:auto;display:flex;align-items:center;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;margin:0 auto;gap:.2rem} header .main-menu>ul>li{margin:0} header .main-menu a,header .main-menu summary{font-size:1.4rem;padding:1rem 1.4rem;white-space:nowrap} header .main-menu details{position:relative} header .main-menu .services-dropdown{position:absolute;display:block;top:100%;left:0;width:29rem;background:#f8f9fc;box-shadow:0 12px 30px #26304724;border:1px solid #e3def2} header .main-menu .services-dropdown a{white-space:normal} header .main-menu .tel-wrapper{height:auto} header .main-menu .tel{width:auto;height:auto;padding:.4rem} header .main-menu .tel-wrapper #town{background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#465371} body.menu-open{overflow:auto} } .why-us .content,.automation .content{max-width:116rem;padding:clamp(2.4rem,4vw,6rem)} .why-us p,.automation p{max-width:62ch} @media(min-width:900px){ .why-us .content,.automation .content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(3rem,5vw,8rem);align-items:start} .why-us h2,.automation h2{grid-column:1;grid-row:1/5;font-size:clamp(3.2rem,3.5vw,4.8rem)} .why-us p,.automation p,.automation .link-list{grid-column:2} } .services{padding-bottom:clamp(3rem,5vw,6rem)} .services .action-btn--section{display:block;margin:clamp(4rem,5vw,7rem) auto 0} .services .features{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));max-width:133.6rem;margin:0 auto;padding:0 var(--page-margin)} .services .features .card{width:100%;min-width:0} .services .features .card .front{height:100%} .services .features .card .front .action-btn{margin-top:auto} .project-stories{max-width:133.6rem;padding-top:clamp(2rem,3vw,4rem);padding-bottom:clamp(5rem,6vw,8rem)} .project-stories h2{text-align:center;font-size:clamp(3.2rem,4vw,4.8rem);line-height:1.2;margin:0 0 clamp(3rem,4vw,5rem)} .stories-slider{position:relative} .stories-controls{display:contents} .stories-controls[hidden]{display:none} .stories-controls button{position:absolute;top:clamp(7rem,10vw,15rem);z-index:1;width:44px;height:44px;border:1px solid #ccc5e3;border-radius:50%;padding:0;background:#f8f9fc;color:#283149;cursor:pointer;font:inherit;font-size:2.2rem;box-shadow:0 4px 12px #26304712} .stories-controls [data-story-prev]{left:-1.6rem} .stories-controls [data-story-next]{right:-1.6rem} .stories-controls button:hover{background:#e9e5ff} .stories-controls button:focus-visible{outline:3px solid #7155af;outline-offset:3px} .stories-status{font-size:1.3rem;text-align:center;min-height:2rem;margin-top:1rem} .stories-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:2.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aaa0cf transparent;padding:1rem .4rem 2.4rem;overscroll-behavior-x:contain;scroll-padding:.4rem} .stories-track .case-card{scroll-snap-align:start;min-width:0;box-shadow:0 8px 20px #17006612} .story-image{display:block;aspect-ratio:16/9;background:#f8f9fc;border-radius:0 24px 24px 24px;overflow:hidden} .story-image img{transition:transform .25s} .story-image:hover img{transform:scale(1.025)} .story-image:focus-visible{outline:3px solid #7155af;outline-offset:4px} .project-stories h3{font-size:2.2rem;line-height:1.25;overflow-wrap:anywhere} .project-stories .case-card p{font-size:1.6rem;line-height:1.5} @media(min-width:700px){.stories-track{grid-auto-columns:calc((100% - 2.4rem)/2)}} @media(min-width:1100px){.stories-track{grid-auto-columns:calc((100% - 4.8rem)/3)}} @media(prefers-reduced-motion:reduce){.story-image img,header{transition:none}} footer .footer-logo{height:auto}