.sk.wf .wf-zones{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sk-gap);align-items:start}@media(min-width:992px){.sk.wf .wf-zones{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;row-gap:calc(var(--sk-gap) * 1.25)}.sk.wf .wf-zones__items{grid-template-columns:minmax(0,1fr);gap:var(--space-24, 24px)}}.sk.wf .wf-diagram{margin:0;padding:clamp(16px,.5rem + 2vw,36px);background:var(--stone);border-top:6px solid var(--ink)}.sk.wf .wf-diagram svg{display:block;width:100%;height:auto;overflow:visible}.sk.wf .wf-d-ground{stroke:var(--ink);stroke-width:2}.sk.wf .wf-d-zone{fill:color-mix(in srgb,var(--sk-olive) 18%,transparent);stroke:var(--sk-olive);stroke-width:1.5;stroke-dasharray:6 5}.sk.wf .wf-d-label{font:600 15px/1 var(--font-label, system-ui),system-ui,sans-serif;letter-spacing:.06em;fill:var(--ink)}.sk.wf .wf-d-roof{fill:light-dark(#0A1628,#2B4A73)}.sk.wf .wf-d-shingle{stroke:var(--sk-gold);stroke-width:1.5;opacity:.6}.sk.wf .wf-d-wall{fill:var(--paper);stroke:var(--ink);stroke-width:2}.sk.wf .wf-d-siding{stroke:var(--ink);stroke-width:1;opacity:.25}.sk.wf .wf-d-window{fill:color-mix(in srgb,var(--sk-navy) 22%,var(--paper));stroke:var(--ink);stroke-width:1.5}.sk.wf .wf-d-door{fill:var(--sk-olive)}.sk.wf .wf-d-vent{fill:var(--paper);stroke:var(--sk-gold);stroke-width:2}.sk.wf .wf-d-mesh{stroke:var(--sk-gold);stroke-width:1.5}.sk.wf .wf-d-deck{fill:var(--sk-gold)}.sk.wf .wf-d-post,.sk.wf .wf-d-rail{stroke:var(--ink);stroke-width:2.5}.sk.wf .wf-d-lead{stroke:var(--ink);stroke-width:2}.sk.wf .wf-d-mk circle{stroke:var(--stone);stroke-width:4}.sk.wf .wf-d-mk text{font:700 15px/1 var(--font-label, system-ui),system-ui,sans-serif;text-anchor:middle;letter-spacing:.04em}.sk.wf .wf-d-mk--navy circle{fill:light-dark(#0A1628,#F5F0E8)}.sk.wf .wf-d-mk--navy text{fill:light-dark(#F5F0E8,#0A1628)}.sk.wf .wf-d-mk--olive circle{fill:var(--sk-olive)}.sk.wf .wf-d-mk--olive text{fill:#f5f0e8}.sk.wf .wf-d-mk--gold circle{fill:var(--sk-gold)}.sk.wf .wf-d-mk--gold text{fill:#0a1628}.sk.wf .wf-zones__photo{overflow:hidden}.sk.wf .wf-process h2.sk-h{margin-bottom:var(--sk-gap)}@media(forced-colors:active){.sk.wf .wf-d-roof,.sk.wf .wf-d-mk circle{forced-color-adjust:auto}}html body .sk.wf :is(h1,h2,h3).sk-h{text-wrap:balance}