@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #e9e4e0;--bg-alt: #dcd5cd;--fg: #172a39;--accent: #fc563c;--accent-dark: #d33a22;--muted: #6e7592;--on-accent: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--ease: cubic-bezier(.2,.7,.3,1);--ease-soft: cubic-bezier(.2,.85,.4,1);--font-display: "Bricolage Grotesque", "Space Grotesk", system-ui, sans-serif;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--shell: min(1320px, 100% - 48px);--nav-h: 68px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow-x:hidden}img,svg,video{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1.5px}input,textarea,select{font:inherit;color:inherit}ul{list-style:none;padding:0;margin:0}::selection{background:var(--accent);color:var(--on-accent)}.skip{position:absolute;left:-9999px;top:0;background:var(--fg);color:var(--bg);padding:12px 18px;border-radius:var(--radius-pill);z-index:999;font-family:var(--font-mono);font-size:12px}.skip:focus{left:16px;top:16px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.045em;line-height:.9;margin:0}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);opacity:.85}.tag__dot{width:7px;height:7px;background:var(--accent);border-radius:50%;display:inline-block}.pill{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid currentColor;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;font-weight:500;background:transparent}.pill--filled{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;font-size:15px;cursor:pointer;transition:transform .35s var(--ease),background .25s var(--ease),color .25s var(--ease);will-change:transform}.btn:hover{transform:translateY(-2px) scale(1.02)}.btn:active{transform:translateY(0) scale(.99)}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:var(--fg);color:var(--bg)}.btn--secondary{background:transparent;color:var(--fg);border:1.5px solid var(--fg)}.btn--secondary:hover{background:var(--fg);color:var(--bg)}.btn__arrow{display:inline-block;transform:rotate(-45deg);transition:transform .3s var(--ease)}.btn:hover .btn__arrow{transform:translate(3px,-3px) rotate(-45deg)}.mark{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-weight:800;letter-spacing:-.045em;line-height:.85;font-size:28px;color:var(--fg)}.mark__txt{display:inline-block}.mark__o{position:relative;display:inline-block;width:.78em;height:.78em;margin-left:-.04em;transform:translateY(.02em);background:var(--accent);border-radius:50%;animation:fv-pulse 2.4s ease-in-out infinite}.mark__o-inner{position:absolute;left:50%;top:50%;width:38%;height:38%;background:var(--bg);border-radius:50%;transform:translate(-50%,-50%)}.mark--xl{font-size:clamp(80px,16vw,220px)}.mark--xl .mark__o-inner{background:var(--bg)}@keyframes fv-pulse{0%,to{transform:translateY(.02em) scale(1);opacity:1}50%{transform:translateY(.02em) scale(.94);opacity:.85}}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.is-revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.marquee__track,.mark__o{animation:none!important}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);background:color-mix(in oklab,var(--bg) 70%,transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid transparent;transition:border-color .35s var(--ease),background .25s var(--ease)}.nav--scrolled{border-bottom-color:color-mix(in oklab,var(--fg) 10%,transparent);background:color-mix(in oklab,var(--bg) 92%,transparent)}.nav[data-theme=alt]{background:color-mix(in oklab,#dcd5cd 70%,transparent)}.nav[data-theme=alt].nav--scrolled{background:color-mix(in oklab,#dcd5cd 92%,transparent)}.nav[data-theme=alt] .mark__o-inner{background:#dcd5cd}.nav[data-theme=soft]{background:color-mix(in oklab,#e8e3de 70%,transparent)}.nav[data-theme=soft].nav--scrolled{background:color-mix(in oklab,#e8e3de 92%,transparent)}.nav[data-theme=soft] .mark__o-inner{background:#e8e3de}.nav[data-theme=ink]{background:color-mix(in oklab,#162a39 70%,transparent);color:var(--bg);border-bottom-color:transparent}.nav[data-theme=ink].nav--scrolled{background:color-mix(in oklab,#162a39 92%,transparent);border-bottom-color:color-mix(in oklab,var(--bg) 14%,transparent)}.nav[data-theme=ink] .mark{color:var(--bg)}.nav[data-theme=ink] .mark__o-inner{background:#162a39}.nav[data-theme=ink] .nav__toggle span{background:var(--bg)}.nav__inner{width:var(--shell);height:100%;margin:0 auto;position:relative}.nav__brand{position:absolute;left:0;top:50%;display:inline-flex;transform:translateY(-50%)}.nav__links{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:32px;font-size:15px;font-weight:500}.nav__links a{position:relative;padding:6px 2px;transition:color .2s var(--ease)}.nav__links a:after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .3s var(--ease)}.nav__links a:hover:after{transform:scaleX(1)}.nav__meta{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:18px}.nav__meta .mono{opacity:.7}.nav__toggle{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:6px}.nav__toggle span{display:block;width:22px;height:1.5px;background:var(--fg);transition:transform .4s var(--ease-soft)}.nav__toggle[aria-expanded=true] span:nth-child(1){transform:translateY(3.75px) rotate(45deg)}.nav__toggle[aria-expanded=true] span:nth-child(2){transform:translateY(-3.75px) rotate(-45deg)}.nav__mobile{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--bg);display:flex;flex-direction:column;gap:4px;padding:8px 24px 24px;z-index:49;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .35s var(--ease-soft) .26s,transform .4s var(--ease-soft) .26s,visibility 0s linear .66s}.nav__mobile.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s var(--ease-soft) 0s,transform .4s var(--ease-soft) 0s,visibility 0s linear 0s}.nav__mobile a{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.02em;padding:10px 0;border-bottom:1px solid color-mix(in oklab,var(--fg) 8%,transparent);opacity:0;transform:translateY(-6px);transition:opacity .35s var(--ease-soft),transform .45s var(--ease-soft)}.nav__mobile a:nth-child(1){transition-delay:.22s}.nav__mobile a:nth-child(2){transition-delay:.17s}.nav__mobile a:nth-child(3){transition-delay:.12s}.nav__mobile a:nth-child(4){transition-delay:60ms}.nav__mobile a:nth-child(5){transition-delay:0ms}.nav__mobile.is-open a{opacity:1;transform:translateY(0)}.nav__mobile.is-open a:nth-child(1){transition-delay:90ms}.nav__mobile.is-open a:nth-child(2){transition-delay:.14s}.nav__mobile.is-open a:nth-child(3){transition-delay:.19s}.nav__mobile.is-open a:nth-child(4){transition-delay:.24s}.nav__mobile.is-open a:nth-child(5){transition-delay:.31s}.nav__mobile-mail{font-size:12px;padding-top:12px;opacity:.7;text-transform:lowercase;border-bottom:0}.nav__mobile.is-open a.nav__mobile-mail{opacity:.7}@media(prefers-reduced-motion:reduce){.nav__mobile,.nav__mobile a{transition:opacity .15s linear;transform:none!important}}.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.hero__inner{flex:1;width:var(--shell);margin:0 auto;padding:calc(var(--nav-h) + clamp(8px,1.4vw,18px)) 0 clamp(14px,1.6vw,22px);display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,3vw,44px)}.hero__top{display:flex;justify-content:space-between;align-items:center;gap:16px}.hero__main{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,30%,360px);gap:clamp(24px,4vw,56px);align-items:start}.hero__left{display:flex;flex-direction:column;gap:70px}.hero__aside{display:flex;flex-direction:column;gap:22px}@media(min-width:769px){.hero__aside{align-self:center}}.hero__card{display:block;border-radius:14px;padding:16px 20px;text-decoration:none;color:inherit;transform:rotate(var(--tilt, 0deg));transition:transform .35s var(--ease),box-shadow .25s var(--ease)}.hero__aside>.hero__card:nth-child(1){--tilt: -1.4deg}.hero__aside>.hero__card:nth-child(2){--tilt: 1.2deg}.hero__aside>.hero__card:nth-child(3){--tilt: -1deg}a.hero__card:hover{transform:rotate(var(--tilt, 0deg)) translateY(-2px)}.hero__card-label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin:0 0 10px}.hero__card--studio{background:#162a39;color:#fff}.hero__card--studio .hero__card-label{opacity:.55}.hero__card-quote{font-size:15px;line-height:1.45;font-weight:500;margin:0;opacity:.92}.hero__card--avail{background:var(--accent);color:#fff}.hero__card--avail .hero__card-label{opacity:.85}.hero__card-headline{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2vw,26px);line-height:1.05;letter-spacing:-.02em;margin:0 0 12px}.hero__card-cta{display:inline-block;font-size:13px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:1px}.hero__card--recent{background:transparent;border:1.5px dashed color-mix(in oklab,var(--fg) 28%,transparent)}.hero__card-title{font-weight:700;font-size:18px;margin:0 0 4px}.hero__card-meta{font-size:12px;opacity:.6;margin:0}.hero__sub{font-size:clamp(48px,6.8vw,108px);line-height:.92;letter-spacing:-.04em;margin:0}.hero__sub-line{display:block}.hero__sub-line+.hero__sub-line{margin-top:.04em}.hero__sub-line--cycle{display:flex;align-items:center;gap:clamp(12px,1.6vw,22px);flex-wrap:wrap}.hero__dot{display:inline-block;width:.82em;height:.82em;border-radius:50%;background:var(--accent);flex-shrink:0}.hero__cycle{display:inline-block;color:var(--accent);font-style:italic;transition:opacity .3s var(--ease),transform .3s var(--ease);will-change:opacity,transform}.hero__cycle.is-out{opacity:0;transform:translateY(.12em)}@media(prefers-reduced-motion:reduce){.hero__cycle,.hero__cycle.is-out{transition:none;transform:none;opacity:1}}.hero__bottom{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);align-items:flex-start}.hero__lede{font-size:clamp(16px,1.3vw,19px);line-height:1.5;margin:0;max-width:44ch;opacity:.92}.hero__lede strong{font-weight:600}.hero__cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-start}.hero__mail{font-size:11px;letter-spacing:.08em;opacity:.65;text-transform:lowercase;transition:opacity .2s,color .2s}.hero__mail:hover{color:var(--accent);opacity:1}.hl{position:relative;display:inline-block;isolation:isolate}.hl__bg{position:absolute;inset:-.04em -.06em -.07em;background:var(--accent);border-radius:10px;z-index:-1}.hl__text{position:relative;color:var(--bg);padding:0 .06em}.hl--small .hl__bg{border-radius:6px}.marquee{background:#162a39;color:#fff;padding:14px 0;display:flex;white-space:nowrap;overflow:hidden;border-top:1px solid color-mix(in oklab,#fff 12%,transparent);border-bottom:1px solid color-mix(in oklab,#fff 12%,transparent)}.marquee__track{display:inline-flex;gap:0;animation:fv-marquee 28s linear infinite;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em}.marquee__group{display:inline-flex;align-items:center;gap:28px;padding-right:28px}.marquee__star{color:var(--accent);opacity:1}@keyframes fv-marquee{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}.section__head{width:var(--shell);margin:0 auto;padding-top:var(--space-9);padding-bottom:var(--space-7);display:flex;flex-direction:column;gap:28px}.section__head--alt{padding-bottom:var(--space-6)}.section__title{font-size:clamp(40px,6.5vw,88px);letter-spacing:-.04em}.section__title em{font-style:italic;font-family:Bricolage Grotesque,serif;font-weight:700;color:var(--accent)}.over{width:var(--shell);margin:0 auto;padding-bottom:var(--space-9)}.over .section__head{padding:var(--space-9) 0 var(--space-6);width:100%}.over__grid{display:grid;grid-template-columns:2fr 1fr;column-gap:clamp(24px,4vw,64px);align-items:start}.over__text{display:flex;flex-direction:column;gap:clamp(24px,2.6vw,36px)}.over__lead{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.4vw,32px);line-height:1.25;letter-spacing:-.02em;margin:0;color:var(--fg);max-width:38ch}.over__lead strong{font-weight:700}.over__col{max-width:60ch;font-size:17px;line-height:1.6}.over__col p{margin:0 0 18px}.over__col p:last-child{margin:0}.over__portrait{display:flex;flex-direction:column;gap:12px;margin:clamp(-160px,-8vw,-80px) 0 0;align-self:start}.over__portrait svg{border-radius:var(--radius-md);overflow:hidden}.over__portrait figcaption{font-size:10px;opacity:.6;text-align:right}.over__photos{position:relative;width:100%;aspect-ratio:4 / 5}.over__photo{position:absolute;width:70%;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 18px 40px #00000059,0 2px 6px #00000040;transition:transform .45s var(--ease),box-shadow .35s var(--ease);background:#1f3447}.over__photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1}.over__photo-tag{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:var(--radius-pill);background:color-mix(in oklab,#0c1822 80%,transparent);color:var(--bg);font-size:10px;letter-spacing:.08em;backdrop-filter:blur(6px)}.over__photo--didier{top:0;left:0;transform:rotate(-3deg);z-index:1}.over__photo--donna{bottom:0;right:0;transform:rotate(3deg);z-index:2}.over__photo:hover{transform:rotate(0) scale(1.03);box-shadow:0 28px 56px #00000073,0 2px 6px #00000040;z-index:3}.over__photos-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent);top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px color-mix(in oklab,var(--accent) 18%,transparent)}.diensten{width:var(--shell);margin:0 auto}.diensten .section__head{width:100%}.diensten__lede{font-size:clamp(15px,1.2vw,17px);line-height:1.55;max-width:52ch;margin:4px 0 0;opacity:.8}.services{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:18px;padding-bottom:var(--space-7)}.svc--1{grid-row:span 2}.svc{position:relative;background:var(--bg-alt);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:18px;min-height:320px;transition:transform .35s var(--ease);overflow:hidden;isolation:isolate}.svc:hover{transform:translateY(-4px)}.svc--1{background:var(--fg);color:var(--bg);padding:32px;gap:22px}.svc--1 .svc__num{color:var(--accent)}.svc--2{background:var(--bg)}.svc--3{background:var(--accent);color:var(--on-accent)}.svc--3 .svc__num{color:var(--fg)}.svc__num{font-weight:700;font-size:11px;letter-spacing:.08em;opacity:.6}.svc--1 .svc__num,.svc--3 .svc__num{opacity:1}.svc__head{margin-top:clamp(36px,5vw,64px)}.svc--1 .svc__head{margin-top:clamp(48px,7vw,96px)}.svc__title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,2.6vw,38px);letter-spacing:-.035em;line-height:.95;margin:0}.svc--1 .svc__title{font-size:clamp(48px,5.6vw,84px)}.svc__sub{font-style:italic;font-family:var(--font-display);font-weight:500;font-size:clamp(15px,1.3vw,18px);margin:8px 0 0;opacity:.85}.svc--1 .svc__sub{font-size:clamp(18px,1.7vw,22px)}.svc__body{font-size:14px;line-height:1.6;margin:0;opacity:.9;max-width:38ch}.svc--1 .svc__body{font-size:15px;max-width:40ch}.svc__deco{position:absolute;right:-36px;bottom:-28px;width:clamp(180px,22vw,260px);height:auto;z-index:-1;opacity:.95;pointer-events:none}.svc__foot{margin-top:auto;padding-top:16px;border-top:1px solid color-mix(in oklab,currentColor 18%,transparent)}.svc__label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;opacity:.55}.svc__list{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.01em}.svc__list li{display:flex;align-items:center;gap:8px;padding:0;border:0}.svc__list li:before{content:"→";color:var(--accent);font-family:var(--font-mono);font-size:13px;flex:none}.svc--3 .svc__list li:before{color:var(--bg)}.svc__arrow{position:absolute;top:24px;right:28px;font-size:22px;opacity:.4;transition:transform .35s var(--ease),opacity .25s}.svc:hover .svc__arrow{transform:translate(6px,-6px);opacity:1}.services__foot{border-top:1px solid color-mix(in oklab,var(--fg) 16%,transparent);padding:var(--space-6) 0 var(--space-9);display:flex;flex-direction:column;gap:24px;align-items:flex-start}.services__note{font-size:clamp(15px,1.3vw,18px);line-height:1.55;max-width:64ch;margin:0}.services__note strong{font-weight:700}.werk{width:var(--shell);margin:0 auto}.werk .section__head{width:100%}.werk__slider{position:relative;padding-bottom:24px}.werk__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}.werk__track::-webkit-scrollbar{display:none}.werk__track:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:var(--radius-md)}.werk__card{flex:0 0 calc((100% - 36px) / 3);scroll-snap-align:start;display:flex;flex-direction:column;gap:16px;transition:transform .35s var(--ease)}.werk__card:hover{transform:translateY(-3px)}.werk__viz{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 10;background:var(--card-bg, var(--bg-alt));isolation:isolate}.werk__viz svg{display:block;width:100%;height:100%}.werk__viz-cover,.werk__viz-shot{position:absolute;inset:0;transition:opacity .55s var(--ease-soft),transform .7s var(--ease-soft),filter .55s var(--ease-soft);will-change:opacity,transform}.werk__viz-cover{opacity:1;transform:scale(1);z-index:1}.werk__viz-shot{opacity:0;transform:scale(1.04);filter:saturate(.92) brightness(.98);z-index:2;background:var(--card-bg, var(--bg-alt))}.werk__viz-shot svg,.werk__viz-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.werk__viz-peek{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 8px;font-size:9.5px;letter-spacing:.08em;background:color-mix(in oklab,var(--card-ink, var(--fg)) 78%,transparent);color:color-mix(in oklab,var(--card-bg, var(--bg)) 95%,transparent);border-radius:var(--radius-pill);text-decoration:none;opacity:0;transform:translateY(4px);transition:opacity .35s var(--ease),transform .35s var(--ease),background .2s var(--ease);pointer-events:none}.werk__card:hover .werk__viz-peek,.werk__card:focus-within .werk__viz-peek{pointer-events:auto}.werk__viz-peek:hover{background:var(--card-ink, var(--fg))}.werk__viz-peek:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--card-accent, var(--accent));box-shadow:0 0 0 0 currentColor;animation:werk-peek-pulse 1.8s ease-in-out infinite}.werk__card:hover .werk__viz-cover,.werk__card:focus-within .werk__viz-cover{opacity:0;transform:scale(.98)}.werk__card:hover .werk__viz-shot,.werk__card:focus-within .werk__viz-shot{opacity:1;transform:scale(1);filter:none}.werk__card:hover .werk__viz-peek,.werk__card:focus-within .werk__viz-peek{opacity:1;transform:translateY(0)}@keyframes werk-peek-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.werk__viz-cover,.werk__viz-shot,.werk__viz-peek{transition:opacity .2s linear;transform:none!important;filter:none!important}.werk__viz-peek:before{animation:none}}.werk__meta{display:flex;flex-direction:column;gap:6px;padding:0 4px}.werk__year{font-size:10px;opacity:.6}.werk__title{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;line-height:1.05;margin:0}.werk__desc{font-size:14px;opacity:.75;margin:0;max-width:36ch}.werk__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.werk__nav{display:flex;align-items:center;justify-content:space-between;margin-top:28px;gap:16px}.werk__count{font-size:12px;letter-spacing:.04em;opacity:.7}.werk__count [data-current]{color:var(--accent)}.werk__arrows{display:flex;gap:10px}.werk__btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid color-mix(in oklab,currentColor 30%,transparent);background:transparent;font-size:16px;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}.werk__btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg);transform:translateY(-1px)}.werk__btn[disabled]{opacity:.35;pointer-events:none}.werk__more{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding-bottom:var(--space-9);font-size:12px;opacity:.7;text-transform:none;letter-spacing:.02em;transition:opacity .2s,gap .25s var(--ease)}.werk__more:hover{opacity:1;gap:14px;color:var(--accent)}.aanpak{width:var(--shell);margin:0 auto}.aanpak .section__head{width:100%}.timeline{display:flex;flex-direction:column;padding-bottom:var(--space-9)}.step{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:28px 0;border-top:1px solid color-mix(in oklab,var(--fg) 14%,transparent);align-items:start}.step:last-child{border-bottom:1px solid color-mix(in oklab,var(--fg) 14%,transparent)}.step__num{font-size:13px;font-weight:700;color:var(--accent);padding-top:6px}.step__body{display:flex;flex-direction:column;gap:8px;max-width:60ch}.step__body h3{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3vw,40px);letter-spacing:-.025em;line-height:1;margin:0}.step__body p{margin:0;font-size:16px;line-height:1.55;opacity:.9}.step__time{font-size:10px;opacity:.6;margin-top:4px}.onderhoud{width:var(--shell);margin:0 auto}.onderhoud .section__head{width:100%}.onderhoud__lede{font-size:clamp(15px,1.2vw,17px);line-height:1.55;max-width:56ch;margin:4px 0 0;opacity:.85}.pakketten{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:var(--space-7);align-items:stretch}.pakket{position:relative;background:var(--bg);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:22px;transition:transform .35s var(--ease);isolation:isolate}.pakket:hover{transform:translateY(-4px)}.pakket--featured{background:var(--fg);color:var(--bg)}.pakket--featured .pakket__num{color:var(--accent)}.pakket__badge{position:absolute;top:-10px;left:22px;background:var(--accent);color:var(--on-accent);padding:5px 10px;border-radius:var(--radius-pill);font-size:10px;letter-spacing:.08em}.pakket__head{display:flex;flex-direction:column;gap:6px}.pakket__num{font-weight:700;font-size:11px;letter-spacing:.08em;opacity:.6}.pakket--featured .pakket__num{opacity:1}.pakket__name{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,3.6vw,48px);letter-spacing:-.035em;line-height:.95;margin:8px 0 0}.pakket__sub{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(14px,1.2vw,16px);margin:4px 0 0;opacity:.85;max-width:28ch}.pakket__price{display:flex;align-items:baseline;gap:8px;padding-bottom:16px;border-bottom:1px solid color-mix(in oklab,currentColor 18%,transparent)}.pakket__amount{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,4.4vw,56px);letter-spacing:-.04em;line-height:1}.pakket--featured .pakket__amount{color:var(--accent)}.pakket__period{font-size:11px;opacity:.65}.pakket__hours{display:flex;flex-direction:column;gap:2px}.pakket__hours-num{font-family:var(--font-display);font-weight:600;font-size:clamp(20px,1.8vw,24px);letter-spacing:-.02em}.pakket__hours-label{font-size:10px;letter-spacing:.08em;opacity:.6}.pakket__body{font-size:14px;line-height:1.6;margin:0;opacity:.9;max-width:32ch}.pakket__foot{margin-top:auto;padding-top:16px;border-top:1px solid color-mix(in oklab,currentColor 18%,transparent)}.pakket__label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;opacity:.55}.pakket__list{display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.01em}.pakket__list li{display:flex;align-items:flex-start;gap:10px;padding:0}.pakket__list li:before{content:"→";color:var(--accent);font-family:var(--font-mono);font-size:13px;flex:none;margin-top:-1px}.pakket--featured .pakket__list li:before{color:var(--accent)}.pakket__cta{margin-top:8px;align-self:flex-start}.onderhoud__foot{border-top:1px solid color-mix(in oklab,var(--fg) 16%,transparent);padding:var(--space-6) 0 var(--space-9);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}.onderhoud__note p{font-size:clamp(14px,1.1vw,16px);line-height:1.55;max-width:60ch;margin:0 0 10px}.onderhoud__note strong{font-weight:700}.onderhoud__note p.onderhoud__fine{font-size:10px;line-height:1.5;letter-spacing:.02em;text-transform:none;opacity:.55;margin-top:6px}.onderhoud__fine a{color:inherit;text-decoration:underline;text-underline-offset:3px}.onderhoud__fine a:hover{color:var(--accent)}.contact{width:var(--shell);margin:0 auto;padding:var(--space-9) 0}.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:start}.contact__title{font-size:clamp(48px,7vw,104px);margin-top:22px;line-height:.9}.contact__lede{font-size:17px;line-height:1.55;margin:28px 0 0;max-width:36ch;opacity:.9}.contact__meta{display:flex;flex-direction:column;gap:10px;margin-top:36px;font-size:11px}.contact__meta li{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:8px 0;border-top:1px solid color-mix(in oklab,var(--fg) 12%,transparent)}.contact__meta li>span:first-child{opacity:.5}.contact__meta a:hover{color:var(--accent)}.form{display:flex;flex-direction:column;gap:28px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:10px;opacity:.7}.field__line{display:flex;align-items:center;gap:10px;border-bottom:2px solid color-mix(in oklab,var(--fg) 30%,transparent);padding:6px 0;transition:border-color .25s var(--ease)}.field__line:focus-within{border-bottom-color:var(--accent)}.field__line input,.field__line textarea{flex:1;border:0;outline:0;background:transparent;font-family:var(--font-sans);font-size:18px;color:var(--fg);padding:4px 0;resize:none}.field__line input::placeholder,.field__line textarea::placeholder{color:color-mix(in oklab,var(--fg) 40%,transparent)}.field__line--area{align-items:flex-start}.field__err{min-height:14px;font-family:var(--font-mono);font-size:11px;color:var(--accent)}.form__foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.form__hint{font-size:10px;opacity:.55;text-transform:none;letter-spacing:.04em}.form__status:empty{display:none}.form__status{font-family:var(--font-mono);font-size:12px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-alt);color:var(--fg)}.form__status[data-state=success]{background:var(--accent);color:var(--on-accent)}.form__status[data-state=error]{border:1.5px solid var(--accent);background:transparent}.werk,.diensten,.onderhoud,.aanpak,.over{position:relative;isolation:isolate}.werk:before,.diensten:before,.onderhoud:before,.aanpak:before,.over:before{content:"";position:absolute;inset:0;margin-left:calc(50% - 50vw);width:100vw;z-index:-1;pointer-events:none}.werk:before{background:#dcd5cd}.diensten:before{background:#e8e3de}.onderhoud:before{background:#dcd5cd}.svc--2{background:#dcd5cd}.aanpak:before{background:#162a39}.aanpak{color:var(--bg)}.aanpak .section__title em{color:var(--accent)}.aanpak .tag{color:var(--bg);opacity:.7}.aanpak .step{border-top-color:color-mix(in oklab,var(--bg) 18%,transparent)}.aanpak .step:last-child{border-bottom-color:color-mix(in oklab,var(--bg) 18%,transparent)}.aanpak .step__num{color:var(--accent)}.over:before{background:#162a39}.over{--fg: #e9e4e0;--bg-alt: #2a3f4e;color:var(--bg)}.over .section__title em{color:var(--accent)}.over .tag{color:var(--bg);opacity:.7}.over__lead{color:var(--bg)}.footer{background:var(--fg);color:var(--bg);margin-top:var(--space-9)}.footer__top{width:var(--shell);margin:0 auto;padding:var(--space-8) 0 var(--space-6);display:flex;flex-direction:column;gap:14px}.footer__mark .mark{color:var(--bg)}.footer__mark .mark__o-inner{background:var(--fg)}.footer__tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;opacity:.6;margin:0}.footer__grid{width:var(--shell);margin:0 auto;padding:var(--space-7) 0 var(--space-8);display:grid;grid-template-columns:repeat(4,1fr);gap:32px;border-top:1px solid color-mix(in oklab,var(--bg) 18%,transparent)}.footer__col__toggle{appearance:none;background:none;border:0;padding:0;margin:0;color:inherit;cursor:default;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-weight:500}.footer__col__label{font-size:11px;letter-spacing:.06em;opacity:.6;margin:0 0 16px;font-weight:500}.footer__col__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.footer__col__icon{display:none;position:relative;width:12px;height:12px;flex:none}.footer__col__icon:before,.footer__col__icon:after{content:"";position:absolute;top:50%;left:50%;background:currentColor;transition:transform .3s var(--ease),opacity .25s}.footer__col__icon:before{width:10px;height:1.5px;transform:translate(-50%,-50%)}.footer__col__icon:after{width:1.5px;height:10px;transform:translate(-50%,-50%)}.footer__col__toggle[aria-expanded=true] .footer__col__icon:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.footer__col__body{margin-top:16px}.footer__col ul{display:flex;flex-direction:column;gap:8px;font-size:14px}.footer__col a{transition:color .2s}.footer__col a:hover{color:var(--accent)}.footer__col ul a{display:inline-block;position:relative;transition:color .2s,transform .25s ease}.footer__col ul a:before{content:"→";position:absolute;left:-1.2em;opacity:0;transform:translate(-4px);transition:opacity .25s ease,transform .25s ease}.footer__col ul a:hover{transform:translate(1.2em)}.footer__col ul a:hover:before{opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){.footer__col ul a,.footer__col ul a:before{transition:none}.footer__col ul a:hover{transform:none}}.footer__col--meta p{font-size:10px;opacity:.6;margin:0 0 8px;letter-spacing:.04em;text-transform:none}.footer__col--meta a{text-decoration:underline;opacity:.7}.error{height:100vh;height:100dvh;overflow:hidden;position:relative;padding-top:var(--nav-h)}.error__quadrants{position:absolute;inset:var(--nav-h) 0 0 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.q{position:relative;display:flex;overflow:hidden;padding:0 clamp(16px,3vw,48px);text-decoration:none;color:inherit;cursor:pointer}.q__label{font-family:var(--font-display);font-weight:800;letter-spacing:-.055em;line-height:.85;font-size:clamp(120px,22vw,320px);margin:0;user-select:none;white-space:nowrap;transition:transform .6s var(--ease),opacity .25s var(--ease);will-change:transform}.q--werk{background:var(--accent);color:color-mix(in oklab,var(--on-accent) 92%,var(--accent-dark));align-items:flex-end;justify-content:flex-start}.q--diensten{background:var(--bg-alt);color:color-mix(in oklab,var(--fg) 30%,var(--bg-alt));align-items:flex-end;justify-content:flex-end}.q--over{background:var(--fg);color:color-mix(in oklab,var(--bg) 24%,var(--fg));align-items:flex-start;justify-content:flex-start}.q--contact{background:var(--muted);color:color-mix(in oklab,var(--bg) 28%,var(--muted));align-items:flex-start;justify-content:flex-end}.q--werk .q__label,.q--diensten .q__label{transform:translateY(28%)}.q--over .q__label,.q--contact .q__label{transform:translateY(-28%)}.q:hover .q__label{opacity:.85}.q--werk:hover .q__label,.q--diensten:hover .q__label{transform:translateY(22%)}.q--over:hover .q__label,.q--contact:hover .q__label{transform:translateY(-22%)}.q:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}.error__card{position:absolute;left:50%;top:calc(50% + var(--nav-h) / 2);transform:translate(-50%,-50%);z-index:10;width:min(560px,calc(100% - 32px));background:var(--bg);border-radius:var(--radius-lg);padding:clamp(28px,4vw,48px);box-shadow:0 30px 60px -20px color-mix(in oklab,var(--fg) 40%,transparent);display:flex;flex-direction:column;gap:20px;border:1px solid color-mix(in oklab,var(--fg) 8%,transparent)}.error__eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.error__eyebrow:before{content:"";width:22px;height:1.5px;background:var(--fg);display:inline-block;opacity:.6}.error__title{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,4.5vw,56px);letter-spacing:-.035em;line-height:.98;margin:0}.error__title em{font-style:italic;color:var(--accent);font-weight:700}.error__body{font-size:17px;line-height:1.5;margin:0;opacity:.9}.error__nav{display:flex;flex-wrap:wrap;gap:22px 26px;margin:8px 0 4px}.error__nav a{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:500;border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:color .2s,transform .25s var(--ease)}.error__nav a:hover{color:var(--accent);transform:translateY(-2px)}.error__cta{width:100%;justify-content:space-between;padding:16px 22px;font-size:16px}.error__cta .btn__arrow{transform:rotate(0)}.error__cta:hover .btn__arrow{transform:translate(4px)}@media(max-width:1024px){.werk__card{flex:0 0 calc((100% - 18px)/2)}.footer__grid{grid-template-columns:repeat(2,1fr);gap:32px}.pakket{padding:24px}.pakket__name{font-size:clamp(28px,4vw,36px)}.pakket__amount{font-size:clamp(36px,5vw,44px)}}@media(max-width:768px){:root{--shell: calc(100% - 32px) ;--nav-h: 60px}body{font-size:16px}.nav__links,.nav__meta .mono{display:none}.nav__toggle{display:flex}.hero__sub{font-size:clamp(48px,11vw,84px)}.hero__main{grid-template-columns:1fr;gap:28px}.hero__aside{display:none}.hero__bottom{grid-template-columns:1fr;gap:20px}.hero__cta{justify-content:flex-start}.marquee__track{font-size:18px}.section__head{padding-top:var(--space-8);padding-bottom:var(--space-6)}.section__title{font-size:clamp(36px,9vw,56px)}.over__grid{grid-template-columns:1fr;row-gap:24px}.over__text,.over__portrait{grid-column:1;grid-row:auto}.over__lead{max-width:none}.over__portrait{order:-1;align-self:stretch;margin:0}.over__portrait figcaption{text-align:right}.over__photos{aspect-ratio:auto;display:flex;justify-content:center;align-items:center;gap:14px;padding:8px 4px 4px}.over__photo{position:relative;width:auto;flex:1 1 0;max-width:220px}.over__photo--didier{top:auto;left:auto;transform:rotate(-3deg) translateY(-6px)}.over__photo--donna{bottom:auto;right:auto;transform:rotate(3deg) translateY(6px)}.over__photos-dot{display:none}.services{grid-template-columns:1fr}.svc,.svc--1,.svc--3{grid-column:1;grid-row:auto;min-height:280px}.svc__list{grid-template-columns:1fr}.svc__title{font-size:clamp(48px,5.6vw,84px)}.svc__sub{font-size:clamp(18px,1.7vw,22px)}.pakketten{grid-template-columns:1fr}.pakket{padding:24px}.onderhoud__foot{grid-template-columns:1fr;gap:20px;align-items:start}.werk__card{flex:0 0 86%}.werk__nav{margin-top:20px}.step{grid-template-columns:60px 1fr;gap:14px;padding:22px 0}.contact__grid{grid-template-columns:1fr}.contact__meta li{grid-template-columns:80px 1fr}.footer__top{padding-top:var(--space-7)}.mark--xl{font-size:clamp(72px,28vw,140px)}.footer__grid{grid-template-columns:1fr;gap:0;padding-top:0;padding-bottom:var(--space-7);border-top:0}.footer__col{border-top:1px solid color-mix(in oklab,var(--bg) 18%,transparent)}.footer__col:last-child{border-bottom:1px solid color-mix(in oklab,var(--bg) 18%,transparent)}.footer__col__toggle{padding:16px 0;cursor:pointer}.footer__col__icon{display:block}.footer__col__body{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .35s var(--ease)}.footer__col__toggle[aria-expanded=true]+.footer__col__body{grid-template-rows:1fr}.footer__col__inner{overflow:hidden}.footer__col__toggle[aria-expanded=true]+.footer__col__body .footer__col__inner{padding-bottom:16px}.footer__col--meta{padding:16px 0}.footer__col--meta .footer__col__label{margin:0 0 12px}@media(prefers-reduced-motion:reduce){.footer__col__body{transition:none}}.q__label{font-size:clamp(64px,22vw,120px)}.error__card{padding:24px;gap:16px}.error__nav{gap:14px 18px}}@media(max-width:480px){.hero__cta{gap:12px}}.page--legal .nav,.page--legal .nav.nav--scrolled{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:color-mix(in oklab,var(--fg) 10%,transparent)}.legal{width:var(--shell);margin:0 auto;padding:calc(var(--nav-h) + var(--space-7)) 0 var(--space-9)}.legal__head{display:flex;flex-direction:column;gap:18px;padding:var(--space-7) 0 var(--space-6);border-bottom:1px solid color-mix(in oklab,var(--fg) 12%,transparent);margin-bottom:var(--space-7)}.legal__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.legal__title{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,6.5vw,88px);letter-spacing:-.04em;line-height:.95;margin:0}.legal__title em{font-style:italic;color:var(--accent);font-weight:700}.legal__meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.legal__toc{max-width:70ch;padding:0 0 var(--space-6);margin-bottom:var(--space-5);border-bottom:1px solid color-mix(in oklab,var(--fg) 8%,transparent)}.legal__toc-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.legal__toc ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 24px;counter-reset:toc;list-style:none;padding:0;margin:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.legal__toc li{counter-increment:toc}.legal__toc li:before{content:counter(toc,decimal-leading-zero) " ";opacity:.4;margin-right:8px}.legal__toc a{color:var(--fg)}.legal__toc a:hover{color:var(--accent)}.legal__body{max-width:70ch;font-size:17px;line-height:1.65}.legal__body h2{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;line-height:1.15;margin:var(--space-7) 0 var(--space-3);scroll-margin-top:calc(var(--nav-h) + 24px)}.legal__body h2:first-child{margin-top:0}.legal__body h3{font-family:var(--font-sans);font-weight:600;font-size:18px;margin:var(--space-5) 0 var(--space-2)}.legal__body p{margin:0 0 var(--space-4)}.legal__body ul,.legal__body ol{margin:0 0 var(--space-4);padding-left:22px}.legal__body ul{list-style:disc}.legal__body ol{list-style:decimal}.legal__body li{margin-bottom:8px}.legal__body li::marker{color:var(--accent)}.legal__body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.legal__body a:hover{color:var(--accent-dark)}.legal__body strong{font-weight:600}.legal__body hr{border:0;height:1px;background:color-mix(in oklab,var(--fg) 10%,transparent);margin:var(--space-6) 0}.legal__card{margin:var(--space-6) 0 0;padding:var(--space-5);background:var(--bg-alt);border-radius:var(--radius-md);font-size:15px;line-height:1.6}.legal__card strong{display:block;font-size:16px;margin-bottom:10px;letter-spacing:-.01em}.legal__card p{margin:0 0 6px}.legal__card p:last-child{margin:0}.legal__card a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}@media(max-width:768px){.legal{padding-top:calc(var(--nav-h) + var(--space-5));padding-bottom:var(--space-8)}.legal__head{padding-top:var(--space-5);margin-bottom:var(--space-6)}.legal__body{font-size:16px;line-height:1.6}.legal__body h2{margin-top:var(--space-6)}.legal__toc ol{grid-template-columns:1fr}}