.roof-entry{padding-block:clamp(36px,3.2vw,54px) clamp(24px,3vw,46px);text-align:center}.roof-entry h1{margin-inline:auto;color:var(--ink);font-size:clamp(44px,5.7vw,84px);line-height:1;letter-spacing:-.045em}.home-address-search{width:min(100%,490px);margin:14px auto 0}.home-address-search .roof-search-row{display:flex;gap:5px;padding:4px;border:1px solid #abb9c8;border-radius:8px;background:white}.home-address-search .roof-search-row:focus-within{outline:2px solid var(--blue);outline-offset:2px}.home-address-search input{flex:1;min-width:0;padding:10px 10px 10px 37px;border:0;border-radius:4px;color:var(--ink);background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23526680' stroke-width='1.6'%3E%3Cpath d='M19 10c0 5-7 11-7 11S5 15 5 10a7 7 0 1 1 14 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E") 10px no-repeat;font-size:16px}.home-address-search input::placeholder{color:var(--muted)}.home-address-search input:focus{outline:none}.home-address-search .Button{min-height:44px;min-width:75px;padding:9px 18px;border-radius:5px}.home-example-link{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:14px;text-underline-offset:4px}.home-address-search .roof-attribution,.home-address-search .roof-search-status{margin-top:8px;text-align:left;color:var(--muted);font-size:13px}.home-address-search .roof-search-status:empty{margin:0}.home-address-search .roof-attribution a{color:inherit}.home-address-search .roof-address-results{max-height:285px;margin:8px 0 0;padding:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:6px;background:white;list-style:none}.home-address-search .roof-address-results li+li{border-top:1px solid var(--line)}.home-address-search .roof-address-results button{display:block;width:100%;min-height:46px;padding:9px 14px;border:0;background:transparent;text-align:left;color:var(--ink);font-size:15px}.home-address-search .roof-address-results button:hover,.home-address-search .roof-address-results button[aria-selected=true]{background:var(--wash)}.home-address-search .roof-address-results button[aria-selected=true]{box-shadow:inset 3px 0 var(--blue)}.home-address-search .roof-address-results button>span{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.roof-survey{position:relative;width:min(100%,900px);margin:16px auto 0}.roof-survey-drawing{width:100%;height:auto;overflow:visible}.roof-survey figcaption{position:absolute;bottom:4%;left:3%;display:flex;align-items:center;gap:10px;color:var(--muted);font:12px/1.5 var(--font-mono)}.roof-survey figcaption:before{content:"";width:22px;border-top:1px solid}.survey-measures{fill:none;stroke:#3d6488;stroke-width:1.25;stroke-linejoin:round}.survey-measures circle{fill:#3d6488}.survey-measures text{fill:var(--ink);stroke:var(--paper);stroke-width:5px;paint-order:stroke;font:500 20px/1 var(--font-mono)}.survey-area text{font-size:26px}.survey-stage{position:relative}.survey-perimeter{stroke:#5585a5;stroke-width:1.7}.survey-playback{position:absolute;right:2%;bottom:1%;display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted)}.survey-playback:hover{color:var(--ink);background:var(--wash)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.survey-stage:not([data-motion]) [data-tile-columns]{visibility:hidden}}@media (prefers-reduced-motion:no-preference){.survey-stage[data-motion=turning] .roof-survey-drawing{overflow:hidden;border-radius:8px}.roof-survey:has(.survey-stage[data-motion=turning]) figcaption,.survey-stage[data-motion=turning] .survey-playback{background:var(--paper)}.roof-survey:has(.survey-stage[data-motion=turning]) figcaption{padding-inline:6px;border-radius:3px}.survey-stage[data-motion] .survey-playback{display:flex}.survey-stage:not([data-motion=rest]) .survey-replay-icon,.survey-stage[data-motion=rest] .survey-stop-icon{opacity:0}.survey-stage[data-motion=turning] .survey-perimeter{stroke:#419ce3;stroke-width:2.8;stroke-dasharray:1}.survey-stage[data-motion=turning] .survey-length{animation:survey-reveal .35s 4.4s backwards}.survey-stage[data-motion=turning] .survey-pitch{animation:survey-reveal .35s 5.5s backwards}.survey-stage[data-motion=turning] .survey-area{animation:survey-reveal .35s 8.5s backwards}}@keyframes survey-reveal{0%{opacity:0}to{opacity:1}}@media (max-width:700px){.roof-entry h1{max-width:13ch}.roof-survey{width:calc(100% + var(--gutter));margin:8px calc(var(--gutter) / -2) 0}.survey-measures{stroke-width:2}.survey-measures text{font-size:30px;stroke-width:6px}.survey-area text{font-size:35px}.roof-survey figcaption{left:3%;bottom:0;font-size:11px}}@media (max-width:400px){.survey-measures text{font-size:35px}.survey-area text{font-size:38px}}@media (min-width:800px) and (max-height:820px){.roof-entry{padding-top:30px}.roof-entry h1{font-size:clamp(52px,5.1vw,70px)}}@media (min-width:800px){.roof-survey{max-width:clamp(500px,calc(136svh - 435px),900px)}}