/* Client identity changes; the owned sector film and ScrollTrigger choreography stay intact. */
.klantdemo{--paper:var(--client-paper,#f7f5ec);--ink:var(--client-ink,#343b31);--accent:var(--client-accent,#5d6e52)}
.klantdemo .site-nav{background:var(--paper)}.klantdemo .brand{display:flex;align-items:center;gap:10px;max-width:45%;font:600 15px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.035em}.brand img{height:34px;width:34px;object-fit:contain}.klantdemo .opt-strip{background:#eeeae0}.klantdemo .brand span{max-width:210px}
.klantdemo .beats{color:#fffaf3}.klantdemo .beat{max-width:38%;top:auto;bottom:105px;left:5%;transform:none!important}.klantdemo .beat-title{font-size:clamp(55px,6.5vw,105px);max-width:100%;text-wrap:balance;overflow-wrap:normal;letter-spacing:-.055em;line-height:1.03;color:#fffaf3;text-shadow:0 2px 12px #160e0a50}.klantdemo .beat .intro{max-width:410px;font-size:15px;color:#fffaf3}.klantdemo .beat .eyebrow{color:#fffaf3;font-size:10px;letter-spacing:.12em}.klantdemo .shade{inset:auto auto 0 0;width:60%;height:90%;background:linear-gradient(90deg,rgba(20,17,12,var(--scrim,.90)) 0%,rgba(20,17,12,calc(var(--scrim,.90)*.98)) 35%,rgba(20,17,12,calc(var(--scrim,.90)*.90)) 60%,rgba(20,17,12,calc(var(--scrim,.90)*.62)) 78%,rgba(20,17,12,calc(var(--scrim,.90)*.25)) 90%,transparent 100%);mask-image:linear-gradient(0deg,#000 0%,#000 67%,transparent 100%)}
.klantdemo .scroll-hint{color:#fffaf3;text-shadow:0 2px 9px #0008;background:rgba(20,17,12,.62);padding:9px 12px;border-radius:99px}.klantdemo .film-tools>a{background:#fffaf3;color:#292b27}.klantdemo .builder-handoff{padding-top:4%;width:46%}.klantdemo .builder-handoff h2{font-size:clamp(34px,4vw,62px)!important}.klantdemo .client-services{display:grid;margin:22px 0 20px;border-top:1px solid var(--line)}.client-services a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.client-services span{color:var(--muted)}.klantdemo .project-label{top:73%;left:53%;max-width:43%;grid-template-columns:1fr;padding-top:14px;gap:6px}.klantdemo .project-label strong{font-size:24px}.klantdemo .project-label small{font-size:9px}
.klantdemo .section{padding:100px 6%}.klantdemo .section-heading h2,.klantdemo .contact-section h2{font-size:clamp(38px,5.2vw,79px);line-height:1.04;letter-spacing:-.055em;max-width:800px}.klantdemo .section-heading>p:not(.eyebrow){max-width:310px;font-size:13px;line-height:1.7}.project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:46px 28px}.project-grid figure:nth-child(4n+2){padding-top:95px}.project-grid img{width:100%;aspect-ratio:1.6;object-fit:cover;display:block}.project-grid figcaption{display:flex;justify-content:space-between;gap:14px;font-size:11px;padding:14px 0;border-bottom:1px solid var(--line)}.project-grid .photo-index{color:var(--muted)}.reveal-photo{overflow:hidden;clip-path:inset(0);background:#e5e3db}.reveal-photo img{transform:scale(1.025);transition:transform .8s}.reveal-photo:hover img{transform:scale(1.055)}
.comparison-section{background:#edece2}.comparison-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:9%;align-items:center}.comparison-grid h2{font-size:clamp(35px,4vw,60px);line-height:1.06;letter-spacing:-.055em;margin:14px 0}.comparison-grid p{font-size:13px;line-height:1.7;max-width:360px}.compare{position:relative;aspect-ratio:1.6;--split:50%}.compare img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.compare .compare-after{clip-path:inset(0 0 0 var(--split))}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;pointer-events:none}.compare-line:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fffaf3;color:#343b31;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:20px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare:focus-within{outline:3px solid var(--accent);outline-offset:6px}.compare-labels{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:10px}
.klantdemo .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.klantdemo .steps h3{font-size:25px;line-height:1.15;margin:18px 0 15px}.klantdemo .steps p{font-size:13px;line-height:1.7}.klantdemo .steps span{font-size:9px;letter-spacing:.1em}.klantdemo footer{padding:40px 6%;display:block;background:#f1eee5}.photo-credits{font-size:9px;line-height:1.8;color:#4d5147;margin-top:24px;max-width:1000px}.photo-credits a{text-decoration:underline;text-underline-offset:2px}.photo-credits ol{padding-left:15px;margin:12px 0}.photo-credits li{margin-bottom:6px}.contact-links{display:flex;gap:20px;margin:22px 0;font-size:12px}.klantdemo dialog h2{font-size:42px}.klantdemo .contact-section{background:#e8eadd}.qa-hide-debug .cache-status,.qa-hide-debug [data-debug]{display:none!important}
@media(max-width:800px){.klantdemo .site-nav .brand{font-size:12px;max-width:58%;gap:8px}.brand img{width:28px;height:28px}.klantdemo .site-nav .button{font-size:9px;padding:11px 12px;max-width:42%;gap:5px}.klantdemo .beat{left:6%;right:6%;max-width:none;bottom:92px}.klantdemo .beat-title{font-size:clamp(32px,10.3vw,49px);line-height:1.07;letter-spacing:-.04em}.klantdemo .beat .intro{font-size:12px;max-width:90%;margin-top:14px}.klantdemo .beat .eyebrow{font-size:8px;margin-bottom:12px;max-width:100%;line-height:1.6}.klantdemo .shade{mask-image:none;inset:auto 0 0;width:100%;height:56%;background:linear-gradient(0deg,rgba(20,17,12,var(--scrim-mobile,.70)) 0%,rgba(20,17,12,var(--scrim-mobile,.70)) 88%,transparent 100%)}.klantdemo .scroll-hint{font-size:7px;padding:7px 8px;letter-spacing:.02em}.klantdemo .film-tools{bottom:20px;left:6%;right:6%;gap:6px;flex-wrap:nowrap}.klantdemo .film-tools>a{font-size:9px;padding:10px 12px}.klantdemo .film-tools>a span{margin-left:6px}.klantdemo .builder-handoff{width:100%;padding-top:calc((100svh - var(--header)) * .28 + 27px)}.klantdemo .builder-handoff h2{font-size:33px!important;line-height:1.04}.klantdemo .builder-handoff h2 br{display:none}.klantdemo .client-services{margin:14px 0}.client-services a{padding:9px 0;font-size:10px}.klantdemo .builder-handoff .eyebrow{font-size:7px}.klantdemo .builder-handoff>.button{font-size:10px;padding:10px 13px;margin-top:0}.klantdemo .project-label{display:none}.klantdemo .section{padding:65px 6%}.klantdemo .section-heading h2,.klantdemo .contact-section h2{font-size:39px}.project-grid{grid-template-columns:1fr;gap:30px}.project-grid figure:nth-child(4n+2){padding-top:0}.project-grid figcaption{font-size:10px;line-height:1.5}.comparison-grid{grid-template-columns:1fr;gap:26px}.comparison-grid h2{font-size:38px}.compare-labels{font-size:9px}.klantdemo .steps{grid-template-columns:1fr;gap:30px}.klantdemo .steps h3{font-size:27px;margin:10px 0}.klantdemo .is-static .builder-handoff{padding-top:0}.klantdemo .is-static .beat{bottom:40px}.klantdemo .is-static .visual,.klantdemo .is-static .beats{height:68svh;min-height:450px}.photo-credits{font-size:8px}}
@media(prefers-reduced-motion:reduce){.reveal-photo img{transition:none;transform:none!important}}

/* A genuine project pair is the only reason to show a comparison slider. */
.project-rail-section{background:#f0efe7;position:relative}.rail-pin{height:calc(100svh - var(--header));min-height:580px;display:flex;flex-direction:column;justify-content:center;padding:35px 0;overflow:hidden}.rail-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:0 6% 34px}.rail-heading h2{font-size:clamp(36px,3.7vw,60px);line-height:1.06;letter-spacing:-.05em;max-width:600px}.rail-heading .eyebrow{margin-bottom:13px}.rail-heading>p{font-size:11px;line-height:1.7;max-width:250px}.rail-heading>p span{font-size:20px}.project-rail-window{width:100%;overflow:hidden}.project-rail-track{display:flex;gap:28px;width:max-content;padding:0 6vw;will-change:transform}.project-rail-card{flex:0 0 auto;width:min(59vw,730px);margin:0}.project-rail-card img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;display:block}.project-rail-card figcaption{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:16px 0;border-bottom:1px solid var(--line)}.project-rail-card figcaption>span+span{white-space:nowrap;color:var(--muted)}
@media(max-width:800px){.rail-pin{min-height:490px;padding:28px 0}.rail-heading{display:block;margin-bottom:27px}.rail-heading h2{font-size:35px;max-width:330px}.rail-heading>p{margin-top:15px;font-size:10px;max-width:300px}.project-rail-track{gap:17px}.project-rail-card{width:84vw}.project-rail-card figcaption{font-size:9px;line-height:1.5;padding:13px 0}}
@media(prefers-reduced-motion:reduce){.rail-pin{height:auto;padding:60px 0}.project-rail-window{overflow-x:auto;scroll-snap-type:x mandatory}.project-rail-card{scroll-snap-align:center}.project-rail-track{transform:none!important}}

@media(max-width:800px){.rail-heading h2{font-size:calc(35px * var(--qa-scale,1))}.klantdemo .section-heading h2,.klantdemo .contact-section h2{font-size:calc(39px * var(--qa-scale,1))}}