@layer components{.guard-mesh_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.guard-mesh_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.guard-mesh_fascia{fill:color-mix(in lab, currentcolor 12%, transparent);stroke:currentColor;stroke-width:.6px}.guard-mesh_roof{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round}.guard-mesh_gutter{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.guard-mesh_water{fill:var(--draw-mark);fill-opacity:.85}.guard-mesh_mesh{fill:none;stroke:var(--draw-mark);stroke-width:2.6px;stroke-dasharray:1 1.6}.guard-mesh_mesh-edge{fill:none;stroke:currentColor;stroke-width:.8px}.guard-mesh_drop{fill:var(--draw-mark);opacity:0;offset-rotate:0deg}.guard-mesh_needle{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;opacity:0;offset-path:path("M184,56 L80,64 L68,104");offset-rotate:auto}@media (prefers-reduced-motion:no-preference){.guard-mesh_wrap[data-state=in] .guard-mesh_drop{animation:1.3s linear infinite guard-mesh-fall}.guard-mesh_wrap[data-state=in] .guard-mesh_drop:nth-child(2){animation-delay:.45s}.guard-mesh_wrap[data-state=in] .guard-mesh_drop:nth-child(3){animation-delay:.85s}.guard-mesh_wrap[data-state=in] .guard-mesh_needle{animation:3.4s cubic-bezier(.45,0,.85,.6) infinite guard-mesh-slide}.guard-mesh_wrap[data-state=in] .guard-mesh_needle:nth-child(2){animation-delay:1.15s}.guard-mesh_wrap[data-state=in] .guard-mesh_needle:nth-child(3){animation-delay:2.3s}}@media (prefers-reduced-motion:reduce){.guard-mesh_drop{opacity:1;offset-distance:55%}.guard-mesh_needle{opacity:.7;offset-distance:30%}.guard-mesh_needle:nth-child(2){offset-distance:60%}.guard-mesh_needle:nth-child(3){offset-distance:85%}}@keyframes guard-mesh-fall{0%{offset-distance:0%;opacity:0}15%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes guard-mesh-slide{0%{offset-distance:0%;opacity:0}10%{opacity:.7}80%{opacity:.7}to{offset-distance:100%;opacity:0}}.leak-path_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.leak-path_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.leak-path_room{fill:none;stroke:currentColor;stroke-width:.8px}.leak-path_deck{fill:color-mix(in lab, currentcolor 16%, transparent);stroke:currentColor;stroke-width:.8px;stroke-linejoin:round}.leak-path_shingles{fill:color-mix(in lab, currentcolor 45%, transparent)}.leak-path_chimney{fill:color-mix(in lab, currentcolor 12%, transparent);stroke:currentColor;stroke-width:.8px}.leak-path_flashing{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.leak-path_path{fill:none;stroke:var(--draw-mark);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.leak-path_stain{fill:var(--draw-mark);transform-box:fill-box;transform-origin:50%}.leak-path_notes text{fill:var(--spec-accent);font-family:var(--display-family);font-weight:var(--display-weight);letter-spacing:.02em;font-size:9px}.leak-path_notes .is-muted{fill:var(--text-2);text-transform:uppercase;letter-spacing:.08em;font-size:7.5px}.leak-path_notes path{fill:none;stroke:var(--spec-accent);stroke-width:.7px}@media (prefers-reduced-motion:no-preference){.leak-path_path{stroke-dashoffset:1px}.leak-path_stain{scale:0 1}.leak-path_wrap[data-state=in] .leak-path_path{animation:2.4s cubic-bezier(.45,0,.55,1) forwards leak-path-draw}.leak-path_wrap[data-state=in] .leak-path_stain{animation:.7s cubic-bezier(.22,1,.36,1) 2.2s forwards leak-path-bloom}}@keyframes leak-path-draw{to{stroke-dashoffset:0}}@keyframes leak-path-bloom{to{scale:1}}.roof-layers_wrap{gap:var(--space-4);width:100%;max-inline-size:var(--_mw,none);flex-direction:column;margin:0;display:flex}.roof-layers_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.roof-layers_wall{fill:color-mix(in lab, currentcolor 12%, transparent);stroke:currentColor;stroke-width:.8px}.roof-layers_deck{fill:color-mix(in lab, currentcolor 16%, transparent);stroke:currentColor;stroke-width:1px}.roof-layers_underlayment rect{fill:color-mix(in lab, currentcolor 42%, transparent)}.roof-layers_shingles rect{fill:var(--background);stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round}.roof-layers_flashing path{fill:none;stroke:var(--draw-mark);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.roof-layers_drop{fill:var(--draw-mark);opacity:0;offset-path:path("M233,30 V70 L21,140 V172");offset-rotate:0deg}.roof-layers_rain line{stroke:var(--draw-mark);stroke-width:1.4px;stroke-linecap:round;opacity:0}.roof-layers_legend{gap:var(--space-2) var(--space-5);font-family:var(--display-family);font-weight:var(--display-weight);font-size:var(--text-small);letter-spacing:.02em;color:var(--text-2);flex-wrap:wrap;display:flex}.roof-layers_key{align-items:center;gap:var(--space-2);display:inline-flex}.roof-layers_swatch{border:.0625rem solid;block-size:.6em;inline-size:1.25em;display:inline-block}.roof-layers_swatch.is-shingles{background:var(--background)}.roof-layers_swatch.is-underlayment{background:color-mix(in lab, currentcolor 42%, transparent)}.roof-layers_swatch.is-deck{background:color-mix(in lab, currentcolor 16%, transparent)}.roof-layers_swatch.is-flashing{background:var(--draw-mark);border-color:var(--draw-mark)}@media (prefers-reduced-motion:no-preference){.roof-layers_wrap:not([data-state=in]) .roof-layers_underlayment{translate:0 -1.5rem}.roof-layers_wrap:not([data-state=in]) .roof-layers_shingles{translate:0 -2.875rem}.roof-layers_wrap:not([data-state=in]) .roof-layers_flashing{translate:0 -4.25rem}.roof-layers_layer{transition:translate .9s cubic-bezier(.22,1,.36,1)}.roof-layers_shingles{transition-delay:.25s}.roof-layers_flashing{transition-delay:.5s}.roof-layers_wrap[data-state=in] .roof-layers_drop{animation:3.2s cubic-bezier(.4,0,.7,1) 1.4s infinite roof-layers-run}.roof-layers_wrap[data-state=in] .roof-layers_rain line{animation:1s linear infinite roof-layers-rain}.roof-layers_wrap[data-state=in] .roof-layers_rain line:nth-child(2){animation-delay:.35s}.roof-layers_wrap[data-state=in] .roof-layers_rain line:nth-child(3){animation-delay:.7s}}@keyframes roof-layers-run{0%{offset-distance:0%;opacity:0}8%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes roof-layers-rain{0%{opacity:0;translate:0}20%{opacity:1}to{opacity:0;translate:-.25rem 3.5rem}}.gutter-clean_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.gutter-clean_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.gutter-clean_break{fill:none;stroke:currentColor;stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.gutter-clean_trough{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.gutter-clean_heap{fill:color-mix(in lab, currentcolor 24%, transparent);stroke:currentColor;stroke-width:.8px;stroke-linejoin:round;transform-box:fill-box;transform-origin:bottom;scale:1 0}.gutter-clean_leaf{fill:color-mix(in lab, currentcolor 30%, transparent);stroke:currentColor;stroke-width:1px;stroke-linejoin:round}.gutter-clean_vein,.gutter-clean_needles,.gutter-clean_bark{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round}.gutter-clean_needles{stroke-width:1px}.gutter-clean_debris>*{opacity:.7;translate:0 -14px}.gutter-clean_water{fill:var(--draw-mark);fill-opacity:.85;transform-box:fill-box;transform-origin:0}.gutter-clean_spout{fill:var(--background);stroke:currentColor;stroke-width:1.6px}.gutter-clean_shoe{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.gutter-clean_drops circle{fill:var(--draw-mark);stroke:var(--background);stroke-width:.9px;opacity:0;offset-path:path("M40,80 H278 V118 L291,125");offset-rotate:0deg}@media (prefers-reduced-motion:no-preference){.gutter-clean_wrap:not([data-state=in]) .gutter-clean_heap{scale:1}.gutter-clean_wrap:not([data-state=in]) .gutter-clean_debris>*{opacity:1;translate:0}.gutter-clean_wrap:not([data-state=in]) .gutter-clean_water{scale:0 1}.gutter-clean_heap{transition:scale 1.1s cubic-bezier(.4,0,.4,1) .5s}.gutter-clean_debris>*{transition:translate .8s cubic-bezier(.22,1,.36,1),opacity .8s}.gutter-clean_debris>*:nth-child(2){transition-delay:.3s}.gutter-clean_debris>*:nth-child(3){transition-delay:.6s}.gutter-clean_water{transition:scale 1s cubic-bezier(.3,0,.3,1) 1.2s}.gutter-clean_wrap[data-state=in] .gutter-clean_drops circle{animation:2.3s linear 1.6s infinite gutter-clean-run}.gutter-clean_wrap[data-state=in] .gutter-clean_drops circle:nth-child(2){animation-delay:2.4s}.gutter-clean_wrap[data-state=in] .gutter-clean_drops circle:nth-child(3){animation-delay:3.2s}}@media (prefers-reduced-motion:reduce){.gutter-clean_drops circle{opacity:1;offset-distance:30%}.gutter-clean_drops circle:nth-child(2){offset-distance:64%}.gutter-clean_drops circle:nth-child(3){offset-distance:93%}}@keyframes gutter-clean-run{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.gutter-repair_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.gutter-repair_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.gutter-repair_roof{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round}.gutter-repair_fascia{fill:color-mix(in lab, currentcolor 12%, transparent);stroke:currentColor;stroke-width:.8px}.gutter-repair_run,.gutter-repair_new rect,.gutter-repair_old rect{fill:var(--background);stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.gutter-repair_old{transform-box:fill-box;transform-origin:50%;translate:-18px 58px;rotate:9deg}.gutter-repair_old rect{fill:color-mix(in lab, currentcolor 14%, transparent)}.gutter-repair_pit{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;opacity:.75}.gutter-repair_hangers path{fill:none;stroke:currentColor;stroke-width:.9px;stroke-dasharray:2 1.5}.gutter-repair_cuts path{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-dasharray:3 3;opacity:.85}.gutter-repair_joints path{fill:none;stroke:var(--draw-mark);stroke-width:3px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%}.gutter-repair_spout{fill:var(--background);stroke:currentColor;stroke-width:1.6px}.gutter-repair_shoe{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.gutter-repair_drops circle{fill:var(--draw-mark);opacity:0;offset-path:path("M40,50 H300 L308,60 V114");offset-rotate:0deg}.gutter-repair_leak{fill:var(--draw-mark);opacity:0;offset-path:path("M160,112 V136");offset-rotate:0deg}@media (prefers-reduced-motion:no-preference){.gutter-repair_wrap:not([data-state=in]) .gutter-repair_old{translate:0;rotate:0deg}.gutter-repair_wrap:not([data-state=in]) .gutter-repair_new{opacity:0;translate:0 -14px}.gutter-repair_wrap:not([data-state=in]) .gutter-repair_joints path{scale:1 0}.gutter-repair_wrap:not([data-state=in]) .gutter-repair_cuts path{stroke-dashoffset:40px}.gutter-repair_old{transition:translate .9s cubic-bezier(.36,0,.66,-.1) .5s,rotate .9s cubic-bezier(.36,0,.66,-.1) .5s}.gutter-repair_new{transition:opacity .5s 1.2s,translate .7s cubic-bezier(.22,1,.36,1) 1.2s}.gutter-repair_joints path{transition:scale .4s cubic-bezier(.22,1,.36,1) 1.8s}.gutter-repair_joints path:nth-child(2){transition-delay:2s}.gutter-repair_cuts path{stroke-dasharray:40;stroke-dashoffset:0;transition:stroke-dashoffset .45s}.gutter-repair_cuts path:nth-child(2){transition-delay:.2s}.gutter-repair_wrap[data-state=in] .gutter-repair_drops circle{animation:2.4s linear 2.4s infinite gutter-repair-flow}.gutter-repair_wrap[data-state=in] .gutter-repair_drops circle:nth-child(2){animation-delay:3.5s}.gutter-repair_wrap[data-state=in] .gutter-repair_leak{animation:1.8s ease-in 2.6s infinite gutter-repair-drip}}@media (prefers-reduced-motion:reduce){.gutter-repair_drops circle{opacity:1;offset-distance:40%}.gutter-repair_drops circle:nth-child(2){offset-distance:78%}.gutter-repair_leak{opacity:.8;offset-distance:45%}}@keyframes gutter-repair-flow{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes gutter-repair-drip{0%{offset-distance:0%;opacity:0}20%{opacity:.8}to{offset-distance:100%;opacity:0}}.seamless_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.seamless_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.seamless_label{fill:var(--spec-accent);font-family:var(--display-family);font-weight:var(--display-weight);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.seamless_trough{fill:var(--background);stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round}.seamless_joint{fill:none;stroke:currentColor;stroke-width:1px}.seamless_hanger{fill:none;stroke:currentColor;stroke-width:1px;opacity:.35}.seamless_drip{fill:var(--draw-mark);opacity:0}.seamless_flow{fill:none;stroke:var(--draw-mark);stroke-width:4px;stroke-linecap:round;stroke-dasharray:10 8}@media (prefers-reduced-motion:no-preference){.seamless_wrap[data-state=in] .seamless_drip{animation:1.6s ease-in infinite seamless-drip}.seamless_wrap[data-state=in] .seamless_drip:nth-of-type(2){animation-delay:.55s}.seamless_wrap[data-state=in] .seamless_drip:nth-of-type(3){animation-delay:1.1s}.seamless_wrap[data-state=in] .seamless_flow{animation:.7s linear infinite seamless-flow}}@keyframes seamless-drip{0%{opacity:0;translate:0}15%{opacity:1}to{opacity:0;translate:0 2rem}}@keyframes seamless-flow{to{stroke-dashoffset:-18px}}.seamless-run_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.seamless-run_board{width:100%;height:auto;color:var(--text);font-family:var(--display-family);font-weight:var(--display-weight);display:block;overflow:visible}.seamless-run_roof{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round}.seamless-run_fascia,.seamless-run_former{fill:color-mix(in lab, currentcolor 12%, transparent);stroke:currentColor;stroke-width:.8px}.seamless-run_coil,.seamless-run_spool,.seamless-run_roller,.seamless-run_bead,.seamless-run_leg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round}.seamless-run_trough{fill:var(--background);stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.seamless-run_water{fill:var(--draw-mark);fill-opacity:.85}.seamless-run_spout{fill:var(--background);stroke:currentColor;stroke-width:1.6px}.seamless-run_shoe{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.seamless-run_hangers path{fill:none;stroke:currentColor;stroke-width:.9px;stroke-dasharray:2 1.5}.seamless-run_drops circle{fill:var(--draw-mark);opacity:0;offset-path:path("M92,58 L320,94 L327,110 V166");offset-rotate:0deg}.seamless-run_dim{color:var(--spec-accent)}.seamless-run_dim path{fill:none;stroke:currentColor;stroke-width:.9px}.seamless-run_dim .seamless-run_leader{stroke-width:.7px;stroke-dasharray:3 2.5}.seamless-run_dim text{fill:currentColor;letter-spacing:.04em;font-size:9px}@media (prefers-reduced-motion:no-preference){.seamless-run_wrap:not([data-state=in]) .seamless-run_reveal{translate:-306px}.seamless-run_wrap:not([data-state=in]) .seamless-run_dim path{stroke-dashoffset:200px}.seamless-run_wrap:not([data-state=in]) .seamless-run_dim text{opacity:0}.seamless-run_reveal{transition:translate 1.3s cubic-bezier(.22,1,.36,1)}.seamless-run_dim path{stroke-dasharray:200;stroke-dashoffset:0;transition:stroke-dashoffset .9s 1s}.seamless-run_dim text{transition:opacity .5s 1.5s}.seamless-run_wrap[data-state=in] .seamless-run_drops circle{animation:2.6s linear 1.2s infinite seamless-run-flow}.seamless-run_wrap[data-state=in] .seamless-run_drops circle:nth-child(2){animation-delay:2.05s}.seamless-run_wrap[data-state=in] .seamless-run_drops circle:nth-child(3){animation-delay:2.95s}}@media (prefers-reduced-motion:reduce){.seamless-run_drops circle{opacity:1;offset-distance:45%}.seamless-run_drops circle:nth-child(2){offset-distance:72%}.seamless-run_drops circle:nth-child(3){offset-distance:92%}}@keyframes seamless-run-flow{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.roof-check_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.roof-check_board{width:100%;height:auto;color:var(--text);font-family:var(--display-family);font-weight:var(--display-weight);display:block;overflow:visible}.roof-check_wall,.roof-check_ceiling,.roof-check_gutter{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.roof-check_gutter{stroke-width:1.6px}.roof-check_batts{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;opacity:.35}.roof-check_deck{fill:color-mix(in lab, currentcolor 16%, transparent);stroke:currentColor;stroke-width:.8px;stroke-linejoin:round}.roof-check_covering{fill:color-mix(in lab, currentcolor 45%, transparent)}.roof-check_chimney{fill:color-mix(in lab, currentcolor 12%, transparent);stroke:currentColor;stroke-width:.9px}.roof-check_flashing{fill:none;stroke:var(--draw-mark);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.roof-check_spout{fill:none;stroke:currentColor;stroke-width:1.2px}.roof-check_point circle{fill:none;stroke:var(--draw-mark);stroke-width:2px;transform-box:fill-box;transform-origin:50%}.roof-check_point path{fill:none;stroke:var(--draw-mark);stroke-width:.9px}.roof-check_point text{fill:var(--text-2);letter-spacing:.05em;font-size:9px}@media (prefers-reduced-motion:no-preference){.roof-check_wrap:not([data-state=in]) .roof-check_point circle{opacity:0;scale:1.9}.roof-check_wrap:not([data-state=in]) .roof-check_point path,.roof-check_wrap:not([data-state=in]) .roof-check_point text{opacity:0}.roof-check_point circle{transition:scale .6s cubic-bezier(.22,1,.36,1),opacity .5s}.roof-check_point path,.roof-check_point text{transition:opacity .5s}.roof-check_point:first-child *{transition-delay:.1s}.roof-check_point:nth-child(2) *{transition-delay:.45s}.roof-check_point:nth-child(3) *{transition-delay:.8s}.roof-check_point:nth-child(4) *{transition-delay:1.15s}.roof-check_wrap[data-state=in] .roof-check_point circle{animation:6.4s ease-in-out 2s infinite roof-check-look}.roof-check_wrap[data-state=in] .roof-check_point:nth-child(2) circle{animation-delay:3.6s}.roof-check_wrap[data-state=in] .roof-check_point:nth-child(3) circle{animation-delay:5.2s}.roof-check_wrap[data-state=in] .roof-check_point:nth-child(4) circle{animation-delay:6.8s}}@keyframes roof-check-look{0%,to{stroke-width:2px}9%{stroke-width:3.6px}22%{stroke-width:2px}}.re-roof_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.re-roof_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.re-roof_wall{fill:color-mix(in lab, currentcolor 12%, transparent);stroke:currentColor;stroke-width:.8px}.re-roof_deck{fill:color-mix(in lab, currentcolor 16%, transparent);stroke:currentColor;stroke-width:1px}.re-roof_seam{fill:none;stroke:currentColor;stroke-width:.6px;opacity:.55}.re-roof_felt{fill:color-mix(in lab, currentcolor 42%, transparent);transform-box:fill-box;transform-origin:0}.re-roof_new rect{fill:var(--background);stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round}.re-roof_old rect,.re-roof_tumble rect{fill:color-mix(in lab, currentcolor 32%, transparent);stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round}.re-roof_flash path{fill:none;stroke:var(--draw-mark);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.re-roof_flash.is-off{opacity:.4;translate:8px -26px}.re-roof_flash.is-off path{stroke:currentColor;stroke-dasharray:4 3}.re-roof_bin{fill:color-mix(in lab, currentcolor 10%, transparent);stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round}.re-roof_bin-lip{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round}.re-roof_tumble rect{offset-path:path("M240,62 C190,80 118,120 40,160");offset-rotate:auto;offset-distance:92%}.re-roof_tumble rect:nth-child(2){offset-distance:100%}.re-roof_tumble rect:nth-child(3){offset-distance:74%}@media (prefers-reduced-motion:no-preference){.re-roof_wrap:not([data-state=in]) .re-roof_tumble rect{offset-distance:0%}.re-roof_wrap:not([data-state=in]) .re-roof_tumble rect:nth-child(2){offset-distance:3%}.re-roof_wrap:not([data-state=in]) .re-roof_tumble rect:nth-child(3){offset-distance:6%}.re-roof_wrap:not([data-state=in]) .re-roof_flash.is-off{opacity:1;translate:0}.re-roof_wrap:not([data-state=in]) .re-roof_flash.is-on path{stroke-dashoffset:64px}.re-roof_wrap:not([data-state=in]) .re-roof_felt{scale:0 1}.re-roof_wrap:not([data-state=in]) .re-roof_new rect{opacity:0;translate:0 -12px}.re-roof_tumble rect{transition:offset-distance 1.5s cubic-bezier(.4,0,.7,1)}.re-roof_tumble rect:nth-child(2){transition-delay:.25s}.re-roof_tumble rect:nth-child(3){transition-delay:.5s}.re-roof_flash.is-off{transition:translate .7s cubic-bezier(.22,1,.36,1) .9s,opacity .7s .9s}.re-roof_flash.is-on path{stroke-dasharray:64;stroke-dashoffset:0;transition:stroke-dashoffset .6s 1.4s}.re-roof_felt{transition:scale .8s cubic-bezier(.3,0,.3,1) 1.5s}.re-roof_new rect{transition:opacity .4s,translate .5s cubic-bezier(.22,1,.36,1)}.re-roof_new rect:first-child{transition-delay:2s}.re-roof_new rect:nth-child(2){transition-delay:2.15s}.re-roof_new rect:nth-child(3){transition-delay:2.3s}}.new-roof_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.new-roof_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.new-roof_deck{fill:color-mix(in lab, currentcolor 16%, transparent);stroke:currentColor;stroke-width:1px}.new-roof_seam{fill:none;stroke:currentColor;stroke-width:.6px;opacity:.55}.new-roof_shield{fill:var(--draw-mark);fill-opacity:.6}.new-roof_felt{fill:color-mix(in lab, currentcolor 42%, transparent)}.new-roof_courses rect{fill:var(--background);stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round}.new-roof_drip{fill:none;stroke:var(--draw-mark);stroke-width:2.6px;stroke-linecap:round}.new-roof_ridge{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round}.new-roof_collar{fill:none;stroke:var(--draw-mark);stroke-width:2.4px;stroke-linejoin:round}.new-roof_pipe{fill:var(--background);stroke:currentColor;stroke-width:1.2px}.new-roof_shield,.new-roof_felt{transform-box:fill-box;transform-origin:0}.new-roof_vent{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.new-roof_wrap:not([data-state=in]) .new-roof_shield,.new-roof_wrap:not([data-state=in]) .new-roof_felt{scale:0 1}.new-roof_wrap:not([data-state=in]) .new-roof_courses rect{opacity:0;translate:0 8px}.new-roof_wrap:not([data-state=in]) .new-roof_vent{opacity:0;scale:1.6}.new-roof_wrap:not([data-state=in]) .new-roof_drip{stroke-dashoffset:280px}.new-roof_shield{transition:scale .8s cubic-bezier(.3,0,.3,1) .35s}.new-roof_felt{transition:scale .8s cubic-bezier(.3,0,.3,1) .8s}.new-roof_drip{stroke-dasharray:280;stroke-dashoffset:0;transition:stroke-dashoffset .7s}.new-roof_vent{transition:opacity .5s 1.9s,scale .5s cubic-bezier(.22,1,.36,1) 1.9s}.new-roof_courses rect{transition:opacity .4s,translate .55s cubic-bezier(.22,1,.36,1)}.new-roof_courses rect:first-child{transition-delay:1.25s}.new-roof_courses rect:nth-child(2){transition-delay:1.38s}.new-roof_courses rect:nth-child(3){transition-delay:1.51s}.new-roof_courses rect:nth-child(4){transition-delay:1.64s}.new-roof_courses rect:nth-child(5){transition-delay:1.77s}.new-roof_courses rect:nth-child(6){transition-delay:1.9s}}.skylight-mounts_wrap{gap:var(--space-4);width:100%;max-inline-size:var(--_mw,none);flex-direction:column;margin:0;display:flex}.skylight-mounts_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.skylight-mounts_deck{fill:color-mix(in lab, currentcolor 16%, transparent);stroke:currentColor;stroke-width:.9px}.skylight-mounts_shingles{fill:color-mix(in lab, currentcolor 45%, transparent)}.skylight-mounts_frame{fill:var(--background);stroke:currentColor;stroke-width:1.3px;stroke-linejoin:round}.skylight-mounts_curb{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linejoin:round}.skylight-mounts_flange{fill:currentColor;opacity:.7}.skylight-mounts_glass{fill:var(--draw-mark);stroke:currentColor;stroke-width:.8px}.skylight-mounts_flashing{fill:none;stroke:var(--draw-mark);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.skylight-mounts_light{fill:var(--draw-mark);opacity:.5}.skylight-mounts_captions{gap:var(--space-4) var(--site-gutter);font-size:var(--text-small);color:var(--text-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skylight-mounts_captions strong{color:var(--text)}@media not (min-width:40rem){.skylight-mounts_captions{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.skylight-mounts_wrap:not([data-state=in]) .skylight-mounts_light{opacity:0;scale:1 .2}.skylight-mounts_light{transform-box:fill-box;transform-origin:top;transition:opacity 1.4s .3s,scale 1.4s cubic-bezier(.22,1,.36,1) .3s}g:nth-of-type(2) .skylight-mounts_light{transition-delay:.7s}.skylight-mounts_wrap[data-state=in] .skylight-mounts_light{animation:3.6s ease-in-out 1.8s infinite skylight-mounts-glow}.skylight-mounts_wrap[data-state=in] g:nth-of-type(2) .skylight-mounts_light{animation-delay:2.5s}}@keyframes skylight-mounts-glow{0%,to{opacity:.3}22%{opacity:.42}38%{opacity:.34}55%{opacity:.46}76%{opacity:.28}}.skylight-install_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.skylight-install_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.skylight-install_deck,.skylight-install_header rect{fill:color-mix(in lab, currentcolor 16%, transparent);stroke:currentColor;stroke-width:.9px}.skylight-install_header rect{fill:color-mix(in lab, currentcolor 30%, transparent)}.skylight-install_courses rect{fill:var(--background);stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round}.skylight-install_curb{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linejoin:round}.skylight-install_flashing path{fill:none;stroke:var(--draw-mark);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.skylight-install_frame{fill:var(--background);stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round}.skylight-install_glass{fill:var(--draw-mark);stroke:currentColor;stroke-width:.9px}.skylight-install_light{fill:var(--draw-mark);opacity:.5;transform-box:fill-box;transform-origin:top}@media (prefers-reduced-motion:no-preference){.skylight-install_wrap:not([data-state=in]) .skylight-install_header rect{opacity:0;translate:0 10px}.skylight-install_wrap:not([data-state=in]) .skylight-install_curb{opacity:0;translate:0 30px}.skylight-install_wrap:not([data-state=in]) .skylight-install_flashing path{stroke-dashoffset:70px}.skylight-install_wrap:not([data-state=in]) .skylight-install_unit{opacity:0;translate:0 -28px}.skylight-install_wrap:not([data-state=in]) .skylight-install_courses rect{opacity:0}.skylight-install_wrap:not([data-state=in]) .skylight-install_light{opacity:0;scale:1 .2}.skylight-install_header rect{transition:opacity .4s .1s,translate .5s cubic-bezier(.22,1,.36,1) .1s}.skylight-install_curb{transition:opacity .4s .5s,translate .7s cubic-bezier(.22,1,.36,1) .5s}.skylight-install_flashing path{stroke-dasharray:70;stroke-dashoffset:0;transition:stroke-dashoffset .6s 1.1s}.skylight-install_flashing path:nth-child(2){transition-delay:1.3s}.skylight-install_unit{transition:opacity .4s 1.7s,translate .7s cubic-bezier(.22,1,.36,1) 1.7s}.skylight-install_courses rect{transition:opacity .45s}.skylight-install_courses rect:first-child{transition-delay:2.5s}.skylight-install_courses rect:nth-child(2){transition-delay:2.4s}.skylight-install_courses rect:nth-child(3),.skylight-install_courses rect:nth-child(4){transition-delay:2.3s}.skylight-install_courses rect:nth-child(5){transition-delay:2.4s}.skylight-install_courses rect:nth-child(6){transition-delay:2.5s}.skylight-install_light{transition:opacity 1.2s 2.7s,scale 1.2s cubic-bezier(.22,1,.36,1) 2.7s}.skylight-install_wrap[data-state=in] .skylight-install_light{animation:4.2s ease-in-out 4s infinite skylight-install-glow}}@keyframes skylight-install-glow{0%,to{opacity:.3}26%{opacity:.44}58%{opacity:.28}78%{opacity:.4}}.skylight-repair_wrap{width:100%;max-inline-size:var(--_mw,none);margin:0}.skylight-repair_board{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.skylight-repair_deck{fill:color-mix(in lab, currentcolor 16%, transparent);stroke:currentColor;stroke-width:.9px}.skylight-repair_curb{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linejoin:round}.skylight-repair_courses rect{fill:var(--background);stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round}.skylight-repair_flashing path{fill:none;stroke:var(--draw-mark);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.skylight-repair_flashing.is-off path{stroke:currentColor;stroke-width:2.2px;stroke-dasharray:4 3;opacity:.6}.skylight-repair_lift{fill:none;stroke:currentColor;stroke-width:.9px;stroke-dasharray:4 4;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.skylight-repair_frame{fill:var(--background);stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round}.skylight-repair_glass{fill:var(--draw-mark);stroke:currentColor;stroke-width:.9px}.skylight-repair_out{translate:0 -44px}.skylight-repair_test circle{fill:var(--draw-mark);opacity:0;offset-path:path("M30,110 H106");offset-rotate:0deg}@media (prefers-reduced-motion:no-preference){.skylight-repair_wrap:not([data-state=in]) .skylight-repair_out{translate:0 -2px}.skylight-repair_wrap:not([data-state=in]) .skylight-repair_flashing.is-on path{stroke-dashoffset:66px}.skylight-repair_wrap:not([data-state=in]) .skylight-repair_lift{opacity:0}.skylight-repair_out{transition:translate .9s cubic-bezier(.22,1,.36,1) .4s}.skylight-repair_lift{transition:opacity .5s .4s}.skylight-repair_flashing.is-on path{stroke-dasharray:66;stroke-dashoffset:0;transition:stroke-dashoffset .6s 1.4s}.skylight-repair_flashing.is-on path:nth-child(2){transition-delay:1.6s}.skylight-repair_wrap[data-state=in] .skylight-repair_test circle{animation:2.4s linear 2.2s infinite skylight-repair-test}.skylight-repair_wrap[data-state=in] .skylight-repair_test circle:nth-child(2){animation-delay:3.4s}}@media (prefers-reduced-motion:reduce){.skylight-repair_test circle{opacity:1;offset-distance:42%}.skylight-repair_test circle:nth-child(2){offset-distance:78%}}@keyframes skylight-repair-test{0%{offset-distance:0%;opacity:0}14%{opacity:1}86%{opacity:1}to{offset-distance:100%;opacity:0}}}