:root{--ink:#1e1e1e;--cream:#fbf5e8;--sun:#f9d07c;--ochre:#e8a43e;--tomato:#d64d26;--tomato-dark:#a8361a;--cobalt:#2b55a6;--cobalt-dark:#1a376e;--moss:#4f8a3c;--moss-dark:#3a6a2c;--moss-chip:#2f5e24;--pink:#ee9ba7;--tape:#6ec6c1d9;--muted:#e6decb;--tint-tomato:#f4b6a0;--tint-cobalt:#afc3ea;--tint-moss:#b9d3a8;--tint-pink:#f8cdd3;--stitch-cream:#fbf5e899;--stitch-ink:#1e1e1e73;--font-display:var(--font-anton,"Anton", sans-serif);--font-body:var(--font-space-mono,"Space Mono", ui-monospace, monospace);--max:1320px;--pad-x:clamp(18px, 4vw, 48px);--pad-y:clamp(64px, 9vw, 120px);--ease-out:cubic-bezier(.2, .7, .2, 1)}html{scroll-padding-top:90px}*,:before,:after{box-sizing:border-box}body{background:var(--sun);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--tomato)}img{height:auto;display:block}p{text-wrap:pretty}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-weight:400}.page{background:var(--sun);min-height:100vh;overflow-x:clip}.wrap{max-width:var(--max);margin:0 auto}.section{padding:var(--pad-y) var(--pad-x)}.at{font-family:Helvetica,Arial,sans-serif;font-weight:700}.copy-sign{font-family:Helvetica,Arial,sans-serif;font-size:1.15em;line-height:0}.nowrap{white-space:nowrap}.eyebrow{letter-spacing:.24em;text-transform:uppercase;font-size:13px}.h2{font-size:clamp(44px,6vw,88px);line-height:.95}.section-head{flex-direction:column;gap:10px;display:flex}.btn{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-block}.btn--ink,.btn--tomato{color:var(--cream);outline:1.5px dashed var(--stitch-cream);outline-offset:-6px;padding:18px 26px}.btn--ink{background:var(--ink)}.btn--tomato{background:var(--tomato)}.btn--ink:hover,.btn--tomato:hover{color:var(--cream);transform:translateY(-2px)}.btn--outline{color:var(--ink);border:2px solid var(--ink);background:#fff;padding:16px 24px}.btn--outline:hover{color:var(--ink);transform:translateY(-2px)}.pill-dashed{border:1.5px dashed var(--ink);white-space:nowrap;border-radius:999px}.ribbon{background:var(--ink);color:var(--cream);letter-spacing:.12em;text-transform:uppercase;text-align:center;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding:10px 20px;font-size:13px;display:flex}.ribbon__star{color:var(--sun)}.header{background:var(--ochre);color:var(--ink);z-index:50;width:100%;position:sticky;top:0;box-shadow:0 1px #1e1e1e1f}.header__inner{max-width:calc(var(--max) + 2 * var(--pad-x));padding:18px var(--pad-x);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;margin:0 auto;transition:padding .25s;display:flex}.header.is-compact .header__inner{padding-top:12px;padding-bottom:12px}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand__text{flex-direction:column;line-height:1;display:flex}.brand__name{font-family:var(--font-display);letter-spacing:.01em;font-size:26px}.brand__sub{letter-spacing:.32em;margin-top:3px;font-size:11px}.nav{letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px 34px;font-size:13px;font-weight:700;display:flex}.nav a{color:var(--ink);text-decoration:none;transition:color .15s}.nav a:hover{color:var(--tomato)}.nav .nav__cta{background:var(--ink);color:var(--cream);outline:1.5px dashed var(--stitch-cream);outline-offset:-5px;border-radius:999px;padding:12px 18px;transition:background-color .15s}.nav .nav__cta:hover{background:var(--tomato);color:var(--cream)}.menu-toggle{appearance:none;cursor:pointer;background:var(--ink);color:var(--cream);letter-spacing:.08em;text-transform:uppercase;outline:1.5px dashed var(--stitch-cream);outline-offset:-5px;border:0;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:700;display:none}.menu-toggle__icon{font-size:18px;line-height:1}.mobile-menu{flex-direction:column;flex-basis:100%;padding:6px 0 18px;display:none}.mobile-menu__link{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;border-top:2px dashed #1e1e1e4d;padding:14px 0;font-size:30px;line-height:1;text-decoration:none}.mobile-menu__link--last{border-bottom:2px dashed #1e1e1e4d}.mobile-menu__link:hover{color:var(--tomato)}.mobile-menu .btn{text-align:center;margin-top:18px;transition:background-color .15s}.mobile-menu .btn:hover{background:var(--tomato);transform:none}.hero{position:relative}.hero__grid{max-width:calc(var(--max) + 2 * var(--pad-x));padding:clamp(24px, 5vw, 64px) var(--pad-x) 40px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:center;gap:48px;margin:0 auto;display:grid}.hero__copy{flex-direction:column;gap:28px;display:flex}.hero__title{letter-spacing:-.005em;font-size:clamp(60px,8.6vw,128px);line-height:.94}.hl{white-space:nowrap;border-radius:.1em;padding:.08em .1em .04em;display:inline-block}@media (width<=900px){.hl{padding:11px 14px 8px}}.hl--kunst{background:var(--tomato);color:var(--cream);outline-offset:-8px;outline:3px dashed #fbf5e8b3}.hl--alis{background:var(--ochre);color:var(--ink);position:relative}.hl--alis:before{content:"";border:3px dashed var(--stitch-ink);pointer-events:none;border-radius:.05em;position:absolute;inset:6px}.hl--alis>span{position:relative}.hero__lead{max-width:34em;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.65}.hero__actions{flex-direction:column;align-self:flex-start;gap:28px;max-width:100%;display:flex}.hero__buttons{flex-wrap:wrap;gap:14px;display:flex}.hero__pills{flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;display:flex}.hero__pills span{padding:8px 18px}.collage{aspect-ratio:1/1.02;justify-self:center;width:100%;max-width:560px;position:relative}.collage__logo{aspect-ratio:1;border-radius:50%;width:88%;position:absolute;inset:0 0 auto auto;transform:rotate(5deg);box-shadow:0 30px 60px -24px #5a320073}.collage__photo{aspect-ratio:1;background:var(--cream);border-radius:50%;width:44%;padding:12px;position:absolute;bottom:0;left:0;box-shadow:0 20px 40px -18px #5a320080}.collage__photo img{object-fit:cover;object-position:50% 35%;outline-offset:4px;border-radius:50%;outline:2px dashed #1e1e1e40;width:100%;height:100%}.price-badge{background:var(--cobalt);width:132px;height:132px;color:var(--cream);text-align:center;outline-offset:-9px;border-radius:50%;outline:2px dashed #fbf5e8b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:14%;right:-6px;box-shadow:0 12px 24px -12px #0006}.price-badge__price{font-family:var(--font-display);font-size:40px;line-height:1}.price-badge__note{letter-spacing:.06em;text-transform:uppercase;margin-top:10px;font-size:11px;line-height:1.35}.waves{object-fit:cover;object-position:50% 100%;filter:saturate(.9);opacity:.9;width:100%;height:max(clamp(110px,14vw,150px),15.52vw)}.hero .waves{margin-top:10px}.aanbod{background:var(--cream)}.aanbod__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;margin-bottom:56px;display:flex}.intro{max-width:30em;margin:0;font-size:16px;line-height:1.65}.aanbod__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:32px;display:grid}.card{color:var(--cream);outline-offset:-9px;border-radius:28px;outline:2px dashed #fbf5e88c;padding:18px 18px 30px;transition:transform .2s}.card:hover{transform:translateY(-6px)}.card--tomato{background:linear-gradient(#d64d26c7, #d64d26c7), url(/textures/leather.svg) 0 0 / 260px 260px, var(--tomato);box-shadow:-2px 2px 0 var(--tomato-dark)}.card--cobalt{background:linear-gradient(#2b55a6c7, #2b55a6c7), url(/textures/leather.svg) 60px 90px / 260px 260px, var(--cobalt);box-shadow:-2px 2px 0 var(--cobalt-dark)}.card--moss{background:linear-gradient(#4f8a3cc7, #4f8a3cc7), url(/textures/leather.svg) 130px 30px / 260px 260px, var(--moss);box-shadow:-2px 2px 0 var(--moss-dark);flex-direction:column;gap:14px;padding:30px 30px 34px;display:flex}.card__img{aspect-ratio:4/3;object-fit:cover;border-radius:16px;width:100%}.card__body{flex-direction:column;gap:12px;padding:22px 12px 0;display:flex}.card__label{letter-spacing:.2em;text-transform:uppercase;font-size:12px}.card__label--sun{color:var(--sun)}.card__title{font-size:42px;line-height:1}.card__text{margin:0;font-size:15px;line-height:1.65}.card__link{color:var(--cream);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:14px;font-weight:700}.card__link:hover{color:var(--sun)}.card--moss .card__link{margin-top:auto}.chips{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.chip{background:var(--moss-chip);color:var(--cream);white-space:nowrap;border-radius:999px;padding:7px 13px;font-size:13px}.maakmenu{background:var(--ink);color:var(--cream)}.maakmenu__wrap{max-width:1100px;margin:0 auto}.maakmenu__head{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:56px;display:flex}.maakmenu__eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--sun);font-size:12px}.maakmenu__title{letter-spacing:.02em;font-size:clamp(64px,11vw,160px);line-height:.85}.maakmenu__intro{color:var(--muted);max-width:34em;margin:0;font-size:15px;line-height:1.6}.menu-rows{flex-direction:column;display:flex}.menu-row{border-top:2px dashed #fbf5e84d;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:center;gap:28px 48px;padding:36px 0;display:grid}.menu-row:last-child{border-bottom:2px dashed #fbf5e84d}.menu-row__photos{justify-content:center;gap:14px;display:flex}.polaroid{background:var(--cream);width:56%;max-width:220px;padding:8px 8px 26px}.polaroid--pair{width:46%;max-width:180px}.polaroid--offset{transform:translateY(16px)}.polaroid img{aspect-ratio:4/5;object-fit:cover;width:100%}.menu-row__text{flex-direction:column;gap:12px;display:flex}.menu-row__head{align-items:baseline;gap:14px;display:flex}.menu-row__num{font-family:var(--font-display);color:var(--cream);border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex;transform:translateY(-6px)}.menu-row__title{font-size:clamp(36px,4.5vw,56px);line-height:1}.menu-row__leader{border-bottom:3px dotted #fbf5e866;flex:1;min-width:20px}.menu-row__price{white-space:nowrap;font-size:14px}.menu-row__desc{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.bg-tomato{background:var(--tomato)}.bg-cobalt{background:var(--cobalt)}.bg-moss{background:var(--moss)}.bg-pink{background:var(--pink)}.maakmenu__foot{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 32px;margin-top:48px;display:flex}.maakmenu__foot span{color:var(--muted);font-size:14px;line-height:1.6}.hoe{background:var(--sun)}.hoe .section-head{margin-bottom:56px}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px 32px;margin:0;padding:0;list-style:none;display:grid}.step{flex-direction:column;gap:12px;display:flex}.step__head{flex-direction:column;align-items:flex-start;gap:26px;display:flex}.step__num{font-family:var(--font-display);color:var(--tomato);text-shadow:4px 4px 0 var(--ink);flex:none;width:max-content;font-size:96px;line-height:1}.step__title{font-size:30px;line-height:1.05}.step p{margin:0;font-size:15px;line-height:1.65}.waarom{background:linear-gradient(#2b55a673, #2b55a673), url(/textures/linen.svg) 0 0 / 220px 220px, var(--cobalt);color:var(--cream)}.split{max-width:var(--max);grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:center;gap:56px;margin:0 auto;display:grid}.waarom__copy{flex-direction:column;gap:28px;display:flex}.waarom__title{font-size:clamp(48px,6.4vw,96px);line-height:.98}.waarom__title span{color:var(--sun)}.waarom__copy p{max-width:32em;margin:0;font-size:16px;line-height:1.7}.waarom__visual{aspect-ratio:1;justify-self:center;width:100%;max-width:520px;position:relative}.waarom__mat{background:var(--cream);border-radius:50%;padding:clamp(12px,2vw,20px);position:absolute;inset:0;box-shadow:0 30px 60px -24px #00000080}.waarom__mat img{object-fit:cover;object-position:50% 40%;border-radius:50%;width:100%;height:100%}.sticker{background:var(--pink);width:112px;height:112px;color:var(--ink);text-align:center;letter-spacing:.06em;text-transform:uppercase;outline-offset:-8px;border-radius:50%;outline:2px dashed #1e1e1e59;justify-content:center;align-items:center;font-size:12px;line-height:1.35;display:flex;position:absolute;top:6%;left:-4%}.doemee{background:var(--cream)}.doemee__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:48px;display:flex}.join-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:22px;display:grid}.join-card{color:var(--ink);border:2px solid var(--ink);background:var(--cream);border-radius:24px;flex-direction:column;gap:14px;padding:28px;text-decoration:none;transition:transform .2s,background-color .2s;display:flex}.join-card:hover{color:var(--ink);background:var(--hover-tint);transform:translateY(-4px)}.join-card--tomato{--hover-tint:var(--tint-tomato)}.join-card--cobalt{--hover-tint:var(--tint-cobalt)}.join-card--moss{--hover-tint:var(--tint-moss)}.join-card--pink{--hover-tint:var(--tint-pink)}.join-card__icon{outline:2px dashed var(--stitch-cream);outline-offset:-5px;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.join-card__icon.bg-pink{outline-color:#1e1e1e80}.join-card__icon img{width:24px;height:24px}.join-card h3{font-size:32px;line-height:1}.join-card p{margin:0;font-size:14px;line-height:1.6}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{padding:4px 10px;font-size:12px}.bezoek{background:var(--sun);padding-bottom:0}.bezoek__copy{flex-direction:column;gap:32px;display:flex}.info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;display:grid}.info>div{flex-direction:column;gap:6px;display:flex}.info__label{letter-spacing:.2em;text-transform:uppercase;color:var(--tomato);font-size:12px;font-weight:700}.info__value{font-size:16px;line-height:1.6}.bezoek__copy .btn{align-self:flex-start}.bezoek__photo{justify-self:center;width:88%;max-width:380px;padding-bottom:40px;position:relative}.bezoek__frame{background:var(--cream);padding:12px 12px 14px;transform:rotate(3deg);box-shadow:0 24px 48px -20px #5a320073}.bezoek__frame img{aspect-ratio:4/5;object-fit:cover;width:100%}.bezoek__caption{letter-spacing:.08em;margin-top:12px;font-size:13px;display:block}.tape{background:var(--tape);clip-path:polygon(0 0,4% 12%,0 25%,4% 37%,0 50%,4% 62%,0 75%,4% 87%,0 100%,100% 100%,96% 87%,100% 75%,96% 62%,100% 50%,96% 37%,100% 25%,96% 12%,100% 0);width:120px;height:32px;margin-left:-60px;position:absolute;top:-14px;left:50%;transform:rotate(-4deg)}.bezoek .waves{width:calc(100% + 2 * var(--pad-x));max-width:none;margin:40px calc(-1 * var(--pad-x)) 0;transform:scaleX(-1)}.footer{background:var(--ink);color:var(--cream);padding:56px var(--pad-x) 36px}.footer__wrap{max-width:var(--max);flex-direction:column;gap:40px;margin:0 auto;display:flex}.footer__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;display:flex}.footer__claim{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(40px,6vw,80px);line-height:.95}.footer__claim span{color:var(--ochre)}.footer__logo{border-radius:50%;width:130px;height:130px;transform:rotate(10deg)}.footer__bottom{letter-spacing:.06em;color:var(--muted);border-top:2px dashed #fbf5e84d;flex-wrap:wrap;justify-content:space-between;gap:14px 28px;padding-top:22px;font-size:13px;display:flex}.footer__links{flex-wrap:wrap;gap:22px;display:flex}.footer a,.footer a:hover{color:var(--cream)}@media (width<=900px){.ribbon__desktop,.nav,.hero__pills{display:none}.menu-toggle,.header.is-open .mobile-menu{display:flex}.step__head{flex-direction:row;align-items:baseline;gap:14px}.step__num{text-shadow:3px 3px 0 var(--ink);font-size:52px}}@media (prefers-reduced-motion:no-preference){.collage__logo{animation:4.2s ease-in-out .3s infinite alternate float-up}.price-badge{animation:3.6s ease-in-out .3s infinite alternate rock}.collage__photo{animation:5.2s ease-in-out .9s infinite alternate float-down}.hero__title .hl{animation:.65s cubic-bezier(.3,1.5,.5,1) .55s backwards pop}.hero__title .hl--alis{animation-delay:.71s}}@keyframes float-up{0%{translate:0}to{translate:0 -10px}}@keyframes float-down{0%{translate:0}to{translate:0 6px}}@keyframes rock{0%{rotate:-4deg}to{rotate:4deg}}@keyframes pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}
