:root{
  --bg:#f5f3ef; --surface:#ffffff; --sunk:#ece8e1;
  --ink:#23262b; --muted:#5d5f62; --line:#dcd6cc;
  --oak:#b98a5a; --oak-deep:#7a5634;
  --accent:#9a6634; --accent-ink:#ffffff;
  --band:#3a3e43; --band-ink:#f3f1ee; --band-muted:#c3c1bd; --wood-on-band:#d4a574; --steel:#6b7076;
  --ph-bg:#fff3cf; --ph-ink:#6b4b00;
  --display:"Archivo",system-ui,"Segoe UI",Arial,sans-serif;
  --body:"Instrument Sans",system-ui,"Segoe UI",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --r:6px; --wrap:1180px; --gut:clamp(16px,4vw,40px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#17191c; --surface:#1f2226; --sunk:#25292e; --ink:#eeeae3; --muted:#a9a49c; --line:#353a40;
  --oak:#cf9f6d; --oak-deep:#e0b98f; --band:#0f1113; --band-ink:#f1ede6; --band-muted:#a9a49c;
  --accent:#c8945f; --accent-ink:#1b1c1e; --steel:#a9aeb4; --band:#26292d; --ph-bg:#3d3216; --ph-ink:#ffd978; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#17191c; --surface:#1f2226; --sunk:#25292e; --ink:#eeeae3; --muted:#a9a49c; --line:#353a40;
  --oak:#cf9f6d; --oak-deep:#e0b98f; --band:#0f1113; --band-ink:#f1ede6; --band-muted:#a9a49c;
  --accent:#c8945f; --accent-ink:#1b1c1e; --steel:#a9aeb4; --band:#26292d; --ph-bg:#3d3216; --ph-ink:#ffd978; color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(2.9rem,7.6vw,5.8rem);font-weight:700;font-stretch:72%;line-height:.96;letter-spacing:-.005em}
h2{font-size:clamp(2.1rem,4.4vw,3.5rem);font-weight:700;font-stretch:74%;line-height:1}
h3{font-stretch:88%}
h3{font-size:1.3rem;font-weight:700}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.narrow{max-width:68ch}
.stack{display:flex;flex-direction:column;gap:1rem}
.eyebrow{font:500 .74rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--oak-deep)}
.lead{font-size:1.2rem;color:var(--muted);max-width:60ch}
.muted{color:var(--muted)}
.ph{background:var(--ph-bg);color:var(--ph-ink);padding:.05em .4em;border-radius:3px;font:500 .9em var(--mono);white-space:nowrap}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--surface);padding:.5rem 1rem}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.4rem;border-radius:var(--r);font:700 1rem/1 var(--body);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn-accent{background:var(--accent);color:var(--accent-ink)}
.btn-line{border-color:currentColor;background:transparent;color:inherit}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}
.more{font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;gap:1.5rem;min-height:72px}
.logo{display:flex;flex-direction:column;text-decoration:none;line-height:1;margin-right:auto}
.logo b{font:900 1.35rem/1 var(--display);font-stretch:125%;letter-spacing:.01em}
.logo b{color:var(--steel)}.logo b i{font-style:normal;color:var(--oak)}.logo b em{font-style:normal;color:var(--oak)}
.logo span{font:500 .68rem/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}
.nav{display:flex;align-items:center;gap:1.4rem}
.nav a{text-decoration:none;font-weight:600;font-size:.98rem}
.nav a:hover,.nav a[aria-current="page"]{color:var(--oak-deep)}
.dd{position:relative}
.dd>button{all:unset;cursor:pointer;font-weight:600;font-size:.98rem}
.dd>button::after{content:" ▾";font-size:.7em}
.dd-menu{position:absolute;top:calc(100% + .8rem);left:-1rem;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.5rem;box-shadow:0 18px 40px -20px rgba(0,0,0,.35);display:none}
.dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{display:block}
.dd-menu a{display:block;padding:.55rem .75rem;border-radius:4px}
.dd-menu a:hover{background:var(--sunk)}
.burger{all:unset;display:none;cursor:pointer;width:44px;height:44px;place-items:center;border-radius:var(--r)}
.burger span{display:block;width:22px;height:2px;background:var(--ink);box-shadow:0 7px 0 var(--ink),0 -7px 0 var(--ink)}
.head-cta{min-height:44px;padding:.6rem 1rem}
@media (max-width:980px){
  .burger{display:grid;order:-1}
  .logo{margin-right:auto}
  .nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:.5rem var(--gut) 1.2rem;display:none;max-height:calc(100vh - 72px);overflow:auto}
  .nav.open{display:flex}
  .nav>a,.dd>button{padding:.85rem 0;border-bottom:1px solid var(--line);display:block}
  .dd-menu{position:static;display:block;border:0;box-shadow:none;padding:0 0 .5rem 1rem;background:none}
  .dd>button::after{content:""}
  .nav .nav-cta{display:none}
}
@media (min-width:981px){.head-cta-m{display:none}}
.hero{position:relative;overflow:hidden;background:var(--band);color:var(--band-ink)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:min(78vh,720px)}
.hero-copy{padding-block:clamp(3rem,8vw,6.5rem);padding-inline:var(--gut) clamp(1.5rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center;gap:1.4rem;max-width:calc(var(--wrap)/2 + 2rem);margin-left:auto;width:100%}
.hero-copy .eyebrow{color:var(--wood-on-band)}
.hero h1 em{font-style:normal;color:var(--wood-on-band)}
.hero-copy p{color:var(--band-muted);font-size:1.15rem;max-width:46ch}
.hero-copy .btn-line{color:var(--band-ink)}
.hero-img{position:relative;min-height:340px}
.hero-img .shot{position:absolute;inset:0;border-radius:0;aspect-ratio:auto;width:100%;height:100%;margin:0}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-img{min-height:0;height:auto;aspect-ratio:16/9;order:-1}.hero-copy{margin:0;max-width:none}}
.shot{margin:0;position:relative;background-size:cover;background-position:center;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;max-width:100%}
.shot figcaption,.shot .cap{position:absolute;left:.75rem;bottom:.75rem;right:.75rem;font:500 .74rem/1.35 var(--mono);color:#fff;background:rgba(20,20,20,.62);padding:.4rem .6rem;border-radius:4px;letter-spacing:.02em;width:fit-content;max-width:calc(100% - 1.5rem)}
.shot.wide{aspect-ratio:16/7}
.shot.tall{aspect-ratio:4/5}
.usp{border-bottom:1px solid var(--line);background:var(--surface)}
.usp ul{list-style:none;margin:0;padding-block:1.1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.usp li{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.97rem}
.usp li::before{content:"";flex:none;width:10px;height:10px;background:var(--accent);transform:rotate(45deg)}
@media (max-width:760px){.usp ul{grid-template-columns:1fr 1fr}}
.sec{padding-block:clamp(4.5rem,10vw,8.5rem)}
.sec-sunk{background:var(--sunk)}
.sec-band{background:var(--band);color:var(--band-ink)}
.sec-band .muted,.sec-band .lead{color:var(--band-muted)}
.sec-band .eyebrow{color:var(--wood-on-band)}
.sec-head{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:clamp(2.5rem,5vw,4rem);max-width:62ch}
.row-head{max-width:none;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 3rem}
.row-head>.stack{max-width:60ch}
.small{font-size:.85rem}
.floors{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem}
.floor{grid-column:span 2;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s}
.floor:hover{transform:translateY(-4px);border-color:var(--oak)}
.floor .shot{border-radius:0;aspect-ratio:16/9;transition:background-position 1.2s}
.floor:hover .shot{background-position:60% 40%}
.floor-body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.floor-body p{color:var(--muted)}
.floor-body .more{margin-top:auto;align-self:flex-start;padding-top:.6rem}
@media (max-width:860px){.floors{grid-template-columns:1fr 1fr}.floor{grid-column:span 1}}
@media (max-width:560px){.floors{grid-template-columns:1fr}}
.why{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem 2rem}
@media (max-width:1100px){.why{grid-template-columns:repeat(6,1fr)}.why>div{grid-column:span 2}.why>div:nth-child(n+4){grid-column:span 3}}
@media (max-width:640px){.why{grid-template-columns:1fr}.why>div,.why>div:nth-child(n+4){grid-column:auto}}
.why div{display:flex;flex-direction:column;gap:.5rem;border-top:2px solid var(--wood-on-band);padding-top:1rem}
.why p{color:var(--band-muted)}
.sec:not(.sec-band) .why p{color:var(--muted)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:0;counter-reset:s;border-top:1px solid var(--line)}
.steps li{counter-increment:s;padding:1.3rem 1rem 0 0;display:flex;flex-direction:column;gap:.4rem;position:relative}
.steps li::before{content:counter(s,decimal-leading-zero);font:500 .8rem var(--mono);color:var(--oak-deep);letter-spacing:.08em}
.steps li::after{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--accent);transform:rotate(45deg)}
.steps h3{font-size:1.05rem}
.steps p{font-size:.93rem;color:var(--muted)}
@media (max-width:980px){.steps{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--line);padding-left:1.4rem}
  .steps li{padding:0 0 1.4rem}.steps li::after{left:-1.68rem;top:.35rem}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.split>*{min-width:0}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.ticks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}
.ticks li{padding-left:1.6rem;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:.85rem;height:2px;background:var(--accent)}
.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.4rem}
.project{display:flex;flex-direction:column;gap:.7rem}
.project .meta{font:500 .78rem/1.4 var(--mono);color:var(--muted);letter-spacing:.03em}
.status{display:inline-block;font:600 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;background:var(--ph-bg);color:var(--ph-ink);padding:.35rem .5rem;border-radius:3px;width:fit-content}
.places{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.places a,.places span{display:inline-block;padding:.55rem 1rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:600;background:var(--surface)}
.places a:hover{border-color:var(--oak)}
.sec-band .places a,.sec-band .places span{background:transparent;border-color:#454a51}
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}
.review-slot{border:1.5px dashed var(--line);border-radius:var(--r);padding:1.4rem;display:flex;flex-direction:column;gap:.6rem;color:var(--muted);min-height:170px}
.faq{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:1.15rem 2.5rem 1.15rem 0;font:700 1.08rem/1.35 var(--body);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.2rem;top:.9rem;font:400 1.6rem/1 var(--display);color:var(--oak-deep)}
.faq details[open] summary::after{content:"–"}
.faq .ans{padding:0 0 1.3rem;color:var(--muted);max-width:70ch;display:flex;flex-direction:column;gap:.7rem}
.cta-band{background:var(--accent);color:var(--accent-ink)}
.cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:clamp(2.5rem,6vw,4rem)}
.cta-in h2{max-width:20ch}
.cta-in p{max-width:52ch;margin-top:.6rem}
.cta-band .btn-dark{background:var(--band);color:var(--band-ink)}
.cta-band .btn-line{border-color:currentColor}
.cta-band .btn-line{color:var(--accent-ink)}
.page-head{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}
.crumbs{font:500 .8rem var(--mono);color:var(--muted);display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem;list-style:none;padding:0}
.crumbs li:not(:last-child)::after{content:"/";margin-left:.4rem}
.crumbs a{text-decoration:none}
.page-head .split{align-items:end}
.prose{display:flex;flex-direction:column;gap:1rem;max-width:68ch}
.prose h2{margin-top:1.4rem}
.prose h3{margin-top:.8rem}
.cols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;display:flex;flex-direction:column;gap:.5rem}
.card p{color:var(--muted)}
.spec{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.2rem;font-size:.95rem;margin:0}
.spec dt{font:500 .78rem/1.8 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.spec dd{margin:0}
.related{display:flex;flex-wrap:wrap;gap:.6rem}
.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.2rem,3vw,2rem)}
.form .full{grid-column:1/-1}
.form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.95rem}
.form input,.form select,.form textarea{font:inherit;font-weight:400;padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--ink);min-height:48px;width:100%}
.form textarea{min-height:130px;resize:vertical}
.form .hint{font-weight:400;font-size:.85rem;color:var(--muted)}
.form .hp{position:absolute;left:-9999px}
.form-note{grid-column:1/-1;padding:1rem;border-radius:var(--r);background:var(--ph-bg);color:var(--ph-ink)}
@media (max-width:640px){.form{grid-template-columns:1fr}}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.foot{background:var(--band);color:var(--band-ink);padding-block:4rem 7rem;font-size:.95rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem}
.foot h4{font:500 .75rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--wood-on-band);margin-bottom:1rem}
.foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}
.foot a{text-decoration:none;color:var(--band-muted)}
.foot a:hover{color:var(--band-ink)}
.foot p{color:var(--band-muted)}
.foot .logo b{color:var(--band-ink)}
.foot-bottom{margin-top:3rem;padding-top:1.4rem;border-top:1px solid #3a3f45;display:flex;flex-wrap:wrap;gap:1rem 1.6rem;color:var(--band-muted);font-size:.85rem}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
@media (min-width:981px){.foot{padding-bottom:4rem}}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.6rem var(--gut) calc(.6rem + env(safe-area-inset-bottom,0px));background:var(--band);border-top:1px solid #3a3f45}
.mbar .btn{min-height:50px;padding:.6rem}
.mbar .btn-line{color:var(--band-ink)}
@media (min-width:981px){.mbar{display:none}}
@media (prefers-reduced-motion:no-preference){
  .hero-img .shot{animation:lay 1.4s cubic-bezier(.2,.7,.2,1) both}
  @keyframes lay{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
[data-route][hidden]{display:none!important}
.hero-img{overflow:hidden;background:#4a3420}
.lay{position:absolute;left:-30%;right:-30%;top:-100%;bottom:-4%;display:flex;flex-direction:column;gap:3px;background:#4a3420;transform:perspective(1000px) rotateX(30deg);transform-origin:50% 100%}
.lay .row{flex:1;display:flex;gap:3px}
.lay .row:nth-child(even){margin-left:-6%}
.lay i{display:block;min-width:0;background-image:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.1)),repeating-linear-gradient(178deg,rgba(80,50,25,.16) 0 1px,transparent 1px 6px),repeating-linear-gradient(181deg,rgba(255,255,255,.07) 0 2px,transparent 2px 11px);box-shadow:inset 0 0 0 1px rgba(60,35,15,.25)}
.lay-cap{position:absolute;left:.75rem;bottom:.75rem;font:500 .74rem/1.35 var(--mono);color:#fff;background:rgba(20,20,20,.62);padding:.4rem .6rem;border-radius:4px;z-index:2}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(58,62,67,.55),transparent 35%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 40%);pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .lay i{animation:plank .7s cubic-bezier(.2,.85,.25,1) both}
  @keyframes plank{from{transform:translateX(-70%);opacity:0}to{transform:none;opacity:1}}
}
@media (max-width:860px){.hero-img::after{background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 50%)}}
.ba{position:relative;aspect-ratio:4/5;max-width:100%;border-radius:var(--r);overflow:hidden;user-select:none}
.ba .shot{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;width:100%;height:100%}
.ba-after{clip-path:inset(0 0 0 var(--pos))}
.ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none}
.ba-line b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;color:#3a3e43;display:grid;place-items:center;font:700 1rem/1 var(--body);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ba-tag{position:absolute;top:.8rem;font:600 .72rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;background:rgba(20,20,20,.65);color:#fff;padding:.45rem .6rem;border-radius:3px;pointer-events:none}
.ba-l{left:.8rem}.ba-r{right:.8rem}
.ba-cap{position:absolute;left:.8rem;bottom:.8rem;font:500 .72rem/1.3 var(--mono);color:#fff;background:rgba(20,20,20,.62);padding:.35rem .55rem;border-radius:4px;pointer-events:none}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba:focus-within .ba-line b{outline:3px solid var(--accent)}
.swatches{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 1rem;scroll-padding-inline:var(--gut)}
@media (min-width:1260px){.swatches{padding-inline:calc((100vw - var(--wrap))/2 + var(--gut))}}
.swatch{flex:0 0 clamp(200px,22vw,280px);scroll-snap-align:start;text-decoration:none;display:flex;flex-direction:column;gap:.8rem}
.sw-img{display:block;aspect-ratio:3/4;border-radius:var(--r);background-size:cover;background-position:center;box-shadow:0 1px 0 var(--line);transition:transform .35s}
.swatch:hover .sw-img{transform:translateY(-6px)}
.sw-txt{display:flex;flex-direction:column;gap:.15rem}
.sw-txt b{font:700 1.05rem/1.2 var(--display);font-stretch:88%}
.sw-txt small{font:500 .74rem/1.3 var(--mono);color:var(--muted);letter-spacing:.04em}
.kiezer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.kiezer-grid>*{min-width:0}
@media (max-width:860px){.kiezer-grid{grid-template-columns:1fr}}
.kiezer{display:flex;flex-direction:column;gap:1.6rem}
.kiezer fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.kiezer legend{font-weight:700;margin-bottom:.7rem;padding:0}
.pills{display:flex;flex-wrap:wrap;gap:.5rem}
.pills label{position:relative;cursor:pointer}
.pills input{position:absolute;opacity:0}
.pills span{display:inline-block;padding:.7rem 1.1rem;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);font-weight:600;transition:all .15s}
.pills input:checked+span{background:var(--band);color:var(--band-ink);border-color:var(--band)}
.pills input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.advies{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.4rem,3vw,2.2rem);display:flex;flex-direction:column;gap:.8rem;position:sticky;top:96px}
.adv-name{font-size:clamp(1.8rem,3vw,2.4rem);font-stretch:74%}
.calc{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.calc>*{min-width:0}
@media (max-width:860px){.calc{grid-template-columns:1fr}}
.calc-form{padding:clamp(1.4rem,3vw,2.4rem);display:flex;flex-direction:column;gap:1.4rem}
.calc-form label{display:flex;flex-direction:column;gap:.5rem;font-weight:700}
.calc-form select{font:inherit;font-weight:400;padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--ink);min-height:48px}
.calc-form output{font:600 1.6rem/1 var(--display);font-stretch:74%;color:var(--oak-deep)}
.calc-form input[type=range]{width:100%;accent-color:var(--accent);height:28px}
.c-vloer{display:flex;flex-direction:column;gap:1.2rem}
.checks{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}
.checks label{flex-direction:row;align-items:center;font-weight:600;gap:.5rem}
.checks input{width:20px;height:20px;accent-color:var(--accent)}
.calc-out{background:var(--band);color:var(--band-ink);padding:clamp(1.4rem,3vw,2.4rem);display:flex;flex-direction:column;gap:.7rem}
.calc-out .eyebrow{color:var(--wood-on-band)}
.calc-out .muted{color:var(--band-muted)}
.calc-price{font:700 clamp(2.2rem,5vw,3.4rem)/1 var(--display);font-stretch:72%;font-variant-numeric:tabular-nums}
.calc-lines{margin:0;padding-left:1.1rem;color:var(--band-muted);font-size:.93rem;display:flex;flex-direction:column;gap:.2rem}
.calc-out .btn{align-self:flex-start;margin-top:.4rem}
.wa-float{position:fixed;right:24px;bottom:24px;z-index:55;display:flex;align-items:center;gap:.5rem;background:#25d366;color:#0b3d1f;text-decoration:none;font-weight:700;padding:.85rem 1.1rem;border-radius:999px;box-shadow:0 10px 28px -8px rgba(0,0,0,.4)}
.wa-float:hover{transform:translateY(-2px)}
@media (max-width:980px){.wa-float{display:none}}
.btn-wa{background:#25d366;color:#0b3d1f}
.mbar{grid-template-columns:1fr 1fr 1fr}
.mbar .btn{font-size:.95rem;padding:.6rem .4rem;gap:.35rem}
@media (min-width:981px){.nav-home{display:none}}
.calc-price span{white-space:nowrap}
.calc-out p{text-wrap:pretty;max-width:46ch}
.calc-disc{font-size:.85rem;line-height:1.55}
@media (max-width:980px){html{scroll-padding-bottom:90px}main{padding-bottom:0}.calc{margin-bottom:1rem}}
.meet{border:1px solid var(--line);border-radius:var(--r);padding:.2rem 1rem;background:var(--bg)}
.meet summary{cursor:pointer;font-weight:700;padding:.75rem 0;color:var(--oak-deep)}
.meet[open]{padding-bottom:1rem}
.meet-rows{display:flex;flex-direction:column;gap:.7rem}
.meet-row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto auto;gap:.5rem;align-items:end}
.meet-row label{font-weight:600;font-size:.8rem;gap:.3rem}
.meet-row input{font:inherit;font-size:.95rem;padding:.55rem .6rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);min-width:0;width:100%;min-height:42px}
.ma{font:600 .9rem var(--mono);padding-bottom:.7rem;min-width:4.5rem;text-align:right;font-variant-numeric:tabular-nums}
.meet-del{all:unset;cursor:pointer;width:32px;height:42px;display:grid;place-items:center;font-size:1.3rem;color:var(--muted)}
.meet-del:hover{color:var(--ink)}
.meet-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin:.9rem 0 .6rem}
.meet-foot .btn{min-height:40px;padding:.5rem .9rem;font-size:.9rem}
.meet-total{font-weight:600}
@media (max-width:520px){.meet-row{grid-template-columns:1fr 1fr auto;}.meet-row label:first-child{grid-column:1/3;grid-row:1}.ma{grid-column:1/3;text-align:left;padding:0}.meet-del{grid-row:1;grid-column:3}}
.oh-jump{display:flex;flex-wrap:wrap;gap:.5rem}
.oh{scroll-margin-top:96px;display:grid;grid-template-columns:260px 1fr;gap:clamp(1.2rem,4vw,3rem);padding-top:2.5rem;border-top:1px solid var(--line)}
.oh>*{min-width:0}
.oh-head{display:flex;flex-direction:column;gap:1rem}
.oh-sw{display:block;aspect-ratio:4/3;border-radius:var(--r);background-size:cover;background-position:center}
.oh-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 2rem}
.oh-tip dt{font:500 .74rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--oak-deep);margin-bottom:.45rem}
.oh-tip dd{margin:0;color:var(--muted)}
@media (max-width:760px){.oh{grid-template-columns:1fr}.oh-sw{aspect-ratio:16/7}.oh-list{grid-template-columns:1fr}}
.places{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.places li{display:flex;min-width:0}
.places a,.places span{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:.6rem .5rem;font-size:.9rem;line-height:1.2;border-radius:var(--r)}
@media (max-width:600px){.places{grid-template-columns:1fr 1fr}}
button.swatch{all:unset;cursor:pointer;flex:0 0 clamp(200px,22vw,280px);scroll-snap-align:start;display:flex;flex-direction:column;gap:.8rem}
button.swatch:focus-visible .sw-img{outline:3px solid var(--accent);outline-offset:3px}
.sw-img{position:relative;outline:3px solid transparent;outline-offset:3px;transition:transform .35s,outline-color .2s}
.swatch[aria-pressed="true"] .sw-img{outline-color:var(--oak)}
.sw-check{position:absolute;top:.7rem;right:.7rem;width:34px;height:34px;border-radius:50%;background:var(--oak);color:#fff;display:grid;place-items:center;font-weight:700;opacity:0;transform:scale(.6);transition:all .2s}
.swatch[aria-pressed="true"] .sw-check{opacity:1;transform:none}
.stalen{margin-top:2.5rem}
.stalen-head{display:flex;flex-direction:column;gap:.35rem}
.stalen-keuze{font-weight:600;color:var(--oak-deep)}
html,body{overflow-x:clip;max-width:100%}
.ph{white-space:normal;overflow-wrap:anywhere}
.hero-img{contain:paint;isolation:isolate}
.form .hp,.hp{position:absolute!important;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50}
@media (max-width:980px){.head-in{gap:.75rem}}
@media (max-width:380px){.logo b{font-size:1.1rem}.head-cta-m{padding:.55rem .75rem;font-size:.85rem;min-height:40px}.burger{width:40px}}
.page-head h1{font-size:clamp(2.3rem,5.2vw,4.6rem);overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.usp .ticker{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.usp .ticker-track{display:flex;flex:none;gap:3.5rem;padding:1.1rem 1.75rem;margin:0;list-style:none;animation:ticker 64s linear infinite}
.usp .ticker-track li{white-space:nowrap}
.usp .ticker:hover .ticker-track{animation-play-state:paused}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.usp .ticker{overflow-x:auto}.usp .ticker-track{animation:none!important}.usp .ticker-track[aria-hidden]{display:none}}
.steps.flow{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:0 3px;border-top:0;counter-reset:none;padding:0}
.steps.flow li{padding:0 1.1rem 0 0;gap:.55rem;position:relative}
.steps.flow li::before,.steps.flow li::after{content:none}
.st-plank{display:block;height:16px;margin-bottom:1.4rem;border-radius:2px;
  background-color:var(--oak);
  background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.14)),repeating-linear-gradient(178deg,rgba(80,50,25,.22) 0 1px,transparent 1px 5px),repeating-linear-gradient(181deg,rgba(255,255,255,.08) 0 2px,transparent 2px 9px);
  box-shadow:inset 0 0 0 1px rgba(60,35,15,.3),0 6px 14px -8px rgba(0,0,0,.5);
  filter:saturate(calc(.85 + var(--i) * .04)) brightness(calc(.92 + var(--i) * .025));
  transition:transform .65s cubic-bezier(.2,.85,.25,1),opacity .4s;transition-delay:calc(var(--i) * 110ms)}
.flow.pre .st-plank{transform:translateX(-40px);opacity:0}
.flow.in .st-plank{transform:none;opacity:1}
.st-top{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem}
.st-num{font:800 clamp(2.4rem,4vw,3.4rem)/.9 var(--display);font-stretch:75%;color:transparent;-webkit-text-stroke:1.2px var(--oak);letter-spacing:-.02em;transition:color .3s}
.st-ic{width:26px;height:26px;fill:none;stroke:var(--oak);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.steps.flow h3{font-size:1.08rem;margin-top:.35rem}
.steps.flow li:hover .st-num{color:var(--oak)}
.steps.flow li:hover .st-plank{transform:translateY(-3px)}
.sec-band .steps.flow p{color:var(--band-muted)}
.sec-band .st-num{-webkit-text-stroke-color:var(--wood-on-band)}
.sec-band .steps.flow li:hover .st-num{color:var(--wood-on-band)}
.sec-band .st-ic{stroke:var(--wood-on-band)}
.werkwijze .sec-head .lead{color:var(--band-muted)}
@media (max-width:980px){
  .steps.flow{grid-template-columns:1fr;gap:0;border-left:0;padding-left:0}
  .steps.flow li{display:grid;grid-template-columns:16px 1fr;column-gap:1.2rem;row-gap:.35rem;padding:0 0 0 0}
  .steps.flow li>*:not(.st-plank){grid-column:2}
  .st-plank{grid-column:1;grid-row:1/span 3;height:auto;width:16px;margin:0;align-self:stretch;
    background-image:linear-gradient(90deg,rgba(255,255,255,.18),rgba(0,0,0,.14)),repeating-linear-gradient(88deg,rgba(80,50,25,.22) 0 1px,transparent 1px 5px)}
  .steps.flow li p{padding-bottom:1.6rem}
  .flow.pre .st-plank{transform:translateY(-30px)}
  .st-top{justify-content:flex-start;gap:1rem;padding-top:.2rem}
  .st-num{font-size:2.4rem}
}
@media (max-width:980px) and (prefers-reduced-motion:no-preference){.steps.flow li+li .st-plank{margin-top:-3px}}
.ba-photo{aspect-ratio:3/4}
.ba-photo .shot{background-size:cover;background-position:center}
.project-real{padding-bottom:3rem;border-bottom:1px solid var(--line)}
.project-real .ba{max-width:520px}
.ba .shot{background-size:cover;background-position:center}
.hero-strips{position:absolute;inset:0;display:flex;flex-direction:column}
.hs{flex:1;position:relative;overflow:hidden}
.hs i{position:absolute;left:0;right:0;height:calc(var(--n) * 100%);top:calc(var(--i) * -100%);background-size:cover;background-position:center}
@media (prefers-reduced-motion:no-preference){
  .hs{animation:strip .9s cubic-bezier(.2,.85,.25,1) both;animation-delay:calc(.15s + (var(--n) - var(--i)) * 90ms)}
  @keyframes strip{from{transform:translateX(-102%)}to{transform:none}}
}
.hs:not(:last-child)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(40,25,10,.18);opacity:0;animation:seam 1.2s 1.6s forwards}
@keyframes seam{to{opacity:0}}
.gal-main{aspect-ratio:4/3;background-size:cover;background-position:center}
.gal-thumbs{display:flex;gap:.4rem}
.gal-t{all:unset;cursor:pointer;width:64px;height:48px;border-radius:4px;background-size:cover;background-position:center;outline:2px solid transparent;outline-offset:2px}
.gal-t[aria-pressed="true"]{outline-color:var(--oak)}
.gal-t:focus-visible{outline-color:var(--accent)}
.project .muted{font-size:.95rem}
[class*=" p-"],[class^="p-"]{background-size:cover;background-position:center}
@media (min-width:861px){
  .projects>.gal:last-child:nth-child(3n+1){grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;column-gap:2rem;align-items:center}
  .projects>.gal:last-child:nth-child(3n+1) .gal-main{grid-row:1/span 4;aspect-ratio:16/9}
}
.floor-noimg{justify-content:flex-start}
.floor-noimg .floor-body{padding-top:1.6rem;border-top:4px solid var(--oak)}
.narrow-head{max-width:760px}
.site-head{position:fixed!important;top:0;left:0;right:0;padding-top:env(safe-area-inset-top,0px);z-index:70;background:var(--bg)}
body{padding-top:calc(72px + env(safe-area-inset-top,0px))}
html{scroll-padding-top:90px}
@media (max-width:980px){.nav{top:calc(72px + env(safe-area-inset-top,0px))}}
:root{--oak:#a8804c;--oak-deep:#6f5530;--accent:#8b6838;--wood-on-band:#c9a26b}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--oak:#c9a26b;--oak-deep:#ddbf8f;--accent:#c09a62;--wood-on-band:#d2ad78}}
:root[data-theme="dark"]{--oak:#c9a26b;--oak-deep:#ddbf8f;--accent:#c09a62;--wood-on-band:#d2ad78}
.btn-accent{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 82%,#000) 100%)}
h1{font-weight:600}
h2{font-weight:600}
h3{font-weight:600}
.logo b{font-weight:700;letter-spacing:.02em}
.btn{font-weight:600}
.calc-price,.st-num,.sw-txt b{font-weight:600}
.faq summary{font-weight:600}
:root{--oak:#b07d3f;--oak-deep:#7a5422;--accent:#9a6a2f;--wood-on-band:#d6a25c;
  --bronze:linear-gradient(135deg,#e6b673 0%,#b07d3f 38%,#7d5524 68%,#c99654 100%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--oak:#d6a25c;--oak-deep:#e6bd84;--accent:#c48a45;--wood-on-band:#ddae6c}}
:root[data-theme="dark"]{--oak:#d6a25c;--oak-deep:#e6bd84;--accent:#c48a45;--wood-on-band:#ddae6c}
.btn-accent{background:var(--bronze);background-size:140% 140%;background-position:0 0;color:#fff;text-shadow:0 1px 1px rgba(60,35,10,.35);transition:background-position .4s,transform .15s}
.btn-accent:hover{background-position:100% 100%}
.hero h1 em,.logo b em{background:var(--bronze);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-head{border-bottom:0!important;box-shadow:0 2px 0 0 #b07d3f}
.site-head::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--bronze)}
.cta-band{background:var(--bronze)!important;color:#fff}
.cta-band p{color:rgba(255,255,255,.88)}
.cta-band .btn-line{color:#fff;border-color:rgba(255,255,255,.7)}
.cta-band .btn-dark{background:#2b2e32;color:#fff}
.usp li::before{background:var(--bronze)}
.eyebrow{color:var(--oak-deep)}
.why div{border-top:2px solid transparent;border-image:var(--bronze) 1}
.foot{border-top:3px solid transparent;border-image:var(--bronze) 1}
.st-plank{background-color:#a8783d}
.more{border-bottom-color:var(--oak)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--oak)}
:root{--bg:#f5f0e8;--surface:#fffdf9;--sunk:#ece3d6;--line:#dccdb9;--band:#2b221a;--band-ink:#f6eee3;--band-muted:#cdbba4;--steel:#5e4a35}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1c1712;--surface:#251e17;--sunk:#2a221a;--line:#3d3226;--band:#130f0b;--band-muted:#bba98f;--steel:#c2ad90}}
:root[data-theme="dark"]{--bg:#1c1712;--surface:#251e17;--sunk:#2a221a;--line:#3d3226;--band:#130f0b;--band-muted:#bba98f;--steel:#c2ad90}
.usp{background:var(--bronze)!important;border:0}
.usp .ticker-track li{color:#fff;text-shadow:0 1px 1px rgba(60,35,10,.3)}
.usp li::before{background:#fff!important}
.usp .ticker{-webkit-mask-image:none;mask-image:none}
.mbar{background:var(--band)!important;border-top:2px solid #b07d3f}
.sec-band .places a,.sec-band .places span,.why div{border-color:#5a4632}
.foot-bottom{border-top-color:#4a3a2b}
.floor:hover{border-color:#b07d3f}
.hero-img::after{background:linear-gradient(90deg,rgba(43,34,26,.55),transparent 35%)}
:root{--bg:#f4f3f1;--surface:#ffffff;--sunk:#eae8e5;--line:#dcd8d3;
  --ink:#1f2023;--muted:#5d5f63;
  --oak:#c06f43;--oak-deep:#9a522c;--accent:#b5653b;--wood-on-band:#e0956a;--steel:#6b6e73;
  --band:#1d1e21;--band-ink:#f2f0ed;--band-muted:#b9b6b1;
  --bronze:linear-gradient(135deg,#f3b48e 0%,#c8774b 38%,#8f4a29 68%,#dc8d62 100%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#17181a;--surface:#202124;--sunk:#232427;--line:#34363a;--ink:#eeece9;--muted:#a9a7a3;--oak:#e0956a;--oak-deep:#eab08e;--accent:#d27f52;--wood-on-band:#e8a27a;--band:#0f1012;--band-muted:#a9a7a3}}
:root[data-theme="dark"]{--bg:#17181a;--surface:#202124;--sunk:#232427;--line:#34363a;--ink:#eeece9;--muted:#a9a7a3;--oak:#e0956a;--oak-deep:#eab08e;--accent:#d27f52;--wood-on-band:#e8a27a;--band:#0f1012;--band-muted:#a9a7a3}
.site-head{background:#1b1c1e!important}
.site-head::after{background:var(--bronze)}
.site-head .nav a,.site-head .dd>button{color:#ece9e5}
.site-head .nav a:hover,.site-head .nav a[aria-current="page"]{color:#e8a27a}
.site-head .dd-menu{background:#25262a;border-color:#3a3c40}
.site-head .dd-menu a:hover{background:#303236}
.burger span{background:#fff;box-shadow:0 7px 0 #fff,0 -7px 0 #fff}
.logo{flex-direction:row;align-items:center;gap:.7rem}
.logo-ff{display:block;width:84px;height:34px;background-size:contain!important;background-repeat:no-repeat;background-position:center}
.logo-wm{display:block;width:190px;height:24px;background-size:contain!important;background-repeat:no-repeat;background-position:left center}
@media (max-width:980px){
  .site-head .nav{background:#1b1c1e;border-bottom-color:#3a3c40}
  .site-head .nav>a,.site-head .dd>button{border-bottom-color:#33353a}
  .site-head .dd-menu{background:none}
  .logo-ff{display:none}.logo-wm{width:160px;height:20px}
}
@media (max-width:380px){.logo-wm{width:130px;height:17px}}
.logo-foot{display:block;width:230px;aspect-ratio:1492/814;background-size:contain!important;background-repeat:no-repeat;margin-bottom:.5rem}
.usp .ticker-track li{color:#fff}
.mbar{border-top-color:#c8774b}
.sec-band .places a,.sec-band .places span,.why div{border-color:#3d3f44}
.foot-bottom{border-top-color:#35373b}
.st-plank{background-color:#b8703f}
.floor:hover{border-color:#c06f43}
.hero-img::after{background:linear-gradient(90deg,rgba(29,30,33,.55),transparent 35%)}
.nav a,.dd>button,.head-cta{white-space:nowrap}
@media (min-width:981px){.nav{gap:1.1rem}.head-in{gap:1.2rem}}
@media (max-width:1240px){.logo-ff{display:none}.logo-wm{width:170px;height:22px}}
@media (min-width:981px) and (max-width:1120px){.nav{gap:.8rem}.nav a,.dd>button{font-size:.9rem}.logo-wm{width:150px;height:19px}}
.av{max-width:820px;display:flex;flex-direction:column;gap:2.2rem}
.av-art h2{font-size:1.45rem;margin-bottom:.7rem}
.av-art h2 span{display:block;font:500 .74rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--oak-deep);margin-bottom:.5rem}
.av-art ol{margin:0;padding-left:1.3rem;display:flex;flex-direction:column;gap:.55rem;color:var(--muted)}
.av-art ol b{color:var(--ink)}
.av-art p{color:var(--muted);margin-bottom:.6rem}
.av-art ul{margin:.3rem 0 .8rem}
.foot-ig{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #45474c;color:var(--band-ink)!important;transition:all .2s;margin-top:.3rem}
.foot-ig:hover{background:var(--bronze);border-color:transparent;color:#fff!important}
:root{--bg:#f3f3f2;--surface:#ffffff;--sunk:#e9e9e7;--line:#d9d8d5;
  --oak:#a07a52;--oak-deep:#7d5d3d;--accent:#9a7550;--wood-on-band:#c49d72;
  --band:#1f2023;--band-muted:#b4b3b0;
  --bronze:linear-gradient(#9a7550,#9a7550)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--oak:#c49d72;--oak-deep:#d6b38c;--accent:#b88f63;--wood-on-band:#c9a277;--bronze:linear-gradient(#b88f63,#b88f63)}}
:root[data-theme="dark"]{--oak:#c49d72;--oak-deep:#d6b38c;--accent:#b88f63;--wood-on-band:#c9a277;--bronze:linear-gradient(#b88f63,#b88f63)}
.btn-accent{background:var(--accent)!important;color:#fff;text-shadow:none}
.btn-accent:hover{background:var(--oak-deep)!important}
.sec-band .btn-accent,.calc-out .btn-accent,.hero .btn-accent{background:var(--accent)!important}
.hero h1 em{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--wood-on-band)}
.site-head::after{height:1px;bottom:-1px;background:var(--accent)}
.site-head{box-shadow:none}
.usp{background:#26272a!important}
.usp .ticker-track li{color:#e8e6e2;text-shadow:none}
.usp li::before{background:var(--wood-on-band)!important}
.cta-band{background:var(--band)!important;color:var(--band-ink);border-top:1px solid #3a3b3f}
.cta-band p{color:var(--band-muted)}
.cta-band .btn-dark{background:var(--accent);color:#fff}
.cta-band .btn-line{color:var(--band-ink);border-color:#55575c}
.cta-band h2 em{color:var(--wood-on-band)}
.why div{border-image:none;border-top:1px solid var(--wood-on-band)}
.foot{border-image:none;border-top:1px solid #3a3b3f}
.foot-ig:hover{background:var(--accent)}
.mbar{border-top:1px solid #3a3b3f}
.st-plank{background-color:#9a7550}
:root{--bronze:linear-gradient(135deg,#b8946a 0%,#9a7550 45%,#7f5f3f 100%)}
.btn-accent{background:linear-gradient(135deg,#ad8960 0%,#93704b 100%)!important;color:#fff}
.btn-accent:hover{background:linear-gradient(135deg,#9c7a54 0%,#7f5f3f 100%)!important}
.hero h1 em{background:linear-gradient(135deg,#dcbf98 0%,#b8946a 55%,#9a7550 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-head::after{height:2px;bottom:-2px;background:linear-gradient(90deg,#7f5f3f,#b8946a 50%,#7f5f3f)}
.usp{background:linear-gradient(135deg,#8f6d4a 0%,#7a5c3d 100%)!important}
.usp .ticker-track li{color:#f6efe6}
.usp li::before{background:#e6cfae!important}
.cta-band{background:linear-gradient(135deg,#8f6d4a 0%,#6f5236 100%)!important;color:#fff;border-top:0}
.cta-band p{color:rgba(255,255,255,.82)}
.cta-band .btn-dark{background:#1f2023;color:#fff}
.cta-band .btn-line{color:#fff;border-color:rgba(255,255,255,.55)}
.why div{border-top:1px solid #9a7550}
.foot{border-top:2px solid #9a7550}
.hs i.p-hero-sfeer{background-position:42% 70%}
.hero-grid{display:flex!important;flex-direction:column;min-height:0!important;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);padding-bottom:clamp(2rem,4vw,3.5rem)}
.hero-copy{max-width:none!important;margin:0!important;padding-inline:0!important;padding-block:clamp(2.8rem,6vw,4.5rem) clamp(1.8rem,3.5vw,2.6rem)!important;display:grid!important;grid-template-columns:1.2fr 1fr;column-gap:3rem;row-gap:1.1rem;align-items:end}
.hero-copy .eyebrow,.hero-copy h1{grid-column:1}
.hero-copy p{grid-column:2;grid-row:2;align-self:end;margin:0}
.hero-copy .btn-row{grid-column:2;grid-row:3}
.hero-copy h1{grid-row:2/span 2}
.hero-img{order:0!important;position:relative;width:100%;aspect-ratio:21/9;min-height:0!important;height:auto!important;border-radius:6px;overflow:hidden}
.hero-img::after{background:linear-gradient(0deg,rgba(0,0,0,.12),transparent 40%)!important}
.hs i.p-hero-sfeer{background-position:50% 62%}
@media (max-width:860px){
  .hero-copy{grid-template-columns:1fr}
  .hero-copy p,.hero-copy .btn-row,.hero-copy h1{grid-column:1;grid-row:auto}
  .hero-img{aspect-ratio:4/3}
}
@media (max-width:980px){.head-cta-m{display:none!important}.logo-wm{width:190px;height:24px}}
.foot-credit{text-align:center;margin-top:1.4rem;font-size:.85rem}.foot-credit a{color:var(--band-muted)}
.logo-ff,.logo-wm{position:relative}
.logo-ff::after,.logo-wm::after{content:"";position:absolute;inset:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:inherit;mask-position:inherit;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;pointer-events:none}
.logo-ff::after{-webkit-mask-position:center;mask-position:center}
.logo-wm::after{-webkit-mask-position:left center;mask-position:left center}
@media (prefers-reduced-motion:no-preference){
  .logo-ff::after,.logo-wm::after{animation:glint 1.6s .6s ease-in-out 1 both}
  .logo-wm::after{animation-delay:.85s}
  .logo:hover .logo-ff::after,.logo:hover .logo-wm::after{animation:glint 1.2s ease-in-out 1 both}
  @keyframes glint{from{background-position:150% 0}to{background-position:-60% 0}}
}
.lb{position:fixed;inset:0;z-index:200;background:rgba(12,12,14,.97);display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.lb[hidden]{display:none!important}
.lb-img{width:min(92vw,1400px);height:min(84vh,1000px);background-size:contain!important;background-repeat:no-repeat;background-position:center!important}
.lb button{all:unset;cursor:pointer;position:absolute;color:#fff;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.08);font-size:2rem;line-height:1}
.lb button:hover,.lb button:focus-visible{background:rgba(255,255,255,.2)}
.lb .lb-x{top:calc(16px + env(safe-area-inset-top,0px));right:16px}
.lb .lb-p{left:16px;top:50%;transform:translateY(-50%)}
.lb .lb-n{right:16px;top:50%;transform:translateY(-50%)}
.lb-c{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);color:#ddd;font:500 .85rem var(--mono)}
@media (max-width:640px){.lb .lb-p,.lb .lb-n{top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:none}.lb-img{width:100vw;height:78vh}}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.75,.25,1)}
.rv.rv-in{opacity:1;transform:none}
.oh-jump{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}
.oh-jump .btn{width:100%;padding-inline:.6rem;white-space:nowrap}
@media (max-width:760px){
  .oh-jump{display:flex;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding:0 var(--gut) .4rem;scrollbar-width:none}
  .oh-jump::-webkit-scrollbar{display:none}
  .oh-jump .btn{flex:none;width:auto;scroll-snap-align:start;min-height:44px;padding:.6rem 1rem}
}
@media (max-width:760px){.oh-jump{margin-inline:0!important;padding:0 0 .4rem!important}}
.foot-tag{text-wrap:balance}
.foot-ig{width:auto;height:auto;border-radius:999px;padding:.45rem .9rem .45rem .55rem;gap:.5rem;display:inline-flex;align-items:center;margin-top:0;align-self:flex-start;text-decoration:none;font-size:.9rem}
.foot-ig span{color:var(--band-ink)}
.foot-ig:hover span{color:#fff}
.foot-ig{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
:root{--oak:#a8804f;--oak-deep:#8a6438;--accent:#a07443;--wood-on-band:#d2a676;
  --sunk:#efe8de;--line:#ddd2c3;
  --bronze:linear-gradient(135deg,#d0a774 0%,#a87b48 45%,#7a5530 100%)}
.btn-accent{background:linear-gradient(135deg,#c39a68 0%,#9c6f3f 55%,#7f5a33 100%)!important;color:#fff;box-shadow:0 6px 18px -8px rgba(122,85,48,.55)}
.btn-accent:hover{background:linear-gradient(135deg,#b38955 0%,#87602f 100%)!important}
.hero h1 em{background:linear-gradient(135deg,#f0d3a8 0%,#d0a774 45%,#a87b48 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-head::after{height:3px;bottom:-3px;background:linear-gradient(90deg,#7a5530,#d0a774 50%,#7a5530)}
.usp{background:linear-gradient(135deg,#a87b48 0%,#7a5530 100%)!important}
.cta-band{background:linear-gradient(135deg,#a87b48 0%,#7a5530 60%,#5e4024 100%)!important}
.sec-band{background:linear-gradient(160deg,#2a2622 0%,#1f1d1b 100%)}
.sec-band h2 em,.sec h2 em{color:var(--wood-on-band)}
.sec-sunk{background:linear-gradient(180deg,#f3ece2,#ebe2d5)}
.why div{border-top:2px solid #b98c58}
.foot{border-top:3px solid #a87b48}
.foot-ig{background:#a07443;color:#fff}
.st-plank{background-color:#a87b48}
.eyebrow{color:#9a6e3e}
.sec-band .eyebrow,.hero .eyebrow,.foot .eyebrow{color:#d8b07e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--oak:#d2a676;--oak-deep:#e3bf90;--accent:#c0915c;--sunk:#1b1916;--line:#3a332b}
 :root:not([data-theme="light"]) .sec-sunk{background:#1b1916}:root:not([data-theme="light"]) .eyebrow{color:#d8b07e}}
:root[data-theme="dark"]{--oak:#d2a676;--oak-deep:#e3bf90;--accent:#c0915c;--sunk:#1b1916;--line:#3a332b}
:root[data-theme="dark"] .sec-sunk{background:#1b1916}:root[data-theme="dark"] .eyebrow{color:#d8b07e}
.site-head{background:linear-gradient(135deg,#4a3420 0%,#3a2817 100%)!important}
.site-head .btn-accent{background:linear-gradient(135deg,#e2bd8a 0%,#b98a54 100%)!important;color:#2a1c0f}
.hero{background:radial-gradient(120% 90% at 85% 10%,#5a3f26 0%,#2e2116 55%,#211812 100%)!important}
.sec-band{background:linear-gradient(160deg,#4a3420 0%,#2e2116 100%)!important}
.foot{background:linear-gradient(180deg,#3a2817 0%,#241911 100%)!important;border-top:3px solid #c39a68}
.foot a:hover{color:#e2bd8a}
.mbar{background:#3a2817!important;border-top:1px solid #a87b48}
.usp{background:linear-gradient(135deg,#c39a68 0%,#9c6f3f 50%,#7f5a33 100%)!important}
.usp .ticker-track li{color:#fff}
.sec-sunk{background:linear-gradient(180deg,#efe2cf,#e6d5bd)}
:root{--bg:#f7f1e8;--surface:#fffaf3;--line:#e3d3bd}
.card,.project,.calc{border-color:#e3d3bd}
h2{color:inherit}
:root{--oak:#b9773a;--oak-deep:#9a5f28;--accent:#b8722f;--wood-on-band:#e8a25e;--bg:#f9f0e6;--surface:#fffaf4;--line:#ecd2b5;
  --bronze:linear-gradient(135deg,#e9a862 0%,#bf7a36 45%,#8c5220 100%)}
.btn-accent{background:linear-gradient(135deg,#dc9a55 0%,#b8722f 55%,#8f5422 100%)!important;color:#fff;box-shadow:0 6px 18px -8px rgba(143,84,34,.6)}
.btn-accent:hover{background:linear-gradient(135deg,#c9873f 0%,#8f5422 100%)!important}
.hero h1 em{background:linear-gradient(135deg,#ffd3a0 0%,#eba25a 45%,#c27a34 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-head{background:linear-gradient(135deg,#5c3416 0%,#45270f 100%)!important}
.site-head::after{background:linear-gradient(90deg,#8c5220,#eba25a 50%,#8c5220)}
.site-head .btn-accent{background:linear-gradient(135deg,#f2b877 0%,#cf8642 100%)!important;color:#2b170a}
.hero{background:radial-gradient(120% 90% at 85% 10%,#7a4519 0%,#3d2410 55%,#2a190c 100%)!important}
.sec-band{background:linear-gradient(160deg,#5c3416 0%,#3a210e 100%)!important}
.foot{background:linear-gradient(180deg,#4a2a12 0%,#2c1a0c 100%)!important;border-top:3px solid #d08a45}
.foot a:hover{color:#f2b877}
.foot-ig{background:#b8722f}
.mbar{background:#45270f!important;border-top:1px solid #b8722f}
.usp{background:linear-gradient(135deg,#dc9a55 0%,#b8722f 50%,#8f5422 100%)!important}
.cta-band{background:linear-gradient(135deg,#c27a34 0%,#8f5422 60%,#673a17 100%)!important}
.sec-sunk{background:linear-gradient(180deg,#f6e4cf,#efd6b9)}
.eyebrow{color:#a8642a}
.sec-band .eyebrow,.hero .eyebrow,.foot .eyebrow{color:#f0b06c}
.why div{border-top:2px solid #d08a45}
.st-plank{background-color:#bf7a36}
.card,.project,.calc{border-color:#ecd2b5}
.contact-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;gap:1rem}
.contact-cards .card{min-width:0}
.contact-cards h3{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.3;word-break:normal;overflow-wrap:normal;hyphens:none}
.contact-cards h3 .ph{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.contact-cards p{word-break:normal;overflow-wrap:normal;hyphens:none}
@media (min-width:700px){.contact-cards{grid-template-columns:repeat(6,1fr)!important}.contact-cards .card{grid-column:span 2}.contact-cards .card:nth-child(4),.contact-cards .card:nth-child(5){grid-column:span 3}}
.contact-cards h3,.contact-cards p{text-wrap:balance}
@media (min-width:700px){.contact-cards h3{white-space:nowrap}}
.site-head .dd-menu{background:#4a2a12;border-color:#7a4519}
.site-head .dd-menu a:hover{background:#5c3416}
@media (max-width:980px){
  .site-head .nav{background:linear-gradient(180deg,#5c3416 0%,#45270f 100%)!important;border-bottom:2px solid #d08a45}
  .site-head .nav>a,.site-head .dd>button{border-bottom-color:rgba(232,162,94,.22)}
  .site-head .dd-menu{background:none}
  .site-head .nav a:hover,.site-head .dd>button:hover{color:#f2b877}
}
.cta-band .btn-dark,.btn-dark{background:linear-gradient(135deg,#fff3e2 0%,#f2d3ad 100%)!important;color:#4a2a12!important;border:0;box-shadow:0 6px 18px -8px rgba(60,30,10,.55)}
.cta-band .btn-dark:hover,.btn-dark:hover{background:#fff!important;color:#2c1a0c!important}
.cta-band{background:radial-gradient(90% 140% at 100% 0%,#6b3c18 0%,#3d2410 55%,#2a190c 100%)!important;border-top:2px solid #d08a45!important}
.cta-band h2{color:#fff}
.cta-band p{color:rgba(255,236,214,.8)}
.cta-band .btn-dark{background:linear-gradient(135deg,#f2b877 0%,#d08a45 55%,#b8722f 100%)!important;color:#2b170a!important;box-shadow:0 8px 22px -10px rgba(240,160,80,.7)}
.cta-band .btn-dark:hover{background:linear-gradient(135deg,#f7c78e 0%,#dc9a55 100%)!important;color:#2b170a!important}
.cta-band{border-top:0!important;border-bottom:0!important}
.foot{border-top:0!important;border-image:none!important}
html,body,h1,h2,h3,h4,p,li,a,dd,dt,summary,button,label,span{hyphens:manual!important;-webkit-hyphens:manual!important;word-break:normal!important}
.page-head h1{overflow-wrap:normal!important}
.ph{overflow-wrap:normal}
.related{display:flex!important;flex-wrap:wrap!important;gap:.5rem;max-width:100%}
.related .btn{white-space:nowrap;flex:0 0 auto;max-width:100%}
.nw{white-space:nowrap}
.btn{white-space:nowrap}
@media (max-width:400px){.btn{padding-inline:1rem;font-size:.95rem}}
.btn-wa svg{flex:none}
@media (min-width:700px){.contact-cards{grid-template-columns:repeat(2,1fr)!important}.contact-cards .card,.contact-cards .card:nth-child(4),.contact-cards .card:nth-child(5){grid-column:auto!important}}
@media (min-width:1100px){.contact-cards{grid-template-columns:repeat(4,1fr)!important}}
@media (max-width:400px){h2{font-size:clamp(1.5rem,7vw,1.9rem)}}
@media (min-width:700px){.contact-cards{grid-template-columns:repeat(6,1fr)!important}.contact-cards .card{grid-column:span 2!important}.contact-cards .card:nth-child(4),.contact-cards .card:nth-child(5){grid-column:span 3!important}}
@media (min-width:981px){.site-head::after{z-index:0}.dd-menu{z-index:10}.site-head .dd-menu{background:#4a2a12!important;opacity:1}}
@media (min-width:981px) and (hover:hover){
  .dd-menu{display:block!important;visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .3s}
  .dd-menu::before{content:"";position:absolute;left:0;right:0;top:-1.2rem;height:1.2rem}
  .dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{visibility:visible;opacity:1;transform:none;transition-delay:0s}
}
.site-head.dd-on::after,.site-head:has(.dd:hover)::after,.site-head:has(.dd.open)::after,.site-head:has(.dd:focus-within)::after{opacity:0!important}
.site-head::after{transition:opacity .15s ease}
@media (min-width:981px){
  .swatches{display:grid!important;grid-template-columns:repeat(5,1fr);gap:.9rem;overflow:visible!important;scroll-snap-type:none;max-width:var(--wrap);margin-inline:auto!important;padding:0 var(--gut) 1rem!important}
  .swatch,button.swatch{flex:none!important;width:auto!important;min-width:0}
}
.foot-bottom{justify-content:center;text-align:center}
.foot-credit{text-align:center}
.floor-img{overflow:hidden;aspect-ratio:16/9}
.floor .floor-img .shot{aspect-ratio:auto;height:100%;width:100%;background-position:center!important;transition:transform .9s cubic-bezier(.2,.7,.2,1)!important;transform:scale(1.001)}
.floor:hover .floor-img .shot{transform:scale(1.08)}
.gal-thumbs{flex-wrap:wrap}
.logo-ff{width:92px!important;height:40px!important}
.logo-foot{aspect-ratio:1000/487!important;width:260px}
@media (min-width:1241px){.logo-wm{width:200px;height:22px}}
.site-head .logo-ff{display:block!important}
@media (max-width:1240px){.logo-ff{width:80px!important;height:35px!important}.logo-wm{width:165px;height:20px}}
@media (max-width:980px){.logo{gap:.5rem}.logo-ff{width:64px!important;height:28px!important}.logo-wm{width:150px!important;height:18px!important}}
@media (max-width:380px){.logo-ff{width:54px!important;height:24px!important}.logo-wm{width:120px!important;height:15px!important}}
.logo-hd{display:block;height:60px;aspect-ratio:1000/487;background-size:contain!important;background-repeat:no-repeat;background-position:left center;position:relative}
.head-in{min-height:78px}
.logo-hd::after{content:"";position:absolute;inset:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.logo-hd::after{animation:glint 1.6s .6s ease-in-out 1 both}.logo:hover .logo-hd::after{animation:glint 1.2s ease-in-out 1 both}}
@media (max-width:980px){.logo-hd{height:50px}.head-in{min-height:68px}}
@media (max-width:380px){.logo-hd{height:44px}}
.logo-hd{height:66px;filter:brightness(1.18) contrast(1.08) drop-shadow(0 1px 2px rgba(0,0,0,.55))}
.head-in{min-height:82px}
@media (max-width:980px){.logo-hd{height:54px}.head-in{min-height:70px}}
@media (max-width:380px){.logo-hd{height:48px}}
.logo-hd{filter:brightness(1.18) contrast(1.08) drop-shadow(0 0 1.5px rgba(255,196,120,.75)) drop-shadow(0 0 7px rgba(255,150,60,.45))}
.logo-foot{filter:brightness(1.1) drop-shadow(0 0 2px rgba(255,196,120,.7)) drop-shadow(0 0 12px rgba(255,150,60,.4))}
.logo-hd{aspect-ratio:1227/718;height:64px;filter:drop-shadow(0 0 1px rgba(255,196,120,.6)) drop-shadow(0 0 6px rgba(255,150,60,.35))}
.logo-foot{aspect-ratio:1227/718!important;width:250px;filter:drop-shadow(0 0 2px rgba(255,196,120,.55)) drop-shadow(0 0 10px rgba(255,150,60,.35))}
@media (max-width:980px){.logo-hd{height:54px}}
@media (max-width:380px){.logo-hd{height:48px}}
.logo-hd{height:96px!important}
.head-in{min-height:110px!important}
@media (max-width:1240px){.logo-hd{height:84px!important}.head-in{min-height:98px!important}}
@media (max-width:980px){.logo-hd{height:62px!important}.head-in{min-height:76px!important}}
@media (max-width:380px){.logo-hd{height:54px!important}}
@media (max-width:980px){.nav{top:calc(76px + env(safe-area-inset-top,0px))!important;max-height:calc(100vh - 76px)!important}}
.logo-hd{aspect-ratio:1400/698!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))!important;height:84px!important}
.head-in{min-height:100px!important}
.logo-foot{aspect-ratio:1400/698!important;width:280px!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))!important}
@media (max-width:1240px){.logo-hd{height:74px!important}.head-in{min-height:90px!important}}
@media (max-width:980px){.logo-hd{height:54px!important}.head-in{min-height:72px!important}.nav{top:calc(72px + env(safe-area-inset-top,0px))!important;max-height:calc(100vh - 72px)!important}}
@media (max-width:380px){.logo-hd{height:46px!important}}

.p-apple-ff{background-image:url('/assets/img/apple-ff.webp')}
.p-dubbele-visgraat-gang{background-image:url('/assets/img/dubbele-visgraat-gang.webp')}
.p-dubbele-visgraat-keuken{background-image:url('/assets/img/dubbele-visgraat-keuken.webp')}
.p-dubbele-visgraat-montage{background-image:url('/assets/img/dubbele-visgraat-montage.webp')}
.p-dubbele-visgraat-woonkamer{background-image:url('/assets/img/dubbele-visgraat-woonkamer.webp')}
.p-favicon-ff{background-image:url('/assets/img/favicon-ff.webp')}
.p-hero-sfeer{background-image:url('/assets/img/hero-sfeer.webp')}
.p-hongaarse-punt-doorkijk{background-image:url('/assets/img/hongaarse-punt-doorkijk.webp')}
.p-hongaarse-punt-montage{background-image:url('/assets/img/hongaarse-punt-montage.webp')}
.p-hongaarse-punt-trapkast{background-image:url('/assets/img/hongaarse-punt-trapkast.webp')}
.p-hongaarse-punt-tuindeuren{background-image:url('/assets/img/hongaarse-punt-tuindeuren.webp')}
.p-hongaarse-punt-woonkamer{background-image:url('/assets/img/hongaarse-punt-woonkamer.webp')}
.p-hongaarse-punt{background-image:url('/assets/img/hongaarse-punt.webp')}
.p-laminaat-kamer-grijs{background-image:url('/assets/img/laminaat-kamer-grijs.webp')}
.p-laminaat-sfeer{background-image:url('/assets/img/laminaat-sfeer.webp')}
.p-logo-ff{background-image:url('/assets/img/logo-ff.webp')}
.p-logo-ff::after{-webkit-mask-image:url('/assets/img/logo-ff.webp');mask-image:url('/assets/img/logo-ff.webp')}
.p-logo-full{background-image:url('/assets/img/logo-full.webp')}
.p-logo-full::after{-webkit-mask-image:url('/assets/img/logo-full.webp');mask-image:url('/assets/img/logo-full.webp')}
.p-logo-woord{background-image:url('/assets/img/logo-woord.webp')}
.p-logo-woord::after{-webkit-mask-image:url('/assets/img/logo-woord.webp');mask-image:url('/assets/img/logo-woord.webp')}
.p-parket-sfeer{background-image:url('/assets/img/parket-sfeer.webp')}
.p-pvc-planken-woonkamer{background-image:url('/assets/img/pvc-planken-woonkamer.webp')}
.p-pvc-sfeer{background-image:url('/assets/img/pvc-sfeer.webp')}
.p-schoonloopmat{background-image:url('/assets/img/schoonloopmat.webp')}
.p-sw-band-bies{background-image:url('/assets/img/sw-band-bies.webp')}
.p-sw-donker-visgraat{background-image:url('/assets/img/sw-donker-visgraat.webp')}
.p-sw-hongaarse-punt{background-image:url('/assets/img/sw-hongaarse-punt.webp')}
.p-sw-licht-eiken{background-image:url('/assets/img/sw-licht-eiken.webp')}
.p-sw-visgraat{background-image:url('/assets/img/sw-visgraat.webp')}
.p-tapijt-sfeer{background-image:url('/assets/img/tapijt-sfeer.webp')}
.p-tapijttegels-antraciet-1{background-image:url('/assets/img/tapijttegels-antraciet-1.webp')}
.p-tapijttegels-antraciet-2{background-image:url('/assets/img/tapijttegels-antraciet-2.webp')}
.p-tapijttegels-antraciet-3{background-image:url('/assets/img/tapijttegels-antraciet-3.webp')}
.p-tapijttegels-beige-1{background-image:url('/assets/img/tapijttegels-beige-1.webp')}
.p-tapijttegels-beige-2{background-image:url('/assets/img/tapijttegels-beige-2.webp')}
.p-trap-licht-boven{background-image:url('/assets/img/trap-licht-boven.webp')}
.p-trap-licht-lang{background-image:url('/assets/img/trap-licht-lang.webp')}
.p-trap-licht-zij{background-image:url('/assets/img/trap-licht-zij.webp')}
.p-trap-na{background-image:url('/assets/img/trap-na.webp')}
.p-trap-tapijt-boven{background-image:url('/assets/img/trap-tapijt-boven.webp')}
.p-trap-tapijt-grijs{background-image:url('/assets/img/trap-tapijt-grijs.webp')}
.p-trap-tapijt-na{background-image:url('/assets/img/trap-tapijt-na.webp')}
.p-trap-tapijt-overloop{background-image:url('/assets/img/trap-tapijt-overloop.webp')}
.p-trap-tapijt-recht{background-image:url('/assets/img/trap-tapijt-recht.webp')}
.p-trap-tapijt-voor{background-image:url('/assets/img/trap-tapijt-voor.webp')}
.p-trap-tapijt-zij{background-image:url('/assets/img/trap-tapijt-zij.webp')}
.p-trap-voor{background-image:url('/assets/img/trap-voor.webp')}
.p-trapverlichting{background-image:url('/assets/img/trapverlichting.webp')}
.p-visgraat-app-eetkamer{background-image:url('/assets/img/visgraat-app-eetkamer.webp')}
.p-visgraat-app-garderobe{background-image:url('/assets/img/visgraat-app-garderobe.webp')}
.p-visgraat-app-hal{background-image:url('/assets/img/visgraat-app-hal.webp')}
.p-visgraat-app-keuken{background-image:url('/assets/img/visgraat-app-keuken.webp')}
.p-visgraat-app-slaapkamer-2{background-image:url('/assets/img/visgraat-app-slaapkamer-2.webp')}
.p-visgraat-app-slaapkamer{background-image:url('/assets/img/visgraat-app-slaapkamer.webp')}
.p-visgraat-app-washok{background-image:url('/assets/img/visgraat-app-washok.webp')}
.p-visgraat-app-werkkamer{background-image:url('/assets/img/visgraat-app-werkkamer.webp')}
.p-visgraat-app-woonkamer{background-image:url('/assets/img/visgraat-app-woonkamer.webp')}
.p-visgraat-appartement{background-image:url('/assets/img/visgraat-appartement.webp')}
.p-visgraat-band-bies{background-image:url('/assets/img/visgraat-band-bies.webp')}
.p-visgraat-nieuwbouw{background-image:url('/assets/img/visgraat-nieuwbouw.webp')}
.p-visgraat-pvc-gang{background-image:url('/assets/img/visgraat-pvc-gang.webp')}
.p-visgraat-pvc-kamer{background-image:url('/assets/img/visgraat-pvc-kamer.webp')}
.p-visgraat-pvc-toilet{background-image:url('/assets/img/visgraat-pvc-toilet.webp')}
.p-visgraat-slaapkamer{background-image:url('/assets/img/visgraat-slaapkamer.webp')}
.p-visgraat-woonkamer-ingericht{background-image:url('/assets/img/visgraat-woonkamer-ingericht.webp')}
.p-visgraat-woonkeuken{background-image:url('/assets/img/visgraat-woonkeuken.webp')}
.p-zonnescherm-gevel{background-image:url('/assets/img/zonnescherm-gevel.webp')}
.p-zonnescherm-led{background-image:url('/assets/img/zonnescherm-led.webp')}
.p-zonwering-montage{background-image:url('/assets/img/zonwering-montage.webp')}
.p-zonwering-screen-scherm{background-image:url('/assets/img/zonwering-screen-scherm.webp')}
.p-zonwering-screens{background-image:url('/assets/img/zonwering-screens.webp')}
.p-zonwering-sfeer{background-image:url('/assets/img/zonwering-sfeer.webp')}