@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mad Zwaar;src:url(/letters/archivo-zwaar.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Mad Licht;src:url(/letters/archivo-licht.woff2)format("woff2");font-weight:220;font-display:swap}:root{--muur:#f1f0ee;--inkt:#101014;--blauw:#1c2ed3;--blauw-diep:#1322a8;--stil:#6b6b72;--letter:"Archivo Variable", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--rand:clamp(1.25rem, 4.5vw, 4.5rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--muur);color:var(--inkt);font-family:var(--letter);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;font-stretch:100%;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.06em}h1,h2,h3,p{margin:0}::selection{background:var(--blauw);color:#fff}:focus-visible{outline:2px solid var(--blauw);outline-offset:4px}.merk{text-transform:uppercase;white-space:nowrap;font-size:clamp(2.6rem,13.2vw,9.5rem);line-height:.86}.merk__mad{font-family:"Mad Zwaar", var(--letter);font-weight:900}.merk__clean{font-family:"Mad Licht", var(--letter);letter-spacing:.03em;font-weight:220}.merk--klein{font-size:1.5rem}.kop{min-height:100svh;padding:clamp(1rem, 2.6vw, 2rem) var(--rand) clamp(1.5rem, 3.4vw, 2.75rem);touch-action:pan-y;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.kop__nav{justify-content:flex-end;gap:clamp(1.1rem,2.4vw,2.4rem);font-weight:500;display:flex}.kop__nav a{padding:.4rem 0;text-decoration:none}.kop__nav a:hover{text-decoration:underline}.kop__toneel{aspect-ratio:1;width:min(62svh,78vw,34rem);color:var(--blauw);place-self:center;margin:clamp(1rem,3svh,2.5rem) 0;position:relative}.gezicht{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gezicht__oog{fill:currentColor;stroke:none}.kop__lijn{width:100vw;height:260px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.kop__voet{flex-wrap:wrap-reverse;justify-content:space-between;align-items:flex-end;gap:.9rem 2rem;display:flex}.kop__wenk{color:var(--stil);font-weight:500}@media (prefers-reduced-motion:no-preference){.gezicht path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s cubic-bezier(.6,0,.2,1) forwards teken}.gezicht .gezicht__krabbel{animation-duration:2.6s;animation-timing-function:cubic-bezier(.4,0,.3,1);animation-delay:.5s}.gezicht .gezicht__spiraal{animation-duration:.9s;animation-delay:2.7s}.gezicht__oog{opacity:0;animation:10ms .75s forwards verschijn}}@keyframes teken{to{stroke-dashoffset:0}}@keyframes verschijn{to{opacity:1}}.woord{padding:clamp(5rem, 13vw, 12rem) var(--rand) clamp(4.5rem, 10vw, 9rem);gap:clamp(1.5rem,3vw,2.5rem);display:grid}.woord__groot{letter-spacing:-.028em;text-wrap:balance;max-width:17em;font-size:clamp(1.9rem,5vw,5rem);font-weight:470;line-height:1.04}.woord__klein{max-width:34em;font-size:clamp(1.0625rem,1.45vw,1.3rem)}.streep{padding:0 var(--rand);color:var(--blauw);align-items:center;display:flex}.streep:before,.streep:after{content:"";background:currentColor;height:1.5px}.streep:before{flex:var(--links,1)}.streep:after{flex:var(--rechts,1)}.knoop{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:clamp(4.5rem,9vw,7.5rem);margin:0 -1px;overflow:visible}.knoop path{vector-effect:non-scaling-stroke}.stukken{padding:clamp(3rem, 7vw, 6rem) var(--rand) clamp(6rem, 13vw, 12rem)}.stukken__kop{align-items:end;gap:1rem clamp(1.5rem,4vw,4rem);display:grid}.stukken__kop h2,.huis h2{font-size:clamp(2.4rem,8vw,8rem);font-family:"Mad Zwaar", var(--letter);text-transform:uppercase;font-weight:900;line-height:.9}.stukken__kop p{max-width:24em;font-size:clamp(1.0625rem,1.45vw,1.3rem)}.stuk{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:clamp(1rem,2.2vw,2.25rem);margin-top:clamp(4.5rem,11vw,10.5rem);display:grid}.stuk img{grid-area:1/2/auto/span 5;width:100%}.stuk__tekst{grid-area:1/8/auto/span 4;padding-bottom:.25rem}.stuk--groot img{grid-column:1/span 7}.stuk--groot .stuk__tekst{grid-column:9/span 4}.stuk--rechts img{grid-column:7/span 5}.stuk--rechts .stuk__tekst{grid-column:2/span 4}.stuk--rechts.stuk--groot img{grid-column:6/span 7}.stuk--rechts.stuk--groot .stuk__tekst{grid-column:1/span 4}.stuk h3{font-size:clamp(1.9rem,3.4vw,3.25rem);font-family:"Mad Zwaar", var(--letter);text-transform:uppercase;font-weight:900;line-height:.95}.stuk__soort{color:var(--stil);margin-top:.6rem}.stuk__soort+p{max-width:22em;margin-top:.6rem}.paar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:clamp(1.5rem,6vw,7rem);padding:0 clamp(0rem,4vw,5rem);display:grid}.paar .stuk{display:block}.paar .stuk:nth-child(2){margin-top:clamp(9rem,22vw,20rem)}.paar .stuk__tekst{margin-top:clamp(1rem,2vw,1.75rem)}@media (max-width:760px){.stuk,.paar{padding:0;display:block}.stuk img{width:82%}.stuk--groot img{width:100%}.stuk--rechts img,.paar .stuk:nth-child(2) img{margin-left:auto}.stuk__tekst,.paar .stuk__tekst{margin-top:1rem}.stuk--rechts .stuk__tekst,.paar .stuk:nth-child(2) .stuk__tekst{margin-left:18%}.stuk--rechts.stuk--groot .stuk__tekst{margin-left:0}.paar .stuk:nth-child(2){margin-top:clamp(4.5rem,11vw,10.5rem)}}.huis{background:var(--blauw);color:#fff;display:grid}.huis__tekst{padding:clamp(5rem, 11vw, 10rem) var(--rand) clamp(3rem, 6vw, 5rem)}.huis__tekst p{max-width:30em;margin-top:clamp(1.25rem,2.4vw,2rem);font-size:clamp(1.15rem,1.9vw,1.7rem);line-height:1.35}.huis__patroon{background-image:var(--patroon);background-position:50%;background-size:clamp(4.25rem,8.5vw,7.5rem);height:clamp(15rem,34vw,30rem)}@media (min-width:900px){.huis{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}.huis__tekst{padding-bottom:clamp(5rem,11vw,10rem)}.huis__patroon{height:auto}}.volg{padding:clamp(5rem, 12vw, 11rem) var(--rand) clamp(5rem, 11vw, 10rem)}.volg h2{letter-spacing:-.03em;max-width:12em;font-size:clamp(2.1rem,6vw,6rem);font-weight:470;line-height:1}.volg>p{margin-top:1.25rem;font-size:clamp(1.0625rem,1.45vw,1.3rem)}.volg__lijst{flex-wrap:wrap;gap:.75rem 1rem;margin:clamp(2rem,4vw,3.25rem) 0 0;padding:0;list-style:none;display:flex}.volg__lijst a{background:var(--inkt);color:#fff;padding:.9rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.volg__lijst a:hover{background:var(--blauw)}.voet{padding:clamp(2rem, 4vw, 3rem) var(--rand);border-top:1.5px solid var(--inkt);gap:.5rem;font-size:.95rem;display:grid}@media (min-width:760px){.stukken__kop{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.voet{grid-template-columns:1fr auto auto;align-items:baseline;column-gap:2.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kop__wenk{display:none}}.balk{z-index:20;padding:.7rem var(--rand);border-bottom:1.5px solid var(--inkt);background:#f1f0eee6;justify-content:space-between;align-items:center;gap:1rem;transition:transform .35s cubic-bezier(.3,0,.2,1);display:flex;position:fixed;inset:0 0 auto;transform:translateY(-105%)}.balk.is-zichtbaar{transform:none}.balk nav{gap:clamp(.9rem,2.4vw,2.4rem);font-weight:500;display:flex}.balk a{text-decoration:none}.balk nav a:hover{text-decoration:underline}.merk--balk{font-size:1.35rem}@media (prefers-reduced-motion:reduce){.balk{transition:none}}.campagne{margin:0}.campagne img{width:100%;height:auto}.stukken{position:relative}.draad{width:var(--rand);fill:none;height:100%;stroke:var(--blauw);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.stuk__beeld{cursor:zoom-in;background:0 0;border:0;grid-area:1/2/auto/span 5;width:100%;padding:0;display:block}.stuk__beeld img{width:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.stuk__beeld{overflow:hidden}@media (hover:hover) and (prefers-reduced-motion:no-preference){.stuk__beeld:hover img{transform:scale(1.035)}}.stuk--groot .stuk__beeld{grid-column:1/span 7}.stuk--rechts .stuk__beeld{grid-column:7/span 5}.stuk--rechts.stuk--groot .stuk__beeld{grid-column:6/span 7}@media (max-width:760px){.stuk__beeld{width:82%}.stuk .stuk__beeld img{width:100%;margin-left:0}.stuk--groot .stuk__beeld{width:100%}.stuk--rechts .stuk__beeld,.paar .stuk:nth-child(2) .stuk__beeld{margin-left:auto}}.dichtbij{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dichtbij img{aspect-ratio:4/5;object-fit:cover;width:100%;height:100%}.dichtbij p{max-width:26em;padding:clamp(2.5rem, 6vw, 5rem) var(--rand) clamp(4.5rem, 10vw, 9rem);letter-spacing:-.02em;grid-column:1/-1;font-size:clamp(1.4rem,3vw,2.75rem);font-weight:470;line-height:1.1}.kijker{background:var(--muur);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--inkt);overscroll-behavior:contain;border:0;margin:0;padding:0}.kijker::backdrop{background:var(--muur)}.kijker__dicht{top:.9rem;right:var(--rand);z-index:2;background:var(--inkt);color:#fff;font:inherit;cursor:pointer;border:0;padding:.7rem 1.2rem;font-weight:600;position:fixed}.kijker__dicht:hover{background:var(--blauw)}.kijker__beelden{padding:clamp(4rem, 8vw, 5.5rem) var(--rand) clamp(2rem, 5vw, 4rem);justify-items:center;gap:clamp(.75rem,2vw,1.5rem);display:grid}.kijker__beelden img{width:auto;max-width:100%;max-height:92dvh}.kijker__beelden h2{font-family:"Mad Zwaar", var(--letter);text-transform:uppercase;justify-self:start;font-size:clamp(2.2rem,6vw,5rem);font-weight:900;line-height:.95}.kijker__beelden p{color:var(--stil);justify-self:start}.stuk__prijs{font-variant-numeric:tabular-nums;margin-top:.85rem;font-size:clamp(1.15rem,1.6vw,1.45rem);font-weight:600}.stuk__soort+.stuk__prijs+p{max-width:22em;margin-top:.6rem}.kijker__beelden .kijker__prijs{color:var(--inkt);font-size:1.35rem;font-weight:600}
