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