/* Motion is a layer: all content remains usable without JavaScript. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-progress{height:3px;background:var(--turquoise);position:fixed;top:0;left:0;right:0;transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}
.hero{min-height:790px}.hero-content{padding-top:77px;padding-bottom:210px}.hero-images{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-photo{z-index:0;opacity:0;transform:scale(1.07);transition:opacity 1.1s ease,transform 9s linear;background-position:60% 50%;will-change:opacity,transform}.hero-photo.is-active{opacity:1;transform:scale(1)}.hero-photo-paint{background-image:url('assets/spuitwerk.jpg');background-position:65% 50%}.hero-photo-repair{background-image:url('assets/schadeherstel.jpg');background-position:65% 50%}.hero-shade{z-index:-1;background:linear-gradient(90deg,#061518f2 0%,#061518c7 30%,#06151842 61%,#06151814 100%),linear-gradient(0deg,#061518f5,transparent 43%)}.hero-copy{transition:opacity .24s,transform .24s}.hero-copy.is-changing{opacity:0;transform:translateY(12px)}h1 .headline-first{display:block;color:white}h1 .headline-accent{display:block;color:var(--turquoise)}.hero-copy p{font-size:14px;line-height:1.9;max-width:385px;color:#c8d0d0;margin:0 0 28px;min-height:80px}.hero-content h1{margin-bottom:24px}.slider-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px;position:absolute;left:0;right:0;bottom:119px}.slide-choices{display:flex;gap:27px}.slide-choice{position:relative;color:#8eaaaa;background:none;border:0;text-align:left;padding:0 0 16px;cursor:pointer;display:grid;grid-template-columns:auto auto;gap:12px;align-items:center;font-size:9px;letter-spacing:.1px;min-width:120px;transition:color .2s}.slide-choice>span:first-child{font-size:10px;letter-spacing:1px}.slide-choice.is-active{color:#fff}.slide-choice:hover{color:var(--turquoise)}.slide-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff27;overflow:hidden}.slide-track i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--turquoise)}.slide-choice.is-active .slide-track i{transform:scaleX(1)}.slider-buttons{display:flex;align-items:center;gap:10px}.circle-button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff4a;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fff;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s;padding:0}.circle-button svg{width:20px;height:20px}.circle-button:hover{background:var(--turquoise);border-color:var(--turquoise);color:var(--deep);transform:translateY(-2px)}.slider-prev svg,.service-prev svg{transform:rotate(180deg)}.slider-pause{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;color:#b6cccb;padding:0;margin-right:8px;cursor:pointer}.pause-shape{display:block;width:8px;height:12px;border-left:2px solid currentColor;border-right:2px solid currentColor}.slider-pause[aria-pressed=true] .pause-shape{width:0;height:0;border:6px solid transparent;border-left:9px solid currentColor;border-right:0}.hero-caption{display:none}.hero-bottom{min-height:85px}.hero:focus-within .circle-button:focus-visible,.hero .slide-choice:focus-visible{outline-color:var(--turquoise)}
.service-grid{display:flex;gap:23px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:transparent;border:0;padding:0 0 5px;overscroll-behavior-x:contain}.service-grid::-webkit-scrollbar{display:none}.service{position:relative;flex:0 0 calc((100% - 57px)/3.3);min-width:0;scroll-snap-align:start;padding:0 0 24px;background:#fff;border:1px solid var(--line)!important;border-radius:5px;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s}.service:hover{background:#fff;border-color:#8bbeb2!important;box-shadow:0 12px 22px #15372c08}.service-image{aspect-ratio:1.28;overflow:hidden;background:var(--deep);position:relative}.service-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#062b2c38,transparent 50%);pointer-events:none}.service-image img{width:100%;height:100%;object-fit:cover;object-position:70% center;display:block;transition:transform .7s cubic-bezier(.2,.65,.3,1),filter .7s;filter:saturate(.7)}.service:nth-child(3) .service-image img{object-position:89% 68%;transform:scale(1.35)}.service:nth-child(3):hover .service-image img{transform:scale(1.45)}.service:hover .service-image img{transform:scale(1.065);filter:saturate(1)}.service-top{margin:0;height:24px;padding:0}.service-top svg{display:none}.service-top>span{position:absolute;right:17px;top:17px;background:#082b2eb3;backdrop-filter:blur(8px);font-size:13px;width:32px;height:32px;display:grid;place-items:center;color:#fff;border:1px solid #ffffff32;border-radius:50%}.service h3,.service p,.service-link{margin-left:23px;margin-right:23px}.service h3{font-size:31px;margin-bottom:12px}.service p{font-size:12px;line-height:1.85;margin-bottom:26px;min-height:89px}.service-link{font-size:10px;padding-top:17px;gap:15px}.service-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:24px}.service-controls>p{font-size:11px;color:var(--ink);margin:0;font-weight:700}.service-controls>p>span{color:var(--muted);font-weight:400;margin-left:5px}.service-controls>div{display:flex;gap:9px}.service-controls .circle-button{background:var(--deep);color:white;border:1px solid var(--deep);width:42px;height:42px}.service-controls .circle-button:hover{background:var(--teal);border-color:var(--teal)}.circle-button:disabled{opacity:.3;cursor:default;transform:none}.service-controls .circle-button:disabled:hover{background:var(--deep);border-color:var(--deep)}.service-note{justify-content:flex-start;margin-top:20px;padding-top:22px;border-top:1px solid var(--line);font-size:11px}.desktop-nav a.is-current{color:var(--teal)}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';height:2px;background:var(--teal);position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover:after,.desktop-nav a.is-current:after{transform:scaleX(1)}
.motion-ready [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,.7,.2,1)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.steps li:nth-child(2){transition-delay:90ms}.steps li:nth-child(3){transition-delay:180ms}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:25%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:skewX(-20deg);transition:left .55s;pointer-events:none}.button:hover:after{left:120%}.button:hover svg:last-child{transform:translate(2px,-1px)}.button svg{transition:transform .25s}.whatsapp-float{position:fixed;right:25px;bottom:23px;z-index:25;display:flex;align-items:center;gap:11px;min-height:49px;padding:14px 20px;border-radius:50px;background:var(--turquoise);color:var(--deep);box-shadow:0 5px 25px #002e2e24;font-size:10px;font-weight:800;border:1px solid #ffffff50;transition:transform .25s,opacity .25s,background .25s}.whatsapp-float svg{width:21px;height:21px}.whatsapp-float:hover{background:#7de9de;transform:translateY(-3px)}.whatsapp-float.near-contact{opacity:0;pointer-events:none;transform:translateY(12px)}
@media(min-width:1500px){.hero{min-height:835px}.hero-content{padding-top:85px}}
@media(max-width:1100px){.hero{min-height:775px}.hero-copy p{font-size:13px;max-width:355px;min-height:75px}.hero-content{padding-top:70px}.service{flex-basis:calc((100% - 46px)/2.85)}.service p{font-size:12px}.service h3{font-size:29px}.service-controls>p>span{display:none}}
@media(max-width:800px){.hero{min-height:790px}.hero-content{padding-top:65px}.hero-photo{background-position:66% center}.hero-copy p{font-size:13px}.slide-choices{gap:18px}.slide-choice{min-width:90px;font-size:8px;gap:9px}.slider-bottom{gap:20px}.circle-button{height:38px;width:38px}.slider-pause{margin-right:0;width:28px}.slider-buttons{gap:6px}.service{flex-basis:calc((100% - 30px)/2.25)}.service h3,.service p,.service-link{margin-left:20px;margin-right:20px}.service p{min-height:110px}.service-note{font-size:10px}}
@media(max-width:560px){.hero{min-height:790px}.hero-content{padding-top:48px;padding-bottom:228px}.hero-content h1{font-size:66px;margin-top:23px;margin-bottom:23px;letter-spacing:-1px}.hero-copy p{font-size:12px;max-width:295px;min-height:69px;margin-bottom:26px}.hero-images .hero-photo{background-size:auto 720px;background-position:64% bottom;background-repeat:no-repeat}.hero-shade{background:linear-gradient(180deg,#061518f2 0%,#061518c4 30%,#06151828 64%,#061518f2 90%),linear-gradient(90deg,#06151892,#06151815)}.hero-actions{gap:19px}.hero-address{margin-top:25px}.slider-bottom{bottom:117px;align-items:center;gap:20px}.slide-choices{gap:16px;flex:1;max-width:205px}.slide-choice{display:block;min-width:0;flex:1;font-size:9px;padding-bottom:11px}.slide-choice-name{display:none}.slide-choice>span:first-child{font-size:10px}.slider-buttons{gap:7px}.circle-button{width:32px;height:32px}.circle-button svg{width:16px;height:16px}.slider-pause{width:22px;height:28px}.pause-shape{height:10px;width:7px}.hero-bottom{min-height:90px}.hero-copy.is-changing{transform:translateY(8px)}.service-grid{gap:16px;margin-right:-20px;padding-right:20px;scroll-padding-right:20px}.service{flex-basis:83%;padding-bottom:23px}.service-image{aspect-ratio:1.3}.service-top{height:22px}.service h3{font-size:31px}.service p{font-size:12px;min-height:89px;margin-bottom:24px}.service-link{font-size:10px}.service-controls{margin-top:19px}.service-controls>p{font-size:10px;max-width:175px}.service-controls .circle-button{width:36px;height:36px}.service-note{align-items:flex-start;font-size:10px;gap:7px}.whatsapp-float{right:17px;bottom:17px;padding:0;min-height:49px;width:49px;justify-content:center}.whatsapp-float>span{display:none}.whatsapp-float svg{height:24px;width:24px}.reading-progress{height:2px}}
@media(max-width:360px){.hero-content h1{font-size:57px}.hero-copy p{font-size:11px}.slide-choices{gap:11px}.slider-bottom{gap:13px}.service{flex-basis:89%}}
/* Camera movement begins on the first rendered frame, including the initial slide. */
.hero-photo{transition:opacity 1.25s ease;transform-origin:65% 50%}
.hero-photo.is-active{animation:hero-camera 12s ease-in-out infinite alternate}
.hero-photo-paint.is-active{animation-name:hero-camera-reverse}
.hero-photo-repair.is-active{transform-origin:75% 60%}
.hero.motion-paused .hero-photo{animation-play-state:paused}
@keyframes hero-camera{from{transform:scale(1.025) translate3d(.4%,0,0)}to{transform:scale(1.115) translate3d(-1.2%,.4%,0)}}
@keyframes hero-camera-reverse{from{transform:scale(1.12) translate3d(-.8%,.2%,0)}to{transform:scale(1.025) translate3d(.7%,0,0)}}
/* Final typography, spacing and touch-target pass. */
.cta-short{display:none}
.desktop-nav{font-size:13px}
.button{font-size:13px}
.button-small{font-size:12px}
.hero-copy p{font-size:15px;max-width:410px;min-height:86px;line-height:1.85}
.hero-address{font-size:12px}
.hero-address>span{font-size:9px;color:#a1b9b8}
.hero-bottom>span{font-size:12px}
.slide-choice{font-size:11px;min-width:130px;gap:11px}
.slide-choice>span:first-child{font-size:11px}
.slider-pause{width:44px;height:44px}
.section-intro>p,.approach-heading>p,.contact-main>p{font-size:14px;line-height:1.9}
.service p{font-size:14px;line-height:1.85;min-height:130px}
.service h3{font-size:32px}
.service-link{font-size:11px;line-height:1.6}
.service-controls>p,.service-note{font-size:12px}
.service:nth-child(3) .service-image img{object-position:92% 65%;transform:scale(1.5)}
.service:nth-child(3):hover .service-image img{transform:scale(1.62)}
.steps p{font-size:14px;max-width:365px}
.steps h3{font-size:29px}
.approach-signature span{font-size:12px}
.text-link{font-size:13px}
.approach-heading>.text-link{font-size:12px}
.contact-number{font-size:12px}
.email-link{font-size:14px}
.visit-card-top{font-size:9px}
.visit-card>p{font-size:13px}
.route-link{font-size:13px}
.hours h4,.hours dl{font-size:13px}
.hours>p{font-size:11px}
.faq summary{font-size:14px;padding:23px 0;line-height:1.7}
.faq details p{font-size:14px;line-height:1.9}
.footer-top>p,.footer-contact{font-size:12px}
.footer-bottom,.privacy-trigger{font-size:11px}
.privacy-trigger{min-height:32px}
.whatsapp-float{font-size:12px;bottom:max(23px,env(safe-area-inset-bottom))}
dialog{max-height:85svh;overflow:auto}
.dialog-close{width:44px;height:44px;flex-shrink:0}
.hero-content h1{max-width:650px}
.service-grid:focus-visible{outline-offset:6px}
@media(max-width:1100px){
 .header-inner{gap:24px}.desktop-nav{gap:24px}
 .hero-copy p{font-size:14px;max-width:375px;min-height:80px}
 .slide-choice{min-width:110px;font-size:10px}
 .service p{font-size:13px;min-height:124px}
 .service-link{font-size:10px}
 .contact-layout{gap:55px}
 .hours dl{font-size:12px}
}
@media(max-width:800px){
 .slide-choices{gap:18px}.slide-choice{min-width:100px}
 .slider-buttons{gap:8px}.circle-button,.slider-pause{width:42px;height:42px}
 .hero-bottom>span{font-size:11px}
 .section-intro{gap:35px}
 .service{flex-basis:calc((100% - 23px)/2.1)}
 .service p{min-height:145px;font-size:13px}
 .steps p{font-size:13px}
 .contact-layout{gap:30px}
 .contact-actions .button{font-size:12px;padding:15px 16px;gap:8px}
 .email-link{font-size:12px}.contact-number{font-size:11px}
 .visit-card-top{letter-spacing:.8px;font-size:8px}
 .hours dl{font-size:11px}.hours h4{font-size:12px}
 .faq summary,.faq details p{font-size:13px}
}
@media(max-width:560px){
 .header-inner{gap:9px}.header-cta .cta-long{display:none}.header-cta .cta-short{display:inline}
 .header-cta{font-size:11px;min-height:42px;padding:11px 12px;gap:8px}
 .menu-toggle{width:40px;height:44px;padding:8px;margin-left:2px}
 .hero{min-height:810px}.hero-content{padding-top:48px;padding-bottom:230px}
 .hero-copy p{font-size:14px;line-height:1.85;max-width:315px;min-height:104px;margin-bottom:24px}
 .hero-content h1{font-size:65px;margin-bottom:24px}
 .hero-actions .button{font-size:12px;min-height:54px;padding:16px 20px}
 .text-link.light{font-size:12px}
 .hero-address{font-size:11px;margin-top:24px}.hero-address>span{font-size:8px;margin-left:4px}
 .hero-bottom{gap:9px}.hero-bottom>span{font-size:10px}.hero-bottom svg{width:14px;height:14px}
 .slider-bottom{bottom:115px;gap:16px}.slide-choices{gap:14px;max-width:165px}
 .slide-choice{min-width:0;font-size:11px;padding-top:12px;padding-bottom:12px}
 .slide-choice>span:first-child{font-size:12px}
 .slider-buttons{gap:4px}.circle-button,.slider-pause{width:40px;height:42px}
 .slider-pause{width:28px;margin-right:2px}.circle-button svg{width:18px;height:18px}
 .section-intro>p,.approach-heading>p,.contact-main>p{font-size:14px;line-height:1.85}
 .section-intro>p{max-width:100%}
 h2{font-size:47px}
 .service{flex-basis:86%}.service p{font-size:14px;min-height:130px;line-height:1.85}
 .service h3{font-size:32px}.service-link{font-size:11px}
 .service-controls>p{font-size:11px;line-height:1.7}
 .service-controls .circle-button{width:42px;height:42px}
 .service-note{font-size:12px;line-height:1.8}
 .steps li{gap:20px}.steps h3{font-size:28px;line-height:1.2}.steps p{font-size:14px;line-height:1.85}
 .contact-main h2{font-size:62px}.contact-actions{gap:24px}
 .contact-actions .button{max-width:100%;font-size:12px;padding:16px 18px;gap:10px}
 .email-link{font-size:13px;gap:11px}.contact-number{font-size:12px}
 .visit-card-top{font-size:9px}.visit-card{padding:28px}
 .hours dl,.hours h4{font-size:13px}.hours>p{font-size:11px}
 .faq summary,.faq details p{font-size:14px}.faq summary{padding:22px 0}
 .footer-top{gap:20px}.footer-contact{font-size:11px}
 .footer-bottom,.privacy-trigger{font-size:10px;line-height:1.7}.footer-bottom{align-items:center}
 .whatsapp-float{width:49px;min-height:49px;right:15px;bottom:max(17px,env(safe-area-inset-bottom))}
}
@media(max-width:360px){
 .header-cta{display:none}.menu-toggle{margin-left:auto}
 .hero-content h1{font-size:56px}.hero-copy p{font-size:13px;min-height:96px}
 .hero-bottom>span{font-size:9px}.hero{min-height:790px}
 .slider-bottom{gap:12px}.slide-choices{gap:12px}.slider-buttons{gap:2px}
 .service{flex-basis:91%}.service h3,.service p,.service-link{margin-left:18px;margin-right:18px}
 .visit-card{padding:24px}.hours dl{font-size:12px}.footer-contact{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero-photo.is-active{animation:none;transform:none;transition:none;will-change:auto}.hero-copy.is-changing{opacity:1;transform:none}.motion-ready [data-reveal]{opacity:1;transform:none}.button:after{display:none}.service-image img{transition:none}.whatsapp-float{transition:none}}