/* =========================================================
   TRIMWORKS OF MICHIGAN — EXTERIOR RENOVATIONS
   Page: /exterior-renovations/
   ========================================================= */

.tw-exterior-page{--ext-navy:var(--trim-navy,#061728);--ext-navy-2:var(--trim-navy-2,#0b2238);--ext-red:var(--trim-red,#e30620);--ext-red-dark:var(--trim-red-dark,#b90419);--ext-off-white:var(--trim-off-white,#f2f5f7);--ext-gray-100:var(--trim-gray-100,#e8edf1);--ext-gray-300:var(--trim-gray-300,#c9cfd4);--ext-gray-600:var(--trim-gray-600,#69737c);--ext-charcoal:var(--trim-charcoal,#20262b);--ext-heading:var(--trim-heading,"Oswald",Arial,sans-serif);--ext-body:var(--trim-body,"Helvetica Neue",Helvetica,Arial,sans-serif);color:var(--ext-charcoal);font-family:var(--ext-body);overflow:hidden}
.tw-exterior-page*,.tw-exterior-page*::before,.tw-exterior-page*::after{box-sizing:border-box}.tw-ext-container{width:min(calc(100% - 96px),1240px);margin-inline:auto}.tw-ext-kicker{margin:0 0 16px;color:var(--ext-red);font:600 .8rem/1 var(--ext-heading);letter-spacing:.14em;text-transform:uppercase}.tw-exterior-page h1,.tw-exterior-page h2,.tw-exterior-page h3,.tw-exterior-page strong{font-family:var(--ext-heading)}.tw-exterior-page h1,.tw-exterior-page h2,.tw-exterior-page h3{text-transform:uppercase}.tw-exterior-page p{line-height:1.67}.tw-exterior-page h2{margin:0;color:var(--ext-navy);font-size:clamp(2.65rem,4.75vw,4.8rem);font-weight:600;line-height:.97;letter-spacing:-.025em}.tw-ext-text-link,.tw-ext-inline-link,.tw-ext-source{font:600 .8rem/1.2 var(--ext-heading);letter-spacing:.035em;text-decoration:none;text-transform:uppercase}.tw-ext-inline-link,.tw-ext-source{display:inline-block;color:var(--ext-navy)}

/* HERO — same style as city pages */
.tw-ext-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--ext-navy);color:#fff}.tw-ext-hero__content{display:flex;align-items:center}.tw-ext-hero__content .tw-ext-container{width:min(calc(100% - 96px),620px);margin-left:max(48px,calc((100vw - 1240px)/2));margin-right:48px}.tw-ext-hero__copy{padding:170px 0 90px}.tw-ext-hero h1{margin:0;color:#fff;font-size:clamp(3.5rem,5.6vw,6.3rem);font-weight:600;line-height:.92;letter-spacing:-.04em}.tw-ext-hero__lead{max-width:670px;margin:26px 0 30px;color:rgba(255,255,255,.76);font-size:clamp(1.03rem,1.3vw,1.16rem)}.tw-ext-hero__actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.tw-ext-text-link{color:#fff}.tw-ext-hero__image{min-height:650px;background-color:#53616e;background-position:center;background-size:cover;background-repeat:no-repeat}

/* SYSTEM */
.tw-ext-system{padding:clamp(86px,9vw,135px) 0;background:#fff}.tw-ext-system__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(62px,9vw,130px);align-items:start}.tw-ext-system__copy p{color:var(--ext-gray-600)}.tw-ext-system__copy .tw-ext-lead{margin-top:0;color:var(--ext-charcoal);font-size:clamp(1.15rem,1.55vw,1.34rem)}.tw-ext-source{margin-top:14px;border-bottom:2px solid var(--ext-red);padding-bottom:4px}

/* ASSESSMENT */
.tw-ext-assessment{padding:clamp(86px,9vw,130px) 0;background:var(--ext-off-white)}.tw-ext-assessment__header{max-width:910px;margin-bottom:52px}.tw-ext-assessment__header>p:last-child{max-width:780px;color:var(--ext-gray-600)}.tw-ext-assessment__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ext-gray-300);border-left:1px solid var(--ext-gray-300)}.tw-ext-assessment__grid article{min-height:275px;padding:34px;background:#fff;border-right:1px solid var(--ext-gray-300);border-bottom:1px solid var(--ext-gray-300)}.tw-ext-assessment__num{display:block;margin-bottom:48px;color:var(--ext-red);font:600 .8rem/1 var(--ext-heading)}.tw-ext-assessment h3{margin:0 0 13px;color:var(--ext-navy);font-size:clamp(1.55rem,2.1vw,2.05rem);line-height:1}.tw-ext-assessment__grid p{margin:0;color:var(--ext-gray-600)}

/* COMMERCIAL */
.tw-ext-commercial{background:var(--ext-navy);color:#fff;scroll-margin-top:130px}.tw-ext-commercial__grid{width:100%;max-width:none;display:grid;grid-template-columns:54% 46%}.tw-ext-commercial__copy{width:min(calc(100% - 96px),680px);margin-left:max(48px,calc((100vw - 1240px)/2));padding:clamp(82px,8vw,120px) 70px clamp(82px,8vw,120px) 0}.tw-ext-commercial h2{color:#fff}.tw-ext-commercial__copy>p:not(.tw-ext-kicker){margin:25px 0 34px;color:rgba(255,255,255,.72)}.tw-ext-commercial__list{border-top:1px solid rgba(255,255,255,.16);margin-bottom:30px}.tw-ext-commercial__list>div{display:grid;grid-template-columns:.72fr 1.28fr;gap:25px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.16)}.tw-ext-commercial__list strong{color:#fff;font-size:.92rem;text-transform:uppercase}.tw-ext-commercial__list p{margin:0;color:rgba(255,255,255,.61);font-size:.91rem}.tw-ext-commercial .tw-ext-inline-link{color:#fff}.tw-ext-commercial__image{min-height:790px;background-color:#4f5f6c;background-position:center;background-size:cover;background-repeat:no-repeat}

/* SCOPE */
.tw-ext-scope{padding:clamp(86px,9vw,130px) 0;background:#fff}.tw-ext-scope__title{max-width:860px;margin-bottom:50px}.tw-ext-scope__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:4px solid var(--ext-navy)}.tw-ext-scope-item{position:relative;min-height:360px;padding:30px 26px;border-right:1px solid var(--ext-gray-300);border-bottom:1px solid var(--ext-gray-300)}.tw-ext-scope-item:first-child{border-left:1px solid var(--ext-gray-300)}.tw-ext-scope-item>span{color:var(--ext-red);font:600 .75rem/1 var(--ext-heading);letter-spacing:.12em;text-transform:uppercase}.tw-ext-scope-item h3{margin:62px 0 14px;color:var(--ext-navy);font-size:1.55rem;line-height:1.02}.tw-ext-scope-item p{margin:0;color:var(--ext-gray-600);font-size:.93rem}.tw-ext-scope-item a{display:inline-block;margin-top:20px;color:var(--ext-navy);font:600 .76rem/1.2 var(--ext-heading);text-decoration:none;text-transform:uppercase}

/* RESIDENTIAL */
.tw-ext-residential{padding:clamp(86px,9vw,125px) 0;background:#e9edf0;scroll-margin-top:130px}.tw-ext-residential__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,8vw,110px);align-items:center}.tw-ext-residential__visual{min-height:520px;background-color:#586772;background-position:center;background-size:cover;background-repeat:no-repeat}.tw-ext-residential__copy p:not(.tw-ext-kicker){color:var(--ext-gray-600)}

/* WEATHER */
.tw-ext-weather{padding:clamp(86px,9vw,125px) 0;background:var(--ext-navy);color:#fff}.tw-ext-weather__grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(60px,9vw,120px)}.tw-ext-weather h2{color:#fff}.tw-ext-weather__lead{margin-top:0;color:rgba(255,255,255,.72);font-size:1.08rem}.tw-ext-weather__checks{margin-top:32px;border-top:1px solid rgba(255,255,255,.16)}.tw-ext-weather__checks>div{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.16)}.tw-ext-weather__checks span{color:var(--ext-red);font:600 .78rem/1.6 var(--ext-heading)}.tw-ext-weather__checks p{margin:0;color:rgba(255,255,255,.75)}

/* SERVICE AREA */
.tw-ext-service-area{padding:clamp(82px,8vw,115px) 0;background:#fff}.tw-ext-service-area__inner{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.tw-ext-service-area__inner>div:last-child>p{margin-top:0;color:var(--ext-gray-600)}.tw-ext-city-links{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 20px}.tw-ext-city-links a{padding:10px 13px;color:var(--ext-navy);background:var(--ext-off-white);border:1px solid var(--ext-gray-100);font:600 .75rem/1 var(--ext-heading);text-decoration:none;text-transform:uppercase}

/* FAQ */
.tw-ext-faq{padding:clamp(86px,9vw,125px) 0;background:var(--ext-off-white)}.tw-ext-faq__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(55px,8vw,105px);align-items:start}.tw-ext-faq__list{border-top:1px solid var(--ext-gray-300)}.tw-ext-faq details{border-bottom:1px solid var(--ext-gray-300)}.tw-ext-faq summary{position:relative;padding:22px 44px 22px 0;color:var(--ext-navy);font:600 1.04rem/1.25 var(--ext-heading);text-transform:uppercase;cursor:pointer;list-style:none}.tw-ext-faq summary::-webkit-details-marker{display:none}.tw-ext-faq summary::after{content:"+";position:absolute;right:2px;top:19px;color:var(--ext-red);font:400 1.6rem/1 var(--ext-heading)}.tw-ext-faq details[open] summary::after{content:"–"}.tw-ext-faq details>div{padding:0 0 22px}.tw-ext-faq details p{margin:0;color:var(--ext-gray-600)}

/* CTA */
.tw-ext-cta{padding:90px 0;background:#e9edf0}.tw-ext-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:55px}.tw-ext-cta p:not(.tw-ext-kicker){margin:17px 0 0;color:var(--ext-gray-600)}

@media(max-width:1050px){.tw-ext-container{width:min(calc(100% - 64px),1240px)}.tw-ext-hero{grid-template-columns:1fr}.tw-ext-hero__content .tw-ext-container{width:min(calc(100% - 64px),1240px);margin-inline:auto}.tw-ext-hero__image{min-height:440px}.tw-ext-system__grid,.tw-ext-weather__grid,.tw-ext-service-area__inner,.tw-ext-faq__grid{grid-template-columns:1fr;gap:38px}.tw-ext-commercial__grid{grid-template-columns:1fr}.tw-ext-commercial__copy{width:min(calc(100% - 64px),1240px);margin-inline:auto;padding:80px 0}.tw-ext-commercial__image{min-height:470px}.tw-ext-scope__track{grid-template-columns:1fr 1fr}.tw-ext-residential__grid{grid-template-columns:1fr;gap:38px}.tw-ext-residential__visual{min-height:440px}}
@media(max-width:700px){.tw-ext-container{width:min(calc(100% - 36px),1240px)}.tw-ext-hero__content .tw-ext-container{width:min(calc(100% - 36px),1240px)}.tw-ext-hero__copy{padding:150px 0 66px}.tw-ext-hero h1{font-size:clamp(3.1rem,14vw,4.7rem)}.tw-ext-hero__image{min-height:330px}.tw-ext-system,.tw-ext-assessment,.tw-ext-scope,.tw-ext-residential,.tw-ext-weather,.tw-ext-service-area,.tw-ext-faq{padding:70px 0}.tw-ext-assessment__grid,.tw-ext-scope__track{grid-template-columns:1fr}.tw-ext-assessment__grid article,.tw-ext-scope-item{min-height:auto}.tw-ext-assessment__num{margin-bottom:34px}.tw-ext-commercial__copy{width:min(calc(100% - 36px),1240px);padding:70px 0}.tw-ext-commercial__list>div{grid-template-columns:1fr;gap:8px}.tw-ext-commercial__image,.tw-ext-residential__visual{min-height:330px}.tw-ext-scope-item h3{margin-top:40px}.tw-ext-cta{padding:72px 0}.tw-ext-cta__inner{flex-direction:column;align-items:flex-start}}
