.demo-editorial{--de-paper:#f2efe8;--de-ink:#242523;--de-accent:#b65b36;background:var(--de-paper);color:var(--de-ink);font-family:inherit}
.demo-editorial *, .demo-editorial *::before,.demo-editorial *::after{box-sizing:border-box}
.demo-editorial h1,.demo-editorial h2,.demo-editorial h3,.demo-editorial p,.demo-editorial figure{margin:0}
.demo-editorial .de-technical .demo-performance-guide,.demo-editorial .de-technical .demo-performance-guide h2,.demo-editorial .de-technical .demo-performance-guide p,.demo-editorial .de-technical .demo-performance-guide li,.demo-editorial .de-technical .demo-performance-guide li span,.demo-editorial .de-technical .demo-performance-guide strong{color:var(--de-ink)}
.demo-editorial .de-technical .demo-performance-guide .route-kicker{color:#934121}
.demo-editorial img{display:block;width:100%;height:auto}
.demo-editorial a{color:inherit}.demo-editorial a:focus-visible,.demo-editorial summary:focus-visible{outline:3px solid var(--de-accent);outline-offset:6px}
.demo-editorial h1,.demo-editorial h2{font-weight:500;letter-spacing:-.055em;line-height:1.04}
.demo-editorial em{font-family:Georgia,serif;font-weight:400}
.de-intro,.de-project,.de-workflow,.de-technical,.de-closing{padding-inline:clamp(22px,5.5vw,88px)}
.de-topline,.de-section-label,.de-cover figcaption,.de-project figcaption,.de-bathroom figcaption,.de-closing{font-size:11px;letter-spacing:.12em;font-weight:600}
.de-topline{display:flex;justify-content:space-between;border-bottom:1px solid #24252340;padding:30px 0 20px;gap:16px}
.de-headline{display:grid;grid-template-columns:1.35fr 1fr;gap:6vw;align-items:end;padding:54px 0 46px}
.demo-editorial .de-headline h1{font-size:clamp(48px,6.8vw,108px)}
.de-headline>div{max-width:400px;padding-bottom:5px}.demo-editorial p{line-height:1.8;font-size:16px}.de-headline p+p{margin-top:12px}
.de-link{display:inline-flex;gap:24px;align-items:center;margin-top:25px;padding-bottom:8px;border-bottom:1px solid;text-decoration:none;font-size:14px;font-weight:600}
.de-cover{position:relative}.de-cover img{aspect-ratio:2.15;object-fit:cover}.de-cover figcaption{background:var(--de-ink);color:var(--de-paper);display:flex;align-items:center;justify-content:space-between;padding:20px 25px;gap:18px}.de-cover strong{font-size:17px;letter-spacing:0;font-weight:400}
.de-project{padding-top:100px;padding-bottom:90px}.de-section-label{color:var(--de-accent);margin-bottom:30px}.de-project-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:9vw;align-items:end;margin-bottom:38px}.demo-editorial h2{font-size:clamp(34px,3.7vw,58px)}.de-project-heading p{max-width:440px}.de-project figure{border:1px solid #24252340;background:#fff;padding:12px}.de-project figure img{max-height:700px;object-fit:contain}.de-project figcaption{display:flex;justify-content:space-between;gap:16px;padding:18px 12px 8px}.demo-editorial .de-note{font-size:12px;max-width:730px;margin-top:18px;color:#686962}
.de-workflow{background:#252723;color:#f2efe8;display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:85px}.de-workflow .de-section-label{color:#e6ac81}.de-workflow>div>p{margin-top:28px;max-width:440px;color:#c9cbc3}.de-workflow nav a{display:flex;align-items:baseline;gap:22px;border-top:1px solid #ffffff40;padding:27px 0;text-decoration:none}.de-workflow nav a:last-child{border-bottom:1px solid #ffffff40}.de-workflow nav a>span{font-size:12px;color:#e6ac81}.de-workflow nav b{margin-left:auto}.de-workflow nav h3{font-size:26px;font-weight:400}.de-workflow nav p{font-size:14px;color:#c9cbc3;margin-top:8px}.de-workflow a:hover h3{text-decoration:underline;text-underline-offset:6px}
.de-bathroom{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;margin:90px 0;gap:5vw}.de-bathroom>div{padding:30px 5vw 30px 0}.de-bathroom p{margin-top:24px}.de-bathroom figure img{aspect-ratio:1.35;object-fit:cover}.de-bathroom figcaption{padding:16px 22px;color:#65645e}
.de-technical{padding-block:65px;background:#e7e3d9}.demo-editorial .demo-performance-guide{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:0;margin:0;background:transparent;border:0;max-width:none}.demo-editorial .demo-performance-guide p{margin-top:24px}.demo-editorial .demo-performance-guide h2{font-size:clamp(32px,3vw,48px)}.demo-editorial .demo-performance-guide h2 span{color:inherit}.demo-editorial .demo-performance-guide .route-kicker{font-size:11px;margin:0 0 20px}.demo-editorial .demo-performance-guide ol{margin:0;padding:0;list-style:none}.demo-editorial .demo-performance-guide li{display:flex;gap:18px;border-top:1px solid #24252340;padding:20px 0;font-size:14px;line-height:1.7}.demo-editorial .demo-performance-guide li b{color:var(--de-accent);font-size:12px}.demo-editorial .demo-performance-guide strong{display:block;font-weight:600;margin-bottom:5px}.demo-editorial .demo-performance-guide button{margin-top:25px}.de-technical details{border-top:1px solid #24252350;margin-top:45px}.de-technical summary{cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;gap:24px;font-weight:600}.de-technical details[open] .demo-performance-guide{padding:20px 0 35px}
.demo-editorial .demo-policy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:85px clamp(22px,5.5vw,88px);margin:0;background:#c46742;color:#fff8ef}.demo-editorial .demo-policy h2{font-size:clamp(42px,5vw,76px)}.demo-editorial .demo-policy h2 span{color:inherit}.demo-editorial .demo-policy .route-kicker{font-size:11px;letter-spacing:.12em;margin-bottom:24px}.demo-editorial .demo-policy ul{margin:25px 0;padding:0;list-style:none}.demo-editorial .demo-policy li{border-top:1px solid #ffffff60;padding:14px 0;display:grid;grid-template-columns:130px 1fr;gap:16px;font-size:14px;line-height:1.6}.demo-editorial .demo-policy li strong{color:inherit}.demo-editorial .demo-policy button{background:#242523;border-color:#242523;color:#fff}.de-closing{padding-block:30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.de-closing a{letter-spacing:0;font-size:14px}
@media(max-width:760px){.de-topline{font-size:9px}.de-topline span:last-child{display:none}.de-headline,.de-project-heading,.de-workflow,.de-bathroom,.demo-editorial .demo-performance-guide,.demo-editorial .demo-policy{grid-template-columns:1fr;gap:30px}.de-headline{padding-block:36px}.de-headline>div{max-width:none}.demo-editorial .de-headline h1{font-size:clamp(43px,10.2vw,76px)}.de-cover figcaption{padding:17px;flex-wrap:wrap;font-size:9px}.de-cover figcaption strong{width:100%;order:2}.de-cover img{aspect-ratio:1.5}.de-project{padding-block:60px}.de-project-heading{gap:22px}.de-project figcaption{font-size:9px;padding-inline:0}.de-project figure{padding:6px}.de-workflow{padding-block:55px}.de-bathroom{margin-block:55px;gap:12px}.de-bathroom>div{padding:20px 22px}.de-bathroom figure img{aspect-ratio:1.7}.de-technical{padding-block:50px}.demo-editorial .demo-policy{padding-block:55px}.demo-editorial .demo-policy li{grid-template-columns:1fr;gap:4px}.demo-editorial p{font-size:15px}.de-closing{font-size:9px}}