:root{--paper:#ece9df;--ink:#17211d;--red:#ef5a2f;--cyan:#5f806c;--indigo:#315844;--silver:#89928b;--line:rgba(23,33,29,.24)}
body{background:var(--paper)}
.topbar{background:rgba(236,233,223,.94);font-family:"Arial Narrow",Arial,sans-serif;letter-spacing:.11em}
.brand b{background:#ef5a2f;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}
.hero{background:linear-gradient(90deg,#ece9df 0 70%,#d7d2c4 70% 71%,#315844 71% 100%)}
.hero:after{content:"";position:absolute;right:2vw;top:12vh;width:clamp(12rem,27vw,28rem);height:clamp(9rem,20vw,21rem);border:1px solid rgba(236,233,223,.55);background:repeating-linear-gradient(0deg,transparent 0 2.9rem,rgba(236,233,223,.16) 3rem),repeating-linear-gradient(90deg,transparent 0 2.9rem,rgba(236,233,223,.16) 3rem);transform:skewY(-8deg)}
.hero h1{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(3.5rem,9.8vw,10rem);line-height:.76;letter-spacing:-.07em}
.hero h1 span:nth-child(2){margin-left:5%;color:#ef5a2f}
.hero h1 span:last-child{margin-left:28%;color:#17211d;font:800 .16em/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.22em}
.hero-frame{grid-column:8/12;border:1px solid #17211d;z-index:1;box-shadow:18px 18px 0 #ef5a2f}
.hero-frame img{filter:saturate(.76) contrast(1.04)}
.note{font-family:"Arial Narrow",Arial,sans-serif;letter-spacing:.13em}
.method{background:#263c31;color:#f3f0e6}
.method h2,.cases h2,.prompt h2,.case h3{font-family:"Arial Black",Arial,sans-serif;text-transform:uppercase}
.method h2{color:#f2bd58}
.method li{border-color:rgba(243,240,230,.3)}
.method li b,.label,.case header p:first-child,.eyebrow{font-family:"Arial Narrow",Arial,sans-serif;letter-spacing:.15em}
.cases{background:#f4f1e7}
.cases-head h2{color:#315844}
.case{--accent:#ef5a2f}
.case.renovation{--accent:#b7833a}
.case.frame{--accent:#315844}
.case.inspection{--accent:#64716a}
.case header{border-top-width:8px;padding-top:1.3rem}
.case h3{font-size:clamp(2.35rem,5.05vw,5.7rem)}
.comparison button{background:#d6d2c7}
.comparison img{filter:saturate(.8) contrast(1.03)}
.slop img{filter:saturate(1.16) contrast(1.08)}
.amazing figcaption{border-top-color:var(--accent)}
.amazing figcaption b{color:var(--accent)}
.prompt{background:#17211d;color:#f3f0e6}
.prompt-action button{background:#f2bd58;border-color:#f2bd58}
.prompt-action button:hover{background:#ef5a2f;border-color:#ef5a2f}
footer{background:#111815}
@media(max-width:650px){.hero{background:linear-gradient(160deg,#ece9df 0 64%,#315844 64%)}.hero:after{right:-7rem;top:15rem}.hero h1{font-size:clamp(2.25rem,10.5vw,4rem);letter-spacing:-.06em}.hero h1 span:nth-child(2),.hero h1 span:last-child{margin-left:0}.hero-frame{grid-column:4/13;box-shadow:10px 10px 0 #ef5a2f}}