.woon{color:var(--woon-ink);background:var(--woon-bg);font-family:var(--font-body--family);padding:64px 24px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.woon--sage{background:var(--woon-sage)}.woon--clay{background:var(--woon-clay)}.woon--soft{background:var(--woon-soft)}.woon--dark{background:var(--woon-forest);color:var(--woon-paper)}.woon__inner{width:100%;max-width:var(--woon-width);margin:auto}.woon h1,.woon h2,.woon h3{color:inherit;font-family:var(--font-heading--family);font-weight:400;letter-spacing:-.03em}.woon h1{margin:18px 0 24px;font-size:clamp(40px,5.6vw,80px);line-height:1.06}.woon h2{margin:0 0 20px;font-size:clamp(30px,3.2vw,48px);line-height:1.15}.woon h3{margin:14px 0 8px;font-size:24px}.woon p{max-width:60ch;line-height:1.75}.woon__eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.woon__split{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center}.woon__button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;margin-top:16px;padding:15px 24px;border:1px solid var(--woon-button);border-radius:999px;background:var(--woon-button);color:var(--woon-paper);font-weight:600;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.woon__button:hover{border-color:var(--woon-forest);background:var(--woon-forest)}.woon a:focus-visible,.woon summary:focus-visible{outline:3px solid var(--woon-accent);outline-offset:5px}.woon__media{overflow:hidden;aspect-ratio:5 / 4;border-radius:var(--woon-radius);background:var(--woon-soft)}.woon__media img{display:block;width:100%;height:100%;object-fit:cover}.woon__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.woon__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.woon__card{overflow:hidden;border:1px solid var(--woon-line);border-radius:var(--woon-radius);background:var(--woon-paper);color:inherit;text-decoration:none}.woon__card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s ease}.woon__card:hover img{transform:scale(1.03)}.woon__card-copy{padding:20px}.woon__card h3{font-size:20px}.woon__number{color:var(--woon-button);font-size:13px;letter-spacing:.1em}.woon__pill{display:inline-block;padding:7px 13px;border-radius:99px;background:var(--woon-sage);font-size:12px}.woon__service{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.woon__service article{padding-inline-end:24px;border-inline-end:1px solid var(--woon-line)}.woon__service article:last-child{border:0}.woon__video video,.woon__video iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--woon-radius);background:var(--woon-soft)}.woon__faq{max-width:900px}.woon details{padding:20px 0;border-bottom:1px solid var(--woon-line)}.woon summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;font-weight:600;list-style:none}.woon summary::-webkit-details-marker{display:none}.woon summary:after{content:"+"}.woon details[open] summary:after{content:"\2212"}.woon__art{display:block;width:100%;height:100%}.woon__art .wall{fill:var(--woon-soft)}.woon__art .floor{fill:var(--woon-clay)}.woon__art .wood{fill:var(--woon-accent)}.woon__art .dark{fill:var(--woon-button)}.woon__art .leaf{fill:var(--woon-forest)}.woon__art .light{fill:var(--woon-paper)}.woon__art .fabric{fill:var(--woon-sage)}.woon--hero{padding-top:54px}.woon__price{font-weight:600}.woon__card .woon__pill{margin-top:10px}.woon__dark-link{color:inherit;text-underline-offset:5px;text-decoration-thickness:from-font}@media(min-width:900px){body:has(#header-component[transparent]) .woon--hero{padding-top:calc(var(--header-height, 80px) + 54px)}}@media(max-width:989px){.woon{padding:48px 24px}.woon__split{gap:28px}.woon__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.woon{padding:36px 18px}.woon__split{grid-template-columns:1fr;gap:28px}.woon__service{grid-template-columns:1fr;gap:12px}.woon__service article{padding:0 0 12px;border:0;border-bottom:1px solid var(--woon-line)}.woon__head{display:block}.woon__grid{gap:12px}.woon__card-copy{padding:14px}.woon__card h3{font-size:18px}.woon__media{aspect-ratio:1.15}.woon--hero{padding-top:32px}body:has(#header-component[transparent]) .woon--hero{padding-top:calc(var(--header-height, 80px) + 32px)}}@media(prefers-reduced-motion:reduce){.woon *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wooncollectie.css.map */