:root{--spruce:#0f2e26;--spruce-2:#17423a;--ply:#e3c48d;--paper:#f3ead9;--orange:#ff6b1a}body{background:var(--spruce);color:var(--paper);font-family:var(--font-plex), system-ui, sans-serif;font-size:17px;line-height:1.55;overflow-x:clip}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}h1,h2,h3{font-family:var(--font-shoulders), Impact, sans-serif;font-weight:800;line-height:.98}.hero{padding:20px clamp(16px,4vw,48px) clamp(40px,6vw,72px)}.nav{border-bottom:2px solid var(--ply);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;padding-bottom:16px;display:flex}.nav__logo{font-family:var(--font-shoulders), Impact, sans-serif;color:var(--ply);font-size:32px;font-weight:800;text-decoration:none}.nav nav{flex-wrap:wrap;gap:4px 28px;display:flex}.nav nav a{text-underline-offset:4px}.hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,80px);padding-top:clamp(32px,5vw,64px);display:grid}.hero h1{color:var(--ply);text-transform:uppercase;font-size:clamp(54px,5.7vw,96px);line-height:1.08}.hero__copy>p{max-width:44ch;margin-top:22px;font-size:19px}.sliders{gap:22px;margin-top:36px;display:grid}.slider{display:block}.slider__head{justify-content:space-between;gap:16px;font-weight:600;display:flex}.slider output{color:var(--orange)}.slider input{width:100%;height:32px;accent-color:var(--orange);cursor:grab;margin:2px 0 0}.drawing{background-color:var(--spruce-2);background-image:linear-gradient(#e3c48d12 1px,#0000 1px),linear-gradient(90deg,#e3c48d12 1px,#0000 1px);background-size:40px 40px;width:100%;height:auto}.totals{border-bottom:2px solid var(--ply);grid-template-columns:auto auto 1fr;gap:0 clamp(16px,2.4vw,36px);display:grid}.totals div{padding:16px 16px 16px 0}.totals dt{font-size:15px}.totals dd{font-family:var(--font-shoulders), Impact, sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(32px,3.1vw,48px);font-weight:800;line-height:1.05}.totals__price dd{color:var(--orange);white-space:normal}.button{background:var(--orange);width:100%;color:var(--spruce);text-align:center;border:0;margin-top:16px;padding:16px 24px;font-size:19px;font-weight:600;text-decoration:none;transition:background-color .15s;display:block}.button:hover{background:var(--ply)}.work,.steps,.inquiry{padding:clamp(56px,8vw,110px) clamp(16px,4vw,48px)}.work{background:var(--paper);color:var(--spruce)}.work h2,.steps h2,.inquiry h2{font-size:clamp(48px,6vw,96px)}.work__scroll{margin-top:32px;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--spruce);text-align:left;padding:14px 16px 14px 0;font-weight:400}thead th{border-bottom-width:3px;font-weight:600}tbody th{font-weight:600}.steps ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:44px;display:grid}.steps li{border-top:2px solid var(--ply);padding-top:16px}.steps__n{font-family:var(--font-shoulders), Impact, sans-serif;color:var(--orange);font-size:72px;font-weight:800;line-height:1}.steps h3{color:var(--ply);margin-top:8px;font-size:34px}.steps p{margin-top:10px}.inquiry{background:var(--ply);color:var(--spruce);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);display:grid}.inquiry>div>p{max-width:44ch;margin-top:18px}.inquiry__phone{font-family:var(--font-shoulders), Impact, sans-serif;font-size:clamp(40px,5vw,72px);font-weight:800;line-height:1}.inquiry__phone a{text-decoration:none}.inquiry .button{background:var(--spruce);color:var(--paper)}.inquiry .button:hover{background:var(--spruce-2)}.inquiry__done{background:var(--spruce);color:var(--paper);align-self:center;padding:28px;font-size:21px}.form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form label{font-weight:600}.form input,.form textarea{border:2px solid var(--spruce);background:var(--paper);resize:vertical;width:100%;margin-top:6px;padding:13px;font-weight:400;display:block}.form__wide{grid-column:1/-1}.form .button{margin-top:0}:where(.inquiry) :focus-visible{outline-color:var(--spruce)}@media (max-width:900px){.hero__grid,.inquiry{grid-template-columns:minmax(0,1fr)}.steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.steps ol,.form{grid-template-columns:minmax(0,1fr)}.totals{grid-template-columns:1fr 1fr}.totals__price{border-top:1px solid var(--ply);grid-column:1/-1}}