@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap");:root{--navy:#102b43;--ink:#142f45;--blue:#507e9b;--pale:#edf3f6;--gray:#596976;--line:#dbe3e8;--cream:#f7f8f7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:DM Sans,Arial,sans-serif;font-size:16px;line-height:1.7}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.16;letter-spacing:-.045em;font-weight:650;margin:0 0 22px}h1{font-size:clamp(42px,5.2vw,74px)}h2{font-size:clamp(30px,3.1vw,44px)}h3{font-size:23px;letter-spacing:-.035em}h4{font-size:18px}p{margin:0 0 22px;color:var(--gray)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{transition:background .18s,color .18s,transform .18s}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #76a4c2;outline-offset:5px}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:2px}img{max-width:100%;display:block}svg{flex-shrink:0}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:94px}.compact-top{padding-top:0}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--blue);margin-bottom:19px;line-height:1.5}.eyebrow.light{color:#d0e1ec}.topline{background:var(--navy);color:#d4e0e8;font-size:11px;padding:8px 0;letter-spacing:.025em}.topline .wrap{display:flex;justify-content:space-between}.topline a{color:white}header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e8edf0}.nav{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:30px}.brand{width:176px;flex-shrink:0;display:block}.brand img{width:176px;height:90px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:600}.nav nav>a:not(.button):hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 25px;background:var(--navy);color:#fff;border:1px solid var(--navy);font-size:13px;font-weight:600;border-radius:4px;line-height:1.4;min-height:52px}.button:hover{background:#28506c;transform:translateY(-1px)}.button.small{padding:14px 18px;min-height:45px;gap:20px}.button.white{background:#fff;color:var(--navy);border-color:#fff}.button.white:hover{background:#eaf2f7}.button.outline{color:var(--navy);background:transparent;border-color:var(--line)}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.menu{display:none}.hero{height:620px;position:relative;background:var(--navy);overflow:hidden;color:#fff}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 42%;position:absolute}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,30,49,.94),rgba(8,30,49,.78) 30%,rgba(8,30,49,.25) 73%,rgba(8,30,49,.09))}.hero-inner{position:relative;height:100%;display:flex;align-items:center}.hero-copy{max-width:720px;padding-top:20px}.hero h1{font-size:clamp(48px,5.5vw,80px);line-height:1.09;letter-spacing:-.055em;margin:0 0 25px;font-weight:650}.hero h1 em{color:#b9d0de;font-style:normal}.hero p{color:#e0e6eb;font-size:16px;line-height:1.8;max-width:520px;margin-bottom:32px}.status-dot{display:inline-block;width:6px;height:6px;background:#9fc2d7;border-radius:50%;margin-right:9px;vertical-align:middle}.hero-secondary{font-size:13px;border-bottom:1px solid #8ba0b0;padding-bottom:7px}.hero-foot{border-top:1px solid #ffffff30;display:flex;gap:22px;align-items:center;margin-top:51px;padding-top:21px;font-size:9px;letter-spacing:.1em}.hero-foot a{font-size:12px;letter-spacing:0}.hero-label{position:absolute;right:5%;bottom:45px;display:flex;gap:13px;align-items:center;padding:18px 20px;border:1px solid #ffffff60;background:#102b4333;backdrop-filter:blur(10px);font-size:10px;letter-spacing:.15em;line-height:1.7}.value-bar{background:var(--pale);border-bottom:1px solid #dce5eb;padding:24px 0}.value-bar>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.value-bar span{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.value-bar svg{width:22px;height:22px;color:var(--blue)}.value-bar a{font-size:11px;color:var(--blue);font-weight:600}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;font-size:14px;margin-bottom:4px}.text-link{font-size:13px;font-weight:600;color:var(--blue);display:inline-block;border-bottom:1px solid #a8bfcd;padding-bottom:7px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.service-card{border:1px solid var(--line);border-radius:5px;padding:28px 24px 24px;display:flex;flex-direction:column;min-height:280px;background:#fff}.service-card:hover{border-color:var(--blue);background:#f8fafb;transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--blue);margin-bottom:33px}.card-top>span{font-size:10px;letter-spacing:.1em;color:#8b9aa5}.service-card h3{font-size:20px;letter-spacing:-.035em;margin-bottom:13px}.service-card p{font-size:13px;line-height:1.75;margin-bottom:25px}.link-arrow{display:flex;justify-content:space-between;margin-top:auto;font-size:11px;font-weight:600}.link-arrow b{font-size:18px;font-weight:400}.about-band{background:var(--cream);padding-block:86px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.roof-photo{height:450px;position:relative}.roof-photo img{height:100%;width:100%;object-fit:cover;border-radius:5px}.photo-note{position:absolute;bottom:27px;left:27px;background:white;padding:20px 25px;font-size:15px;line-height:1.6;box-shadow:0 5px 30px #102b4315}.photo-note strong{font-weight:600;color:var(--blue)}.split p,.split-copy p{font-size:14px}.principles{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:20px;margin:28px 0}.principles span{font-size:13px}.principles b{font-size:11px;color:var(--blue);margin-right:18px}.calc-teaser{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.calc-teaser>div>p{max-width:420px;font-size:14px}.calc-teaser small{display:block;margin-top:15px;font-size:10px;color:var(--gray)}.calc-preview{padding:34px 40px;border:1px solid #d6e2e9;box-shadow:0 18px 60px #163a5010;border-radius:8px;text-align:center;background:linear-gradient(150deg,#f7fafb,#fff)}.mini-steps{display:flex;align-items:center;justify-content:space-between;padding-inline:13px}.mini-steps b{width:30px;height:30px;background:#dfeaf0;border-radius:50%;font-size:11px;display:grid;place-items:center;color:var(--blue)}.mini-steps b:first-child{background:var(--navy);color:white}.mini-steps>span{height:1px;flex:1;background:var(--line);margin-inline:10px}.mini-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:var(--gray)}.mini-roof{margin:32px auto 18px;width:66px;height:66px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.mini-roof svg{width:32px;height:32px;color:var(--blue)}.calc-preview h3{margin-bottom:10px;font-size:24px}.calc-preview p{font-size:12px;margin-bottom:25px}.preview-button{display:flex;justify-content:space-between;background:var(--navy);color:white;padding:14px 20px;font-size:12px;border-radius:3px}.area-section{padding-block:78px;background:var(--pale)}.area-section .split{align-items:start}.area-decoration{margin-top:20px;font-size:13px;color:#8ba5b5;display:flex;align-items:center;gap:12px;letter-spacing:.2em}.area-decoration span{font-size:55px;font-weight:400;line-height:1}.area-list{border-top:1px solid #bacbd6}.area-list a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9d7df;padding:19px 6px;font-size:22px;letter-spacing:-.025em}.area-list a:hover{padding-left:15px;background:#ffffff70}.area-list small{font-size:10px;color:var(--blue);margin-right:27px;vertical-align:middle}.area-list b{font-weight:400;color:var(--blue)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.guide-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.guide-art{height:175px;background:#d4e2e9;position:relative;overflow:hidden;padding:22px 26px;color:#446e89}.guide-art>span{font-size:140px;font-family:Manrope;position:absolute;right:25px;top:-17px;line-height:1.4;opacity:.5}.guide-art>small{font-size:8px;letter-spacing:.17em;position:absolute;bottom:18px;left:25px}.art-1{background:#e8e9e4;color:#69766b}.art-2{background:#c4d4df;color:#25465d}.art-3{background:#d9e5e7}.art-4{background:#e7e8e1}.art-5{background:#c7d6e4}.guide-copy{padding:25px;display:flex;flex-direction:column;flex:1}.article-meta{font-size:9px;color:var(--blue);display:flex;justify-content:space-between;margin-bottom:17px}.article-meta span{color:#8a959c}.guide-card h3{font-size:21px;line-height:1.4;margin-bottom:28px}.guide-card:hover h3{color:var(--blue)}.quote-section{padding-block:85px;background:var(--cream)}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.quote-grid>div>p{max-width:430px;font-size:14px}.large-phone{font-size:25px;font-family:Manrope;letter-spacing:-.03em;display:block;margin:25px 0 40px;color:var(--navy)}.estimate-form{background:white;padding:35px;border:1px solid var(--line);border-radius:5px;box-shadow:0 12px 50px #15334906}.estimate-form h2{font-size:28px;margin-bottom:13px}.estimate-form>p{font-size:13px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{font-size:11px;font-weight:600;display:block;margin:0 0 5px}input,select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #d9e1e6;background:#fafbfc;border-radius:3px;color:var(--navy);font-size:13px;min-height:46px;margin-top:7px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8a969f}.estimate-form>.button{width:100%;margin-top:23px}.estimate-form p.form-notice{font-size:10px;line-height:1.7;margin-top:12px;margin-bottom:0;color:#73818b}.form-notice a{text-decoration:underline}.notice{font-size:12px;background:var(--pale);border-left:3px solid var(--blue);padding:17px 20px;margin-block:20px;color:var(--gray)}.notice p{margin:10px 0;font-size:12px}.notice a{text-decoration:underline}.faq-intro{margin-top:48px}.faq-intro h3{font-size:19px}.faq-list{margin-block:28px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;padding:18px 0;font-size:13px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:18px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;padding-right:20px;line-height:1.8}.cta{background:#1d415a;color:white;padding-block:65px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}.cta .eyebrow{color:#a4bdce}.cta h2{font-size:38px;margin-bottom:0}.compass{font-size:80px;color:#7394aa;font-weight:400;line-height:1}.cta-inner>div:last-child{margin-left:auto}.cta-phone{display:block;color:#d1e0e9;font-size:12px;margin-top:14px;text-align:center}footer{padding:65px 0 22px;background:#0c2234;color:#d0dce5;font-size:11px}.footer-grid{display:grid;grid-template-columns:2fr 1.1fr 1fr 1fr;gap:40px}.footer-brand{display:block;font-size:20px;letter-spacing:.03em;color:white;font-weight:700;line-height:1.3}.footer-brand span{display:block;color:#93b3c8;font-size:10px;letter-spacing:.45em;margin-top:7px}.footer-grid p{color:#91a6b5;font-size:12px;line-height:1.8;margin:22px 0}.footer-phone{font-size:17px;color:white}.footer-grid h3{font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.02em;color:white;margin-bottom:23px}.footer-grid>div:not(:first-child)>a{display:block;color:#9bb0bf;margin-bottom:10px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #ffffff18;margin-top:45px;padding-top:22px;color:#718c9e;font-size:9px}.mobile-action{display:none}.page-intro{background:var(--pale);padding:49px 0 65px}.breadcrumb{font-size:10px;color:var(--blue);display:inline-block;margin-bottom:28px}.page-intro h1{font-size:clamp(36px,4.5vw,61px);max-width:850px}.page-intro p{max-width:670px;margin-bottom:0;font-size:16px}.page-intro .eyebrow{margin-bottom:16px}.rounded-image{border-radius:6px;object-fit:cover;width:100%;height:430px}.scope-box{border:1px solid var(--line);background:var(--cream);padding:40px;border-radius:5px}.scope-box svg{color:var(--blue);margin-bottom:20px}.scope-box p{border-top:1px solid var(--line);padding-top:16px;margin-bottom:16px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-bottom:60px}.three-grid h3{font-size:23px}.three-grid p{font-size:14px}.number{display:block;font-size:12px;color:var(--blue);margin-bottom:20px}.prose{max-width:780px}.prose h2{font-size:29px;margin-top:37px}.prose section:first-child h2{margin-top:0}.prose p{font-size:16px;line-height:1.95}.prose a{color:var(--blue);text-decoration:underline}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:100px}.article-aside{background:var(--pale);border-radius:5px;padding:30px;height:max-content;position:sticky;top:130px}.article-aside svg{color:var(--blue);margin-bottom:22px}.article-aside h3{font-size:25px}.article-aside p{font-size:13px}.article-aside a{font-size:12px;display:block;margin-bottom:15px}.article-aside .button{display:flex}.article-aside hr{border:0;border-top:1px solid #cbd9e2;margin:25px 0}.article-aside h4{margin-top:30px}.prose .source-note{font-size:11px;padding-top:24px;border-top:1px solid var(--line);margin-top:40px}.calculator-section{padding:55px 24px 70px;background:linear-gradient(#edf3f6,#f8fafb)}.calculator{max-width:790px;margin:auto;background:white;border:1px solid var(--line);border-radius:9px;padding:38px 48px;box-shadow:0 15px 60px #102b4309}.steps{display:flex;justify-content:space-between;margin-bottom:45px;position:relative}.steps:before{content:"";height:1px;background:var(--line);position:absolute;left:30px;right:30px;top:19px}.steps>button{position:relative;z-index:1;background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:9px;width:70px;color:#8e9da7;opacity:1;font-size:11px}.steps b{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:white;display:grid;place-items:center;font-size:13px;font-weight:500}.steps .active{color:var(--navy)}.steps .active b{background:var(--navy);color:white;border-color:var(--navy)}.steps .complete b{background:#dceaf2;border-color:#bfd2df;color:var(--navy)}.calc-body h2{font-size:31px;margin-bottom:14px}.calc-body>p{font-size:13px}.calc-body>label{margin-top:26px;font-size:12px}.calc-body .helper{font-size:10px;line-height:1.7;color:#7a8994;margin-top:10px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:11px}.choices button{background:#fff;border:1px solid var(--line);border-radius:4px;padding:16px 11px;font-size:12px;text-align:center;position:relative;color:var(--navy);min-height:60px}.choices button:hover{border-color:var(--blue)}.choices button.selected{border:1.5px solid var(--blue);background:#edf4f8;box-shadow:0 0 0 1px #507e9b20}.choices button>span{position:absolute;right:6px;top:1px;font-size:10px;color:var(--blue)}.checkline{display:flex;gap:12px;align-items:center;font-weight:400!important}.checkline input{width:17px;height:17px;min-height:17px;margin:0;accent-color:var(--navy)}.calc-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:32px;padding-top:23px}.text-button{border:0;background:none;font-size:12px;color:var(--navy);padding:10px}.text-button:disabled{opacity:.3;cursor:default}.material-choices{display:grid;gap:14px;margin:28px 0}.material-choices>button{display:flex;gap:18px;align-items:center;text-align:left;padding:18px;background:white;border:1px solid var(--line);border-radius:5px;color:var(--navy)}.material-choices>button.selected{background:var(--pale);border:1.5px solid var(--blue)}.material-choices strong{font-size:14px;display:block}.material-choices small{font-size:10px;color:var(--gray);display:block;margin-top:4px}.material-choices>button>span{margin-left:auto}.swatch{width:62px;height:62px;flex-shrink:0;background:repeating-linear-gradient(0deg,#586674,#586674 12px,#394853 13px,#394853 15px);border-radius:3px}.swatch-1{background:repeating-linear-gradient(0deg,#605c52,#605c52 10px,#82796a 11px,#3b3b35 14px)}.swatch-2{background:repeating-linear-gradient(90deg,#82919a,#82919a 15px,#c1ccd3 16px,#485760 19px)}.price{font-family:Manrope;font-weight:650;font-size:clamp(32px,4vw,50px);letter-spacing:-.05em;margin:28px 0 8px;color:var(--blue);line-height:1.2}.price>span{font-size:.6em;padding:0 12px;color:#899da9}.range-caption{font-size:11px!important;color:var(--gray)}.estimate-details{margin:26px 0}.estimate-details>div{display:flex;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.estimate-details dt{color:var(--gray)}.estimate-details dd{text-align:right;margin:0;max-width:60%;overflow-wrap:anywhere}.error{color:#ad3030;font-size:12px}.skip{position:fixed;top:-100px;left:20px;padding:10px 20px;background:white;z-index:100}.skip:focus{top:10px}@media(min-width:1550px){.hero{height:690px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav nav{gap:16px;font-size:11px}.brand,.brand img{width:150px}.quote-grid,.split{gap:45px}.service-grid{gap:12px}.service-card{padding:22px 18px}.hero-label{display:none}.calc-teaser{gap:55px}.footer-grid{gap:25px}.article-layout{gap:45px}.value-bar a{display:none}}@media(max-width:860px){.nav{min-height:80px}.brand,.brand img{width:137px;height:70px}.menu{display:block;border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:3px;color:var(--navy);font-size:12px}.nav nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;box-shadow:0 15px 20px #102b4312;padding:25px 28px;flex-direction:column;align-items:stretch;gap:18px;font-size:14px}.nav nav.open{display:flex}.topline .wrap>span{display:none}.topline .wrap{justify-content:center}.hero{height:610px}.hero-photo{object-position:60% 50%}.hero-shade{background:linear-gradient(90deg,#0b253bed,#0b253b98)}.hero h1{font-size:62px}.hero-foot{flex-direction:column;align-items:start;gap:10px;max-width:490px;margin-top:35px}.service-grid{grid-template-columns:repeat(2,1fr)}.section-heading{gap:30px}.calc-teaser,.quote-grid,.split{gap:40px}.guide-grid{gap:16px}.guide-copy{padding:20px}.guide-card h3{font-size:19px}.guide-art{height:135px}.guide-art>span{font-size:110px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1;display:flex;gap:25px;flex-wrap:wrap}.footer-grid>div:last-child h3{width:100%;margin-bottom:0}.article-layout{grid-template-columns:1fr 250px;gap:35px}.cta .compass{display:none}.estimate-form{padding:25px}.section{padding-block:65px}.compact-top{padding-top:0}.cta h2{font-size:32px}.calc-preview{padding:30px 25px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}body{font-size:15px}.hero{height:590px}.hero-inner{align-items:flex-start;padding-top:65px}.hero-copy{padding-top:0}.hero h1{font-size:49px}.hero p{font-size:14px;max-width:330px}.hero .actions{gap:19px;align-items:start;flex-direction:column}.hero-foot{margin-top:30px;font-size:8px;letter-spacing:.055em}.hero-secondary{font-size:12px}.hero .eyebrow{font-size:9px}.value-bar{padding:18px 0}.value-bar>.wrap{gap:9px}.value-bar span{font-size:9px;flex-direction:column;gap:7px;text-align:center;flex:1}.value-bar svg{width:20px;height:20px}.section{padding-block:56px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:32px;margin-bottom:20px}.section-heading>p{font-size:13px;max-width:none}.service-grid{gap:12px;margin-top:25px}.service-card{padding:20px 16px;min-height:290px}.service-card h3{font-size:18px}.service-card p{font-size:12px}.card-top{margin-bottom:25px}.link-arrow{font-size:10px}.calc-teaser,.quote-grid,.split{grid-template-columns:1fr;gap:35px}.roof-photo{height:330px}.about-band,.area-section,.quote-section{padding-block:55px}.calc-teaser>div>p{max-width:none}.calc-preview{max-width:450px;width:100%;justify-self:center}.guide-grid{grid-template-columns:1fr;gap:25px}.guide-card{display:grid;grid-template-columns:110px 1fr}.guide-art{height:100%;min-height:200px;padding:0}.guide-art>span{right:8px;top:30px;font-size:100px}.guide-art small{font-size:6px;left:14px;right:10px}.guide-copy{padding:22px 18px}.guide-card h3{font-size:19px;margin-bottom:18px}.article-meta{font-size:8px;gap:8px}.area-decoration{display:none}.area-list a{font-size:21px}.quote-grid h2{font-size:34px}.large-phone{font-size:23px;margin-bottom:25px}.faq-intro{margin-top:30px}.estimate-form{padding:25px 20px}.form-grid{gap:13px}.form-grid label{font-size:10px}input,select,textarea{font-size:16px;padding:11px 9px}.form-grid select{font-size:13px}.cta-inner{flex-direction:column;align-items:start;gap:28px}.cta-inner>div:last-child{margin-left:0}.cta h2{font-size:33px}.cta-phone{text-align:left}.cta{padding-block:50px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{gap:14px}.footer-bottom{display:block;font-size:9px;margin-top:30px}.footer-bottom span{display:block;margin-bottom:8px}footer{padding-bottom:85px}.mobile-action{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;z-index:40;box-shadow:0 -3px 18px #102b4315;background:#fff;padding-bottom:env(safe-area-inset-bottom)}.mobile-action a{padding:15px 5px;text-align:center;font-size:12px;font-weight:600}.mobile-action a:last-child{background:var(--navy);color:#fff}.page-intro{padding:32px 0 45px}.page-intro h1{font-size:39px}.page-intro p{font-size:14px}.three-grid{grid-template-columns:1fr;gap:22px}.three-grid h3{margin-bottom:13px}.number{margin-bottom:10px}.article-layout{grid-template-columns:1fr;gap:35px}.article-aside{position:static}.prose h2{font-size:27px}.prose p{font-size:15px}.calculator-section{padding:25px 12px 40px}.calculator{padding:27px 20px}.steps{margin-bottom:35px}.calc-body h2{font-size:27px}.calc-body>.eyebrow{font-size:9px}.choices{gap:8px}.choices button{font-size:10px;padding:14px 7px;min-height:56px}.sizes button{font-size:9px}.material-choices>button{padding:13px;gap:12px}.swatch{width:42px;height:57px}.material-choices strong{font-size:12px}.material-choices small{font-size:9px}.calculator .button{padding:14px 18px}.steps b{width:34px;height:34px}.steps:before{top:17px}.price{font-size:34px}.price>span{padding:0 7px}.calc-controls{margin-top:25px}.rounded-image{height:320px}.desktop{display:none}.compact-top{padding-top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important}}@media print{.calc-controls,.calculator .actions,.calculator~*,.cta,.mobile-action,.page-intro,.steps,.topline,footer,header{display:none!important}.calculator-section{background:white;padding:0}.calculator{box-shadow:none;border:0;max-width:none}.calculator-section~section{display:none}.calc-body{color:#000}}