.reference-home{color:#122e45;background:#fff;font-family:Arial,sans-serif}.reference-home main{max-width:none}.reference-home .ref-wrap{max-width:1320px;margin:auto;padding:0 38px}.reference-home .reference-drop{width:31px;height:38px;flex-shrink:0;color:#278bbb}.reference-home .brand,.reference-home .wordmark{display:flex;gap:9px;align-items:center}.reference-home .top,.reference-home .masthead{background:#fff;border-bottom:1px solid #e2e8eb}.reference-home .w-word,.reference-home .wordmark{font-family:Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.5px}.ref-hero{background:#f7fafb}.ref-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:440px;align-items:stretch}.ref-copy{padding:56px 24px 42px 0;align-self:center}.ref-copy h1{font:700 clamp(34px,3.35vw,51px)/1.1 Arial,sans-serif;letter-spacing:-1.4px;margin:0 0 20px;max-width:650px;color:#102b44}.ref-copy>p{font-size:17px;line-height:1.55;max-width:600px;margin:0 0 24px;color:#344d5b}.ref-actions{display:flex;flex-wrap:wrap;gap:12px}.ref-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #247bac;border-radius:5px;text-decoration:none;background:#247bac;color:#fff;font-size:15px;font-weight:700}.ref-actions a+ a{color:#174c71;background:#fff}.ref-copy .ref-districts{font-size:13px;margin:22px 0 0;color:#405c6c}.ref-photo{position:relative;min-width:0;margin:0;overflow:hidden}.ref-photo img{width:100%;height:100%;min-height:440px;object-fit:cover;display:block}.ref-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7fafb,transparent 22%);pointer-events:none}.ref-services{background:#eaf2f6;padding:22px 0 30px}.ref-services h2{font:700 25px/1.2 Arial,sans-serif;margin:0 0 18px}.ref-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ref-service{background:#fff;text-decoration:none;overflow:hidden;border:1px solid #dce5ea;border-radius:5px;color:#123149}.ref-service img{display:block;width:100%;height:125px;object-fit:cover}.ref-service strong{display:block;font-size:16px;line-height:1.35;padding:14px 16px 5px}.ref-service p{font-size:13px;line-height:1.45;padding:0 16px 16px;margin:0;color:#405c6c}.ref-benefits{padding:35px 0}.ref-benefits h2{font:700 29px/1.2 Arial,sans-serif;margin:0 0 26px}.ref-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.ref-benefit-grid article{display:flex;gap:16px}.ref-benefit-grid svg{width:42px;height:42px;flex-shrink:0;color:#247bac}.ref-benefit-grid h3{font-size:16px;margin:0 0 6px}.ref-benefit-grid p{font-size:14px;line-height:1.5;margin:0;color:#405c6c}.reference-home :focus-visible{outline:3px solid #184f72;outline-offset:4px}.reference-home .w-quote{background:#f4f8fa}.reference-home .w-form input,.reference-home .w-form textarea{font-family:Arial,sans-serif}
@media(max-width:900px){.reference-home .ref-wrap{padding:0 24px}.ref-copy{padding:38px 22px 30px 0}.ref-service-grid{gap:12px}.ref-service strong{font-size:14px;padding:12px}.ref-service p{padding:0 12px 12px}.ref-benefit-grid{gap:20px}.ref-photo img{min-height:410px}}
@media(max-width:650px){.reference-home .ref-wrap{padding:0 18px}.ref-hero-grid{grid-template-columns:1fr}.ref-copy{padding:32px 0}.ref-copy h1{font-size:36px;letter-spacing:-.8px}.ref-photo{margin:0 -18px}.ref-photo img{min-height:0;height:280px}.ref-photo::before{background:linear-gradient(180deg,#f7fafb,transparent 18%)}.ref-service-grid{grid-template-columns:1fr 1fr}.ref-service img{height:110px}.ref-benefit-grid{grid-template-columns:1fr}.ref-benefits h2{font-size:25px}.ref-actions a{padding:12px 16px}.reference-home .top .wrap{flex-wrap:wrap}.reference-home .w-word{font-size:21px}.reference-home .top nav{max-width:100%}}

@media(max-width:650px){[data-world="pe"] .reference-home .top nav{display:flex;flex-wrap:wrap;width:100%;order:3;gap:8px;margin:0}[data-world="pe"] .reference-home .top .wrap{gap:12px}}

/* Oct8 selected Clear local service card4 dimensions and component order, homepage only. */
.reference-home{font-family:Schibsted,Arial,sans-serif;color:#082b47}.reference-home .ref-wrap{max-width:none;padding-inline:68px}.reference-home .top .wrap{max-width:none;padding:14px 68px;gap:38px;min-height:78px;display:flex;align-items:center}.reference-home .brand{gap:12px;flex:none}.reference-home .reference-drop{width:34px;height:49px;color:#0879bc}.reference-home .w-word{font:800 28px/.94 Arial,sans-serif;letter-spacing:-.9px;color:#082b47}.reference-home .top nav{margin-left:auto;gap:27px;display:flex;align-items:center;flex-wrap:nowrap;border:0;padding:0}.reference-home .top nav a{font:500 13px/1.3 Arial,sans-serif;text-transform:none;letter-spacing:0;white-space:nowrap}.reference-home .top nav a[aria-current]{color:#0879bc;border-bottom:3px solid #0879bc;padding-bottom:12px;background:none}.reference-home .top nav .cta{background:#0879bc;color:#fff;border-radius:8px;font-weight:700;padding:13px 19px}.reference-home .top .phone{display:none}.reference-home .top nav .lang{font-size:11px;border:0}.ref-hero-grid{grid-template-columns:1.08fr 1fr;min-height:460px}.ref-copy{padding:27px 24px 28px 0;align-self:center}.ref-copy .exclusive-eyebrow{font:600 11px/1.4 Arial,sans-serif;letter-spacing:1.2px;color:#0575b9;margin:0 0 13px}.ref-copy h1{font:800 clamp(35px,3.38vw,53px)/1.06 Arial,sans-serif;letter-spacing:-1.3px;max-width:750px;margin:0 0 18px}.ref-copy>p{font:400 16px/1.45 Arial,sans-serif;max-width:650px;margin-bottom:20px}.ref-photo{margin-right:-68px}.ref-photo img{min-height:460px;height:100%;object-fit:cover;object-position:71% center}.ref-photo:before{background:linear-gradient(90deg,#f7fafb,transparent 19%)}.ref-actions{gap:16px}.ref-actions a{min-height:54px;border-radius:8px;padding:12px 28px;background:#0879bc;font:700 19px/1.2 Arial,sans-serif;border:1.5px solid #0879bc}.ref-actions a+a{background:white;color:#096494;font-size:16px}.ref-copy .ref-districts{font-size:13px;color:#173b51;margin:18px 0 0}.ref-services{background:#edf7fd;padding:18px 0}.ref-service-grid{gap:16px}.ref-service{background:#fff;border:0;border-radius:5px;padding:7px;position:relative;box-shadow:none}.ref-service-art{height:148px;width:100%;overflow:hidden;display:block;position:relative;border-radius:4px}.ref-service-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;max-width:none}.art-rough img{object-position:34% 52%;transform:scale(1.2)}.art-cistern img{object-position:68% center;transform:scale(1.3)}.art-drain img,.art-kitchen img{width:200%;height:100%;object-fit:fill}.art-kitchen img{left:-100%}.reference-home .ref-service strong{font:700 14px/1.25 Arial,sans-serif;padding:15px 25px 12px 5px;color:#082b47;min-height:58px}.ref-service:after{content:'➜';position:absolute;right:10px;bottom:24px;font-size:20px;color:#0879bc}.ref-benefits{padding:30px 0 35px}.ref-benefits>.ref-wrap{display:grid;grid-template-columns:1.3fr 2fr;gap:38px;align-items:start}.exclusive-benefit-intro h2{font:800 31px/1.1 Arial,sans-serif;letter-spacing:-.8px;margin:3px 0 12px}.exclusive-benefit-intro>p{font:400 14px/1.45 Arial,sans-serif;margin:0;color:#30495a}.ref-benefit-grid{gap:22px}.ref-benefit-grid article{gap:12px;border-left:1px solid #e3e9ee;padding-left:20px}.ref-benefit-grid svg{width:33px;height:40px;color:#0879bc}.ref-benefit-grid h3{font:700 12px/1.4 Arial,sans-serif;margin:8px 0}.ref-benefit-grid p{font:400 12px/1.5 Arial,sans-serif}.reference-home .w-about{padding-top:42px;border-top:1px solid #e1eaf0}.reference-home .w-about>.wrap{max-width:1304px}
@media(max-width:1200px){.reference-home .top .wrap{padding-inline:30px;flex-wrap:wrap;gap:18px}.reference-home .top nav{gap:20px}.reference-home .ref-wrap{padding-inline:30px}.ref-photo{margin-right:-30px}.ref-benefits>.ref-wrap{grid-template-columns:1fr;gap:24px}.ref-copy h1{font-size:43px}}
@media(max-width:650px){.reference-home .top .wrap{padding:17px 18px;gap:20px}.reference-home .w-word{font-size:25px}.reference-home .top nav{width:100%;margin:0;display:flex;flex-wrap:wrap;gap:12px 20px}.reference-home .top nav a{font-size:12px;min-height:28px;display:flex;align-items:center}.reference-home .top nav .cta{display:inline-flex!important;padding:10px 15px}.reference-home .top nav .lang{display:inline-flex;margin-left:auto}.reference-home .ref-wrap{padding-inline:18px}.ref-hero-grid{display:block}.ref-copy{padding:27px 0}.ref-copy h1{font-size:37px;line-height:1.07;letter-spacing:-.8px}.ref-copy>p{font-size:16px}.ref-actions a{font-size:19px}.ref-actions a+a{font-size:15px;padding-inline:18px}.ref-photo{margin:0 -18px}.ref-photo img{min-height:0;height:280px;object-position:70% center}.ref-photo:before{background:linear-gradient(180deg,#f7fafb,transparent 20%)}.ref-service-grid{grid-template-columns:1fr 1fr;gap:12px}.ref-service-art{height:112px}.reference-home .ref-service strong{font-size:13px;padding:12px 16px 10px 2px;min-height:70px}.ref-service:after{right:7px;bottom:17px;font-size:16px}.ref-benefits{padding:28px 0}.exclusive-benefit-intro h2{font-size:29px}.ref-benefit-grid{grid-template-columns:1fr}.ref-benefit-grid article{border-left:0;border-top:1px solid #e3e9ee;padding:15px 0 0;gap:17px}.ref-benefit-grid h3{font-size:16px;margin:0 0 7px}.ref-benefit-grid p{font-size:14px}.ref-benefit-grid svg{width:38px}}

.art-rough img{width:210%;height:160%;max-width:none;left:-38%;top:-24%;transform:none;object-fit:cover}.art-cistern img{object-position:72% center}

[data-world="pe"] .reference-home .top .wrap{flex-wrap:nowrap}.reference-home .top nav{flex-basis:auto;flex-grow:1;flex-shrink:1;order:2}.reference-home .top .brand{margin-right:0}[data-world="pe"] .reference-home .top nav a{display:inline-flex;color:#082b47}[data-world="pe"] .reference-home .top nav a.cta.only-wide{display:inline-flex;background:#0879bc;color:white}[data-world="pe"] .reference-home .top .phone.only-wide{display:none}[data-world="pe"] .reference-home .top nav a[aria-current]{color:#0879bc;background:none}.reference-home .ref-benefits{background:#fff}.reference-home .exclusive-benefit-intro h2{color:#082b47}.reference-home .ref-copy h1 span{display:block;white-space:nowrap}@media(max-width:1200px){[data-world="pe"] .reference-home .top .wrap{flex-wrap:wrap}.reference-home .top nav{flex-basis:100%;flex-wrap:wrap}}@media(max-width:650px){.reference-home .ref-copy h1 span{white-space:normal}[data-world="pe"] .reference-home .top nav a{min-height:30px;padding:4px 0}[data-world="pe"] .reference-home .top nav a.cta.only-wide{padding:9px 12px}}

[data-world="pe"] .reference-home .top .wrap{width:100%;margin:0;min-height:78px}[data-world="pe"] .reference-home .top .brand{padding:0}[data-world="pe"] .reference-home .top nav{justify-content:space-between}[data-world="pe"] .reference-home .top nav .cta{order:3;margin-left:auto}[data-world="pe"] .reference-home .top nav .lang{order:2;font-size:11px}[data-world="pe"] .reference-home .top nav a[aria-current]{border-radius:0}@media(max-width:650px){[data-world="pe"] .reference-home .top nav{justify-content:flex-start}[data-world="pe"] .reference-home .top nav .cta{margin-left:0}[data-world="pe"] .reference-home .top nav .lang{margin-left:auto}}

.reference-home .ref-service:after{content:"";width:9px;height:9px;border-right:2px solid #0879bc;border-top:2px solid #0879bc;transform:rotate(45deg)}

.reference-home .ref-inline-icon{width:24px;height:24px;flex:none;margin-right:12px}.reference-home .ref-actions a{display:inline-flex;align-items:center}.reference-home .ref-photo img{object-position:center;transform:none}.reference-home .go-reference-tile img,.reference-home .exact-reference-tile img{inset:0;width:100%;height:100%;min-width:0;object-fit:cover;transform:none}.reference-home .go-reference-tile img{position:static}.reference-home .phone-link .ref-inline-icon{width:20px;height:20px;margin-right:9px}.reference-home .phone-link{display:inline-flex;align-items:center}

/* Reference hero art does not set the grid's intrinsic height. */
@media(min-width:651px){.reference-home .ref-photo img{position:absolute;inset:0;min-height:0;height:100%;width:100%}.reference-home .ref-hero-grid{min-height:440px}}
.reference-home .mobile-bar a:first-child{background:#0877c8}.reference-home .actionbar .btn{background:#0879bc;color:white;border-radius:8px}.reference-home .actionbar .btn.ghost{background:white;color:#082b47;border:1px solid #0879bc}

/* Finish: consistent navy hierarchy in the reference benefit row. */
.reference-home .ref-benefits h3,.reference-home .ref-benefits strong{color:#082b47}.reference-home :focus-visible{outline-color:#0879bc}

/* Card 4 finish: align hero and type scale with the 1536px reference. */
@media(min-width:1201px){.reference-home .top .wrap{min-height:79px;padding-block:12px}.reference-home .top nav a{font-size:14px}.reference-home .ref-hero-grid{min-height:478px}.reference-home .ref-copy{padding-top:28px;padding-bottom:30px}.reference-home .ref-copy h1{font-size:clamp(49px,3.6vw,56px);line-height:1.05;letter-spacing:-.025em}.reference-home .ref-copy>p{font-size:18px;line-height:1.4}.reference-home .ref-copy .exclusive-eyebrow{font-size:12px;letter-spacing:1.2px}.reference-home .ref-service-art{height:149px}.reference-home .ref-service strong{font-size:17px;line-height:1.22;padding-top:14px}.reference-home .ref-benefits{padding-block:32px}.reference-home .exclusive-benefit-intro h2{font-size:35px}.reference-home .ref-benefit-grid h3{font-size:15px}.reference-home .ref-benefit-grid p{font-size:14px}}

@media(min-width:1201px){.reference-home .ref-services{padding-block:17px}.reference-home .ref-service strong{font-size:16px;padding-top:12px;padding-bottom:8px}.reference-home .ref-service:after{position:absolute;right:16px;bottom:19px}.reference-home .ref-benefit-grid h3{font-size:14px}.reference-home .ref-benefit-grid p{font-size:13px;line-height:1.45}}

/* F4: photographic transition layered above existing clean image; preserve F3 geometry. */
.reference-home .ref-photo::before{z-index:1;background:linear-gradient(90deg,#f7fafb 0%,rgba(247,250,251,.88) 5%,rgba(247,250,251,.35) 19%,rgba(247,250,251,0) 35%)}
@media(max-width:650px){.reference-home .ref-photo::before{background:linear-gradient(180deg,#f7fafb 0%,rgba(247,250,251,.55) 9%,rgba(247,250,251,0) 24%)}}

/* F7: preserve the complete chosen carrier frame and its wall clearance.
   The existing narrow/mobile crop and all text/service geometry are unchanged. */
@media(min-width:1201px){
 .reference-home .ref-photo img{left:auto;right:0;bottom:auto;width:auto;max-width:none;height:100%;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 90px)}
 .reference-home .ref-photo::before{display:none}
}