/* =========================================================
   TRIMWORKS — BATHROOM REMODELING
   Page: /bathroom-remodeling/
========================================================= */
.tw-remodel-page{--twr-navy:var(--trim-navy,#061728);--twr-navy-2:var(--trim-navy-2,#0b2238);--twr-red:var(--trim-red,#e30620);--twr-off-white:var(--trim-off-white,#f2f5f7);--twr-gray-300:var(--trim-gray-300,#c9cfd4);--twr-gray-600:var(--trim-gray-600,#69737c);--twr-charcoal:var(--trim-charcoal,#20262b);--twr-heading:var(--trim-heading,"Oswald",Arial,sans-serif);--twr-body:var(--trim-body,"Helvetica Neue",Helvetica,Arial,sans-serif);color:var(--twr-charcoal);font-family:var(--twr-body);overflow:hidden}
.tw-remodel-page *,.tw-remodel-page *::before,.tw-remodel-page *::after{box-sizing:border-box}
.tw-remodel-container{width:min(calc(100% - 96px),1240px);margin-inline:auto}
.tw-remodel-section{padding:clamp(82px,9vw,138px) 0}
.tw-remodel-kicker,.tw-remodel-eyebrow{margin:0 0 18px;color:var(--twr-red);font:600 .8rem/1 var(--twr-heading);letter-spacing:.17em;text-transform:uppercase}
.tw-remodel-page h1,.tw-remodel-page h2,.tw-remodel-page h3{font-family:var(--twr-heading)}
.tw-remodel-page h2{margin:0;color:var(--twr-navy);font-size:clamp(2.55rem,5vw,5rem);font-weight:600;line-height:.98;letter-spacing:-.025em;text-transform:uppercase}
.tw-remodel-page p{line-height:1.68}
.tw-remodel-lead{color:var(--twr-charcoal);font-size:clamp(1.12rem,1.7vw,1.4rem)}
.tw-remodel-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;color:#fff;background:var(--twr-red);border:2px solid var(--twr-red);font:600 .92rem/1 var(--twr-heading);letter-spacing:.055em;text-decoration:none;text-transform:uppercase;transition:.2s ease}
.tw-remodel-button:hover{background:#fff;border-color:#fff;color:var(--twr-navy);transform:translateY(-2px)}
.tw-remodel-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--twr-navy);font:600 .94rem/1 var(--twr-heading);letter-spacing:.05em;text-decoration:none;text-transform:uppercase}
.tw-remodel-text-link span{color:var(--twr-red);transition:transform .2s ease}.tw-remodel-text-link:hover span{transform:translateX(5px)}
.tw-remodel-text-link--light,.tw-remodel-text-link--light span{color:#fff}

/* HERO */
.tw-remodel-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:760px;color:#fff;background:var(--twr-navy);overflow:hidden}
.tw-remodel-hero__media,.tw-remodel-hero__overlay{position:absolute;inset:0}
.tw-remodel-hero__media{z-index:-3;background-position:center;background-size:cover;transform:scale(1.01)}
.tw-remodel-page--bath .tw-remodel-hero__media{background-image:url("https://trimworks.wpenginepowered.com/wp-content/uploads/2026/09/trimworks-bath-2-hero.webp");background-position:58% center}
.tw-remodel-hero__overlay{z-index:-2;background:linear-gradient(90deg,rgba(3,15,27,.9) 0%,rgba(3,15,27,.76) 38%,rgba(3,15,27,.4) 68%,rgba(3,15,27,.1) 88%,rgba(3,15,27,0) 100%)}
.tw-remodel-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);opacity:.22;pointer-events:none}
.tw-remodel-hero__inner{padding:175px 0 165px}
.tw-remodel-eyebrow{color:#fff;opacity:.78}
.tw-remodel-hero h1{max-width:850px;margin:0;color:#fff;font-size:clamp(4.25rem,7.2vw,7.8rem);font-weight:600;line-height:.9;letter-spacing:-.045em;text-transform:uppercase}
.tw-remodel-hero__lead{max-width:720px;margin:28px 0 0;color:rgba(255,255,255,.88);font-size:clamp(1.05rem,1.45vw,1.25rem);line-height:1.62}
.tw-remodel-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:34px}
.tw-remodel-trust{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(6,23,40,.94);border-top:1px solid rgba(255,255,255,.14)}
.tw-remodel-trust span{padding:20px 18px;border-right:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);font:500 .82rem/1.25 var(--twr-heading);letter-spacing:.05em;text-align:center;text-transform:uppercase}
.tw-remodel-trust span:last-child{border-right:0}

/* INTRO */
.tw-remodel-intro{position:relative;background:#fff}
.tw-remodel-intro::before{content:"";position:absolute;top:-180px;right:-220px;width:520px;height:520px;border:1px solid rgba(6,23,40,.06);transform:rotate(45deg);pointer-events:none}
.tw-remodel-intro__grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(55px,8vw,110px);align-items:center}
.tw-remodel-intro__copy{max-width:610px}.tw-remodel-intro__copy p:not(.tw-remodel-kicker){margin:22px 0 0}
.tw-remodel-intro__image,.tw-remodel-details__image{margin:0;overflow:hidden;box-shadow:0 25px 70px rgba(6,23,40,.14)}
.tw-remodel-intro__image{min-height:610px}
.tw-remodel-intro__image img,.tw-remodel-details__image img{display:block;width:100%;height:100%;object-fit:cover}.tw-remodel-intro__image img{min-height:610px}

/* SERVICES */
.tw-remodel-scope{background:var(--twr-off-white)}
.tw-remodel-heading{margin-bottom:55px}.tw-remodel-heading--split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(45px,7vw,100px);align-items:end}
.tw-remodel-heading--split>p{max-width:530px;margin:0;color:var(--twr-gray-600)}
.tw-remodel-scope__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#cfd7dd;border:1px solid #cfd7dd}
.tw-remodel-scope__grid article{min-height:285px;padding:34px 32px;background:#fff;transition:.2s ease}
.tw-remodel-scope__grid article:hover{position:relative;z-index:2;background:var(--twr-navy);transform:translateY(-5px)}
.tw-remodel-scope__grid article>span{display:block;margin-bottom:44px;color:var(--twr-red);font:600 .82rem/1 var(--twr-heading)}
.tw-remodel-scope__grid h3{margin:0;color:var(--twr-navy);font-size:clamp(1.45rem,2vw,2rem);line-height:1;text-transform:uppercase}
.tw-remodel-scope__grid p{margin:16px 0 0;color:var(--twr-gray-600);font-size:.95rem}
.tw-remodel-scope__grid article:hover h3,.tw-remodel-scope__grid article:hover p{color:#fff}

/* FEATURE */
.tw-remodel-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:690px;background:var(--twr-navy)}
.tw-remodel-feature__image{min-height:620px;background-position:center;background-size:cover}
.tw-remodel-feature__image--bath{background-image:linear-gradient(rgba(6,23,40,.08),rgba(6,23,40,.08)),url("https://trimworks.wpenginepowered.com/wp-content/uploads/2026/09/trimworks-bath-3.webp")}
.tw-remodel-feature__content{align-self:center;padding:clamp(55px,6vw,92px)}
.tw-remodel-feature__content h2{max-width:680px;color:#fff}
.tw-remodel-feature__content p:not(.tw-remodel-kicker){max-width:630px;margin:24px 0 0;color:rgba(255,255,255,.74)}
.tw-remodel-feature__content .tw-remodel-text-link{margin-top:30px}

/* DETAILS */
.tw-remodel-details{background:#fff}.tw-remodel-details__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(55px,8vw,115px);align-items:center}
.tw-remodel-details__copy>p:not(.tw-remodel-kicker){max-width:650px;margin:24px 0 0;color:var(--twr-gray-600)}
.tw-remodel-points{margin-top:38px;border-top:1px solid var(--twr-gray-300)}
.tw-remodel-points>div{position:relative;padding:25px 0 25px 28px;border-bottom:1px solid var(--twr-gray-300)}
.tw-remodel-points>div::before{content:"";position:absolute;top:31px;left:0;width:8px;height:8px;background:var(--twr-red)}
.tw-remodel-points strong{display:block;color:var(--twr-navy);font:600 1.05rem/1.15 var(--twr-heading);letter-spacing:.02em;text-transform:uppercase}
.tw-remodel-points p{margin:8px 0 0;color:var(--twr-gray-600);font-size:.94rem}
.tw-remodel-details__image,.tw-remodel-details__image img{min-height:590px}

/* PROCESS */
.tw-remodel-process{background:var(--twr-navy);color:#fff}.tw-remodel-process h2{color:#fff}
.tw-remodel-heading--center{max-width:920px;margin-right:auto;margin-left:auto;text-align:center}
.tw-remodel-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);list-style:none}
.tw-remodel-process__grid li{min-height:315px;padding:34px 30px;border-right:1px solid rgba(255,255,255,.16)}.tw-remodel-process__grid li:last-child{border-right:0}
.tw-remodel-process__grid span{display:block;margin-bottom:52px;color:var(--twr-red);font:600 .82rem/1 var(--twr-heading)}
.tw-remodel-process__grid h3{margin:0;color:#fff;font-size:1.6rem;line-height:1.05;text-transform:uppercase}
.tw-remodel-process__grid p{margin:16px 0 0;color:rgba(255,255,255,.68);font-size:.94rem}

/* RELATED */
.tw-remodel-related{background:var(--twr-off-white)}
.tw-remodel-related__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tw-remodel-related__grid a{display:flex;align-items:center;justify-content:space-between;min-height:104px;padding:24px 28px;color:var(--twr-navy);background:#fff;border-left:4px solid var(--twr-red);box-shadow:0 12px 30px rgba(6,23,40,.05);font:600 1.08rem/1.15 var(--twr-heading);text-decoration:none;text-transform:uppercase;transition:.2s ease}
.tw-remodel-related__grid a:hover{color:#fff;background:var(--twr-navy);transform:translateY(-3px)}.tw-remodel-related__grid b{color:var(--twr-red);font-size:1.45rem}

/* FAQ */
.tw-remodel-faq{background:#fff}.tw-remodel-faq__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(55px,9vw,125px);align-items:start}
.tw-remodel-faq__intro{position:sticky;top:135px}.tw-remodel-faq__list{border-top:1px solid var(--twr-gray-300)}.tw-remodel-faq details{border-bottom:1px solid var(--twr-gray-300)}
.tw-remodel-faq summary{position:relative;padding:27px 54px 27px 0;color:var(--twr-navy);font:600 1.22rem/1.25 var(--twr-heading);cursor:pointer;list-style:none;text-transform:uppercase}.tw-remodel-faq summary::-webkit-details-marker{display:none}
.tw-remodel-faq summary::after{content:"+";position:absolute;top:50%;right:4px;color:var(--twr-red);font:400 1.7rem/1 var(--twr-heading);transform:translateY(-50%)}.tw-remodel-faq details[open] summary::after{content:"–"}
.tw-remodel-faq details p{max-width:760px;margin:-3px 0 26px;padding-right:45px;color:var(--twr-gray-600)}

/* FINAL CTA */
.tw-remodel-final{position:relative;padding:clamp(100px,12vw,175px) 0;background:var(--twr-red);color:#fff;text-align:center;overflow:hidden}
.tw-remodel-final::before,.tw-remodel-final::after{content:"";position:absolute;top:50%;width:24vw;height:1px;background:rgba(255,255,255,.3)}.tw-remodel-final::before{left:0}.tw-remodel-final::after{right:0}
.tw-remodel-final__inner{position:relative;z-index:1;max-width:890px}.tw-remodel-final .tw-remodel-kicker{color:#fff;opacity:.8}.tw-remodel-final h2{color:#fff}
.tw-remodel-final p:not(.tw-remodel-kicker){max-width:680px;margin:24px auto 30px;color:rgba(255,255,255,.86)}
.tw-remodel-final .tw-remodel-button{color:var(--twr-navy);background:#fff;border-color:#fff}.tw-remodel-final .tw-remodel-button:hover{color:#fff;background:var(--twr-navy);border-color:var(--twr-navy)}

@media(max-width:1050px){
.tw-remodel-container{width:min(calc(100% - 64px),1240px)}.tw-remodel-hero{min-height:720px}
.tw-remodel-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-remodel-trust span:nth-child(2){border-right:0}.tw-remodel-trust span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
.tw-remodel-intro__grid,.tw-remodel-details__grid,.tw-remodel-heading--split,.tw-remodel-feature,.tw-remodel-faq__grid{grid-template-columns:1fr}
.tw-remodel-intro__copy{max-width:760px}.tw-remodel-intro__image,.tw-remodel-intro__image img,.tw-remodel-details__image,.tw-remodel-details__image img{min-height:520px}
.tw-remodel-heading--split>p{max-width:760px}.tw-remodel-scope__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tw-remodel-feature__image{min-height:500px}.tw-remodel-feature__content{padding:72px 32px}
.tw-remodel-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-remodel-process__grid li:nth-child(2){border-right:0}.tw-remodel-process__grid li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}
.tw-remodel-faq__intro{position:static}
}
@media(max-width:700px){
.tw-remodel-container{width:min(calc(100% - 36px),1240px)}.tw-remodel-section{padding:72px 0}.tw-remodel-hero{min-height:760px;align-items:flex-start}
.tw-remodel-hero__media{background-position:65% center!important}.tw-remodel-hero__overlay{background:linear-gradient(90deg,rgba(3,15,27,.92) 0%,rgba(3,15,27,.78) 58%,rgba(3,15,27,.48) 100%)}.tw-remodel-hero::after{opacity:.12}
.tw-remodel-hero__inner{padding:155px 0 230px}.tw-remodel-hero h1{font-size:clamp(3.4rem,16vw,5.25rem)}.tw-remodel-hero__lead{max-width:100%;font-size:1rem}.tw-remodel-hero__actions{align-items:flex-start;flex-direction:column;gap:20px}
.tw-remodel-trust{grid-template-columns:1fr 1fr}.tw-remodel-trust span{min-height:58px;display:flex;align-items:center;justify-content:center;padding:12px 9px;font-size:.66rem}
.tw-remodel-intro__grid,.tw-remodel-details__grid{gap:42px}.tw-remodel-intro__image,.tw-remodel-intro__image img,.tw-remodel-details__image,.tw-remodel-details__image img{min-height:390px}
.tw-remodel-scope__grid,.tw-remodel-process__grid,.tw-remodel-related__grid{grid-template-columns:1fr}.tw-remodel-scope__grid article{min-height:0}.tw-remodel-scope__grid article>span{margin-bottom:28px}
.tw-remodel-feature__image{min-height:390px}.tw-remodel-process__grid li{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.tw-remodel-process__grid li:last-child{border-bottom:0}.tw-remodel-process__grid span{margin-bottom:32px}
.tw-remodel-final::before,.tw-remodel-final::after{display:none}
}
@media(prefers-reduced-motion:reduce){.tw-remodel-page *,.tw-remodel-page *::before,.tw-remodel-page *::after{scroll-behavior:auto!important;transition:none!important}}