:root{--ink:#171918;--muted:#626761;--orange:#c83a08;--sage:#87947d;--line:#dcdedb;--mineral:#f4f5f3;--paper:#fff;--display:var(--font-display),sans-serif;--body:var(--font-body),sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--body);margin:0;font-size:16px}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#fffffff5;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(24px,4vw,72px);display:grid;position:sticky;top:0}.brand{font:800 22px/1 var(--display);letter-spacing:-.04em}.site-header nav{gap:38px;font-size:14px;display:flex}.site-header nav a{border-bottom:3px solid #0000;padding:28px 0 24px}.site-header nav a:hover,.site-header nav a:focus-visible{border-color:var(--orange)}.unit-button{font:600 13px var(--body);cursor:pointer;background:#fff;border:1px solid #cfd2cf;justify-self:end;padding:10px 15px}.hero{background:linear-gradient(90deg,#fff 0 49%,#eef0ed 49%);grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);min-height:610px;display:grid;overflow:hidden}.hero-copy{padding:110px clamp(28px,6vw,104px)}h1,h2,strong{font-family:var(--display)}h1{letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(50px,5vw,80px);line-height:1.03}.hero-copy p{color:#414642;max-width:530px;margin:0 0 36px;font-size:20px;line-height:1.55}.primary-button{background:var(--orange);color:#fff;padding:16px 24px;font-weight:750;display:inline-flex;box-shadow:0 8px 20px #ef4b0b25}.hero-room{perspective:700px;background:linear-gradient(150deg,#e6e8e4 0 50%,#cbd0c8 50%);border:1px solid #b9beba;margin:58px 6vw 58px 0;position:relative;box-shadow:0 24px 60px #24302624}.hero-room:before{content:"";clip-path:polygon(0 0,100% 0,80% 100%,16% 100%);background:#f7f7f5;position:absolute;inset:0 0 42%}.room-window{background:linear-gradient(135deg,#b8c6c5,#eaf0ed);border:8px solid #fff;width:25%;height:30%;position:absolute;top:27%;left:12%;box-shadow:inset 0 0 0 2px #9ca59d}.room-door{background:#d9ddd7;border:7px solid #f7f6f2;width:22%;height:54%;position:absolute;bottom:15%;right:12%}.roller{background:var(--sage);width:94px;height:38px;position:absolute;top:25%;left:42%;transform:rotate(-8deg)}.roller:after{content:"";transform-origin:top;background:#343936;width:6px;height:125px;position:absolute;top:25px;left:78px;transform:rotate(-7deg)}.roller span{opacity:.45;background:#aeb7a8;width:160px;height:46px;position:absolute;top:-48px;left:-40px}.measure{color:var(--orange);font:800 14px var(--display);position:absolute}.measure-x{border-top:2px solid var(--orange);text-align:center;width:38%;padding-top:8px;bottom:7%;left:36%}.measure-y{border-left:2px solid var(--orange);height:45%;padding:20% 0 0 8px;top:32%;right:4%}.project-rail{padding:90px clamp(24px,4vw,72px)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.section-heading h2,.workflow h2{letter-spacing:-.04em;margin:0;font-size:38px}.section-heading p{color:var(--muted);margin:0}.project-links{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.project-button{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:flex-end;min-height:250px;padding:22px 24px;transition:background .25s,transform .25s;display:flex;position:relative;overflow:hidden}.project-button svg{width:65%;height:68%;transition:transform .35s;position:absolute;inset:8px 18px auto auto}.project-button span{z-index:2;gap:3px;display:grid}.project-button strong{font-size:25px}.project-button small{color:var(--muted)}.project-button b{color:var(--orange);font-size:24px;position:absolute;bottom:28px;right:24px}.project-button:hover,.project-button:focus-visible{background:var(--mineral);z-index:2}.project-button:hover svg,.project-button:focus-visible svg{transform:translateY(-7px)rotate(-1deg)}svg .wall,svg .floor,svg .tile{fill:#eff1ed;stroke:#222;stroke-width:2px}svg .paint-fill,svg .accent{fill:var(--orange)}svg .tool,svg .machine,svg .roof{fill:#8b9782;stroke:#222;stroke-width:2px}svg .handle,svg .wheel{fill:#242725}svg .ground{fill:#b6b8b3}svg .line{fill:none;stroke:#353a36;stroke-width:2px}.workflow{background:var(--mineral);padding:76px clamp(24px,6vw,110px)}.workflow h2{text-align:center}.workflow ol{grid-template-columns:repeat(3,1fr);margin:0;padding:50px 0 0;list-style:none;display:grid}.workflow li{border-right:1px solid #ccd0ca;margin-right:5vw;padding:0 8vw 0 0}.workflow li:last-child{border:0}.workflow li span{color:var(--orange);font:700 13px var(--display);margin-bottom:20px;display:block}.workflow li strong{font-size:24px}.workflow li p{color:var(--muted);line-height:1.6}footer{border-top:1px solid var(--line);justify-content:space-between;min-height:130px;padding:42px clamp(24px,4vw,72px);display:flex}footer strong{font-size:20px}footer span{color:var(--muted)}@media (max-width:900px){.site-header{grid-template-columns:1fr auto;height:68px}.site-header nav{display:none}.hero{background:#fff;grid-template-columns:1fr}.hero-copy{padding:72px 24px 44px}.hero-room{min-height:420px;margin:0 24px 54px}.project-rail{padding:64px 24px}.section-heading{display:block}.section-heading p{margin-top:12px}.project-links{grid-template-columns:1fr 1fr}.workflow ol{grid-template-columns:1fr;gap:32px}.workflow li{border:0;border-bottom:1px solid #ccd0ca;padding-bottom:26px}footer{gap:8px;display:grid}}@media (max-width:560px){h1{font-size:46px}.hero-room{min-height:330px}.project-links{grid-template-columns:1fr}.project-button{min-height:220px}.section-heading h2,.workflow h2{font-size:31px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.directory,.calculator-page{max-width:1440px;margin:auto}.directory-hero{border-bottom:1px solid var(--line);grid-template-columns:1fr .9fr;min-height:460px;padding:78px clamp(24px,5vw,78px) 55px;display:grid}.directory-hero h1,.calculator-heading h1{font-size:clamp(48px,5vw,76px)}.directory-hero p,.calculator-heading p{color:var(--muted);max-width:540px;font-size:19px;line-height:1.6}.blueprint{border:1px solid var(--line);background:#f1f2ef;position:relative;transform:rotate(-2deg);box-shadow:0 20px 45px #1b211a1a}.blueprint:before,.blueprint:after{content:"";border:2px solid #929a91;position:absolute}.blueprint:before{inset:18% 12% 20% 16%}.blueprint:after{border-right:0;inset:34% 30% 20% 16%}.blueprint span{background:var(--orange);border-radius:50%;width:34px;height:34px;position:absolute;top:38%;left:47%}.blueprint i{background:var(--sage);width:110px;height:35px;position:absolute;bottom:10%;right:5%}.calculator-list{padding:0 clamp(24px,4vw,66px)}.calculator-row{border-bottom:1px solid var(--line);grid-template-columns:54px 210px 1fr auto;align-items:center;gap:28px;min-height:210px;display:grid}.row-number{font:700 13px var(--display);color:var(--orange)}.row-art{background:var(--mineral);height:170px;overflow:hidden}.row-art svg{width:100%;height:100%}.calculator-row h2{margin:0 0 8px;font-size:30px}.calculator-row p{color:var(--muted);max-width:600px;margin:0;line-height:1.55}.open-link{color:var(--orange);font-weight:750}.calculator-row:hover .row-art svg{transform:translateY(-5px)}.method-band,.safety-band{background:var(--mineral);grid-template-columns:.55fr 1fr;gap:70px;margin:70px clamp(24px,4vw,66px);padding:48px;display:grid}.method-band h2,.safety-band h2{margin:0;font-size:32px}.method-band p,.safety-band p{color:var(--muted);margin:0;line-height:1.7}.crumbs{color:var(--muted);gap:10px;padding:34px clamp(24px,4vw,66px) 0;font-size:13px;display:flex}.calculator-heading{padding:26px clamp(24px,4vw,66px) 42px}.calculator-heading h1{margin-bottom:14px}.tool-shell{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(380px,.82fr) minmax(520px,1.18fr);min-height:650px;margin:0 clamp(24px,4vw,66px);display:grid}.tool-inputs{border-right:1px solid var(--line);padding:30px 34px 32px 0}.area-tabs{flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:28px;display:flex}.area-tablist{flex-wrap:wrap;gap:3px;display:flex}.area-tabs button,.tool-actions button,.result-actions button{border:1px solid var(--line);font:700 13px var(--body);cursor:pointer;background:#fff;padding:11px 14px}.area-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.field-grid{grid-template-columns:1fr 1fr;gap:20px 14px;display:grid}.field-grid label{font:700 13px var(--body);gap:8px;display:grid}.field-grid input,.field-grid select{width:100%;height:48px;font:650 16px var(--body);color:var(--ink);background:#fff;border:1px solid #bfc3bf;padding:0 12px}.input-unit,.price-field{grid-template-columns:1fr auto;display:grid}.input-unit b{background:var(--mineral);border:1px solid #bfc3bf;border-left:0;place-items:center;min-width:45px;font-size:12px;display:grid}.price-field{grid-template-columns:76px 1fr}.price-field select{border-right:0;font-size:12px}.tool-actions{gap:8px;margin-top:28px;display:flex}.tool-actions button:disabled{opacity:.4;cursor:not-allowed}.visual-result{background:var(--mineral);grid-template-rows:1fr auto;padding:36px;display:grid}.project-diagram{place-items:center;min-height:390px;display:grid}.diagram-room{background:#fff;border:2px solid #545b55;width:78%;height:69%;position:relative;transform:perspective(700px)rotateX(2deg)}.diagram-room:before{content:"";background:linear-gradient(145deg,#0000 49.5%,#daddd8 50%,#0000 50.5%);position:absolute;inset:0}.diagram-window{border:5px double #919991;width:25%;height:38%;position:absolute;top:21%;left:11%}.diagram-door{border:5px double #919991;width:22%;height:55%;position:absolute;bottom:0;right:10%}.diagram-room i{color:var(--orange);font:800 12px var(--display);font-style:normal;position:absolute}.dim-x{bottom:-31px;left:38%}.dim-y{top:42%;right:-45px;transform:rotate(90deg)}.dim-z{bottom:-18px;left:-28px;transform:rotate(-25deg)}.result-dock{border:1px solid var(--line);background:#fff;padding:24px 26px}.result-dock p{color:var(--muted);margin:0 0 7px;font-size:13px}.result-dock>strong{letter-spacing:-.03em;font-size:36px}.result-dock>strong span{font-size:17px}.result-meta{border-top:1px solid var(--line);justify-content:space-between;margin:16px 0 22px;padding-top:15px;font-size:13px;display:flex}.result-actions{gap:8px;display:flex}.result-actions button:first-child{background:var(--orange);border-color:var(--orange);color:#fff}.shopping-preview,.formula-section{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;margin:80px clamp(24px,6vw,100px);display:grid}.shopping-preview h2,.formula-section h2{margin:0 0 18px;font-size:38px}.shopping-preview p,.formula-section p{color:var(--muted);line-height:1.7}.shopping-paper{border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;padding:30px;display:grid;box-shadow:0 18px 45px #17201714}.shopping-paper span,.shopping-paper b{border-bottom:1px solid var(--line);padding:13px 0}.shopping-paper span{color:var(--muted)}.formula{border-block:1px solid var(--line);padding:18px 0;font:750 21px var(--display)!important;color:var(--ink)!important}.formula-section aside{background:var(--mineral);padding:36px}.formula-section h3{font:750 23px var(--display);margin-top:0}.formula-section li{margin:14px 0;line-height:1.5}.simple-page{min-height:70vh;padding:12vh clamp(24px,8vw,130px)}.simple-page p{color:var(--muted);margin-bottom:35px;font-size:20px}@media (max-width:900px){.directory-hero{grid-template-columns:1fr;gap:35px}.blueprint{min-height:280px}.calculator-row{grid-template-columns:40px 135px 1fr}.open-link{grid-column:3}.tool-shell{grid-template-columns:1fr}.tool-inputs{border-right:0;border-bottom:1px solid var(--line);padding:28px}.method-band,.safety-band,.shopping-preview,.formula-section{grid-template-columns:1fr;gap:30px}.project-diagram{min-height:350px}}@media (max-width:600px){.calculator-row{grid-template-columns:34px 1fr;gap:16px;padding:24px 0}.row-art{grid-column:2;height:150px}.open-link{grid-column:2}.field-grid{grid-template-columns:1fr}.tool-shell{margin:0}.visual-result{padding:24px 18px}.diagram-room{width:82%;height:62%}.result-dock>strong{font-size:29px}.result-meta{gap:8px;display:grid}.shopping-preview,.formula-section{margin:55px 24px}.method-band,.safety-band{margin:50px 0;padding:36px 24px}}@media print{@page{size:letter;margin:.65in}.site-header,.crumbs,.tool-inputs,.project-diagram,.project-scene,.reference-scene,.shopping-preview,.formula-section,.calculator-guide,.safety-band,.site-footer,footer{display:none!important}.calculator-page{max-width:none;margin:0}.calculator-heading{border-bottom:2px solid var(--ink);padding:0 0 24px;display:block}.calculator-heading h1{margin:0 0 8px;font-size:34px}.calculator-heading p{max-width:680px;margin:0;font-size:14px;line-height:1.5}.calculator-review{margin-top:9px;font-size:11px;display:block}.tool-shell{border:0;min-height:0;margin:26px 0 0;display:block}.visual-result{background:#fff;padding:0;display:block}.result-dock{break-inside:avoid;border:1px solid #bbb;max-width:680px;padding:28px}.result-actions,.save-notice,.result-effect-feedback{display:none!important}.result-dock>strong{font-size:34px}.dynamic-shopping-list>div{break-inside:avoid}.result-meta{margin-bottom:0}}.site-footer{border-top:1px solid var(--line);background:#f5f6f4;grid-template-columns:1.8fr repeat(3,1fr);gap:50px;min-height:230px;padding:58px clamp(24px,4vw,72px);display:grid}.site-footer>div{flex-direction:column;align-items:flex-start;gap:11px;display:flex}.site-footer p{color:var(--muted);margin:0}.site-footer strong{margin-bottom:5px;font-size:14px}.site-footer a:not(.brand){color:#454a46;font-size:14px}.editorial-page{max-width:1440px;margin:auto}.editorial-hero{border-bottom:1px solid var(--line);grid-template-columns:1fr .9fr;align-items:center;gap:70px;min-height:500px;padding:80px clamp(24px,6vw,96px);display:grid}.editorial-hero h1{max-width:720px}.editorial-hero p{color:var(--muted);max-width:620px;font-size:20px;line-height:1.6}.editorial-art{background:var(--mineral);height:330px;position:relative;overflow:hidden}.editorial-art span,.editorial-art i,.editorial-art b,.editorial-art em{display:block;position:absolute}.editorial-cost .editorial-art span{background:#fff;border:1px solid #999;width:64%;height:72%;top:12%;left:13%;transform:rotate(-4deg);box-shadow:15px 18px #d7dbd4}.editorial-cost .editorial-art i{background:var(--orange);width:32%;height:8px;top:34%;left:24%}.editorial-cost .editorial-art b{background:#939c91;width:43%;height:8px;top:49%;left:24%}.editorial-cost .editorial-art em{background:var(--sage);border-radius:50%;width:90px;height:90px;bottom:5%;right:8%}.editorial-repair .editorial-art:before{content:"";border:3px solid #596159;border-radius:50%;position:absolute;inset:14%}.editorial-repair .editorial-art span{border:16px solid var(--sage);border-radius:50%;width:42%;height:42%;top:29%;left:29%}.editorial-repair .editorial-art i{background:var(--orange);transform-origin:0;width:48%;height:12px;top:47%;left:44%;transform:rotate(-38deg)}.editorial-repair .editorial-art b{background:#2e332f;width:28px;height:100px;top:15%;right:4%;transform:rotate(-38deg)}.editorial-checklist .editorial-art span{background:#fff;border:1px solid #aeb3ae;inset:8% 14%;box-shadow:16px 16px #dce0da}.editorial-checklist .editorial-art i,.editorial-checklist .editorial-art b,.editorial-checklist .editorial-art em{background:#afb4ae;width:55%;height:3px;left:25%}.editorial-checklist .editorial-art i{top:32%}.editorial-checklist .editorial-art b{top:50%}.editorial-checklist .editorial-art em{top:68%}.editorial-checklist .editorial-art:after{content:"✓";background:var(--orange);color:#fff;width:80px;height:80px;font:800 46px var(--display);place-items:center;display:grid;position:absolute;bottom:8%;right:12%}.guide-list,.repair-list{padding:50px clamp(24px,5vw,80px)}.guide-list>a{border-bottom:1px solid var(--line);grid-template-columns:1fr 220px 150px;align-items:center;gap:30px;padding:34px 0;display:grid}.guide-list h2,.repair-list h2{margin:0 0 7px;font-size:29px}.guide-list p,.repair-list p{color:var(--muted);margin:0}.guide-list>a>strong{font-size:25px}.guide-list>a>span,.repair-list>a>strong{color:var(--orange)}.source-note{background:var(--mineral);grid-template-columns:1fr 1.4fr;gap:60px;margin:40px clamp(24px,5vw,80px) 80px;padding:55px;display:grid}.source-note h2{margin:0;font-size:34px}.source-note p{color:var(--muted);margin:0;line-height:1.7}.repair-list>a{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr auto;align-items:center;gap:35px;padding:26px 0;display:grid}.repair-illustration{background:var(--mineral);height:120px;position:relative}.repair-illustration i{border:8px solid var(--sage);border-radius:50%;width:58px;height:58px;position:absolute;top:24px;left:28px}.repair-illustration b{background:var(--orange);width:55px;height:9px;position:absolute;top:76px;left:78px;transform:rotate(38deg)}.article-page{max-width:1180px;margin:auto;padding:70px 36px 110px}.article-page>header{max-width:850px}.article-page>header>p:not(.breadcrumb){color:var(--muted);font-size:21px;line-height:1.6}.article-page time{color:var(--muted);margin-top:22px;font-size:13px;display:block}.breadcrumb{color:var(--muted);font-size:13px}.scenario-table{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:70px 0;display:grid}.scenario-table>div{border-right:1px solid var(--line);padding:35px}.scenario-table>div:last-child{border:0}.scenario-table span{color:var(--orange);font:700 13px var(--display);display:block}.scenario-table strong{margin:10px 0;font-size:30px;display:block}.scenario-table p{color:var(--muted);line-height:1.5}.article-grid,.repair-steps{grid-template-columns:1.5fr .8fr;gap:90px;display:grid}.article-grid article h2,.repair-steps h2,.next-step h2{margin:42px 0 13px;font-size:31px}.article-grid article h2:first-child{margin-top:0}.article-grid article p,.article-grid article li,.repair-steps li,.next-step p{color:#494e4a;line-height:1.75}.article-grid aside,.repair-steps aside{background:var(--mineral);align-self:start;padding:36px}.article-grid aside h2,.repair-steps aside h2{margin-top:0}.repair-steps ol,.repair-steps ul{padding-left:22px}.repair-steps li{margin:15px 0}.repair-steps aside{border-top:6px solid var(--orange)}.next-step{border-top:1px solid var(--line);margin-top:60px;padding:35px 0}.checklist-tool{max-width:1040px;margin:60px auto 90px;padding:0 30px}.checklist-progress{z-index:10;border:1px solid var(--line);background:#fff;grid-template-columns:170px 1fr auto auto;align-items:center;gap:14px;padding:22px;display:grid;position:sticky;top:76px;box-shadow:0 12px 30px #18201816}.checklist-progress>div{display:grid}.checklist-progress strong{font-size:30px}.checklist-progress span{color:var(--muted);font-size:12px}.checklist-progress progress{width:100%;accent-color:var(--orange)}.checklist-progress button{border:1px solid var(--line);height:42px;font:700 13px var(--body);cursor:pointer;background:#fff;padding:0 15px}.checklist-tool section{border-bottom:1px solid var(--line);padding:40px 0}.checklist-tool section h2{font-size:30px}.checklist-tool label{cursor:pointer;align-items:center;gap:15px;padding:17px 0;font-size:17px;display:flex}.checklist-tool input{width:22px;height:22px;accent-color:var(--orange)}.checklist-tool label.is-done span{color:var(--muted);text-decoration:line-through}.text-page{max-width:1040px;margin:auto;padding:85px 32px 120px}.text-page>header{border-bottom:1px solid var(--line);padding-bottom:55px}.text-page>header p{color:var(--muted);font-size:21px;line-height:1.6}.text-page article{max-width:760px;padding-top:40px}.text-page article h2{margin:40px 0 12px;font-size:29px}.text-page article p{color:#464b47;line-height:1.8}@media (max-width:800px){.site-footer{grid-template-columns:1fr 1fr}.editorial-hero{grid-template-columns:1fr}.editorial-art{height:280px}.guide-list>a{grid-template-columns:1fr auto}.guide-list>a>span{grid-column:1}.source-note,.article-grid,.repair-steps{grid-template-columns:1fr;gap:30px}.repair-list>a{grid-template-columns:110px 1fr}.repair-list>a>strong{grid-column:2}.scenario-table{grid-template-columns:1fr}.scenario-table>div{border-right:0;border-bottom:1px solid var(--line)}.checklist-progress{grid-template-columns:1fr 1fr;top:68px}.checklist-progress progress{grid-area:2/1/auto/-1}.checklist-progress button{grid-row:3}}@media (max-width:520px){.site-footer{grid-template-columns:1fr 1fr;gap:35px}.site-footer>div:first-child{grid-column:1/-1}.editorial-hero{padding:60px 24px}.guide-list>a{grid-template-columns:1fr}.guide-list>a>span{grid-column:1}.repair-list>a{grid-template-columns:1fr}.repair-list>a>strong{grid-column:1}.scenario-table>div{padding:28px 10px}.checklist-progress{grid-template-columns:1fr;position:static}.checklist-progress progress,.checklist-progress button{grid-area:auto/1}}@media print{.checklist-progress{box-shadow:none;position:static}.checklist-progress button{display:none}.checklist-tool label{break-inside:avoid}.site-footer{display:none!important}}.project-button .project-asset{z-index:1;transition:transform .35s;display:block;position:absolute;inset:0 2% 21% 27%}.project-button .project-asset img{object-fit:contain;object-position:center}.project-button>span:not(.project-asset){z-index:2;gap:3px;display:grid}.project-button:hover .project-asset,.project-button:focus-visible .project-asset{transform:translateY(-8px)rotate(-1deg)scale(1.025)}.row-art{position:relative}.row-art .project-asset{transition:transform .35s;display:block;position:absolute;inset:-12% -2%}.row-art .project-asset img{object-fit:contain}.calculator-row:hover .row-art .project-asset,.calculator-row:focus-visible .row-art .project-asset{transform:translateY(-6px)scale(1.025)}.hero{isolation:isolate;background:#fff;grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:center;gap:50px;padding:48px clamp(24px,4vw,68px);position:relative}.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffffffa 0%,#ffffffe0 34%,#ffffff14 61%,#fff0 100%);position:absolute;inset:0}.hero-image{object-fit:cover;z-index:-2}.hero-copy{align-self:center;padding:45px 0}.hero-copy h1{max-width:720px;font-size:clamp(49px,5vw,76px)}.hero-quick{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff5;border:1px solid #d4d7d3;padding:28px;box-shadow:0 24px 70px #18201833}.hero-quick-title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hero-quick-title h2{margin:0;font-size:25px}.hero-quick-title span{color:var(--muted);font-size:12px}.hero-fields{gap:13px;display:grid}.hero-fields label{font:700 13px var(--body);grid-template-columns:85px 1fr;align-items:center;display:grid}.hero-fields label>span{grid-template-columns:1fr 42px;display:grid}.hero-fields input{min-width:0;height:44px;font:650 16px var(--body);border:1px solid #c8ccc8;padding:0 11px}.hero-fields b{background:var(--mineral);border:1px solid #c8ccc8;border-left:0;place-items:center;font-size:11px;display:grid}.hero-result{background:var(--mineral);gap:3px;margin:22px 0 18px;padding:19px;display:grid}.hero-result small,.hero-result span{color:var(--muted);font-size:12px}.hero-result strong{font-size:29px}.hero-quick>a{color:var(--orange);font-size:14px;font-weight:750}@media (max-width:900px){.hero{grid-template-columns:1fr;padding:54px 24px}.hero:after{background:linear-gradient(#fffffff5,#ffffffd1 55%,#ffffff59)}.hero-copy{padding:20px 0}.hero-quick{max-width:520px}}@media (max-width:520px){.hero{gap:24px}.hero-quick{padding:22px}.hero-fields label{grid-template-columns:72px 1fr}}.dynamic-shopping-list{border-top:1px solid var(--line);gap:0;margin-top:18px;display:grid}.dynamic-shopping-list>span{color:var(--muted);padding:13px 0 8px;font-size:12px}.dynamic-shopping-list>div{border-top:1px solid #eceeeb;grid-template-columns:54px 1fr;gap:8px;padding:9px 0;font-size:13px;display:grid}.dynamic-shopping-list>div b{color:var(--orange)}.save-notice,.validation-message{margin:14px 0 0!important;font-size:13px!important}.save-notice{color:#496242!important}.validation-message{color:#a12d13}.field-grid input[aria-invalid=true]{border-color:#c94b2e;box-shadow:0 0 0 1px #c94b2e}:root{--display:"Manrope","Manrope Fallback",Arial,sans-serif;--body:"Inter","Inter Fallback",Arial,sans-serif}.project-illustration{align-content:center;min-height:390px;margin:0;padding:8px 0 14px;display:grid}.project-illustration svg{width:100%;height:auto;display:block;overflow:visible}.project-illustration figcaption{text-align:center;color:var(--muted);letter-spacing:.03em;margin-top:-7px;font-size:12px}.diagram-measure path{fill:none;stroke:#f05a28;stroke-width:2.5px;stroke-linecap:round}.diagram-measure rect{fill:#fff;stroke:#f05a28;stroke-width:2px}.diagram-measure text{fill:#f05a28;font:800 14px var(--display);text-anchor:middle}.header-actions{justify-self:end;align-items:center;gap:9px;display:flex}.mobile-menu{display:none;position:relative}.mobile-menu-button{cursor:pointer;background:#fff;border:1px solid #cfd2cf;place-content:center;gap:5px;width:43px;height:43px;display:grid}.mobile-menu-button span{background:var(--ink);width:19px;height:2px;display:block}.mobile-nav-panel{border:1px solid var(--line);background:#fff;width:min(330px,100vw - 32px);padding:8px 20px;top:52px;right:0;box-shadow:0 22px 50px #18201824;display:grid!important;position:absolute!important}.mobile-nav-panel a{font:750 17px var(--display);justify-content:space-between;display:flex;border-bottom:1px solid var(--line)!important;padding:18px 2px!important}.mobile-nav-panel a:last-child{border-bottom:0!important}.mobile-nav-panel a span{color:var(--orange)}@media (max-width:900px){.mobile-menu{display:block}.site-header{grid-template-columns:1fr auto}.site-header>.unit-button{justify-self:auto}.project-illustration{min-height:330px}}@media (max-width:470px){.brand{font-size:18px}.unit-button{padding:10px 11px}.site-header{padding-inline:16px}.header-actions{gap:6px}.project-illustration{min-height:270px}.project-illustration figcaption{margin-top:0}}@media print{.project-illustration{display:none!important}}.editorial-ad{border-block:1px solid var(--line);background:#fafbf9;max-width:1040px;min-height:120px;margin:52px auto;padding:20px}.editorial-ad>span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:10px;display:block}.editorial-ad .adsbygoogle{min-height:90px}.directory-showcase{isolation:isolate;min-height:330px;position:relative}.plan-sheet{background:#f8f7f2;border:1px solid #cdd1cb;position:absolute;inset:4% 8% 3% 3%;transform:rotate(-2deg);box-shadow:0 24px 50px #18201820}.plan-sheet svg{width:100%;height:100%}.plan-outline,.plan-lines,.plan-notes,.plan-measure{fill:none;stroke:#839085;stroke-width:2px}.plan-lines{stroke-width:3px}.plan-notes{stroke:#bcc3bb}.plan-measure{stroke:#f05a28}.plan-sheet text{fill:#f05a28;font:700 12px var(--display);text-anchor:middle}.directory-cutout{position:absolute}.directory-cutout img{object-fit:contain}.directory-cutout--paint{z-index:3;width:285px;height:220px;bottom:-7%;right:-3%;transform:rotate(5deg)}.directory-cutout--tile{z-index:2;width:200px;height:150px;bottom:-2%;left:-4%;transform:rotate(-5deg)}.measure-badge{z-index:4;text-align:center;background:var(--orange);color:#fff;border-radius:50%;place-content:center;width:94px;height:94px;display:grid;position:absolute;top:5%;right:8%;box-shadow:0 12px 24px #ef4b0b38}.measure-badge strong{font-size:31px;line-height:1}.measure-badge span{text-transform:uppercase;letter-spacing:.06em;font-size:11px}@media (max-width:900px){.directory-showcase{width:100%;max-width:650px;min-height:330px}}@media (max-width:520px){.directory-cutout--paint{width:220px;height:170px}.directory-cutout--tile{width:155px;height:125px}.measure-badge{width:78px;height:78px}.plan-sheet{inset:4% 2%}}.project-scene{align-content:center;min-height:390px;margin:0;padding:6px 0 14px;display:grid}.project-scene-art{aspect-ratio:4/3;background:#f7f5ef;position:relative;overflow:hidden}.project-scene-art>img{object-fit:cover}.project-scene figcaption{text-align:left;color:var(--muted);padding:10px 2px 0;font-size:12px;line-height:1.45}.scene-readout{z-index:3;border-top:4px solid var(--orange);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;width:26%;padding:18px 17px 14px;position:absolute;top:50%;right:3%;transform:translateY(-50%);box-shadow:0 16px 34px #1c241c21}.scene-readout-kicker{color:var(--orange);font:800 9px var(--display);letter-spacing:.11em;text-transform:uppercase;display:block}.scene-readout>strong{margin:5px 0 12px;font-size:18px;line-height:1.15;display:block}.scene-readout dl{margin:0}.scene-readout dl>div{border-top:1px solid #dfe1dd;gap:2px;padding:9px 0;display:grid}.scene-readout dt{color:var(--muted);font-size:10px}.scene-readout dd{font:800 15px var(--display);white-space:nowrap;margin:0}@media (max-width:600px){.project-scene{min-height:0}.project-scene-art{aspect-ratio:auto;background:#f7f5ef;display:grid;overflow:visible}.project-scene-art>img{aspect-ratio:4/3;object-fit:cover;width:100%!important;height:auto!important;position:relative!important;inset:auto!important}.scene-readout{border-top:3px solid var(--orange);width:auto;box-shadow:none;background:#fff;margin:-1px 0 0;padding:17px 18px 13px;position:relative;top:auto;right:auto;transform:none}.scene-readout>strong{font-size:17px}.scene-readout dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.scene-readout dl>div{padding:8px 0 0}.scene-readout dd{white-space:normal;font-size:14px}.project-scene figcaption{padding:9px 2px 0}}@media print{.project-scene{display:none!important}}.eyebrow{color:var(--orange);font:800 12px var(--display);letter-spacing:.1em;margin-bottom:14px;display:block}.home-proof{grid-template-columns:.75fr 1.25fr;align-items:center;gap:7vw;min-height:600px;padding:90px clamp(24px,5vw,80px);display:grid}.home-proof-copy h2,.home-guides h2{letter-spacing:-.05em;margin:0 0 22px;font-size:clamp(38px,4vw,58px);line-height:1.05}.home-proof-copy>p,.home-guides>div>p{color:var(--muted);font-size:18px;line-height:1.7}.home-proof-copy ul{margin:0;padding:12px 0 18px;list-style:none}.home-proof-copy li{padding:9px 0}.home-proof-copy li:before{content:"✓";color:#52634e;background:#dce5d7;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:10px;font-weight:800;display:inline-grid}.home-proof-copy>a{color:var(--orange);font-weight:800}.home-proof-scene{background:#f5f3ed;min-height:470px;position:relative;overflow:hidden}.home-proof-scene>img{object-fit:cover}.mini-shopping{background:#fffffff5;width:230px;padding:24px;position:absolute;bottom:6%;right:5%;box-shadow:0 18px 45px #18201826}.mini-shopping>span{color:var(--orange);letter-spacing:.1em;font-size:10px}.mini-shopping>strong{margin:6px 0 14px;font-size:23px;display:block}.mini-shopping p{border-top:1px solid var(--line);justify-content:space-between;margin:0;padding:9px 0;font-size:13px;display:flex}.mini-shopping>a{color:var(--orange);margin-top:14px;font-size:13px;font-weight:800;display:block}.home-guides{background:var(--mineral);grid-template-columns:.78fr 1.22fr;align-items:center;gap:7vw;min-height:520px;padding:80px clamp(24px,6vw,96px);display:grid}.guide-feature{min-height:360px;position:relative;overflow:hidden}.guide-feature>img{object-fit:cover}.guide-feature>span{background:#fffffff0;padding:20px 22px;display:grid;position:absolute;bottom:22px;left:24px;right:24px}.guide-feature strong{font-size:22px}.guide-feature small{color:var(--muted);margin-top:5px}.trust-strip{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7vw;padding:48px clamp(24px,7vw,110px);display:grid}.trust-strip>div{grid-template-columns:60px 1fr;align-items:center;gap:20px;display:grid}.trust-strip>div>span{border:2px solid var(--sage);width:58px;height:58px;color:var(--sage);border-radius:50%;place-items:center;font-size:25px;display:grid}.trust-strip p{color:var(--muted);margin:0;line-height:1.6}.trust-strip strong{color:var(--ink);font-size:18px;display:block}@media (max-width:800px){.home-proof,.home-guides{grid-template-columns:1fr;gap:42px}.home-proof{padding-block:65px}.home-proof-scene{min-height:420px}.trust-strip{grid-template-columns:1fr}}@media (max-width:520px){.home-proof-scene{min-height:360px}.mini-shopping{width:205px;padding:18px}.guide-feature{min-height:300px}.trust-strip{padding-block:36px}.trust-strip>div{grid-template-columns:45px 1fr}.trust-strip>div>span{width:44px;height:44px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.directory-tools{padding-top:0}.directory-controls{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding:30px clamp(24px,4vw,66px) 8px;display:flex}.directory-controls label{width:min(430px,100%)}.directory-controls input{width:100%;height:48px;font:600 15px var(--body);border:1px solid #bfc3bf;padding:0 16px}.directory-filters{gap:4px;display:flex}.directory-filters button{font:700 13px var(--body);cursor:pointer;background:#fff;border:0;border-bottom:3px solid #0000;padding:14px 18px}.directory-filters button[aria-pressed=true]{color:var(--orange);border-color:var(--orange)}.directory-empty{background:var(--mineral);color:var(--muted);margin:70px clamp(24px,4vw,66px);padding:35px}@media (max-width:700px){.directory-controls{display:grid}.directory-filters{overflow:auto}.directory-filters button{white-space:nowrap}}@media (max-width:600px){.directory-controls{padding:24px}.directory-filters{grid-template-columns:repeat(2,1fr);gap:0;display:grid;overflow:visible}.directory-filters button{padding-inline:10px}.calculator-list{padding:0 24px}.calculator-row{grid-template-columns:32px minmax(0,1fr);grid-auto-flow:row;gap:14px 12px;padding:30px 0}.calculator-row .row-number{grid-area:1/1;align-self:start;padding-top:7px}.calculator-row .row-art{grid-area:1/2;height:185px}.calculator-row>div:nth-of-type(2){grid-area:2/2;width:100%;min-width:0}.calculator-row>div:nth-of-type(2) h2{font-size:27px}.calculator-row>div:nth-of-type(2) p{max-width:none;line-height:1.6}.calculator-row .open-link{grid-area:3/2;justify-self:start}}.field-grid .check-field{background:#fff;border:1px solid #bfc3bf;align-self:end;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.field-grid .check-field input{width:19px;height:19px;accent-color:var(--orange);margin:0}.field-grid .check-field span{font-size:13px}.visual-result{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(238px,.68fr);align-items:start;gap:22px;padding:28px}.project-scene{grid-template-rows:auto auto auto;align-content:start;min-height:0;padding:0;display:grid}.scene-readout{border-top:3px solid var(--orange);width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;padding:14px 15px 12px;position:relative;top:auto;right:auto;transform:none}.scene-readout>strong{margin:4px 0 9px;font-size:16px}.scene-readout dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.scene-readout dl>div{padding:7px 0 0}.scene-readout dd{white-space:normal;font-size:13px}.project-scene figcaption{padding-top:8px}.result-dock{align-self:start}@media (max-width:1100px) and (min-width:901px){.visual-result{grid-template-columns:1fr;gap:16px}.result-dock{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.result-dock>p,.result-dock>strong{grid-column:1}.dynamic-shopping-list{grid-area:1/2/3}.result-meta,.result-actions,.save-notice{grid-column:1/-1}}@media (max-width:900px){.visual-result{grid-template-columns:1fr}.result-dock{order:-1}.project-scene{order:2}}@media (max-width:600px){.scene-readout{padding:14px 16px 12px}.scene-readout dl{gap:8px}.visual-result{padding:18px}}.result-dock>strong{line-height:1;display:block}.result-dock>strong span{word-spacing:.18em;margin-top:7px;line-height:1.25;display:block}.result-meta{gap:6px;display:grid}.result-actions{flex-wrap:wrap}@media (max-width:600px){.project-scene-art{overflow:hidden}.project-scene .project-scene-art>img{object-position:center;width:100%!important;max-width:100%!important;right:0!important}.tool-shell{flex-direction:column;scroll-margin-top:88px;display:flex}.mobile-measurement-feedback{order:2;margin-top:0}.visual-result{display:contents}.project-scene{background:var(--mineral);border-bottom:1px solid var(--line);order:1;padding:18px}.tool-inputs{order:3}.result-dock{order:4;margin:18px;padding:22px 20px}}.editorial-byline{color:#21302a;align-items:center;gap:12px;margin-top:24px;display:flex}.editorial-byline>span{color:#244a3d;width:38px;height:38px;font:800 11px/1 var(--display);letter-spacing:.08em;background:#f4f7f4;border:1px solid #c8d2cc;border-radius:50%;place-items:center;display:grid}.editorial-byline p{gap:3px;display:grid;margin:0!important}.editorial-byline strong{font:700 13px/1.2 var(--display)}.editorial-byline small{color:#66716b;font:500 12px/1.4 var(--body)}.editorial-byline a{color:#bf3a13;text-underline-offset:3px;text-decoration:underline}.article-page .editorial-byline time{color:inherit;font:inherit;margin:0;display:inline}.standards-page{max-width:1160px;margin:0 auto;padding:88px 36px 120px}.standards-page>header{max-width:850px;margin-bottom:58px}.standards-page h1{max-width:760px;font:700 clamp(54px,8vw,100px)/.9 var(--display);letter-spacing:-.07em;margin:12px 0 22px}.standards-page>header p{color:#59625d;max-width:760px;font-size:20px;line-height:1.65}.standards-grid{border-top:1px solid #d9ddda;border-left:1px solid #d9ddda;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.standards-grid article{background:#fff;border-bottom:1px solid #d9ddda;border-right:1px solid #d9ddda;min-height:300px;padding:34px}.standards-grid article>span{color:#c63b13;font:800 12px/1 var(--display);letter-spacing:.12em}.standards-grid h2{max-width:370px;font:700 28px/1.05 var(--display);letter-spacing:-.04em;margin:54px 0 16px}.standards-grid p{color:#5b655f;max-width:490px;line-height:1.7}.standards-process{color:#fff;background:#20352d;grid-template-columns:repeat(3,1fr);margin:54px 0;display:grid}.standards-process div{border-right:1px solid #ffffff2e;align-content:start;gap:26px;min-height:190px;padding:30px;display:grid}.standards-process div:last-child{border-right:0}.standards-process span{color:#9ec9b8;font:800 11px/1 var(--display);letter-spacing:.14em}.standards-process strong{font:650 20px/1.45 var(--display)}.standards-disclosure{max-width:820px;padding:48px 0}.standards-disclosure h2{font:700 38px/1 var(--display);letter-spacing:-.04em}.standards-disclosure p{color:#59625d;font-size:18px;line-height:1.7}.standards-disclosure a{color:#bd3b15;font-weight:700}@media (max-width:760px){.standards-page{padding:54px 22px 80px}.standards-page h1{font-size:52px}.standards-page>header p{font-size:17px}.standards-grid,.standards-process{grid-template-columns:1fr}.standards-grid article{min-height:0;padding:26px}.standards-grid h2{margin-top:34px}.standards-process div{border-bottom:1px solid #ffffff2e;border-right:0;min-height:0}}.checklist-progress small{color:var(--muted);margin-top:4px;font-size:12px}.editorial-photo-art{background:#e8e9e5;height:360px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 55px #1a1f1b29}.editorial-photo-art>img{object-fit:cover}.editorial-cost .editorial-photo-art:before,.editorial-cost .editorial-photo-art:after,.editorial-repair .editorial-photo-art:before,.editorial-repair .editorial-photo-art:after,.editorial-checklist .editorial-photo-art:before,.editorial-checklist .editorial-photo-art:after{content:none}.editorial-photo-art figcaption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;align-items:center;gap:10px;padding:11px 15px;display:flex;position:absolute;bottom:20px;left:22px;box-shadow:0 10px 26px #161b1729}.editorial-photo-art figcaption span,.editorial-cost .editorial-photo-art figcaption span,.editorial-repair .editorial-photo-art figcaption span,.editorial-checklist .editorial-photo-art figcaption span{background:var(--orange);width:9px;height:9px;box-shadow:none;border:0;border-radius:50%;display:block;position:static;transform:none}.editorial-photo-art figcaption strong{font:800 12px var(--display);letter-spacing:.07em;text-transform:uppercase}.editorial-hero-kicker{color:var(--orange);font:850 11px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;display:block}@media (max-width:800px){.editorial-photo-art{height:330px}}@media (max-width:520px){.editorial-photo-art{height:280px}.editorial-photo-art figcaption{bottom:14px;left:14px}}.repair-list>a{transition:background .2s}.repair-list>a:hover,.repair-list>a:focus-visible{background:#f6f7f4}.repair-illustration{background:linear-gradient(145deg,#f2f3ef,#e4e7e1);display:block;overflow:hidden}.repair-illustration>img{object-fit:contain;padding:8px;transition:transform .25s}.repair-list>a:hover .repair-illustration>img,.repair-list>a:focus-visible .repair-illustration>img{transform:translateY(-4px)scale(1.04)}@media (prefers-reduced-motion:reduce){.repair-illustration>img{transition:none}}@media (max-width:520px){.repair-illustration{height:180px}.repair-illustration>img{padding:12px}}.project-scene-media{position:absolute;inset:0;overflow:hidden}.project-scene-media>img{object-fit:cover}.scene-measurement-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scene-dimension{color:#252b27;opacity:.72;transition:opacity .16s,color .16s,filter .16s}.scene-dimension-halo,.scene-dimension-line,.scene-dimension-leader-halo,.scene-dimension-leader{fill:none;stroke-linecap:round;stroke-linejoin:round}.scene-dimension-halo{stroke:#fffffff2;stroke-width:8px}.scene-dimension-line{stroke:currentColor;stroke-width:2.5px}.scene-dimension-leader-halo{stroke:#fffffff2;stroke-width:6px}.scene-dimension-leader{stroke:currentColor;stroke-width:1.8px;stroke-dasharray:7 7}.scene-measurement-overlay marker path{fill:#fff;stroke:#f04d17;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.scene-dimension-chip{filter:drop-shadow(0 5px 10px #141c162e)}.scene-dimension-chip rect{fill:#fffffff2;stroke:currentColor;stroke-width:1.5px}.scene-dimension-chip text{fill:currentColor;text-anchor:middle;font-family:var(--font-display),sans-serif}.scene-dimension-label{letter-spacing:.01em;font-size:20px;font-weight:700}.scene-dimension-value{font-size:29px;font-weight:850}.scene-measurement-overlay:has(.scene-dimension.is-active) .scene-dimension:not(.is-active){opacity:.2}.scene-dimension.is-active{color:var(--orange);opacity:1;filter:drop-shadow(0 0 8px #f04d1738)}.scene-dimension.is-active .scene-dimension-halo{stroke-width:10px}.scene-dimension.is-active .scene-dimension-line{stroke-width:5px}.scene-dimension.is-active .scene-dimension-leader,.scene-dimension.is-active .scene-dimension-chip rect{stroke-width:3px}.scene-planning-inset{pointer-events:none}.scene-inset-card{fill:#fffffff0;stroke:#d6dad4;stroke-width:2px}.scene-inset-title{fill:#606761;font:800 13px var(--display);letter-spacing:.08em}.scene-inset-shape{fill:none;stroke:#737b75;stroke-width:3px;stroke-linejoin:round}.scene-inset-layer{fill:#8b5b362e;stroke:none}.scene-dimension.is-inset .scene-dimension-chip rect{x:-86px;y:-29px;width:172px;height:58px}.scene-dimension.is-inset .scene-dimension-label{font-size:16px}.scene-dimension.is-inset .scene-dimension-value{font-size:22px}.scene-dimension:not(.is-active){opacity:.12}.scene-dimension:not(.is-active) .scene-dimension-chip{opacity:0}.scene-dimension-anchor-halo{fill:#fff;stroke:#fff;stroke-width:8px}.scene-dimension-anchor{fill:var(--orange);stroke:#fff;stroke-width:3px}.scene-dimension.is-active .scene-dimension-line{stroke-dasharray:1400;animation:.52s ease-out both scene-line-confirm}.scene-dimension.is-active .scene-dimension-chip{transform-box:fill-box;transform-origin:50%;animation:.28s ease-out both scene-chip-confirm}.fence-bay-feedback{color:var(--orange);opacity:0;transition:opacity .18s}.fence-bay-feedback.is-active{opacity:1}.fence-bay-rail-halo,.fence-bay-rail{fill:none;stroke-linecap:round}.fence-bay-rail-halo{stroke:#fffffff2;stroke-width:8px}.fence-bay-rail{stroke:currentColor;stroke-width:3px}.fence-bay-tick{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 2px #fff)}.fence-bay-chip{filter:drop-shadow(0 5px 10px #141c162e)}.fence-bay-chip rect{fill:#fffffff5;stroke:currentColor;stroke-width:2px}.fence-bay-chip text{fill:currentColor;text-anchor:middle;font:800 20px var(--display)}.scene-measurement-overlay:has(.fence-bay-feedback.is-active) .scene-object-feedback{opacity:.04}@keyframes scene-line-confirm{0%{stroke-dashoffset:1400px}to{stroke-dashoffset:0}}@keyframes scene-chip-confirm{0%{opacity:.35}to{opacity:1}}.scene-object-feedback{color:var(--orange);opacity:.12;transition:opacity .16s,color .16s}.scene-object-halo,.scene-object-shape{fill:none;stroke-linecap:round;stroke-linejoin:round}.scene-object-halo{stroke:#fff;stroke-width:8px}.scene-object-shape{stroke:currentColor;stroke-width:3px;stroke-dasharray:10 8}.scene-object-fill{fill:#f04d1714}.scene-object-chip{filter:drop-shadow(0 5px 10px #141c162b)}.scene-object-chip rect{fill:#fffffff5;stroke:currentColor;stroke-width:2px}.scene-object-chip text{fill:currentColor;text-anchor:middle;font:800 18px var(--display)}.scene-object-feedback.is-active{opacity:1}.scene-object-feedback.is-active .scene-object-shape{stroke-width:5px;stroke-dasharray:none}.scene-object-feedback.is-excluded{color:#656b67}.scene-measurement-overlay:has(.scene-object-feedback.is-active) .scene-dimension{opacity:.1}.scene-measurement-overlay:has(.scene-object-feedback.is-active) .scene-object-feedback:not(.is-active){opacity:.06}.scene-readout dl>div{transition:background-color .16s,color .16s,padding .16s}.scene-readout dl>div.is-active{color:var(--orange);background:#fff2ec;margin-inline:-7px;padding-inline:7px}.scene-object-readouts{border-top:1px solid #dfe1dd;flex-wrap:wrap;gap:6px;margin-top:9px;padding-top:9px;display:flex}.scene-object-readouts span{color:var(--muted);background:#f3f4f1;padding:5px 8px;font-size:10px;font-weight:750}.scene-object-readouts span.is-active{color:var(--orange);background:#fff0e9}.field-grid label:focus-within>span:first-child{color:var(--orange)}.field-grid input:focus-visible,.field-grid select:focus-visible{border-color:var(--orange);z-index:2;outline:0;position:relative;box-shadow:0 0 0 3px #f04d172e}.result-dock.is-effect-active{border-color:var(--orange);box-shadow:0 0 0 3px #f04d171f,0 16px 34px #1c231d1a}.result-effect-feedback{border-left:4px solid var(--orange);background:#fff0e9;gap:2px;margin:-8px -10px 18px;padding:11px 13px;display:grid}.result-effect-feedback span{color:var(--orange);font:800 10px var(--display);letter-spacing:.08em;text-transform:uppercase}.result-effect-feedback strong{font:750 14px var(--body)}.mobile-measurement-feedback{display:none}@media (max-width:600px){.project-scene-art{aspect-ratio:4/3;background:#f7f5ef;display:block;position:relative;overflow:hidden}.project-scene-media{width:100%;height:100%;position:absolute;inset:0}.project-scene-media>img{object-fit:cover;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.mobile-measurement-feedback{z-index:18;color:#fff;border-bottom:3px solid var(--orange);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d211ef5;align-items:center;gap:14px;margin:0;padding:12px 14px;display:flex;position:fixed;top:68px;left:0;right:0;box-shadow:0 12px 24px #1318142b}.mobile-measurement-feedback>span:last-child{gap:2px;min-width:0;display:grid}.mobile-measurement-feedback small{color:#d8ddd8;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.2;overflow:hidden}.mobile-measurement-feedback strong{font:800 17px var(--display)}.feedback-axis{flex:0 0 54px;width:54px;height:22px;display:block;position:relative}.feedback-axis:before,.feedback-axis:after{content:"";border-top:2px solid var(--orange);border-left:2px solid var(--orange);width:11px;height:11px;position:absolute;top:7px}.feedback-axis:before{left:0;transform:rotate(-45deg)}.feedback-axis:after{right:0;transform:rotate(135deg)}.feedback-axis i{background:var(--orange);height:2px;position:absolute;top:12px;left:5px;right:5px}.scene-dimension-label{font-size:24px}.scene-dimension-value{font-size:34px}.scene-dimension:not(.is-active) .scene-dimension-chip{opacity:0}.scene-dimension:not(.is-active){opacity:.14}}@media (prefers-reduced-motion:reduce){.scene-dimension,.scene-object-feedback,.scene-readout dl>div,.fence-bay-feedback{transition:none}.scene-dimension.is-active .scene-dimension-line,.scene-dimension.is-active .scene-dimension-chip{animation:none}}.scaled-room{gap:0}.scaled-room-stage{background:linear-gradient(145deg,#f8f5ed 0%,#f0eee7 55%,#e7ebe4 100%);border:1px solid #d9dcd5;grid-template-rows:auto minmax(330px,1fr) auto;min-height:480px;display:grid;position:relative;overflow:hidden}.scaled-room-toolbar{color:#626a63;font:700 11px var(--body);letter-spacing:.02em;justify-content:space-between;align-items:center;padding:15px 18px 8px;display:flex}.scaled-room-toolbar span{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;display:flex}.scaled-room-toolbar i{background:#2f8d62;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2f8d6218}.scaled-room-toolbar strong{color:var(--orange);font-size:12px}.scaled-room-canvas{touch-action:none;width:100%;height:100%;min-height:330px;max-height:500px;display:block;overflow:visible}.scaled-room-floor{fill:#e3dac9;stroke:#26362e;stroke-width:3px}.scaled-room-grid{fill:none;stroke:#8f9a90;stroke-width:1px}.scaled-furniture{stroke:#3d4a42;stroke-width:2px;vector-effect:non-scaling-stroke}.scaled-table{fill:#c39362}.scaled-console{fill:#6e786f}.scaled-furniture-detail{fill:#ffffff35}.scaled-furniture-seam{fill:none;stroke:#ffffff8c;stroke-width:1.5px}.scaled-opening{fill:none;stroke:#f7f5ef;stroke-width:8px}.scaled-opening text{fill:#4d5a51;stroke:none;font:800 9px var(--display);text-anchor:middle}.scaled-door path:last-child{stroke:#8b938c;stroke-width:2px;stroke-dasharray:3 3}.scaled-dimension{color:#56625a}.scaled-dimension path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-dasharray:3 3}.scaled-dimension text{fill:currentColor;font:800 10px var(--display);text-anchor:middle;paint-order:stroke;stroke:#f4f2eb;stroke-width:4px;stroke-linejoin:round}.scaled-dimension.is-active{color:var(--orange)}.scaled-resize-handle{cursor:ew-resize;outline:none}.scaled-resize-handle[data-resize=width]{cursor:ns-resize}.scaled-resize-handle[data-resize=both]{cursor:nwse-resize}.scaled-resize-handle circle{fill:var(--orange);stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 4px 5px #17201742)}.scaled-resize-handle path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.scaled-resize-handle:hover circle,.scaled-resize-handle:focus circle{fill:#cc3c12;stroke:#fff2ec;stroke-width:5px}.scaled-room-fit{background:#fff;border-left:3px solid #2f8d62;align-items:center;gap:10px;margin:0 16px 15px;padding:10px 12px;display:flex;box-shadow:0 8px 24px #1d291e0d}.scaled-room-fit>span{color:#24734f;background:#e1f2e7;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.scaled-room-fit p{gap:1px;margin:0;display:grid}.scaled-room-fit strong{font-size:12px}.scaled-room-fit small{color:var(--muted);font-size:10px}.scaled-room-fit.is-warning{border-left-color:var(--orange)}.scaled-room-fit.is-warning>span{color:var(--orange);background:#fff0e9}.scaled-room-readout{margin-top:0}.scaled-room-readout dl{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:600px){.scaled-room-stage{grid-template-rows:auto minmax(280px,1fr) auto;min-height:410px}.scaled-room-canvas{min-height:280px}.scaled-room-toolbar{padding:13px 13px 3px}.scaled-room-toolbar strong{font-size:10px}.scaled-room-fit{margin:0 11px 11px}.scaled-room-fit small{font-size:9px}}.scaled-opening text,.scaled-dimension text{font-family:var(--display);font-weight:800}.scaled-room-canvas text{font-size:.4px!important}.scaled-room-canvas.is-metric text{font-size:.13px!important}.scaled-project-stage{background:linear-gradient(150deg,#f9f6ee 0%,#eff1eb 100%);border:1px solid #d9dcd5;grid-template-rows:auto minmax(330px,1fr) auto;min-height:480px;display:grid;position:relative;overflow:hidden}.scaled-project-canvas{touch-action:none;width:100%;height:100%;min-height:330px;max-height:500px;display:block;overflow:visible}.scaled-project-surface{stroke:none}.scaled-project-surface.is-concrete{fill:#adb4af}.scaled-project-surface.is-mulch{fill:#76513c}.scaled-project-surface.is-gravel{fill:#a9a79d}.scaled-project-surface.is-roofing{fill:#6c756f}.scaled-project-surface.is-decking{fill:#a87850}.scaled-project-surface.is-brick{fill:#a76042}.scaled-project-surface.is-siding{fill:#ccd5ce}.scaled-project-surface.is-paver{fill:#b78a69}.scaled-project-grid{fill:none;stroke:#ffffff48;stroke-width:1px}.scaled-project-outline{fill:none;stroke:#26362e;stroke-width:3px}.scaled-project-outline.is-active{stroke:var(--orange);stroke-width:4px}.scaled-project-ground{fill:#dfe5d9}.scaled-fence-post{fill:#9a6a3f;stroke:#4c4136;stroke-width:1px;vector-effect:non-scaling-stroke}.scaled-fence-rail{fill:none;stroke:#9a6a3f;stroke-width:5px}.scaled-context-object,.scaled-wheelbarrow,.scaled-deck-chair,.scaled-roof-vent,.scaled-loose-paver{fill:#f4a940;stroke:#34443a;stroke-width:2px;vector-effect:non-scaling-stroke}.scaled-fixed-shrubs{fill:#5d7f60;stroke:#324d37;stroke-width:2px;vector-effect:non-scaling-stroke}.scaled-ladder{fill:none;stroke:#e3a33c;stroke-width:3px}.scaled-wall-opening rect{fill:#f7f5ef;stroke:#34443a;stroke-width:2px;vector-effect:non-scaling-stroke}.scaled-wall-opening.is-active rect{stroke:var(--orange);stroke-width:5px}.scaled-roof-ridge{stroke:#f1b05a;stroke-width:5px}.scaled-roof-fold{fill:none;stroke:#ffffff3d;stroke-width:2px;stroke-dasharray:5 5}.scaled-concrete-joints,.scaled-deck-board{fill:none;stroke:#ffffff73;stroke-width:1.5px}.scaled-project-status{border-left:3px solid var(--orange);background:#fff;align-items:center;gap:11px;margin:0 16px 15px;padding:10px 12px;display:flex;box-shadow:0 8px 24px #1d291e0d}.scaled-project-status>span{min-width:38px;height:28px;color:var(--orange);font:850 11px var(--display);background:#fff0e9;place-items:center;padding:0 8px;display:grid}.scaled-project-status p{gap:1px;margin:0;display:grid}.scaled-project-status strong{font-size:12px}.scaled-project-status small{color:var(--muted);font-size:10px}.scaled-project-readout dl{grid-template-columns:repeat(2,minmax(0,1fr))}.scaled-project-canvas text{font:800 .4px var(--display)!important}.scaled-project-canvas.is-metric text{font-size:.13px!important}@media (max-width:600px){.scaled-project-stage{grid-template-rows:auto minmax(280px,1fr) auto;min-height:410px}.scaled-project-canvas{min-height:280px}.scaled-project-status{margin:0 11px 11px}.scaled-project-status small{font-size:9px}}.calculator-review{color:#4f574f;letter-spacing:.02em;background:#eef1ec;margin-top:12px;padding:7px 10px;font-size:11px;font-weight:750;display:inline-flex}.calculator-guide{max-width:1320px;margin:0 auto;padding:0 clamp(24px,5vw,80px)}.calculator-guide h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,3.8vw,52px);line-height:1.06}.guide-intro{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:8vw;padding:88px 0 76px;display:grid}.guide-intro p{color:#3f4540;margin:0 0 18px;font-size:20px;line-height:1.7}.guide-intro small{max-width:690px;color:var(--muted);font-size:12px;line-height:1.6;display:block}.guide-steps{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:8vw;padding:76px 0;display:grid}.guide-steps ol{margin:0;padding:0;list-style:none}.guide-steps li{border-top:1px solid var(--line);grid-template-columns:58px 1fr;gap:20px;padding:26px 0;display:grid}.guide-steps li:first-child{border-top:0;padding-top:0}.guide-steps li>span{background:var(--ink);color:#fff;width:48px;height:48px;font:800 12px var(--display);place-items:center;display:grid}.guide-steps h3{margin:0 0 8px;font-size:22px}.guide-steps p{color:var(--muted);margin:0;line-height:1.7}.worked-example{background:var(--mineral);grid-template-columns:1fr 1fr;margin:22px 0 82px;display:grid}.worked-example>div{padding:52px clamp(30px,4vw,58px)}.worked-example ul{margin:26px 0 0;padding:0;list-style:none}.worked-example li{color:#4e554f;border-top:1px solid #cdd1cc;padding:11px 0}.example-result{background:var(--ink);color:#fff;border-left:7px solid var(--orange);flex-direction:column;justify-content:center;display:flex}.example-result>span{color:#f69a76;font:800 11px var(--display);letter-spacing:.1em;text-transform:uppercase}.example-result p{margin:16px 0 28px;font-size:21px;line-height:1.65}.example-result a{color:#fff;border-bottom:2px solid var(--orange);align-self:flex-start;padding-bottom:5px;font-weight:800}.buying-guide{border-block:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:8vw;padding:76px 0;display:grid}.buying-guide ul{margin:0;padding:0;list-style:none}.buying-guide li{border-top:1px solid var(--line);color:#474d48;padding:20px 0 20px 42px;line-height:1.65;position:relative}.buying-guide li:first-child{border-top:0;padding-top:0}.buying-guide li:before{content:"✓";color:#52644e;background:#dfe8db;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid;position:absolute;top:17px;left:0}.buying-guide li:first-child:before{top:-3px}.calculator-faq{grid-template-columns:.7fr 1.3fr;gap:8vw;padding:88px 0;display:grid}.calculator-faq details{border-top:1px solid var(--line)}.calculator-faq details:last-child{border-bottom:1px solid var(--line)}.calculator-faq summary{cursor:pointer;font:750 18px var(--display);padding:24px 52px 24px 0;list-style:none;position:relative}.calculator-faq summary::-webkit-details-marker{display:none}.calculator-faq summary:after{content:"+";color:var(--orange);font-size:27px;position:absolute;top:19px;right:3px}.calculator-faq details[open] summary:after{content:"−"}.calculator-faq details p{max-width:720px;color:var(--muted);margin:0;padding:0 38px 25px 0;line-height:1.75}.related-calculators{border-top:1px solid var(--line);padding:78px 0 42px}.related-calculators>header{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.related-calculators>div{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.related-calculators>div>a{border:1px solid var(--line);background:#fff;grid-template-rows:180px auto;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.related-calculators .project-asset{background:var(--mineral);width:100%;height:180px;display:block;position:relative}.related-calculators .project-asset img{object-fit:cover}.related-calculators a>span:not(.project-asset){gap:7px;padding:23px 52px 25px 24px;display:grid}.related-calculators a strong{font-size:21px}.related-calculators a small{color:var(--muted);line-height:1.5}.related-calculators a>b{color:var(--orange);font-size:22px;position:absolute;bottom:24px;right:22px}.related-calculators a:hover{transform:translateY(-4px);box-shadow:0 15px 35px #191f1a1c}.calculator-cost-bridge{border-bottom:1px solid var(--line);grid-template-columns:.82fr 1.18fr;gap:7vw;padding:76px 0;display:grid}.calculator-cost-bridge>div:first-child p{max-width:500px;color:var(--muted);font-size:17px;line-height:1.7}.calculator-cost-bridge>div:last-child{border-top:1px solid var(--line);align-content:start;display:grid}.calculator-cost-bridge a{border-bottom:1px solid var(--line);grid-template-columns:minmax(130px,.65fr) minmax(145px,.6fr) 1.2fr auto;align-items:center;gap:20px;padding:23px 0;display:grid}.calculator-cost-bridge a>span{color:var(--orange);font:750 13px var(--display)}.calculator-cost-bridge a>strong{font-size:19px}.calculator-cost-bridge a>small{color:var(--muted);line-height:1.5}.calculator-cost-bridge a>b{font:750 13px var(--body);white-space:nowrap}.calculator-cost-bridge a:hover b{text-underline-offset:4px;text-decoration:underline}.cost-related{border-top:1px solid var(--line);margin-top:86px;padding-top:54px}.cost-related>header{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.cost-related h2{letter-spacing:-.04em;margin:0;font-size:36px}.cost-related>div{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.cost-related a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:start;min-height:250px;padding:28px;display:grid}.cost-related a>span{color:var(--orange);font:750 12px var(--display)}.cost-related a>strong{margin:38px 0 14px;font-size:25px}.cost-related a>small{color:var(--muted);line-height:1.55}.cost-related a>b{align-self:end;margin-top:24px;font-size:13px}.cost-related a:hover{background:var(--mineral)}@media (max-width:800px){.guide-intro,.guide-steps,.buying-guide,.calculator-cost-bridge,.calculator-faq{grid-template-columns:1fr;gap:36px;padding-block:64px}.calculator-cost-bridge a{grid-template-columns:1fr auto}.calculator-cost-bridge a>small,.calculator-cost-bridge a>b{grid-column:1/-1}.cost-related>div{grid-template-columns:1fr 1fr}.worked-example{grid-template-columns:1fr}.example-result{border-left:0;border-top:7px solid var(--orange)}.related-calculators>div{grid-template-columns:1fr 1fr}}@media (max-width:520px){.calculator-guide{padding-inline:24px}.guide-intro p{font-size:17px}.guide-steps li{grid-template-columns:45px 1fr;gap:14px}.guide-steps li>span{width:39px;height:39px}.worked-example{margin-inline:-24px}.worked-example>div{padding:38px 24px}.related-calculators>div,.cost-related>div,.calculator-cost-bridge a{grid-template-columns:1fr}.calculator-cost-bridge a>small,.calculator-cost-bridge a>b{grid-column:auto}.related-calculators>div>a{grid-template-rows:160px auto}.related-calculators .project-asset{height:160px}}.source-links{border-top:1px solid #d1d5cf;gap:8px;margin-top:24px;padding-top:20px;display:grid}.source-links h4{font:800 12px var(--display);letter-spacing:.06em;text-transform:uppercase;margin:0 0 3px}.source-links a{color:var(--orange);text-underline-offset:3px;font-size:13px;font-weight:750;text-decoration:underline}.category-directory-links{border-bottom:1px solid var(--line);background:var(--ink);color:#fff;grid-template-columns:repeat(3,1fr);display:grid}.category-directory-links>a{color:inherit;border-right:1px solid #424944;grid-template-rows:auto auto;grid-template-columns:42px 1fr auto;gap:4px 18px;padding:28px clamp(22px,3vw,44px);transition:background .18s;display:grid;position:relative}.category-directory-links>a:last-child{border-right:0}.category-directory-links>a:hover{background:#303732}.category-directory-links span{color:#8e9991;font:750 12px var(--display);grid-row:1/3}.category-directory-links strong{font-size:19px}.category-directory-links small{color:#bfc7c1}.category-directory-links b{color:#f47b4d;grid-area:1/3/3;align-self:center;font-size:12px}.category-hub{--category-tint:#e8eee5}.category-hub--structure{--category-tint:#e8e5df}.category-hub--landscape{--category-tint:#e5ede0}.category-hub>.crumbs{max-width:1440px;margin:auto}.category-hero{background:var(--category-tint);grid-template-columns:.82fr 1.18fr;min-height:650px;display:grid;overflow:hidden}.category-hero-copy{flex-direction:column;justify-content:center;padding:80px clamp(38px,6vw,96px);display:flex}.category-hero-copy h1{letter-spacing:-.065em;max-width:680px;margin:0;font-size:clamp(54px,6.4vw,94px);line-height:.94}.category-hero-copy p{color:#4b544d;max-width:620px;margin:30px 0 36px;font-size:19px;line-height:1.65}.category-hero-copy>a{background:var(--ink);color:#fff;align-self:flex-start;padding:15px 20px;font-weight:800}.category-hero-copy>a span{color:var(--orange);margin-left:14px}.category-hero-art{background:linear-gradient(135deg,#ffffff2e,#ffffffb8);min-height:650px;position:relative}.category-art{background:#fff;position:absolute;overflow:hidden;box-shadow:0 22px 55px #181f192e}.category-art .project-asset{position:absolute;inset:0}.category-art img{object-fit:cover}.category-art>span:last-child{font:800 13px var(--display);background:#fff;padding:12px 16px;position:absolute;bottom:0;left:0}.category-art--1{aspect-ratio:4/3;z-index:2;width:58%;top:11%;left:8%}.category-art--2{aspect-ratio:4/3;z-index:3;width:42%;top:27%;right:4%}.category-art--3{aspect-ratio:4/3;z-index:4;width:44%;bottom:6%;left:26%}.category-tool-rail{background:#fff;padding:96px clamp(24px,5vw,78px)}.category-tool-rail>header{grid-template-columns:.75fr 1.25fr;gap:8vw;max-width:1320px;margin:0 auto 45px;display:grid}.category-tool-rail h2,.category-method h2,.category-buying h2,.category-faq h2{letter-spacing:-.05em;margin:0;font-size:clamp(38px,4.6vw,64px);line-height:1}.category-tool-rail>header p{max-width:680px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.category-tool-rail>div{scroll-snap-type:x mandatory;gap:16px;max-width:1440px;margin:auto;padding-bottom:16px;display:flex;overflow-x:auto}.category-tool-rail>div>a{border:1px solid var(--line);scroll-snap-align:start;background:#fff;flex:0 0 min(390px,80vw);grid-template-rows:230px auto;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.category-tool-rail>div>a:hover{transform:translateY(-5px);box-shadow:0 18px 40px #181f191f}.category-tool-rail .project-asset{background:var(--mineral);display:block;position:relative;overflow:hidden}.category-tool-rail .project-asset img{object-fit:cover}.category-tool-number{z-index:2;font:800 11px var(--display);background:#fffffff0;padding:7px 9px;position:absolute;top:14px;left:14px}.category-tool-copy{gap:9px;padding:25px;display:grid}.category-tool-copy strong{font-size:24px}.category-tool-copy small{min-height:67px;color:var(--muted);font-size:14px;line-height:1.6}.category-tool-copy b{color:var(--orange);font-size:13px}.category-method{background:var(--ink);color:#fff;grid-template-columns:.75fr 1.25fr;gap:8vw;padding:100px clamp(24px,7vw,108px);display:grid}.category-method>div>p{color:#c3cbc5;max-width:520px;margin:30px 0 0;font-size:17px;line-height:1.7}.category-method ol{margin:0;padding:0;list-style:none}.category-method li{border-top:1px solid #48504a;grid-template-columns:62px 1fr;gap:22px;padding:30px 0;display:grid}.category-method li:first-child{border-top:0;padding-top:0}.category-method li>span{color:#f47748;width:50px;height:50px;font:800 13px var(--display);border:1px solid #758078;place-items:center;display:grid}.category-method h3{margin:0 0 9px;font-size:23px}.category-method li p{color:#bdc5bf;margin:0;line-height:1.7}.category-buying{background:var(--category-tint);grid-template-columns:1fr 1fr;gap:7vw;padding:96px clamp(24px,7vw,108px);display:grid}.category-buying ul{margin:35px 0 0;padding:0;list-style:none}.category-buying li{border-top:1px solid #c7cec6;padding:20px 0 20px 40px;line-height:1.65;position:relative}.category-buying li:before{content:"✓";color:var(--orange);font-weight:900;position:absolute;left:0}.category-buying aside{border-top:6px solid var(--orange);background:#fff;align-self:center;padding:42px;box-shadow:0 20px 45px #181f191a}.category-buying aside>span{color:var(--orange);font:800 11px var(--display);text-transform:uppercase;letter-spacing:.1em}.category-buying h3{margin:10px 0 17px;font-size:32px}.category-buying aside p{color:var(--muted);line-height:1.7}.category-buying aside a{color:var(--orange);margin-top:12px;font-weight:800;display:inline-block}.category-faq{grid-template-columns:.72fr 1.28fr;gap:8vw;max-width:1320px;margin:auto;padding:100px clamp(24px,4vw,60px);display:grid}.category-faq details{border-top:1px solid var(--line)}.category-faq details:last-child{border-bottom:1px solid var(--line)}.category-faq summary{cursor:pointer;font:750 18px var(--display);padding:25px 48px 25px 0;list-style:none;position:relative}.category-faq summary::-webkit-details-marker{display:none}.category-faq summary:after{content:"+";color:var(--orange);font-size:25px;position:absolute;right:4px}.category-faq details[open] summary:after{content:"−"}.category-faq details p{color:var(--muted);margin:0;padding:0 40px 25px 0;line-height:1.75}.category-crosslinks{border-block:1px solid var(--line);align-items:center;gap:0;padding:0 clamp(24px,5vw,76px);display:flex;overflow:auto}.category-crosslinks span,.category-crosslinks a{border-right:1px solid var(--line);flex:none;padding:24px 26px}.category-crosslinks span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-left:0;font-size:12px}.category-crosslinks a{font-weight:800}.category-crosslinks a:hover{color:var(--orange)}@media (max-width:900px){.category-directory-links{grid-template-columns:1fr}.category-directory-links>a{border-bottom:1px solid #424944;border-right:0}.category-hero{grid-template-columns:1fr}.category-hero-copy{padding-block:70px}.category-hero-art{min-height:520px}.category-tool-rail>header,.category-method,.category-buying,.category-faq{grid-template-columns:1fr}.category-method,.category-buying,.category-faq{gap:50px}.category-tool-rail>header{gap:24px}}@media (max-width:560px){.category-directory-links>a{grid-template-columns:34px 1fr auto;padding:22px 24px}.category-hero{min-height:0}.category-hero-copy{padding:58px 24px}.category-hero-copy h1{font-size:51px}.category-hero-copy p{font-size:17px}.category-hero-art{min-height:390px}.category-art--1{width:67%;top:8%;left:4%}.category-art--2{width:45%;top:31%;right:2%}.category-art--3{width:52%;bottom:4%;left:18%}.category-tool-rail{padding-block:68px}.category-tool-rail>div>a{grid-template-rows:190px auto}.category-method,.category-buying,.category-faq{padding:70px 24px}.category-method li{grid-template-columns:44px 1fr;gap:14px}.category-method li>span{width:38px;height:38px}.category-buying aside{padding:30px 24px}.category-crosslinks{padding-inline:24px}.category-crosslinks span,.category-crosslinks a{padding-block:20px;padding-inline:18px}}.repair-category,.repair-article-category{color:var(--orange);font:800 11px var(--display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;display:block}.repair-illustration--svg{background:radial-gradient(circle at 60% 34%,#fff 0 18%,#0000 52%),linear-gradient(145deg,#f1f3ef,#dce2da);place-items:center;display:grid}.repair-card-svg{color:#465048;filter:drop-shadow(0 7px 7px #252d261f);width:92px;height:92px;transition:transform .2s}.repair-svg-accent{fill:none;stroke:var(--orange);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.repair-list>a:hover .repair-card-svg,.repair-list>a:focus-visible .repair-card-svg{transform:translateY(-4px)rotate(-1deg)scale(1.04)}.repair-article>header{padding-bottom:26px}.repair-article-category{margin-top:42px}.repair-safety-callout{border:1px solid #cfd4cc;border-left:6px solid var(--orange);background:#fbfcfa;grid-template-columns:180px 1fr;align-items:start;gap:32px;margin:38px 0 64px;padding:26px 30px;display:grid}.repair-safety-callout strong{font:800 17px var(--display)}.repair-safety-callout p{color:var(--muted);margin:0;line-height:1.7}.repair-steps ol{counter-reset:repair-step;padding:0;list-style:none}.repair-steps ol>li{border-bottom:1px solid var(--line);counter-increment:repair-step;min-height:72px;margin:0;padding:0 0 29px 66px;position:relative}.repair-steps ol>li+li{padding-top:28px}.repair-steps ol>li:before{content:counter(repair-step,decimal-leading-zero);color:#fff;width:46px;height:46px;font:800 13px var(--display);background:#2f352f;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.repair-steps ol>li+li:before{top:28px}.repair-steps ol>li>strong{font:800 20px var(--display)}.repair-steps ol>li p{color:var(--muted);margin:8px 0 0;line-height:1.7}.repair-steps aside{position:sticky;top:100px;box-shadow:0 22px 50px #242b2514}.repair-steps aside>span{color:var(--orange);font:900 11px var(--display);letter-spacing:.12em;margin-bottom:10px;display:block}.repair-faq{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:7vw;margin-top:70px;padding:62px 0;display:grid}.repair-faq h2,.repair-sources h2,.repair-related h2{margin:0;font-size:32px}.repair-faq details{border-top:1px solid var(--line)}.repair-faq details:last-child{border-bottom:1px solid var(--line)}.repair-faq summary{cursor:pointer;font:800 17px var(--display);padding:23px 45px 23px 0;list-style:none;position:relative}.repair-faq summary::-webkit-details-marker{display:none}.repair-faq summary:after{content:"+";color:var(--orange);font-size:26px;position:absolute;top:17px;right:4px}.repair-faq details[open] summary:after{content:"−"}.repair-faq details p{color:var(--muted);margin:0;padding:0 40px 24px 0;line-height:1.7}.repair-sources{background:var(--mineral);padding:48px}.repair-sources>p{max-width:720px;color:var(--muted);line-height:1.7}.repair-sources ul{padding-left:20px}.repair-sources a{color:var(--orange);text-underline-offset:3px;font-weight:800;text-decoration:underline}.repair-related{padding-top:70px}.repair-related>div{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:25px;display:grid}.repair-related a{border-right:1px solid var(--line);gap:9px;min-height:180px;padding:28px;transition:background .18s,transform .18s;display:grid}.repair-related a:last-child{border-right:0}.repair-related a:hover,.repair-related a:focus-visible{background:#f5f7f3;transform:translateY(-3px)}.repair-related span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.repair-related strong{font-size:21px}.repair-related small{color:var(--orange);align-self:end;font-weight:800}@media (max-width:800px){.repair-safety-callout,.repair-faq{grid-template-columns:1fr}.repair-steps aside{position:static}.repair-related>div{grid-template-columns:1fr}.repair-related a{border-right:0;border-bottom:1px solid var(--line)}.repair-related a:last-child{border-bottom:0}}@media (max-width:520px){.repair-list{padding-inline:24px}.repair-list>a{padding-block:34px}.repair-illustration{height:170px}.repair-safety-callout{padding:24px}.repair-sources{padding:32px 24px}.repair-steps ol>li{padding-left:58px}}.checklist-directory{grid-template-columns:repeat(2,1fr);padding:70px clamp(24px,5vw,80px);display:grid}.checklist-directory>a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:24px;min-height:260px;padding:40px;transition:background .18s,transform .18s;display:grid}.checklist-directory>a:nth-child(2n){border-right:0}.checklist-directory>a:hover,.checklist-directory>a:focus-visible{background:#f6f8f4;transform:translateY(-4px)}.checklist-card-number{color:#fff;width:56px;height:56px;font:800 14px var(--display);background:#303630;border-radius:50%;place-items:center;display:grid}.checklist-directory small,.checklist-page-header>span,.checklist-safety>span{color:var(--orange);font:800 11px var(--display);letter-spacing:.1em;margin-bottom:10px;display:block}.checklist-directory h2{margin:0 0 10px;font-size:27px}.checklist-directory p{max-width:520px;color:var(--muted);margin:0;line-height:1.65}.checklist-directory>a>strong{color:var(--muted);grid-column:2;align-self:end;font-size:12px}.checklist-directory>a>strong b{color:var(--orange);margin-left:18px;font-size:13px}.checklist-page{max-width:1180px;margin:auto;padding:70px 36px 110px}.checklist-page-header{border-bottom:1px solid var(--line);max-width:920px;padding-bottom:58px}.checklist-page-header>span{margin-top:42px}.checklist-page-header h1{max-width:900px}.checklist-page-header>p:not(.breadcrumb){max-width:740px;color:var(--muted);font-size:21px;line-height:1.65}.checklist-page-header>div{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px 14px;margin-top:38px;padding-top:26px;display:grid}.checklist-page-header>div strong{font-size:34px}.checklist-page-header>div small{color:var(--muted);font-size:12px}.checklist-page .checklist-tool{margin-inline:0;padding-inline:0}.checklist-page .checklist-tool section{grid-template-columns:280px 1fr;display:grid}.checklist-page .checklist-tool section h2{grid-row:1/6;margin:12px 40px 0 0}.checklist-page .checklist-tool section label{grid-column:2}.checklist-safety{border-top:6px solid var(--orange);background:var(--mineral);grid-template-columns:220px 1fr;gap:30px;margin-top:70px;padding:45px;display:grid}.checklist-safety>span{grid-column:1/-1;margin:0}.checklist-safety h2{margin:0;font-size:31px}.checklist-safety p{color:var(--muted);margin:0;line-height:1.75}.checklist-next{border-top:1px solid var(--line);margin-top:80px;padding-top:54px}.checklist-next>header{grid-template-columns:.8fr 1.2fr;align-items:end;gap:7vw;margin-bottom:34px;display:grid}.checklist-next h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.05}.checklist-next>header p{max-width:520px;color:var(--muted);margin:0;font-size:17px;line-height:1.7}.checklist-next>div{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.checklist-next a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:start;min-height:255px;padding:28px;display:grid}.checklist-next a>span{color:var(--orange);font:800 11px var(--display);letter-spacing:.09em}.checklist-next a>strong{margin:42px 0 12px;font-size:24px}.checklist-next a>small{color:var(--muted);line-height:1.55}.checklist-next a>b{align-self:end;margin-top:25px;font-size:13px}.checklist-next a:hover{background:var(--mineral)}@media (max-width:800px){.checklist-directory{grid-template-columns:1fr}.checklist-directory>a{border-right:0}.checklist-page .checklist-tool section,.checklist-safety{grid-template-columns:1fr}.checklist-page .checklist-tool section h2{grid-row:auto;margin-right:0}.checklist-page .checklist-tool section label{grid-column:1}.checklist-next>header{grid-template-columns:1fr;gap:20px}.checklist-next>div{grid-template-columns:1fr 1fr}}@media (max-width:520px){.checklist-directory{padding-inline:24px}.checklist-directory>a{grid-template-columns:50px 1fr;gap:16px;padding:30px 0}.checklist-card-number{width:44px;height:44px}.checklist-directory h2{font-size:23px}.checklist-page{padding:55px 24px 90px}.checklist-page-header>div{grid-template-columns:auto 1fr}.checklist-safety{padding:32px 24px}.checklist-next>div{grid-template-columns:1fr}.checklist-next a{min-height:220px}}.article-grid article h3{margin:25px 0 6px;font-size:21px}.article-grid aside hr{border:0;border-top:1px solid var(--line);margin:28px 0}.article-grid aside>strong{font:800 22px var(--display);line-height:1.2;display:block}.scaled-room-canvas .scaled-dimension text,.scaled-project-canvas .scaled-dimension text{stroke-width:.08px!important}.scaled-room-canvas.is-metric .scaled-dimension text,.scaled-project-canvas.is-metric .scaled-dimension text{stroke-width:.025px!important}.scaled-room-canvas .scaled-dimension text,.scaled-project-canvas .scaled-dimension text{display:none}.scaled-room-stage,.scaled-project-stage{background:radial-gradient(circle at 18% 10%,#fffdf8 0,#f6f3eb 38%,#e9ede6 100%);border:1px solid #d7dbd4;border-radius:2px;box-shadow:0 18px 46px #24312812,inset 0 0 0 1px #ffffff9c}.scaled-room-canvas,.scaled-project-canvas{filter:drop-shadow(0 10px 16px #26362e1c)}.scaled-project-pattern{opacity:.42;pointer-events:none}.scale-overlay-labels{z-index:4;pointer-events:none;position:absolute;inset:46px 12px 72px}.scale-overlay-chip{color:#243128;background:#fff;border:1px solid #d9ddd7;border-left:3px solid #68766c;gap:1px;min-width:82px;padding:7px 10px;display:grid;position:absolute;box-shadow:0 8px 20px #21302718}.scale-overlay-chip small{font:750 8px var(--body);letter-spacing:.07em;text-transform:uppercase;color:#6e776f}.scale-overlay-chip strong{font:850 12px var(--display);white-space:nowrap}.scale-overlay-chip.is-active{border-color:#f6b199;border-left-color:var(--orange);background:#fff8f4}.scale-overlay-chip.is-active small,.scale-overlay-chip.is-active strong{color:var(--orange)}.scale-overlay-chip.is-length{bottom:0;left:50%;transform:translate(-50%)}.scale-overlay-chip.is-width{top:50%;right:0;transform:translateY(-50%)}.scale-overlay-chip.is-special{top:0;left:0}.scaled-project-status,.scaled-room-fit{z-index:5;border-radius:2px;position:relative}.scaled-project-readout,.scaled-room-readout{box-shadow:inset 0 3px 0 var(--orange);border-top:0}@media (max-width:600px){.scale-overlay-labels{inset:43px 8px 68px}.scale-overlay-chip{min-width:70px;padding:6px 8px}.scale-overlay-chip small{font-size:7px}.scale-overlay-chip strong{font-size:11px}.scale-overlay-chip.is-width{right:-2px}}@media (max-width:1100px){.tool-shell{grid-template-columns:minmax(0,1fr)}.tool-inputs{border-right:0;border-bottom:1px solid var(--line);padding:28px}.visual-result{min-width:0}}.project-guides-hero{border-bottom:1px solid var(--line);background:#e7ece5;grid-template-columns:.92fr 1.08fr;min-height:610px;display:grid;overflow:hidden}.project-guides-hero>div:first-child{flex-direction:column;justify-content:center;padding:76px clamp(34px,6vw,94px);display:flex}.project-guides-hero h1{letter-spacing:-.065em;max-width:720px;margin:12px 0 27px;font-size:clamp(54px,6vw,88px);line-height:.94}.project-guides-hero p{color:#4d574f;max-width:630px;margin:0;font-size:19px;line-height:1.7}.project-guides-visual{background:linear-gradient(135deg,#f9faf7,#d6dfd2);min-height:610px;position:relative}.project-guides-visual .project-asset{background:#fff;display:block;position:absolute;overflow:hidden;box-shadow:0 24px 55px #202d232e}.project-guides-visual .project-asset img{object-fit:cover}.project-guides-visual .project-asset:first-child{width:60%;height:46%;top:8%;left:5%;transform:rotate(-2deg)}.project-guides-visual .project-asset:nth-child(2){width:48%;height:41%;top:28%;right:3%;transform:rotate(2deg)}.project-guides-visual .project-asset:nth-child(3){width:55%;height:38%;bottom:5%;left:17%;transform:rotate(-1deg)}.project-guide-directory{padding:94px clamp(24px,5vw,80px)}.project-guide-directory>header{grid-template-columns:.72fr 1.28fr;align-items:end;gap:7vw;max-width:1300px;margin:0 auto 44px;display:grid}.project-guide-directory>header h2{letter-spacing:-.05em;margin:0;font-size:clamp(40px,5vw,64px);line-height:1}.project-guide-directory>div{border-top:1px solid var(--line);max-width:1300px;margin:auto}.project-guide-directory>div>section{border-bottom:1px solid var(--line);grid-template-columns:280px 1fr;display:grid}.project-guide-project{border-right:1px solid var(--line);grid-template-columns:82px 1fr;align-items:center;gap:18px;padding:30px 28px 30px 0;display:grid}.project-guide-project .project-asset{background:var(--mineral);width:82px;height:82px;display:block;position:relative;overflow:hidden}.project-guide-project .project-asset img{object-fit:cover}.project-guide-project span{color:var(--orange);font:800 10px var(--display);letter-spacing:.1em;text-transform:uppercase}.project-guide-project h3{margin:5px 0 0;font-size:22px}.project-guide-directory>div>section>div:last-child{grid-template-columns:1fr 1fr;display:grid}.project-guide-directory a{border-right:1px solid var(--line);grid-template-rows:auto auto 1fr auto;gap:8px;min-height:230px;padding:30px;transition:background .18s,transform .18s;display:grid}.project-guide-directory a:last-child{border-right:0}.project-guide-directory a:hover,.project-guide-directory a:focus-visible{background:#f5f7f3;transform:translateY(-3px)}.project-guide-directory a small,.project-guide-category{color:var(--orange);font:800 10px var(--display);letter-spacing:.1em;text-transform:uppercase}.project-guide-directory a strong{font-size:22px}.project-guide-directory a span{color:var(--muted);font-size:14px;line-height:1.6}.project-guide-directory a b{color:var(--orange);align-self:end;font-size:13px}.project-guide-article>header{border-bottom:1px solid var(--line);padding-bottom:38px}.project-guide-category{margin:42px 0 10px;display:block}.project-quick-answer{border-left:6px solid var(--orange);background:var(--mineral);grid-template-columns:250px 1fr;gap:50px;margin:54px 0 76px;padding:42px;display:grid}.project-quick-answer h2{margin:8px 0 0;font-size:28px}.project-quick-answer p{color:#3f4741;margin:0;font-size:19px;line-height:1.72}.project-guide-layout{grid-template-columns:minmax(0,1fr) 310px;gap:82px;display:grid}.project-guide-steps>h2,.project-prose>h2,.project-mistakes>h2,.project-related h2{margin:9px 0 25px;font-size:32px}.project-guide-steps ol{margin:0;padding:0;list-style:none}.project-guide-steps li{border-top:1px solid var(--line);grid-template-columns:52px 1fr;gap:20px;padding:28px 0;display:grid}.project-guide-steps li>span{background:var(--ink);color:#fff;width:45px;height:45px;font:800 12px var(--display);border-radius:50%;place-items:center;display:grid}.project-guide-steps h3{margin:0 0 8px;font-size:21px}.project-guide-steps p,.project-prose p,.project-prose li{color:var(--muted);margin-top:0;line-height:1.78}.project-prose{padding-top:42px}.project-prose h3{margin:26px 0 7px;font-size:20px}.project-prose ul{padding-left:22px}.project-mistakes{border-top:5px solid var(--orange);background:#fff7f2;margin-top:48px;padding:38px}.project-mistakes ul{grid-template-columns:1fr 1fr;gap:14px 32px;margin:0;padding:0;list-style:none;display:grid}.project-mistakes li{padding-left:27px;line-height:1.55;position:relative}.project-mistakes li:before{content:"×";color:var(--orange);font-weight:900;position:absolute;left:0}.project-sources{background:var(--mineral);margin-top:48px;padding:38px}.project-sources a{color:var(--orange);text-underline-offset:3px;font-weight:800;text-decoration:underline}.project-guide-tool{background:var(--ink);color:#fff;align-self:start;padding:34px;position:sticky;top:98px;box-shadow:0 22px 48px #1e272029}.project-guide-tool .eyebrow{color:#ff9b73}.project-guide-tool h2{margin:10px 0 15px;font-size:28px}.project-guide-tool p{color:#c8d0ca;line-height:1.7}.project-guide-tool .primary-button{text-align:center;background:var(--orange);color:#fff;margin:26px 0 18px;display:block}.project-guide-tool small{color:#aeb9b0}.project-related{border-top:1px solid var(--line);margin-top:84px;padding-top:54px}.project-related>div{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.project-related a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px;min-height:230px;padding:27px;display:grid}.project-related a:hover{background:var(--mineral)}.project-related a small{color:var(--orange);font:800 10px var(--display);letter-spacing:.08em;text-transform:uppercase}.project-related a strong{font-size:19px}.project-related a span{color:var(--muted);font-size:13px;line-height:1.55}.project-related a b{color:var(--orange);align-self:end;font-size:12px}.calculator-project-guides{background:#eef2ec;padding:85px clamp(24px,6vw,92px)}.calculator-project-guides>header{grid-template-columns:.85fr 1fr;gap:6vw;margin-bottom:35px;display:grid}.calculator-project-guides h2{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(34px,4vw,52px);line-height:1.05}.calculator-project-guides>header p{color:var(--muted);margin:0;font-size:17px;line-height:1.7}.calculator-project-guides>div{background:#fff;border:1px solid #cad2c8;grid-template-columns:1fr 1fr;display:grid}.calculator-project-guides a{border-right:1px solid #cad2c8;grid-template-columns:1fr auto;gap:10px;min-height:220px;padding:32px;display:grid}.calculator-project-guides a:last-child{border-right:0}.calculator-project-guides a:hover{background:#f8faf7}.calculator-project-guides small{color:var(--orange);font:800 10px var(--display);letter-spacing:.09em;text-transform:uppercase;grid-column:1/-1}.calculator-project-guides strong{grid-column:1/-1;font-size:24px}.calculator-project-guides span{color:var(--muted);line-height:1.6}.calculator-project-guides b{color:var(--orange);align-self:end;font-size:13px}@media (max-width:900px){.project-guides-hero{grid-template-columns:1fr}.project-guides-visual{min-height:500px}.project-guide-directory>div>section{grid-template-columns:1fr}.project-guide-project{border-right:0;border-bottom:1px solid var(--line)}.project-guide-layout{grid-template-columns:1fr;gap:50px}.project-guide-tool{position:static}.project-related>div{grid-template-columns:1fr 1fr}.calculator-project-guides>header{grid-template-columns:1fr;gap:20px}}@media (max-width:600px){.project-guides-hero>div:first-child{padding:58px 24px}.project-guides-hero h1{font-size:49px}.project-guides-hero p{font-size:17px}.project-guides-visual{min-height:390px}.project-guide-directory{padding:65px 24px}.project-guide-directory>header{grid-template-columns:1fr;gap:12px}.project-guide-directory>div>section>div:last-child{grid-template-columns:1fr}.project-guide-directory a{border-right:0;border-bottom:1px solid var(--line)}.project-guide-project{padding-right:0}.project-quick-answer{grid-template-columns:1fr;gap:18px;margin-inline:-24px;padding:34px 24px}.project-quick-answer p{font-size:17px}.project-guide-layout{font-size:16px}.project-mistakes{margin-inline:-24px;padding:32px 24px}.project-mistakes ul{grid-template-columns:1fr}.project-sources{margin-inline:-24px;padding:32px 24px}.project-related>div{grid-template-columns:1fr}.calculator-project-guides{padding:65px 24px}.calculator-project-guides>div{grid-template-columns:1fr}.calculator-project-guides a{border-bottom:1px solid #cad2c8;border-right:0}.calculator-project-guides a:last-child{border-bottom:0}}@media (min-width:601px){.project-guide-directory a:nth-child(2n){border-right:0}.project-guide-directory a:nth-child(-n+12){border-bottom:1px solid var(--line)}.calculator-project-guides a:nth-child(2n){border-right:0}.calculator-project-guides:not(.calculator-project-checklists) a:nth-child(-n+12){border-bottom:1px solid #cad2c8}.calculator-project-checklists a{border-bottom:0}}.scaled-resize-handle[data-resize=width][data-axis=horizontal]{cursor:ew-resize}.scaled-room-stage{background:#fff;border-color:#d8dcd8;box-shadow:0 14px 38px #24312810}.scaled-room-canvas{filter:none}.scaled-room-floor{fill:#faf8f2;stroke:none}.scaled-room-floor-grid{opacity:.42}.scaled-room-grid{stroke:#cfd5cf;stroke-width:.7px}.scaled-room-wall{fill:none;stroke:#323934;stroke-width:4px;stroke-linecap:square;stroke-linejoin:round}.scaled-room-wall.is-active{stroke:#323934}.scaled-furniture{stroke:#465149;stroke-width:1.4px}.scaled-furniture rect{vector-effect:non-scaling-stroke}.scaled-sofa{fill:none}.scaled-sofa-base{fill:#b7c2b4;stroke:#536057;stroke-width:1.5px}.scaled-sofa-back,.scaled-sofa-arm{fill:#7f9082;stroke:#536057;stroke-width:1.2px}.scaled-sofa-cushion{fill:#d7ded3;stroke:#68766c;stroke-width:1px}.scaled-table{fill:#c9a678;stroke:#725b43;stroke-width:1.4px}.scaled-table .scaled-furniture-detail{fill:#d9bd92;stroke:#9b7953;stroke-width:.8px}.scaled-console>rect:first-child{fill:#d1b58b;stroke:#725b43;stroke-width:1.4px}.scaled-tv-screen{fill:#26312b;stroke:none}.scaled-opening{stroke:#fff;stroke-width:7px}.scaled-opening.is-active{stroke:var(--orange)}.scaled-door path:last-child{stroke:#717b74;stroke-width:1.5px}.scaled-room-toolbar{background:#fff;border-bottom:1px solid #eceeea;padding:14px 17px 10px}.scaled-room-toolbar strong{font-size:11px}.scaled-room-toolbar span{white-space:nowrap}.scaled-room .scale-overlay-chip{border-left-width:2px;box-shadow:0 5px 15px #21302712}.scaled-room .scaled-resize-handle circle{fill:var(--orange);stroke:#fff;stroke-width:2.5px}.scaled-room-dimension-rail{z-index:5;background:#fff;border:1px solid #d9ddd8;grid-template-columns:1fr 1fr;margin:0 14px 10px;display:grid;position:relative}.scaled-room-dimension-rail>span{border-right:1px solid #d9ddd8;grid-template-rows:auto auto;grid-template-columns:26px 1fr;column-gap:8px;padding:9px 11px;display:grid}.scaled-room-dimension-rail>span:last-child{border-right:0}.scaled-room-dimension-rail i{color:var(--orange);font:900 20px var(--display);grid-row:1/3;place-items:center;font-style:normal;display:grid}.scaled-room-dimension-rail small{color:#717a73;font:750 8px var(--body);letter-spacing:.07em;text-transform:uppercase}.scaled-room-dimension-rail strong{font-size:13px}.scaled-room-dimension-rail .is-active{box-shadow:inset 0 -3px 0 var(--orange);background:#fff6f1}@media (max-width:600px){.scaled-room-dimension-rail{margin-inline:10px}.scaled-room-dimension-rail>span{padding:8px}.scaled-room-dimension-rail i{font-size:17px}}.visual-result--summary{background:#f2f4f1;justify-content:center;align-items:flex-start;padding:42px;display:flex}.visual-result--summary .result-dock{width:min(100%,560px);box-shadow:0 18px 42px #1c251e12}.visual-result--simulation{background:#f2f4f1;grid-template-columns:minmax(0,1fr) minmax(250px,.56fr);align-items:start;gap:22px;padding:28px;display:grid}.reference-scene-readout{background:#fff;border-top:1px solid #d9ddd8;border-bottom:1px solid #d9ddd8;grid-template-columns:repeat(3,1fr);display:grid}.reference-scene-readout span{border-right:1px solid #d9ddd8;gap:3px;padding:12px 13px;display:grid}.reference-scene-readout span:last-child{border-right:0}.reference-scene-readout span.is-warning{background:#fff1eb}.reference-scene-readout span.is-warning small,.reference-scene-readout span.is-warning strong{color:#a8320b}.reference-scene-readout small{color:#646d67;font:800 10px var(--body);letter-spacing:.08em;text-transform:uppercase}.reference-scene-readout strong{font-size:15px}.reference-scene{background:#fff;border:1px solid #d7dcd7;min-width:0;margin:0;box-shadow:0 18px 42px #1c251e10}.reference-scene>header{color:#536059;font:800 10px var(--body);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #e1e4e0;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.reference-scene>header span{align-items:center;gap:7px;display:flex}.reference-scene>header i{background:#329467;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #32946718}.reference-scene>header strong{color:var(--orange);font:800 10px var(--body);letter-spacing:0;text-transform:none}.reference-scene-media{aspect-ratio:16/10;background:#f4f1e9;position:relative;overflow:hidden}.reference-scene-media img{object-fit:cover}.reference-scene figcaption{color:#5d6761;gap:4px;padding:13px 15px;font-size:11px;line-height:1.55;display:grid}.reference-scene figcaption b{color:#344039}.reference-scene figcaption em{color:#626a65;font-style:normal}.fence-run-preview{background:#fff;border-bottom:1px solid #d9ddd8;padding:16px 15px 14px}.fence-run-preview>header{color:#526059;font:800 9px var(--body);letter-spacing:.09em;text-transform:uppercase;border:0;justify-content:space-between;align-items:baseline;margin:0 0 12px;padding:0;display:flex}.fence-run-preview>header strong{color:#344039;font:750 12px var(--body);letter-spacing:0;text-transform:none}.fence-run-preview__ruler{color:#68736c;font:700 10px var(--body);grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin:0 0 10px;display:grid}.fence-run-preview__ruler i{background:#849087;height:1px;position:relative}.fence-run-preview__ruler i:first-child:before,.fence-run-preview__ruler i:last-child:after{content:"";background:#849087;width:1px;height:11px;position:absolute;top:-5px}.fence-run-preview__ruler i:first-child:before{left:0}.fence-run-preview__ruler i:last-child:after{right:0}.fence-run-preview__track{scroll-snap-type:x proximity;scrollbar-width:none;align-items:stretch;gap:5px;padding:2px 0 8px;display:flex;overflow-x:auto}.fence-run-preview__track::-webkit-scrollbar{display:none}.fence-run-preview__panel{flex:var(--run-span) 1 0;aspect-ratio:1.42;scroll-snap-align:start;background:#b86f42;border:1px solid #774b2e;min-width:54px;max-width:132px;margin:0;position:relative;overflow:hidden}.fence-run-preview__panel img{object-fit:cover;object-position:center}.fence-run-preview__panel figcaption{color:#39443e;font:800 9px var(--body);text-align:center;white-space:nowrap;background:#fffdfaf0;padding:5px 3px;line-height:1.1;display:block;position:absolute;bottom:0;left:0;right:0}.fence-run-preview__panel--cut:after{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000 0 7px,#fff8 7px 9px);position:absolute;inset:0}.fence-run-preview__gate{flex:var(--run-span) 1 0;color:#8b350f;min-width:54px;font:800 9px var(--body);text-align:center;text-transform:uppercase;letter-spacing:.06em;background:#fff8f4;border:1px dashed #d05a2a;align-content:center;justify-items:center;display:grid}.fence-run-preview__gate b{color:#d44312;font:800 12px var(--display);letter-spacing:0;margin-top:4px}.fence-run-preview>p{color:#657069;margin:2px 0 0;font-size:10px;line-height:1.45}.fence-run-preview>p b{color:#344039}.deck-board-preview{background:#fff;border-bottom:1px solid #d9ddd8;padding:16px 15px 14px}.deck-board-preview>header{color:#526059;font:800 9px var(--body);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 0 12px;padding:0;display:flex}.deck-board-preview>header strong{color:#344039;font:750 12px var(--body);letter-spacing:0;text-transform:none}.deck-board-preview__ruler{color:#68736c;font:700 10px var(--body);grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin:0 0 10px;display:grid}.deck-board-preview__ruler i{background:#849087;height:1px;position:relative}.deck-board-preview__ruler i:first-child:before,.deck-board-preview__ruler i:last-child:after{content:"";background:#849087;width:1px;height:11px;position:absolute;top:-5px}.deck-board-preview__ruler i:first-child:before{left:0}.deck-board-preview__ruler i:last-child:after{right:0}.deck-board-preview__sample{gap:3px;padding:2px 0 8px;display:grid;position:relative}.deck-board-preview__row{gap:3px;min-height:16px;display:flex}.deck-board-preview__row.is-last{outline-offset:2px;outline:1px solid #d44a16}.deck-board-preview__board{flex:var(--board-span) 1 0;background:#aa6942;border:1px solid #805032;min-width:0;position:relative;overflow:hidden}.deck-board-preview__board img{object-fit:fill}.deck-board-preview__board--cut{background:#c68459}.deck-board-preview__board--cut:after{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000 0 5px,#fff8 5px 6px);position:absolute;inset:0}.deck-board-preview__omitted{color:#48544d;font:800 9px var(--body);background:#fff;padding:4px 6px;position:absolute;top:50%;right:7px;transform:translateY(-50%);box-shadow:0 2px 9px #1c251e26}.deck-board-preview>p{color:#657069;margin:2px 0 0;font-size:10px;line-height:1.45}.deck-board-preview>p b{color:#344039}.cooling-load-preview{background:#fff;border-bottom:1px solid #d9ddd8;padding:16px 15px 14px}.cooling-load-preview>header{color:#526059;font:800 9px var(--body);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 0 12px;display:flex}.cooling-load-preview>header strong{color:#344039;font:750 12px var(--body);letter-spacing:0;text-transform:none}.cooling-load-preview ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cooling-load-preview__line{gap:4px;display:grid}.cooling-load-preview__line>span{color:#4a5650;font:700 10px var(--body);justify-content:space-between;gap:12px;display:flex}.cooling-load-preview__line em{white-space:nowrap;font-style:normal}.cooling-load-preview__line>i{background:#e6eae5;height:7px;display:block;overflow:hidden}.cooling-load-preview__line>i>i{background:#697c70;height:100%;display:block}.cooling-load-preview__line--add>i>i{background:#d44a16}.cooling-load-preview__line--reduce>i>i{background:#4d8a6a}.cooling-load-preview>p{color:#657069;margin:12px 0 0;font-size:10px;line-height:1.45}.cooling-load-preview>p b{color:#344039}.paver-count-preview{background:#fff;border-bottom:1px solid #d9ddd8;padding:16px 15px 14px}.paver-count-preview>header{color:#526059;font:800 9px var(--body);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 0 12px;display:flex}.paver-count-preview>header strong{color:#344039;font:750 12px var(--body);letter-spacing:0;text-transform:none}.paver-count-preview__mosaic{background:#daddd8;grid-template-columns:repeat(6,1fr);gap:3px;padding:3px;display:grid}.paver-count-preview__mosaic span{min-width:0;aspect-ratio:var(--paver-ratio);background:#434547;display:block;position:relative;overflow:hidden}.paver-count-preview__mosaic img{object-fit:fill}.paver-count-preview>p{color:#657069;margin:12px 0 0;font-size:10px;line-height:1.45}.paver-count-preview>p b{color:#344039}.calculator-row--text{grid-template-columns:54px minmax(0,1fr) auto;min-height:150px}.directory-hero--text{grid-template-columns:1fr;min-height:340px}.directory-hero--text>div{max-width:760px}.category-hero{grid-template-columns:1fr;min-height:480px}.category-hero-copy{max-width:1080px}.category-tool-rail>div>a{grid-template-rows:auto;min-height:250px;padding-top:32px}.category-tool-number{width:max-content;color:var(--orange);background:0 0;margin:0 25px;padding:0;position:relative;top:auto;left:auto}.project-guides-hero--text{grid-template-columns:1fr;min-height:470px}.project-guide-project--text{grid-template-columns:1fr}.editorial-hero{grid-template-columns:1fr;min-height:390px}.repair-list>a{grid-template-columns:minmax(0,1fr) auto;min-height:150px}.hero--text{background:linear-gradient(135deg,#fff 0 58%,#eef1ed 58%)}.hero--text:after{display:none}.project-button--text{align-items:center;min-height:155px}.project-button--text span{padding-right:42px}.home-proof--text{grid-template-columns:1fr minmax(300px,440px);min-height:520px}.mini-shopping--static{border:1px solid var(--line);width:100%;position:relative;bottom:auto;right:auto;box-shadow:0 18px 45px #18201814}.home-guides--text{grid-template-columns:1fr minmax(300px,440px);min-height:440px}.guide-feature--text{background:#fff;border:1px solid #cfd3ce;min-height:0}.guide-feature--text>span{padding:34px;position:relative;bottom:auto;left:auto;right:auto}@media (max-width:900px){.calculator-row--text{grid-template-columns:40px minmax(0,1fr) auto}.category-hero{min-height:0}.home-proof--text,.home-guides--text,.visual-result--simulation{grid-template-columns:1fr}.visual-result--simulation .result-dock{order:0}}@media (max-width:600px){.visual-result--summary,.visual-result--simulation{order:4;padding:18px}.visual-result--summary .result-dock,.visual-result--simulation .result-dock{margin:0}.reference-scene>header{align-items:flex-start;gap:10px}.reference-scene>header strong{text-align:right;max-width:130px}.reference-scene-readout strong{font-size:13px}.calculator-row--text{grid-template-columns:34px 1fr}.calculator-row--text .open-link{grid-column:2}.repair-list>a{grid-template-columns:1fr}.project-button--text{min-height:130px}}.deck-board-preview__board>img{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0}.reference-scene-readout span{transition:background-color .16s,color .16s,box-shadow .16s}.reference-scene-readout span.is-active{box-shadow:inset 0 -3px 0 var(--orange);background:#fff1eb;position:relative}.reference-scene-readout span.is-active small,.reference-scene-readout span.is-active strong{color:#a8320b}.reference-scene figcaption p{gap:3px;margin:0;display:grid}.reference-scene figcaption p b{letter-spacing:.04em;text-transform:uppercase;font-size:10px}.reference-scene figcaption em{font-size:10px;line-height:1.35}@media (max-width:600px){.tool-shell .visual-result--simulation{display:contents}.tool-shell .reference-scene{box-shadow:none;border-inline:0;order:2;margin:0}.tool-shell .tool-inputs{order:3}.tool-shell .visual-result--simulation .result-dock{order:4;margin:18px}}@media (prefers-reduced-motion:reduce){.reference-scene-readout span{transition:none}}.calculator-row--reference{grid-template-columns:54px 190px minmax(0,1fr) auto}.calculator-row--reference .row-art{background:#f4f1e9;border:1px solid #d7dcd7;height:132px}.calculator-row--reference .row-art>img{object-fit:cover;transition:transform .35s}.calculator-row--reference:hover .row-art>img,.calculator-row--reference:focus-visible .row-art>img{transform:scale(1.035)}@media (max-width:900px){.calculator-row--reference{grid-template-columns:40px 135px minmax(0,1fr)}.calculator-row--reference .row-art{height:118px}.calculator-row--reference .open-link{grid-column:3}}@media (max-width:600px){.calculator-row--reference{grid-template-columns:32px minmax(0,1fr)}.calculator-row--reference .row-art{grid-area:1/2;height:185px}.calculator-row--reference>div{grid-area:2/2}.calculator-row--reference .open-link{grid-area:3/2}}.project-button--text{isolation:isolate;background:#f4f5f2}.project-button--text .project-asset{z-index:0;opacity:.84;inset:0}.project-button--text .project-asset img{object-fit:cover}.project-button--text:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fffffff0 38%,#ffffff75 61%,#ffffff08 100%);position:absolute;inset:0}.project-button--text>span:not(.project-asset),.project-button--text>b{z-index:2;position:relative}.project-button--text>span:not(.project-asset){max-width:70%;padding-right:0}@media (max-width:560px){.project-button--text>span:not(.project-asset){max-width:78%}.project-button--text:after{background:linear-gradient(90deg,#fff 0%,#fffffff0 60%,#ffffff30 100%)}}.hero--text{background:#e8ece7;min-height:660px}.hero--text:after{background:linear-gradient(90deg,#fffffffc 0%,#fffffff7 35%,#ffffff94 54%,#ffffff14 73%,#ffffff08 100%);display:block}.hero-copy{z-index:1;max-width:720px;position:relative}.hero-kicker,.hero-quick-kicker{color:var(--orange);font:800 11px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;display:block}.hero-kicker{margin-bottom:20px}.hero-copy p{max-width:585px}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.hero-text-link{text-underline-offset:5px;font-size:14px;font-weight:800;-webkit-text-decoration:underline #b6bbb5;text-decoration:underline #b6bbb5}.hero-text-link span,.hero-quick>a span{color:var(--orange);margin-left:5px;font-size:18px}.hero-proof{align-items:center;gap:9px;display:flex;color:#566059!important;margin:28px 0 0!important;font-size:12px!important;line-height:1.3!important}.hero-proof b{font:750 12px var(--body)}.hero-proof span{color:var(--orange)}.hero-quick{border:1px solid #d2d7d0;border-top:4px solid var(--orange);position:relative;overflow:hidden;box-shadow:0 28px 70px #18201938}.hero-quick:before{content:"";pointer-events:none;background:linear-gradient(120deg,#fff4ed,#0000 72%);height:92px;position:absolute;inset:0 0 auto}.hero-quick-title{align-items:flex-start;margin-bottom:8px;position:relative}.hero-quick-title h2{letter-spacing:-.04em;margin:7px 0 0;font-size:28px}.hero-quick-title>span:last-child{font:800 10px var(--display);letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid #d6d9d5;padding:7px 9px}.hero-quick-intro{color:#5b655e;max-width:390px;margin:0 0 20px;font-size:13px;line-height:1.5;position:relative}.hero-fields{position:relative}.hero-fields label{gap:10px}.hero-fields input{transition:border-color .16s,box-shadow .16s}.hero-fields input:focus-visible{border-color:var(--orange);outline:0;box-shadow:0 0 0 3px #c83a0821}.hero-result{border-left:4px solid var(--orange);background:#f2f3f0;position:relative}.hero-quick>a{align-items:center;font-weight:850;display:inline-flex;position:relative}.tool-shell{border:1px solid var(--line);border-top:4px solid var(--ink);margin-top:4px;position:relative;overflow:hidden;box-shadow:0 22px 54px #1d271f17}.tool-inputs{padding:30px 34px 34px}.tool-inputs-intro{border-bottom:1px solid #e1e4df;align-items:flex-start;gap:13px;margin:0 0 26px;padding:0 0 20px;display:flex}.tool-inputs-intro>span{width:46px;height:27px;color:var(--orange);font:850 10px var(--display);letter-spacing:.08em;text-transform:uppercase;background:#fff0e9;flex:none;place-items:center;display:grid}.tool-inputs-intro strong{letter-spacing:-.025em;font-size:19px;display:block}.tool-inputs-intro p{color:#667069;margin:5px 0 0;font-size:13px;line-height:1.5}.area-tabs{margin-bottom:24px}.reference-scene>header span{font-weight:850}@media (max-width:900px){.hero--text{min-height:0}.hero--text:after{background:linear-gradient(#fffffff5 0%,#ffffffc7 54%,#ffffff47 100%)}.tool-shell{margin-top:0}.tool-inputs{padding:28px}}@media (max-width:600px){.hero-copy{padding:54px 24px 24px}.hero-kicker{margin-bottom:16px}.hero-actions{gap:18px}.hero-proof{gap:7px;font-size:11px!important}.hero-proof b{font-size:11px}.hero-quick{border-left:0;border-right:0;margin-inline:0;box-shadow:0 16px 38px #18201926}.hero-quick-intro{font-size:12px}.tool-inputs{padding:24px 18px 28px}.tool-inputs-intro{margin-bottom:22px}.tool-inputs-intro strong{font-size:18px}.tool-inputs-intro p{font-size:12px}}.directory-hero--text{background:#edf0eb;grid-template-columns:minmax(0,.88fr) minmax(390px,1.12fr);align-items:center;min-height:510px;padding-block:56px;position:relative;overflow:hidden}.directory-hero--text:before{content:"";background:var(--orange);width:46%;height:9px;position:absolute;inset:auto 0 0}.directory-hero--text>div:first-child{z-index:2;max-width:650px;position:relative}.directory-kicker{color:var(--orange);font:850 11px var(--display);letter-spacing:.12em;margin-bottom:18px;display:block}.directory-hero-collage{align-self:stretch;min-height:370px;margin:-20px -18px -20px 30px;position:relative}.directory-collage-card{background:#fff;border:8px solid #fff;margin:0;position:absolute;overflow:hidden;box-shadow:0 22px 50px #19231c2e}.directory-collage-card img{object-fit:cover}.directory-collage-card figcaption{font:800 11px var(--display);letter-spacing:.04em;text-transform:uppercase;background:#fffffff2;padding:9px 12px;position:absolute;bottom:0;left:0}.directory-collage-card--paint{z-index:2;width:59%;height:79%;top:3%;left:2%}.directory-collage-card--paint img{object-position:center}.directory-collage-card--deck{z-index:3;width:43%;height:47%;top:13%;right:2%}.directory-collage-card--paver{z-index:4;width:43%;height:43%;bottom:0;right:13%}@media (max-width:900px){.directory-hero--text{grid-template-columns:1fr;padding:60px 24px 0}.directory-hero--text:before{width:100%;height:6px}.directory-hero-collage{width:calc(100% + 48px);min-height:360px;margin:35px -24px 0}.directory-collage-card--paint{width:57%;height:78%;left:9%}.directory-collage-card--deck{width:39%;right:8%}.directory-collage-card--paver{width:39%;right:18%}}@media (max-width:560px){.directory-hero--text{padding-top:52px}.directory-hero-collage{min-height:285px}.directory-collage-card{border-width:5px}.directory-collage-card figcaption{padding:7px 9px;font-size:9px}.directory-collage-card--paint{width:64%;height:77%;left:6%}.directory-collage-card--deck{width:41%;height:46%;top:12%;right:5%}.directory-collage-card--paver{width:41%;height:42%;right:14%}}.editorial-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);min-height:500px;padding-block:70px}.editorial-hero>div{max-width:650px}.editorial-hero .editorial-photo-art{align-self:center;height:350px}@media (max-width:900px){.editorial-hero{grid-template-columns:1fr;min-height:0}.editorial-hero .editorial-photo-art{height:320px}}@media (max-width:520px){.editorial-hero .editorial-photo-art{height:260px}}.project-guides-hero--text{background:#e8ede6;grid-template-columns:minmax(0,1fr) minmax(390px,1fr);align-items:center;gap:clamp(40px,5vw,76px);min-height:560px;position:relative;overflow:hidden}.project-guides-hero--text>div:first-child{max-width:690px}.project-guides-hero--text h1{letter-spacing:-.06em;font-size:clamp(50px,5.1vw,72px);line-height:.96}.project-guides-hero-art{align-self:stretch;min-height:390px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 55px #19221c29}.project-guides-hero-art>img{object-fit:cover;object-position:center}.project-guides-hero-art:after{content:"";background:linear-gradient(145deg,#0000 45%,#22322829);position:absolute;inset:0}.project-guides-hero-art figcaption{z-index:2;font:800 12px var(--display);letter-spacing:.07em;text-transform:uppercase;background:#fffffff0;align-items:center;gap:10px;padding:11px 14px;display:flex;position:absolute;bottom:20px;left:20px}.project-guides-hero-art figcaption span{background:var(--orange);border-radius:50%;width:9px;height:9px;display:block}@media (max-width:900px){.project-guides-hero--text{grid-template-columns:1fr;gap:36px;padding-bottom:0}.project-guides-hero-art{min-height:330px;margin:0 -24px}.project-guides-hero-art figcaption{left:24px}}@media (max-width:520px){.project-guides-hero-art{min-height:250px}.project-guides-hero-art figcaption{font-size:10px;bottom:14px;left:14px}}.project-guide-article>header{grid-template-columns:minmax(0,1fr) minmax(310px,.65fr);align-items:center;gap:clamp(38px,6vw,76px);display:grid}.project-guide-heading-copy{min-width:0}.project-guide-header-art{background:var(--mineral);min-height:320px;margin:0;position:relative;overflow:hidden;box-shadow:0 20px 48px #1c261e24}.project-guide-header-art>img{object-fit:cover}.project-guide-header-art figcaption{font:800 10px var(--display);letter-spacing:.07em;text-transform:uppercase;background:#fffffff0;align-items:center;gap:9px;padding:10px 12px;display:flex;position:absolute;bottom:16px;left:16px}.project-guide-header-art figcaption span{background:var(--orange);border-radius:50%;width:8px;height:8px}@media (max-width:800px){.project-guide-article>header{grid-template-columns:1fr}.project-guide-header-art{min-height:270px}.project-guide-header-art figcaption{bottom:14px;left:14px}}.repair-article>header{grid-template-columns:minmax(0,1fr) minmax(280px,.54fr);align-items:center;gap:clamp(34px,6vw,72px);display:grid}.repair-article-heading-copy{min-width:0}.repair-article-header-art{background:#edf0eb;min-height:280px;margin:0;position:relative;overflow:hidden;box-shadow:0 20px 48px #1c261e24}.repair-article-header-art>img{object-fit:contain;padding:24px}.repair-article-header-art figcaption{font:800 10px var(--display);letter-spacing:.07em;text-transform:uppercase;background:#fffffff2;align-items:center;gap:9px;padding:10px 12px;display:flex;position:absolute;bottom:16px;left:16px}.repair-article-header-art figcaption span{background:var(--orange);border-radius:50%;width:8px;height:8px}@media (max-width:800px){.repair-article>header{grid-template-columns:1fr}.repair-article-header-art{min-height:240px}.repair-article-header-art figcaption{bottom:14px;left:14px}}.cost-article-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:center;gap:clamp(34px,6vw,84px);display:grid}.article-page>.cost-article-hero>div{max-width:760px}.cost-article-hero figure{background:#f1f3f0;min-height:310px;margin:0;position:relative;overflow:hidden;box-shadow:0 22px 50px #19231b24}.cost-article-hero figure>img{object-fit:cover}.cost-article-hero figcaption{color:#4b5750;font:800 10px var(--body);letter-spacing:.07em;text-transform:uppercase;background:#fffffff0;padding:8px 10px;position:absolute;bottom:14px;right:14px}@media (max-width:800px){.cost-article-hero{grid-template-columns:1fr}.cost-article-hero figure{min-height:260px}.article-page>.cost-article-hero>div{max-width:850px}}
