/* Deliberately limited to the two editorial preview pages. */
body.editorial{--green:#243e35;--deep:#182d26;--yellow:#c4ad79;--ink:#293a32;--muted:#677069;--paper:#f6f3ec;--line:#d9d5ca;background:var(--paper)}
.editorial h1,.editorial h2,.editorial .kb-card-copy>h2,.editorial .kb-home-links a{font-family:'Lora',Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.035em}
.editorial h2{font-size:clamp(36px,4.2vw,62px);line-height:1.12}.editorial h2 em,.editorial .kb-hub h1 em{color:#778275;font-weight:400;font-style:italic}
.editorial .eyebrow{font-size:10px;letter-spacing:2px;font-weight:500}.editorial .button{font-weight:500}.editorial .button:hover{box-shadow:7px 7px 0 #c4ad7933}
.editorial .brand{font-weight:500;letter-spacing:-1.2px}.editorial .brand-sub{font-size:9px}.editorial .section{padding-top:100px;padding-bottom:100px}
.editorial .hero{background:#263d33}.editorial .hero-photo{filter:saturate(.7)}.editorial .hero-shade{background:linear-gradient(90deg,#10241de8,#10241d85 48%,#10241d35),linear-gradient(0deg,#10241d90,transparent 50%)}
.editorial .hero-story h1{font-size:clamp(58px,6.5vw,98px);line-height:1.03;letter-spacing:-.045em;font-weight:400}.editorial .hero-story h1 small{font:400 .27em/1.5 'Manrope',sans-serif;letter-spacing:.14em;margin-top:22px;text-transform:uppercase}
.editorial .hero-lead{font-size:17px;line-height:1.8}.editorial .hero-topline{letter-spacing:1.4px}.editorial .roof-form-card{border-top:2px solid var(--yellow);box-shadow:0 16px 50px #07190f20;padding:30px}.editorial .roof-form-card h2{font-size:35px;line-height:1.13}.editorial .roof-form-card h2 em{color:#717d6b}.editorial .roof-options input:checked+span,.editorial .wish-options input:checked+span{background:#e8e2d4;border-color:#8d7951}.editorial .live-roof{border-color:#d4c39c45}.editorial .mini-insulation{fill:var(--yellow)}
.editorial .kb-home-links a{font-size:29px}.editorial .kb-inline{border-radius:0;background:#eeeae0}.editorial .topic-menu{background:#eeeae0}.editorial .topic-menu summary{font-weight:400}
.editorial-photography{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:6%;align-items:center}.editorial-photography figure{margin:0}.editorial-photography img{width:100%;object-fit:cover;filter:saturate(.78)}.editorial-photography .editorial-wide img{aspect-ratio:1.55}.editorial-photography .editorial-detail{padding-top:60px}.editorial-photography .editorial-detail img{aspect-ratio:1.05}.editorial-photography figcaption{padding-top:15px;border-top:1px solid var(--line);margin-top:18px;font-size:12px;line-height:1.65;color:var(--muted)}.editorial-photography figcaption span{display:block;color:var(--ink);font-size:10px;letter-spacing:1.8px;margin-bottom:5px}.editorial-photography h2{font-size:clamp(32px,3.5vw,48px);margin-bottom:35px}
.editorial .kb-hub{max-width:1340px;padding-top:54px}.editorial .kb-hub-head{max-width:900px}.editorial .kb-hub h1{font:400 clamp(48px,6.3vw,84px)/1.08 'Lora',Georgia,serif;letter-spacing:-.045em;text-transform:none;margin:32px 0}.editorial .kb-hub-head>p:last-child{font-size:18px;line-height:1.85;max-width:560px}.editorial .breadcrumbs{font-size:12px;color:#6f756b;flex-wrap:wrap;gap:12px}
.editorial .kb-controls{margin:55px 0 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;border-radius:0}.editorial .kb-controls input{background:#fffdf8;border:1px solid #c9c5b9;border-radius:0;padding:15px 16px}.editorial .kb-filters{gap:8px 22px;margin:22px 0}.editorial .kb-filters button{border:0;border-bottom:1px solid transparent;border-radius:0;padding:8px 0;color:#667065;background:transparent}.editorial .kb-filters button[aria-pressed=true]{background:transparent;color:#263e33;border-bottom-color:#8c7441}.editorial #kb-count{font-size:12px;color:#677069}
.editorial .kb-grid{display:block}.editorial .kb-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;padding:30px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;align-items:center}.editorial .kb-card-photo{height:auto;aspect-ratio:1.45;background:#e4e1d7}.editorial .kb-card-photo img{filter:saturate(.78)}.editorial .kb-card-copy{padding:0;display:block;max-width:700px}.editorial .kb-card-copy>p{font-size:10px;letter-spacing:1.4px;color:#756748;margin-bottom:10px;font-weight:500}.editorial .kb-card-copy>h2{font-size:32px;line-height:1.16;margin-bottom:14px}.editorial .kb-card-copy>span{font-size:15px;line-height:1.8;color:#677069}.editorial .kb-card-copy>b{display:block;margin:15px 0 0;padding:0;font-size:12px;font-weight:500;letter-spacing:.025em}
.editorial .kb-card[data-featured]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:6%;padding:48px 0}.editorial .kb-card[data-featured] .kb-card-photo{aspect-ratio:1.35}.editorial .kb-card[data-featured] h2{font-size:clamp(32px,3.6vw,46px)}.editorial .kb-card[data-featured] .kb-card-copy:before{content:'Uitgelicht';display:block;font:italic 17px 'Lora',Georgia,serif;color:#857044;margin-bottom:30px}.editorial .kb-empty{background:#eeeae0;border-radius:0}
@media(max-width:1000px){.editorial .hero-story h1{font-size:6.8vw}.editorial .kb-card{grid-template-columns:190px minmax(0,1fr);gap:28px}}
@media(max-width:760px){.editorial .section{padding-top:65px;padding-bottom:65px}.editorial .hero-story h1{font-size:clamp(48px,11.5vw,80px)}.editorial .roof-form-card{padding:24px}.editorial .hero-story h1 small{font-size:.3em}.editorial .kb-hub h1{font-size:clamp(43px,10vw,65px)}.editorial .kb-card{grid-template-columns:100px minmax(0,1fr);gap:20px;align-items:start;padding:25px 0}.editorial .kb-card-photo{aspect-ratio:1}.editorial .kb-card-copy>h2{font-size:25px}.editorial .kb-card-copy>span{font-size:14px}.editorial .kb-card[data-featured]{grid-template-columns:1fr;gap:26px;padding:30px 0}.editorial .kb-card[data-featured] .kb-card-photo{aspect-ratio:1.5}.editorial .kb-card[data-featured] .kb-card-copy:before{margin-bottom:16px}.editorial .kb-controls{margin-top:35px}.editorial-photography{grid-template-columns:1fr;gap:34px}.editorial-photography .editorial-detail{padding-top:0;padding-left:17%}.editorial-photography .editorial-detail img{aspect-ratio:1.35}.editorial .kb-filters{gap:8px 18px}}
.editorial .hero-story h1>.yellow-dot{display:inline;width:auto}.editorial-photography img{height:auto}
/* Softer photography and controls, with smaller radii on compact elements. */
.editorial{--photo-radius:24px;--control-radius:12px}
.editorial .kb-card-photo,.editorial .roof-comparison,.editorial .collage-grid figure,.editorial .material-photo-wrap{border-radius:var(--photo-radius);overflow:hidden;isolation:isolate}
.editorial .kb-card[data-featured] .kb-card-photo{border-radius:32px}
.editorial-photography img{border-radius:28px}
.editorial .editorial-detail img{border-radius:28px 28px 60px 28px}
.editorial .hero{border-radius:0 0 36px 36px}
.editorial .roof-form-card{border-radius:24px}
.editorial .live-roof,.editorial .material,.editorial .kb-empty,.editorial .kb-inline{border-radius:20px;overflow:hidden}
.editorial .button,.editorial .kb-controls input,.editorial .roof-form-card input:not([type=radio]):not([type=checkbox]):not([type=range]),.editorial .roof-form-card select,.editorial .roof-options label>span,.editorial .wish-options label>span{border-radius:var(--control-radius)}
.editorial .brand svg{padding:7px;width:48px;height:45px;border-radius:13px;background:#ffffff0e;border:1px solid #ffffff25;overflow:visible}
.editorial .brand svg path{stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.editorial .brand svg path:last-child{stroke:var(--yellow)}
@media(max-width:760px){.editorial{--photo-radius:16px;--control-radius:10px}.editorial .kb-card[data-featured] .kb-card-photo,.editorial-photography img{border-radius:22px}.editorial .editorial-detail img{border-radius:22px 22px 44px 22px}.editorial .hero{border-radius:0 0 26px 26px}.editorial .brand svg{width:42px;height:40px;padding:6px;border-radius:11px}}
/* Distinct wordmark and a shared typographic / button system. */
body.editorial{font-family:'Manrope',sans-serif}
.editorial .brand{gap:12px;letter-spacing:0;flex-shrink:0}
.editorial .brand svg.brand-mark{width:52px;height:52px;padding:0;border:0;border-radius:0;background:none;overflow:visible}
.editorial .brand svg .brand-tile{fill:#ffffff08;stroke:#c4ad7960;stroke-width:1}
.editorial .brand svg path.brand-roof{fill:none;stroke:#f6f3ec;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.editorial .brand svg path.brand-roof-accent{stroke:#c4ad79}
.editorial .brand-dot{fill:#c4ad79}
.editorial .brand-wordmark{font:500 29px/1.1 'Lora',Georgia,serif;letter-spacing:-1px}
.editorial .brand-sub{font:500 9px/1.4 'Manrope',sans-serif;letter-spacing:3.2px;text-transform:uppercase;margin-top:5px}
.editorial h1,.editorial h2{font-weight:400}
.editorial .button{border-radius:50px;padding:13px 15px 13px 25px;gap:24px;letter-spacing:.015em;font-size:13px;font-weight:600}
.editorial .button>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#18332812;font-size:23px}
.editorial .button.small{padding:8px 9px 8px 19px;gap:15px;font-size:12px}
.editorial .roof-form-card .button{border-radius:14px;padding:13px 15px 13px 20px}
.editorial .roof-form-card .button>span{background:#ffffff12}
.editorial .kb-card-copy>b.article-cta{display:inline-flex;align-items:center;gap:20px;padding:6px 6px 6px 18px;margin-top:22px;border:1px solid #bdb7a7;border-radius:40px;color:var(--green);font:600 12px/1.4 'Manrope',sans-serif;background:#fffdf760;width:fit-content}
.editorial .article-cta .article-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e7dfce;color:#344739;font-size:20px;font-weight:400}
.editorial .kb-card:hover .article-cta,.editorial .kb-card:focus-visible .article-cta{background:var(--green);border-color:var(--green);color:#f6f3ec}
.editorial .kb-card:hover .article-arrow,.editorial .kb-card:focus-visible .article-arrow{background:#c4ad79;color:#182d26}
@media(max-width:760px){.editorial .brand svg.brand-mark{width:43px;height:43px}.editorial .brand{gap:9px}.editorial .brand-wordmark{font-size:24px}.editorial .brand-sub{font-size:8px;letter-spacing:2.5px}.editorial .button.small{font-size:11px;padding-left:14px;gap:10px}.editorial .kb-card-copy>b.article-cta{gap:10px;padding-left:13px;font-size:11px}.editorial .article-cta .article-arrow{width:27px;height:27px}.editorial .kb-card-copy>h2{font-size:23px;line-height:1.25}}
/* Interior pages share the established editorial direction. */
.editorial .page-hero{grid-template-columns:1.1fr 1fr;min-height:560px;padding:28px 4.5% 46px;gap:4%;border-radius:0 0 32px 32px}
.editorial .page-hero-copy{padding:12px 0 30px;min-width:0}
.editorial .page-hero h1{font:400 clamp(40px,4.5vw,70px)/1.12 'Lora',Georgia,serif;letter-spacing:-.04em;overflow-wrap:break-word}
.editorial .page-hero h1 em{font-style:italic;color:var(--yellow)}
.editorial .page-hero .breadcrumbs{color:#d1d9ce;margin-bottom:40px}
.editorial .page-image,.editorial .renovation-photo,.editorial .explorer-photo,.editorial .story-images,.editorial .company-photo{border-radius:26px;overflow:hidden;isolation:isolate}
.editorial .page-image{min-height:400px}.editorial .page-image img{filter:saturate(.8)}
.editorial .company-hero h1{font:400 clamp(43px,5.6vw,80px)/1.15 'Lora',Georgia,serif;text-transform:none;letter-spacing:-.04em}
.editorial .company-card h3,.editorial .contact-options h3{font:400 28px/1.2 'Lora',Georgia,serif}
.editorial .interactive-card,.editorial .company-card,.editorial .offer-check{background:#ede9df;border:1px solid #d9d5ca;border-radius:22px;box-shadow:none}
.editorial .interactive-card input[type=number],.editorial .decision-options button,.editorial .compare-controls button,.editorial .detail-nav button{border-radius:11px}
.editorial .editorial-related .related-grid{gap:20px}
.editorial .editorial-related .related-grid>a{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--line);border-radius:20px;background:#eeebe2;min-width:0}
.editorial .editorial-related h3{font:400 25px/1.25 'Lora',Georgia,serif;letter-spacing:-.02em;margin:0 0 15px}
.editorial .editorial-related p{font-size:14px;line-height:1.8;margin-bottom:25px}
.editorial .editorial-related .related-action{display:flex;align-items:center;gap:20px;margin-top:auto;font-size:12px;text-transform:none;letter-spacing:0;color:var(--green)}
.editorial .editorial-related .related-action b{position:static;display:inline-flex;align-items:center;justify-content:center;background:#e1d7bf;width:32px;height:32px;border-radius:50%;font-size:21px}
.editorial .ribbon-cta{border-radius:50px}.editorial .contact-options>a:hover{background:#e7dfce}
@media(max-width:760px){.editorial .page-hero{grid-template-columns:1fr;padding:28px 6% 30px;gap:25px;min-height:0;border-radius:0 0 24px 24px}.editorial .page-hero h1{font-size:clamp(36px,8.7vw,54px)}.editorial .page-hero .breadcrumbs{margin-bottom:28px}.editorial .page-image{min-height:280px;aspect-ratio:1.25}.editorial .editorial-related .related-grid{grid-template-columns:1fr}.editorial .interactive-card{padding:24px}.editorial .kb-reading{min-width:0}.editorial .company-hero h1{font-size:42px}}