.residential-motion{--res-ease:cubic-bezier(.16, 1, .3, 1)}.residential-motion .res-line{margin-bottom:-.07em;padding-bottom:.07em;display:block;overflow:clip}.residential-motion .res-line>span{transform-origin:0 100%;display:block}.b-bold .interior .residential-motion .res-photo{background:var(--sage);overflow:clip}.residential-motion .res-photo img{transform-origin:50%}.b-bold .interior .residential-motion :is(.material-row,.question){border-top-color:#0000;position:relative}.residential-motion .res-rule{transform-origin:0;background:#171c1850;width:100%;height:1px;position:absolute;top:-1px;left:0}.residential-motion .res-reading-progress{background:var(--orange);transform-origin:0;pointer-events:none;z-index:100;height:3px;display:none;position:fixed;inset:0 0 auto;transform:scaleX(0)}.residential-motion[data-motion=ready] .res-reading-progress{display:block}.b-bold .interior .residential-motion .image-close{background:var(--ink)}@media (prefers-reduced-motion:no-preference){.residential-motion .residential-top .res-line>span{animation:res-line-enter .88s var(--res-ease) backwards}.residential-motion .residential-top .res-line:nth-of-type(2)>span{animation-delay:.115s}.residential-motion .residential-top .res-line:nth-of-type(3)>span{animation-delay:.23s}.residential-motion .residential-top .res-photo{animation:res-photo-enter 1.1s 70ms var(--res-ease) backwards}.residential-motion .residential-top :is(.crumb,.stack>p,.button){animation:res-copy-enter .65s var(--res-ease) backwards}.residential-motion .residential-top .stack>p{animation-delay:.24s}.residential-motion .residential-top .button{animation-delay:.36s}.b-bold .interior .residential-motion .button{isolation:isolate;transition:background-color .18s, box-shadow .22s, translate .25s var(--res-ease);position:relative;overflow:hidden}.residential-motion .button:before{content:"";clip-path:polygon(0 0,82% 0,100% 100%,0 100%);transition:transform .46s var(--res-ease);z-index:-1;background:#ffffff26;position:absolute;inset:0;transform:translate(-105%)}.residential-motion .button:is(:hover,:focus-visible):before{transform:translate(0)}.b-bold .interior .residential-motion .button:active{translate:0 2px}.residential-motion :is(.button,.text-link)>span{transition:transform .32s var(--res-ease);display:inline-block}.residential-motion :is(.button,.text-link):is(:hover,:focus-visible)>span{transform:translate(3px,-3px)}.b-bold .interior .residential-motion .text-link{position:relative}.residential-motion .text-link:after{content:"";background:var(--orange);transform-origin:0;width:100%;height:2px;transition:transform .4s var(--res-ease);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.residential-motion .text-link:is(:hover,:focus-visible):after{transform:scaleX(1)}}@keyframes res-line-enter{0%{transform:translateY(108%)}to{transform:translateY(0)}}@keyframes res-photo-enter{0%{transform:scale(1.055)}to{transform:scale(1)}}@keyframes res-copy-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.residential-motion *,.residential-motion :before,.residential-motion :after{transition:none!important;animation:none!important}}
.b-bold .interior .residential-motion .res-story-section{height:auto;min-height:0;padding:88px 72px;scroll-margin-top:32px}.residential-motion .res-section-head{grid-template-columns:1.35fr 1fr;align-items:end;gap:64px;margin-bottom:48px;display:grid}.b-bold .interior .residential-motion .res-section-head>p{max-width:37ch;color:var(--muted);padding-bottom:5px}.b-bold .interior .residential-motion .res-story-section h2{font-size:clamp(42px,4.25vw,66px)}.residential-motion .res-concern-layout{grid-template-columns:1fr 1fr;align-items:start;gap:72px;display:grid}.b-bold .interior .residential-motion .res-concern-photo{height:510px}.residential-motion .res-concern-photo img{object-position:50% 28%}.residential-motion :is(.res-concern-list,.res-faq-list,.res-layer-controls) details{border-top:1px solid #171c1838}.residential-motion summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;font-size:23px;font-weight:700;line-height:1.35;list-style:none;display:flex}.residential-motion summary::-webkit-details-marker{display:none}.residential-motion summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.residential-motion .res-disclosure-mark{flex:0 0 18px;width:18px;height:18px;position:relative}.residential-motion .res-disclosure-mark:before,.residential-motion .res-disclosure-mark:after{content:"";background:currentColor;width:16px;height:2px;position:absolute;top:8px;left:1px}.residential-motion .res-disclosure-mark:after{transition:transform .22s var(--res-ease);transform:rotate(90deg)}.residential-motion details[open]>summary .res-disclosure-mark:after{transform:rotate(0)}.residential-motion .res-disclosure-body{padding:0 24px 26px 0}.b-bold .interior .residential-motion .res-useful{color:var(--muted);margin-top:20px;font-size:14px}.residential-motion .res-concern-list>.text-link{margin-top:24px}.b-bold .interior .residential-motion .res-roof-system{background:var(--ink);color:#fff;padding-bottom:32px}.b-bold .interior .residential-motion .res-roof-system .res-section-head>p{color:#d0d5cb}.residential-motion .res-explorer{grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;display:grid}.residential-motion .res-roof-canvas{min-width:0;position:relative}.residential-motion .res-roof-model{width:100%;height:570px;display:block;overflow:visible}.residential-motion .res-roof-guides{color:#748171}.residential-motion .res-roof-layer{transition:transform .55s var(--res-ease), opacity .35s}.residential-motion .res-roof-layer-0{transform:translateY(0)}.residential-motion .res-roof-layer-1{transform:translateY(100px)}.residential-motion .res-roof-layer-2{transform:translateY(200px)}.residential-motion .res-explorer:has(details[open]) .res-roof-layer{opacity:.18}.residential-motion .res-explorer:has([data-layer="0"][open]) .res-roof-layer-0{opacity:1;transform:translateY(-10px)}.residential-motion .res-explorer:has([data-layer="1"][open]) .res-roof-layer-1{opacity:1;transform:translateY(86px)}.residential-motion .res-explorer:has([data-layer="2"][open]) .res-roof-layer-2{opacity:1;transform:translateY(186px)}.residential-motion .res-model-note{color:#d0d5cb;padding:0 0 22px 30px;font-size:14px;display:block}.residential-motion .res-layer-controls{min-height:410px}.residential-motion .res-layer-controls details{border-color:#d0d5cb44}.residential-motion .res-layer-controls summary{padding:25px 0}.residential-motion .res-layer-controls small{color:#d0d5cb;margin-bottom:9px;font-size:14px;font-weight:500;display:block}.residential-motion .res-layer-controls strong{font-size:26px}.residential-motion .res-layer-controls details[open] summary{color:var(--orange)}.residential-motion .res-layer-controls .res-disclosure-body{color:#d0d5cb;font-size:16px}.b-bold .interior .residential-motion .res-layer-question{color:#fff;margin-top:18px}.b-bold .interior .residential-motion .res-layer-hint{color:#d0d5cb;margin-top:24px;font-size:14px}.residential-motion .res-model-footer{color:#d0d5cb;border-top:1px solid #d0d5cb44;justify-content:space-between;gap:24px;padding-top:24px;font-size:14px;display:flex}.residential-motion .res-model-footer a{text-underline-offset:4px;align-items:center;gap:12px;text-decoration:underline;display:inline-flex}.residential-motion .res-material-comparison{background:var(--sage)}.residential-motion .res-material-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.b-bold .interior .residential-motion .res-material-grid .photo{height:auto;margin-bottom:28px}.residential-motion .res-material-art{aspect-ratio:420/242;background-repeat:no-repeat;width:100%}.b-bold .interior .residential-motion .res-material-grid h3{font-family:var(--font-anton-b), sans-serif;text-transform:uppercase;margin-bottom:14px;font-size:38px;font-weight:400}.residential-motion .res-material-grid article>p{min-height:56px;font-size:17px}.residential-motion .res-material-grid dl{margin:28px 0 0}.residential-motion .res-material-grid dl>div{border-top:1px solid #171c1838;grid-template-columns:132px 1fr;gap:24px;padding:19px 0;font-size:15px;display:grid}.residential-motion .res-material-grid dt{font-weight:800}.residential-motion .res-material-grid dd{margin:0}.residential-motion .res-material-foot{border-top:1px solid #171c1838;justify-content:space-between;align-items:center;gap:44px;margin-top:32px;padding-top:28px;display:flex}.b-bold .interior .residential-motion .res-material-foot>p{max-width:47ch;font-size:15px}.residential-motion .res-material-foot .text-link{flex-shrink:0}.residential-motion .res-inquiry-steps{background:var(--orange)}.b-bold .interior .residential-motion .res-inquiry-steps .res-section-head>p{color:var(--ink)}.residential-motion .res-step-list{grid-template-columns:repeat(3,1fr);gap:48px;margin:68px 0 50px;padding:0;list-style:none;display:grid}.residential-motion .res-step-list li{border-top:1px solid #171c18aa;padding-top:22px}.residential-motion .res-step-number{font-family:var(--font-anton-b), sans-serif;margin-bottom:32px;font-size:70px;line-height:1;display:block}.b-bold .interior .residential-motion .res-step-list h3{margin-bottom:18px;font-size:23px}.residential-motion .res-step-list p{font-size:16px}.residential-motion .res-step-contact{border-top:1px solid #171c18aa;justify-content:space-between;gap:28px;padding-top:24px;display:flex}.residential-motion .res-step-contact a{text-underline-offset:5px;align-items:center;gap:20px;font-size:16px;font-weight:700;text-decoration:underline;display:flex}.residential-motion .res-step-contact span{font-weight:500}.b-bold .interior .residential-motion .res-details-story{grid-template-columns:1.1fr 1fr;align-items:start;gap:72px;padding-block:100px;display:grid}.b-bold .interior .residential-motion .res-details-photo{height:690px}.residential-motion .res-details-photo img{object-position:40% center}.b-bold .interior .residential-motion .res-detail-intro{color:var(--muted);margin:25px 0 28px}.residential-motion .res-detail-question{border-top:1px solid #171c1838;padding:20px 0}.b-bold .interior .residential-motion .res-detail-question h3{margin-bottom:9px;font-size:19px}.residential-motion .res-detail-question p{font-size:16px}.residential-motion .res-details-copy>.text-link{margin-top:15px}.b-bold .interior .residential-motion .res-faq{background:#f1f2ed;grid-template-columns:.8fr 1.2fr;gap:88px;display:grid}.b-bold .interior .residential-motion .res-faq-intro>p{max-width:27ch;color:var(--muted);margin:24px 0 30px}.residential-motion .res-faq-list summary{padding-block:24px;font-size:19px}.residential-motion .res-faq-list .res-disclosure-body{font-size:16px}.residential-motion :is(.text-link,.res-step-contact a)>svg{flex:0 0 20px}.residential-motion summary:hover{color:#a8400c}.residential-motion .res-layer-controls summary:hover{color:var(--orange)}.residential-motion .res-inquiry-steps a:focus-visible{outline-color:var(--ink)}@media (min-width:701px) and (max-width:1100px){.b-bold .interior .residential-motion .res-story-section{padding:64px 40px}.residential-motion :is(.res-section-head,.res-concern-layout,.res-explorer,.res-material-grid,.res-step-list){gap:32px}.b-bold .interior .residential-motion :is(.res-details-story,.res-faq){gap:36px}.residential-motion .res-roof-model{height:440px}.residential-motion .res-layer-controls strong{font-size:21px}.residential-motion .res-material-grid dl>div{grid-template-columns:1fr;gap:7px}.residential-motion .res-material-foot{flex-direction:column;align-items:start;gap:20px}.residential-motion summary{font-size:19px}.b-bold .interior .residential-motion .res-step-list h3{font-size:20px}.b-bold .interior .residential-motion .res-details-photo{height:730px}}@media (max-width:700px){#residential-next-conversation .photo:after{background:linear-gradient(90deg,#171c18e8,#171c18a6 70%)}.b-bold .interior .residential-motion .res-story-section{padding:56px 24px}.residential-motion :is(.res-section-head,.res-concern-layout,.res-explorer,.res-material-grid,.res-step-list){grid-template-columns:1fr;gap:30px}.residential-motion .res-section-head{gap:22px;margin-bottom:30px}.b-bold .interior .residential-motion .res-concern-photo{height:340px}.residential-motion summary{padding-block:23px;font-size:20px}.residential-motion .res-disclosure-body{padding-right:0;font-size:16px}.residential-motion .res-roof-model{height:auto;max-height:470px}.residential-motion .res-roof-system .res-section-head{margin-bottom:14px}.residential-motion .res-layer-controls{min-height:0}.residential-motion .res-model-note{padding:0}.residential-motion .res-layer-controls strong{font-size:23px}.residential-motion .res-model-footer{flex-direction:column;gap:16px;margin-top:30px}.b-bold .interior .residential-motion .res-material-grid .photo{height:auto;margin-bottom:24px}.b-bold .interior .residential-motion .res-material-grid h3{font-size:32px}.residential-motion .res-material-grid{gap:38px}.residential-motion .res-material-grid article>p{min-height:0}.residential-motion .res-material-grid dl>div{grid-template-columns:1fr;gap:7px;padding-block:16px}.residential-motion .res-material-foot{flex-direction:column;align-items:start;gap:22px}.residential-motion .res-material-foot .text-link{flex-shrink:1}.residential-motion .res-step-list{gap:30px;margin-top:42px}.residential-motion .res-step-number{margin-bottom:20px;font-size:48px}.residential-motion .res-step-contact,.residential-motion .res-step-contact a:first-child{flex-wrap:wrap;gap:16px}.b-bold .interior .residential-motion :is(.res-details-story,.res-faq){grid-template-columns:1fr;gap:36px}.b-bold .interior .residential-motion .res-details-photo{height:400px}}.b-bold .interior .residential-motion .photo .res-review-credit{z-index:1;color:#171c18;background:#f6f5ef;padding:12px 16px;font-size:14px;line-height:1.5;position:absolute;inset:auto 0 0}.residential-motion .res-review-credit a{color:inherit;text-underline-offset:3px;text-decoration:underline}