:root{--navy:#071d30;--navy2:#0b2b43;--ink:#142334;--paper:#f5f0e8;--white:#fffdf9;--copper:#b9673f;--sand:#ded4c7;--muted:#606970}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip-link{position:fixed;z-index:99;top:1rem;left:-100vw;padding:.8rem 1rem;background:#fff}.skip-link:focus{left:1rem}.craft-header{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:auto 1fr auto;min-height:94px;align-items:center;gap:2rem;padding:0 clamp(1.2rem,3.5vw,4.5rem);background:var(--navy);color:#fff;box-shadow:0 8px 30px rgba(1,14,25,.18)}.craft-brand{display:inline-flex;padding:.7rem;border:1px solid #d8c7b7;background:#fff;color:var(--navy);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px var(--copper)}.craft-brand span{padding:.4rem 1rem;border:1px solid var(--navy);font-family:Georgia,serif;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase}.craft-header nav{display:flex;justify-content:center;gap:clamp(1rem,2vw,2rem);font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.craft-header nav a:hover,.craft-header nav a:focus-visible{color:#e5a27d}.craft-header-actions{display:flex;align-items:center;gap:1.4rem}.craft-phone small,.craft-phone b{display:block}.craft-phone small{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.craft-phone b{font-size:.8rem}.craft-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.4rem;border:1px solid transparent;font-size:.67rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.craft-button-copper{background:var(--copper);color:#fff}.craft-button-outline{border-color:#fff;color:#fff}.craft-button-line{border-color:var(--copper);color:var(--copper)}.craft-button:focus-visible,.craft-menu-toggle:focus-visible,.craft-comparison:focus-within{outline:3px solid #e5a27d;outline-offset:4px}.craft-menu-toggle{display:none}.craft-hero{min-height:650px;display:flex;align-items:center;padding:clamp(3rem,6vw,7rem);background:linear-gradient(90deg,rgba(7,22,34,.82),rgba(7,22,34,.34) 58%,rgba(7,22,34,.08)),url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/hero-exterior-illustrative.webp') center/cover no-repeat;color:#fff}.craft-hero-overlay{max-width:660px}.craft-kicker{margin:0 0 1rem;color:var(--copper);font-size:.64rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.craft-hero h1{margin:0 0 1.2rem;font-family:Georgia,serif;font-size:clamp(3.2rem,5vw,5.4rem);font-weight:400;line-height:1.02}.craft-hero p:not(.craft-kicker){max-width:590px;font-size:1.05rem}.craft-hero-overlay>div{display:flex;gap:1rem;margin-top:2rem}.craft-services{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:min(1320px,calc(100% - 3rem));margin:-26px auto 0;padding:1rem;background:#fff;box-shadow:0 20px 55px rgba(13,31,43,.12)}.craft-services article{display:grid;text-align:center;border:1px solid var(--sand);background:var(--white)}.craft-services img{width:100%;aspect-ratio:4/2.5;object-fit:cover}.craft-services article>span{margin-top:1.2rem;color:var(--navy);font-size:1.8rem}.craft-services h2{margin:.45rem 0;font-family:Georgia,serif;font-size:1.3rem;font-weight:400}.craft-services article>a{padding:.4rem 0 1.2rem;color:var(--copper);font-size:1.4rem}.craft-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:4.5rem clamp(1.5rem,6vw,7rem);text-align:center}.craft-benefits article>span{color:var(--copper);font-size:2rem}.craft-benefits h2{font-family:Georgia,serif;font-size:1.15rem;font-weight:400}.craft-benefits p{max-width:240px;margin:auto;color:var(--muted);font-size:.75rem}.craft-feature{display:grid;grid-template-columns:.76fr 1.24fr;background:var(--white)}.craft-feature-copy{align-self:center;padding:clamp(3rem,6vw,6rem)}.craft-feature h2,.craft-process>h2,.craft-form-panel h2{margin:.5rem 0 1.25rem;font-family:Georgia,serif;font-size:clamp(2.3rem,3.5vw,4rem);font-weight:400;line-height:1.08}.craft-feature-copy>p:not(.craft-kicker){color:var(--muted);font-size:.84rem}.craft-comparison{--craft-compare:50%;position:relative;min-height:540px;overflow:hidden;background:#cbd6dc;touch-action:pan-y}.craft-before,.craft-after{position:absolute;inset:0;background-position:center;background-size:cover}.craft-before{background-image:url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/comparison-landscaping-before-illustrative-v1.webp')}.craft-after{background-image:url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/comparison-landscaping-after-illustrative-v1.webp');clip-path:inset(0 0 0 var(--craft-compare))}.craft-comparison>b{position:absolute;z-index:3;top:1.2rem;padding:.55rem .8rem;background:var(--navy);color:#fff;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.craft-before-label{left:1.2rem}.craft-after-label{right:1.2rem;background:var(--copper)!important}.craft-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--craft-compare);width:3px;display:grid;place-items:center;transform:translateX(-50%);background:#fff;color:var(--navy);font-weight:900}.craft-divider::before{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:#fff}.craft-divider{font-size:0}.craft-divider::after{content:"↔";position:relative;font-size:1rem}.craft-comparison input{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:.001;cursor:ew-resize}.craft-process{padding:5rem clamp(1.5rem,7vw,8rem);text-align:center}.craft-process>h2{margin-inline:auto}.craft-process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1100px;margin:3rem auto 0;padding:0;list-style:none;text-align:left}.craft-process li{display:grid;grid-template-columns:44px 1fr;gap:1.2rem}.craft-process li>b{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--copper);border-radius:50%;color:var(--copper)}.craft-process h3{margin:0;font-family:Georgia,serif;font-size:1.25rem}.craft-process li p{color:var(--muted);font-size:.78rem}.craft-conversion{display:grid;grid-template-columns:1fr 1fr}.craft-review,.craft-form-panel{padding:clamp(3rem,7vw,7rem)}.craft-review{background:var(--navy);color:#fff}.craft-review blockquote{max-width:600px;margin:1.5rem 0;font-family:Georgia,serif;font-size:clamp(1.7rem,2.5vw,2.7rem);line-height:1.4}.craft-review cite{display:block;color:#d5dfdf;font-size:.7rem;font-style:normal;letter-spacing:.07em;text-transform:uppercase}.craft-review>a{display:inline-block;margin-top:2rem;color:#e5a27d;font-size:.72rem;font-weight:800}.craft-form-panel{background:#f0ebe3}.craft-form-panel>p:not(.craft-kicker){color:var(--muted)}.craft-form-panel form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.craft-form-panel label{display:grid;gap:.35rem;font-size:.66rem;font-weight:800}.craft-form-panel label:last-of-type{grid-column:1/-1}.craft-form-panel input,.craft-form-panel textarea{width:100%;padding:.8rem;border:1px solid #cfc3b7;background:rgba(255,255,255,.45)}.craft-form-panel button{width:max-content}.craft-form-panel #craft-form-status{align-self:center;margin:0;color:var(--muted);font-size:.68rem}.craft-locations{padding:2.2rem;text-align:center;background:#fff}.craft-locations h2{margin:0 0 1rem;font-family:Georgia,serif;font-size:1.1rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase}.craft-locations p{display:flex;justify-content:center;gap:1.5rem;align-items:center;flex-wrap:wrap;margin:0;font-size:.66rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.craft-locations i{width:1px;height:18px;background:#9da3a7}.craft-coast{position:relative;margin:0;background:var(--navy)}.craft-coast img{display:block;width:100%;height:250px;object-fit:cover}.craft-coast figcaption{position:absolute;right:1rem;bottom:.7rem;padding:.4rem .6rem;background:rgba(7,29,48,.8);color:#fff;font-size:.58rem}.craft-footer{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:4rem;padding:4rem clamp(1.5rem,6vw,7rem) 2rem;background:var(--navy);color:#fff}.craft-footer>div{display:flex;flex-direction:column;gap:.55rem}.craft-brand-footer{width:max-content}.craft-footer div>b{color:#e5a27d;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.craft-footer div>a:not(.craft-brand){font-size:.72rem}.craft-footer div>p{color:#c9d4da;font-size:.72rem}.craft-legal{grid-column:1/-1;margin:1rem 0 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.18);color:#b7c5cd;font-size:.67rem;text-align:center}
@media(max-width:1050px){.craft-header{grid-template-columns:auto 1fr auto}.craft-header-actions .craft-phone{display:none}.craft-header nav{gap:1rem}.craft-services{grid-template-columns:1fr 1fr}.craft-feature{grid-template-columns:1fr}.craft-comparison{min-height:500px}.craft-footer{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.craft-header{min-height:82px;grid-template-columns:1fr auto;padding:0 1rem}.craft-brand span{font-size:.65rem}.craft-menu-toggle{display:inline-flex;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase}.craft-header nav{position:absolute;top:82px;right:1rem;left:1rem;display:none;flex-direction:column;padding:.7rem;background:var(--navy);box-shadow:0 20px 45px rgba(0,0,0,.25)}.craft-header nav.is-open{display:flex}.craft-header nav a{padding:.75rem}.craft-header-actions{display:none}.craft-hero{min-height:640px;padding:3.5rem 1.5rem;background-image:linear-gradient(90deg,rgba(7,22,34,.8),rgba(7,22,34,.42)),url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/hero-exterior-illustrative.webp');background-position:58% center}.craft-hero-overlay>div{align-items:flex-start;flex-direction:column}.craft-services{grid-template-columns:1fr;width:calc(100% - 2rem);margin-top:-18px}.craft-benefits{grid-template-columns:1fr 1fr;padding:3.5rem 1rem}.craft-feature{grid-template-columns:1fr}.craft-feature-copy{padding:3.5rem 1.5rem}.craft-comparison{min-height:0;aspect-ratio:4/3}.craft-process{padding:4rem 1.25rem}.craft-process ol{grid-template-columns:1fr;gap:1.4rem}.craft-conversion{grid-template-columns:1fr}.craft-review,.craft-form-panel{padding:3.5rem 1.5rem}.craft-form-panel form{grid-template-columns:1fr}.craft-form-panel label:last-of-type{grid-column:auto}.craft-footer{grid-template-columns:1fr;gap:2.2rem;padding:3.5rem 1.5rem 2rem}.craft-coast img{height:auto;min-height:180px;object-fit:cover}.craft-locations i{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Homeowner Advice Center navigation addition: keep the longer label readable without changing menu behaviour. */
@media(min-width:701px) and (max-width:1050px){.craft-header nav{gap:clamp(.65rem,1.5vw,1rem);font-size:.62rem}}

/* Island Craft lead-generation expansion v2 */
.craft-brand-logo{padding:0;border:0;background:transparent;box-shadow:none}.craft-brand-logo img{display:block;width:150px;height:74px;object-fit:contain}.craft-brand-logo span{display:none}.craft-section-heading{max-width:760px;margin:0 auto 3rem;text-align:center}.craft-section-heading h2,.craft-quote-story h2,.craft-contact-intro h2{margin:.5rem 0 1rem;font-family:Georgia,serif;font-size:clamp(2.5rem,4vw,4.5rem);font-weight:400;line-height:1.05}.craft-section-heading>p:last-child{color:var(--muted)}
.craft-reviews{padding:6rem clamp(1.5rem,6vw,7rem);background:var(--white)}.craft-review-grid{display:grid;grid-template-columns:1fr 1fr .72fr;gap:1.25rem;max-width:1200px;margin:auto}.craft-review-grid blockquote,.craft-review-link{margin:0;padding:2rem;border:1px solid var(--sand);background:#fff}.craft-review-grid blockquote p{margin:0 0 2.3rem;font-family:Georgia,serif;font-size:1.45rem;line-height:1.45}.craft-review-grid footer{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.66rem}.craft-review-grid cite{color:var(--navy);font-style:normal;font-weight:800}.craft-review-link{display:grid;place-items:center;text-align:center;background:var(--navy);color:#fff}.craft-review-link>span{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#1877f2;font-family:Arial,sans-serif;font-size:1.6rem;font-weight:900}.craft-review-link b{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.craft-review-link i{color:#e5a27d;font-style:normal}
.craft-service-section{padding:6rem clamp(1.5rem,4vw,4rem);background:var(--paper)}.craft-service-section .craft-services{position:static;grid-template-columns:repeat(4,1fr);width:min(1320px,100%);margin:0 auto;padding:0;background:transparent;box-shadow:none}.craft-services article{min-width:0}.craft-services article img,.craft-service-neutral{width:100%;aspect-ratio:4/2.65;object-fit:cover}.craft-services h3{margin:1.2rem 1rem .5rem;font-family:Georgia,serif;font-size:1.35rem;font-weight:400}.craft-services article>a,.craft-services article>small{display:block;margin-top:auto;padding:.5rem 1rem 1.3rem;color:var(--copper);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.craft-service-neutral{background-color:#d9d0c4}.craft-driveway{background:linear-gradient(155deg,transparent 35%,rgba(7,29,48,.18) 36% 40%,transparent 41%),repeating-linear-gradient(95deg,#d9d0c4 0 12px,#c4b9ac 13px 15px)}.craft-handyman{background:radial-gradient(circle at 60% 45%,transparent 0 22px,#b9673f 23px 26px,transparent 27px),linear-gradient(135deg,#ebe3d8 0 47%,#7b8790 48% 52%,#d4c9bc 53%)}.craft-placeholder{background:linear-gradient(135deg,#e9e1d6 25%,#d8cabc 25% 50%,#eee8df 50% 75%,#cfc1b1 75%)}
.craft-comparisons{padding:6rem clamp(1.5rem,6vw,7rem);background:#fff}.craft-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:auto}.craft-comparison-grid>article{padding:1.4rem;border:1px solid var(--sand);background:var(--paper)}.craft-comparison-grid h3{margin:.35rem 0 1.2rem;font-family:Georgia,serif;font-size:1.55rem;font-weight:400}.craft-comparison{min-height:0;aspect-ratio:4/3}.craft-before{background-image:var(--craft-before)}.craft-after{background-image:var(--craft-after)}.craft-disclosure{margin:.8rem 0 0;color:var(--muted);font-size:.67rem}
.craft-process{background:var(--paper)}.craft-process ol{max-width:1200px;gap:1.5rem}.craft-process li{display:block;border:1px solid var(--sand);background:#fff}.craft-process li>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.craft-process li>div{display:grid;grid-template-columns:42px 1fr;gap:.8rem;padding:1.2rem}.craft-process li>div>b{grid-row:1/3;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--copper);border-radius:50%;color:var(--copper)}.craft-process li h3,.craft-process li p{margin:0}.craft-process li p{margin-top:.35rem;grid-column:2;color:var(--muted);font-size:.76rem}
.craft-quote-section{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--navy);color:#fff}.craft-quote-story{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem)}.craft-quote-story>p:not(.craft-kicker){color:#c9d4da}.craft-quote-story img{width:100%;margin-top:2rem;border:1px solid rgba(255,255,255,.18)}.craft-quote-form{align-self:center;display:grid;gap:1rem;margin:clamp(2rem,5vw,5rem);padding:clamp(2rem,4vw,3.5rem);background:var(--paper);color:var(--ink);box-shadow:0 35px 80px rgba(0,0,0,.25)}.craft-quote-form h3{margin:0 0 .5rem;font-family:Georgia,serif;font-size:2.5rem;font-weight:400}.craft-quote-form label{display:grid;gap:.4rem;font-size:.68rem;font-weight:800}.craft-quote-form select{width:100%;padding:.85rem;border:1px solid #cfc3b7;background:#fff}.craft-quote-form button{width:max-content}.craft-quote-form #craft-form-status{min-height:1.3em;margin:0;color:var(--muted);font-size:.68rem}
.craft-contact{padding:6rem clamp(1.5rem,6vw,7rem);background:#eee7dc}.craft-contact-intro{display:grid;grid-template-columns:1fr 330px;align-items:end;max-width:1200px;margin:auto}.craft-contact-intro>div{padding-bottom:2rem}.craft-contact-intro>div>p:last-child{color:var(--muted)}.craft-contact-intro>img{display:block;width:100%;max-height:330px;object-fit:contain}.craft-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1200px;margin:auto}.craft-contact-grid>a{display:grid;grid-template-columns:94px 1fr;gap:1rem;align-items:center;min-height:138px;padding:1rem;border:1px solid var(--sand);background:#fff}.craft-contact-grid img,.craft-contact-symbol{width:94px;height:104px;object-fit:cover}.craft-contact-symbol{display:grid;place-items:center;background:var(--navy);color:#fff;font-family:Georgia,serif;font-size:2rem}.craft-contact-grid small,.craft-contact-grid strong,.craft-contact-grid b{display:block}.craft-contact-grid small{color:var(--copper);font-size:.58rem;text-transform:uppercase}.craft-contact-grid strong{margin:.3rem 0;font-family:Georgia,serif;font-size:1.1rem}.craft-contact-grid b{font-size:.62rem}.craft-footer{grid-template-columns:1.3fr repeat(3,1fr)}.craft-brand-footer img{width:180px;height:90px;background:#fff}.craft-legal{grid-column:1/-1;max-width:1100px;margin:1rem auto 0;text-align:center}.craft-legal p{margin:.5rem 0}
@media(max-width:1050px){.craft-review-grid{grid-template-columns:1fr 1fr}.craft-review-link{grid-column:1/-1;grid-template-columns:auto auto auto;justify-content:center;gap:1rem}.craft-service-section .craft-services,.craft-contact-grid{grid-template-columns:1fr 1fr}.craft-quote-section{grid-template-columns:1fr}.craft-quote-story img{max-width:650px}.craft-contact-intro{grid-template-columns:1fr 260px}}
@media(max-width:700px){.craft-brand-logo img{width:128px;height:64px}.craft-reviews,.craft-service-section,.craft-comparisons{padding:4rem 1rem}.craft-section-heading{text-align:left;margin-bottom:2rem}.craft-review-grid,.craft-service-section .craft-services,.craft-comparison-grid,.craft-contact-grid{grid-template-columns:1fr}.craft-review-link{grid-column:auto}.craft-comparison-grid{gap:1.2rem}.craft-process li>div{display:grid}.craft-quote-story{padding:4rem 1.5rem}.craft-quote-form{margin:0 1rem 3rem;padding:1.5rem}.craft-contact{padding:4rem 1rem}.craft-contact-intro{grid-template-columns:1fr}.craft-contact-intro>img{max-height:240px}.craft-contact-grid>a{grid-template-columns:110px 1fr}.craft-contact-grid img,.craft-contact-symbol{width:110px;height:118px}.craft-footer{grid-template-columns:1fr}.craft-brand-footer img{width:170px;height:85px}.craft-legal{text-align:center}}
.craft-quote-story>img{display:none}.craft-island-coverage{position:relative;margin:0;overflow:hidden;background:var(--navy)}.craft-island-coverage img{display:block;width:100%;height:clamp(330px,43vw,620px);object-fit:cover;object-position:center 53%}.craft-island-coverage figcaption{position:absolute;left:clamp(1rem,6vw,7rem);bottom:clamp(1rem,4vw,3rem);padding:.8rem 1rem;background:rgba(7,29,48,.88);color:#fff;font-family:Georgia,serif;font-size:clamp(1rem,2vw,1.5rem)}

/* PPC refinement v3: white centred brand header, hero form and light footer */
.craft-header{grid-template-columns:1fr auto 1fr;grid-template-areas:"actions logo spacer" "nav nav nav";min-height:178px;align-items:center;gap:.2rem 2rem;padding:.5rem clamp(1.2rem,4vw,5rem) .8rem;background:#fff;color:var(--ink);box-shadow:0 8px 30px rgba(7,29,48,.08);border-bottom:1px solid var(--sand)}.craft-brand-logo{grid-area:logo;justify-self:center}.craft-brand-logo img{width:220px;height:112px;object-fit:contain}.craft-header nav{grid-area:nav;align-self:end;gap:clamp(1.5rem,3vw,3rem);color:var(--ink)}.craft-header nav a:hover,.craft-header nav a:focus-visible{color:#174f91}.craft-header-actions{grid-area:actions;justify-self:start}.craft-phone{color:var(--ink)}.craft-menu-toggle{grid-area:menu}.craft-button-copper{background:#174f91;color:#fff}.craft-button-copper:hover{background:#0d396d}.craft-button-copper:focus-visible{outline:3px solid #6ba0cf;outline-offset:4px}.craft-button-outline:hover{background:rgba(255,255,255,.12)}
.craft-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(2rem,5vw,6rem);align-items:start;min-height:760px;padding:clamp(3rem,6vw,6rem);background:linear-gradient(90deg,rgba(7,22,34,.83),rgba(7,22,34,.46) 58%,rgba(7,22,34,.18)),url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/hero-exterior-illustrative.webp') center/cover no-repeat}.craft-hero-overlay{align-self:center}.craft-hero-quote-form{justify-self:end;width:min(100%,520px);margin:0;padding:2.25rem;background:rgba(255,253,249,.97);box-shadow:0 30px 75px rgba(0,0,0,.34)}.craft-hero-quote-form .craft-kicker{margin-bottom:.25rem}.craft-hero-quote-form h3{font-size:2.65rem}.craft-hero-quote-form select{min-height:50px}.craft-hero-quote-form button{margin-top:.25rem}
.craft-hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--sand);background:#fff}.craft-hero-benefits>div{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:112px;padding:1.4rem;border-right:1px solid var(--sand);text-align:center}.craft-hero-benefits>div:last-child{border-right:0}.craft-hero-benefits span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;background:#174f91;color:#fff;font-weight:900}.craft-hero-benefits strong{font-family:Georgia,serif;font-size:1.05rem;font-weight:400}.craft-review-grid{grid-template-columns:1fr 1fr;max-width:980px}.craft-review-link{display:none!important}
.craft-quote-section{grid-template-columns:.9fr 1.1fr;min-height:560px}.craft-quote-story>a{align-self:flex-start;margin-top:1.25rem}.craft-quote-visual{position:relative;margin:0;min-height:560px;overflow:hidden}.craft-quote-visual img{display:block;width:100%;height:100%;object-fit:cover}.craft-quote-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,48,.18),transparent 55%)}.craft-quote-visual figcaption{position:absolute;z-index:2;right:1rem;bottom:1rem;padding:.55rem .75rem;background:rgba(7,29,48,.84);color:#fff;font-size:.62rem}
.craft-footer{background:#fff;color:var(--ink);border-top:1px solid var(--sand)}.craft-footer div>p,.craft-footer div>a:not(.craft-brand),.craft-legal{color:var(--ink)}.craft-footer div>b{color:#174f91}.craft-footer a:hover,.craft-footer a:focus-visible{color:#174f91;text-decoration:underline;text-underline-offset:.25rem}.craft-brand-footer img{background:#fff}.craft-legal{border-top-color:var(--sand)}.craft-footer a[href^="https://www.facebook.com"]{display:none}
@media(max-width:1050px){.craft-header{grid-template-columns:1fr auto 1fr}.craft-hero{grid-template-columns:1fr minmax(360px,.85fr);gap:2rem;padding:3.5rem 2rem}.craft-brand-logo img{width:190px;height:104px}.craft-quote-section{grid-template-columns:1fr 1fr}.craft-hero-benefits{grid-template-columns:1fr 1fr}.craft-hero-benefits>div:nth-child(2){border-right:0}.craft-hero-benefits>div:nth-child(-n+2){border-bottom:1px solid var(--sand)}}
@media(max-width:700px){.craft-header{min-height:112px;grid-template-columns:1fr auto;grid-template-areas:"logo menu";padding:.4rem 1rem;background:#fff}.craft-brand-logo{justify-self:start}.craft-brand-logo img{width:176px;height:94px}.craft-menu-toggle{display:inline-flex;border:1px solid #174f91;background:#fff;color:var(--ink)}.craft-header nav{top:112px;background:#fff;color:var(--ink);border:1px solid var(--sand)}.craft-header-actions{display:none}.craft-hero{grid-template-columns:1fr;min-height:0;padding:3rem 1rem 1rem;background-image:linear-gradient(90deg,rgba(7,22,34,.8),rgba(7,22,34,.45)),url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/hero-exterior-illustrative.webp');background-position:58% center}.craft-hero-overlay{padding:.5rem .5rem 2rem}.craft-hero-quote-form{width:100%;margin:0;padding:1.5rem}.craft-hero-benefits{grid-template-columns:1fr}.craft-hero-benefits>div{min-height:80px;border-right:0;border-bottom:1px solid var(--sand)}.craft-hero-benefits>div:last-child{border-bottom:0}.craft-review-grid{grid-template-columns:1fr}.craft-quote-section{grid-template-columns:1fr}.craft-quote-story{padding:4rem 1.5rem}.craft-quote-visual{min-height:330px}.craft-footer{background:#fff;color:var(--ink)}.craft-brand-footer img{width:190px;height:100px}}

/* PPC refinement v4: centred hero composition, image-led benefits and review carousel. */
@media(min-width:1051px){.craft-hero{grid-template-columns:minmax(0,620px) minmax(390px,520px);justify-content:center;gap:clamp(1.5rem,3vw,3rem);padding-inline:clamp(2rem,4vw,4.5rem)}.craft-hero-quote-form{justify-self:stretch;width:100%}}
.craft-hero-benefits>div{position:relative;isolation:isolate;min-height:170px;overflow:hidden;color:#fff}.craft-hero-benefits>div::before,.craft-hero-benefits>div::after{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;transform:scale(1.02)}.craft-hero-benefits>div::after{z-index:-1;background:linear-gradient(135deg,rgba(7,29,48,.88),rgba(7,29,48,.52))}.craft-hero-benefits>div:nth-child(1)::before{background-image:url('/images/proof-panel-up-to-25-year-guarantee-v2.jpg')}.craft-hero-benefits>div:nth-child(2)::before{background-image:url('/images/proof-panel-fully-insured-up-to-5-million-v2.jpg')}.craft-hero-benefits>div:nth-child(3)::before{background-image:url('/images/proof-panel-free-quote-v1.jpg')}.craft-hero-benefits>div:nth-child(4)::before{background-image:url('/images/proof-panel-workmanship-warranty-v1.jpg')}.craft-hero-benefits strong{max-width:13rem;color:#fff;font-size:1.18rem;text-shadow:0 1px 8px rgba(0,0,0,.45)}.craft-hero-benefits span{background:#fff;color:#174f91;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.craft-review-carousel{max-width:880px;margin:auto}.craft-review-track{position:relative;min-height:285px}.craft-review-slide{position:absolute;inset:0;display:grid;align-content:center;margin:0;padding:clamp(2rem,5vw,4rem);border:1px solid var(--sand);background:#fff;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .28s ease,transform .28s ease}.craft-review-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none}.craft-review-slide p{margin:0 0 2.3rem;font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.4}.craft-review-slide footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.72rem}.craft-review-slide cite{color:var(--navy);font-style:normal;font-weight:800}.craft-review-slide footer span{display:inline-flex;align-items:center;gap:.45rem}.craft-facebook-mark{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:1rem}.craft-review-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.2rem}.craft-review-controls button{display:grid;width:46px;height:46px;place-items:center;border:1px solid #174f91;border-radius:50%;background:#fff;color:#174f91;font-size:1.2rem;cursor:pointer}.craft-review-controls button:hover{background:#174f91;color:#fff}.craft-review-controls button:focus-visible{outline:3px solid #6ba0cf;outline-offset:3px}.craft-review-controls p{margin:0;color:var(--muted);font-size:.72rem;font-weight:800}.craft-service-shared-image{object-position:center}.craft-service-home-improvements{object-position:35% center}.craft-service-property-maintenance{object-position:72% center}
@media(max-width:700px){.craft-hero-benefits>div{min-height:132px}.craft-review-track{min-height:330px}.craft-review-slide{padding:2rem 1.35rem}.craft-review-slide footer{align-items:flex-start;flex-direction:column}.craft-review-controls{justify-content:space-between}.craft-services article img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.craft-review-slide{transition:none}}
.craft-review-track{overflow:hidden}
.craft-announcement{display:flex;min-height:44px;align-items:center;justify-content:center;gap:.75rem;padding:.55rem 1rem;background:#174f91;color:#fff;font-size:.72rem;font-weight:750;letter-spacing:.04em}.craft-announcement span{color:#fff}.craft-announcement a{padding:.1rem .25rem;border-bottom:2px solid rgba(255,255,255,.75);color:#fff;font-weight:900;letter-spacing:.08em}.craft-announcement a:hover{border-color:#fff;background:rgba(255,255,255,.12)}.craft-announcement a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){.craft-announcement{min-height:40px;gap:.5rem;padding:.45rem .75rem;font-size:.66rem}.craft-announcement a{white-space:nowrap}}
.craft-hero-benefits{margin-top:clamp(2rem,4vw,4rem)}
.craft-review-slide footer span{padding:.42rem .7rem;border-radius:999px;background:#187746;color:#fff;font-weight:800;line-height:1}.craft-review-slide .craft-facebook-mark{width:20px;height:20px;background:#fff;color:#1877f2;font-size:.9rem}
@media(max-width:700px){.craft-hero-benefits{margin-top:2rem}.craft-review-slide footer span{padding:.4rem .65rem}}
.craft-facebook-proof{display:grid;grid-template-columns:1.4fr .8fr 1fr;max-width:880px;margin:0 auto 1.25rem;border:1px solid var(--sand);background:#f7faf8}.craft-facebook-proof>div{display:flex;min-height:92px;align-items:center;justify-content:center;gap:.7rem;padding:1rem 1.4rem;border-right:1px solid var(--sand)}.craft-facebook-proof>div:last-child{border-right:0}.craft-facebook-proof-source{justify-content:flex-start!important;background:#edf7f1}.craft-facebook-proof-source>.craft-facebook-mark{width:34px;height:34px;background:#1877f2;color:#fff}.craft-facebook-proof span,.craft-facebook-proof small,.craft-facebook-proof strong{display:block}.craft-facebook-proof small{color:#4c6558;font-size:.6rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.craft-facebook-proof-source strong{font-size:.85rem}.craft-facebook-proof>div>strong{color:#123928;font-family:Georgia,serif;font-size:1.8rem;font-weight:400}.craft-facebook-proof>div>span:not(.craft-rating-stars){color:#4c6558;font-size:.68rem;font-weight:800;text-transform:uppercase}.craft-rating-stars{display:flex!important;align-items:center;margin-left:.15rem;font-size:1rem;letter-spacing:.05em}.craft-rating-stars b{color:#e0a523}.craft-rating-stars i{background:linear-gradient(90deg,#e0a523 0 70%,#cdd4cf 70% 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
@media(max-width:700px){.craft-facebook-proof{grid-template-columns:1fr 1fr}.craft-facebook-proof-source{grid-column:1/-1}.craft-facebook-proof>div{min-height:76px;padding:.85rem;border-bottom:1px solid var(--sand)}.craft-facebook-proof>div:nth-child(2){border-bottom:0}.craft-facebook-proof>div:last-child{border-bottom:0}.craft-rating-stars{margin-left:0;font-size:.9rem}}
@media(max-width:700px){.craft-facebook-proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.craft-facebook-proof>div{min-width:0;flex-direction:column;gap:.2rem}.craft-facebook-proof-source{flex-direction:row!important}}

/* PPC refinement v7: legible type, text-led benefits and consolidated disclosure. */
:root{--craft-sans:"Aptos","Segoe UI Variable","Segoe UI",Arial,sans-serif;--craft-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif}body{font-family:var(--craft-sans);font-size:16px;line-height:1.62}.craft-hero h1,.craft-section-heading h2,.craft-quote-story h2,.craft-contact-intro h2,.craft-services h3,.craft-comparison-grid h3,.craft-process h3,.craft-quote-form h3,.craft-review-slide p,.craft-facebook-proof>div>strong,.craft-contact-grid strong,.craft-island-coverage figcaption{font-family:var(--craft-serif)}.craft-hero h1{letter-spacing:-.035em}.craft-section-heading h2,.craft-quote-story h2,.craft-contact-intro h2{letter-spacing:-.025em}.craft-review-slide p{color:#111820;letter-spacing:-.015em}
.craft-hero-benefits{gap:1rem;padding:0 clamp(1rem,5vw,5rem);border:0;background:var(--paper)}.craft-hero-benefits>div{min-height:164px;justify-content:flex-start;padding:2rem;border:1px solid #cbd5df;border-top:5px solid #174f91;background:#fff;color:var(--ink);text-align:left;box-shadow:0 14px 34px rgba(7,29,48,.07)}.craft-hero-benefits>div::before,.craft-hero-benefits>div::after{display:none;background-image:none!important}.craft-hero-benefits>div:last-child{border-right:1px solid #cbd5df}.craft-hero-benefits span{width:38px;height:38px;background:#174f91;color:#fff;box-shadow:none}.craft-hero-benefits strong{max-width:14rem;color:var(--ink);font-family:var(--craft-serif);font-size:1.28rem;font-weight:650;line-height:1.25;text-shadow:none}
.craft-review-slide footer{display:block;color:var(--muted)}.craft-review-slide cite{display:block;color:#111820}.craft-review-slide footer span{width:max-content;margin-top:.85rem}.craft-review-slide .craft-facebook-mark{width:18px;height:18px}.craft-quote-asset-slot{display:grid;min-height:560px;place-items:center;background:linear-gradient(135deg,#e8edf1,#d7e0e6)}.craft-quote-asset-slot::before{content:"";position:absolute;inset:12%;border:1px solid rgba(23,79,145,.28);background:linear-gradient(135deg,transparent 49.5%,rgba(23,79,145,.16) 50%,transparent 50.5%),linear-gradient(45deg,transparent 49.5%,rgba(23,79,145,.16) 50%,transparent 50.5%)}.craft-quote-asset-slot::after{display:none}.craft-quote-asset-slot>div{position:relative;z-index:1;padding:1rem 1.2rem;border:1px solid rgba(23,79,145,.28);background:rgba(255,255,255,.88);color:#174f91;font-size:.68rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.craft-footer-proof{display:grid;gap:.35rem;padding:.8rem;border:1px solid #cbd5df;background:#f4f8fb}.craft-footer-proof>span{color:var(--ink);font-size:.67rem}.craft-footer-proof strong{font-family:var(--craft-serif);font-size:1.15rem}.craft-footer-proof .craft-rating-stars{margin:0}.craft-footer .craft-rating-stars b{color:#e0a523}
@media(max-width:700px){body{font-size:16px}.craft-hero-benefits{gap:.8rem;padding:0 1rem}.craft-hero-benefits>div{min-height:118px;padding:1.35rem}.craft-hero-benefits strong{font-size:1.15rem}.craft-quote-asset-slot{min-height:330px}.craft-review-slide footer span{width:max-content;max-width:100%}}

/* PPC refinement v8: complete typography replacement and plain Facebook source line. */
:root{--craft-sans:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;--craft-serif:Cambria,"Times New Roman",Times,serif;--muted:#3d4852}body{font-family:var(--craft-sans);font-weight:450;letter-spacing:.002em}.craft-header nav,.craft-kicker,.craft-button,.craft-announcement,.craft-review-controls,.craft-footer{font-family:var(--craft-sans)}.craft-hero h1,.craft-section-heading h2,.craft-quote-story h2,.craft-contact-intro h2,.craft-services h3,.craft-comparison-grid h3,.craft-process h3,.craft-quote-form h3,.craft-review-slide p,.craft-facebook-proof>div>strong,.craft-contact-grid strong,.craft-island-coverage figcaption,.craft-hero-benefits strong,.craft-footer-proof strong{font-family:var(--craft-serif)}.craft-section-heading>p:last-child,.craft-hero p:not(.craft-kicker),.craft-service-section p,.craft-comparisons .craft-section-heading p:last-child,.craft-process li p,.craft-quote-story>p:not(.craft-kicker),.craft-contact-intro>div>p:last-child,.craft-footer div>p,.craft-legal{color:#3d4852;font-weight:560}.craft-review-slide footer{color:#111820}.craft-review-slide cite{font-weight:800}.craft-review-slide footer span{display:inline-flex;width:max-content;margin-top:.7rem;padding:0;border-radius:0;background:transparent;color:#111820;font-weight:750;line-height:1.3}.craft-review-slide .craft-facebook-mark{width:18px;height:18px;background:#1877f2;color:#fff}.craft-review-slide footer span::after{content:none}.craft-facebook-proof>div>span:not(.craft-rating-stars),.craft-facebook-proof small{color:#34433b;font-weight:850}
.craft-rating-stars{display:inline-flex!important;align-items:baseline;gap:0;font-family:"Segoe UI Symbol","Arial Unicode MS",Arial,sans-serif;font-size:1rem;line-height:1;letter-spacing:0}.craft-rating-stars b,.craft-rating-stars i{display:inline-block;margin:0;padding:0;font:900 1em/1 "Segoe UI Symbol","Arial Unicode MS",Arial,sans-serif;letter-spacing:0;vertical-align:baseline}.craft-rating-stars i{width:auto;height:1em}
.craft-rating-stars i{display:grid;width:1em;height:1em;place-items:center;margin:0;padding:0;font:900 1em/1 "Segoe UI Symbol","Arial Unicode MS",Arial,sans-serif;letter-spacing:0;vertical-align:baseline}.craft-rating-stars .is-full{color:#e0a523}.craft-rating-stars .is-partial{background:linear-gradient(90deg,#e0a523 0 70%,#cdd4cf 70% 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.craft-hero-benefits span{background:#187746;color:#fff}

/* v10: self-hosted premium type, clarified hero and lighter benefit rhythm */
@font-face{font-family:"Manrope Local";font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/manrope-latin-variable-v20.woff2') format('woff2')}
@font-face{font-family:"Fraunces Local";font-style:normal;font-weight:500 650;font-display:swap;src:url('/fonts/fraunces-latin-variable-v38.woff2') format('woff2')}
:root{--craft-sans:"Manrope Local",sans-serif;--craft-serif:"Fraunces Local",serif}
body,.craft-header nav,.craft-kicker,.craft-button,.craft-announcement,.craft-review-controls,.craft-footer{font-family:var(--craft-sans)}
.craft-hero h1,.craft-section-heading h2,.craft-quote-story h2,.craft-contact-intro h2,.craft-services h3,.craft-comparison-grid h3,.craft-process h3,.craft-quote-form h3,.craft-review-slide p,.craft-facebook-proof>div>strong,.craft-contact-grid strong,.craft-island-coverage figcaption,.craft-hero-benefits strong,.craft-footer-proof strong{font-family:var(--craft-serif)}
.craft-hero-overlay>p{color:#fff!important;font-weight:650;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.craft-start-cue{display:inline-flex;align-items:center;gap:.65rem;margin-top:1.4rem;color:#fff;font-family:var(--craft-sans);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.craft-start-cue b{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-size:1rem;transition:transform .2s ease,background .2s ease}
.craft-start-cue:hover b,.craft-start-cue:focus-visible b{transform:translateY(3px);background:rgba(255,255,255,.14)}
.craft-start-cue:focus-visible{outline:3px solid #fff;outline-offset:5px}
.craft-hero-benefits{margin-top:2rem;margin-bottom:clamp(3.5rem,6vw,6rem)}
.craft-hero-benefits>div{min-height:108px;padding:1.2rem 1.4rem}
.craft-hero-benefits span{width:32px;height:32px}
.craft-hero-benefits strong{font-size:1.05rem}
.craft-reviews{padding-top:clamp(4rem,7vw,7rem)}
@media(max-width:700px){.craft-start-cue{margin-top:1.1rem}.craft-hero-benefits{margin-top:1.25rem;margin-bottom:3.5rem}.craft-hero-benefits>div{min-height:88px;padding:1rem 1.2rem}.craft-hero-benefits strong{font-size:1rem}}
.craft-review-slide footer .craft-review-source-neutral{color:#111820;font-weight:750}
.craft-services article>a.craft-service-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.55rem;margin:0 1rem 1.25rem;padding:.65rem 1rem;border:1px solid #38434b;border-radius:2px;background:transparent;color:#1b242b;font-family:var(--craft-sans);font-size:.68rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase;box-shadow:none}
.craft-services article>a.craft-service-button::after{content:"→";font-size:.9rem;transition:transform .18s ease}
.craft-services article>a.craft-service-button:hover{background:#edf0f1;color:#10161a}.craft-services article>a.craft-service-button:hover::after{transform:translateX(3px)}
.craft-services article>a.craft-service-button:focus-visible{outline:3px solid #187746;outline-offset:3px}
.craft-comparison .craft-before-label{background:#b42318!important;color:#fff}.craft-comparison .craft-after-label{background:#187746!important;color:#fff}
.craft-contact-intro{grid-template-columns:1fr 400px;max-width:1280px}.craft-contact-intro>img{max-height:400px;image-rendering:auto}.craft-contact-grid{max-width:1280px;gap:1.2rem}.craft-contact-grid>a{grid-template-columns:120px 1fr;min-height:176px;padding:1.25rem}.craft-contact-grid img{width:120px;height:132px}.craft-contact-grid strong{font-size:1.22rem}.craft-contact-grid b{font-size:.68rem;line-height:1.35}
.craft-contact-quote{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:clamp(2rem,5vw,5rem);align-items:start;padding:clamp(3.5rem,6vw,6rem) clamp(1.5rem,6vw,7rem);background:#f7f4ee}.craft-contact-quote>div{max-width:430px}.craft-contact-quote h2{margin:.5rem 0 1rem;font-family:var(--craft-serif);font-size:clamp(2.25rem,3.7vw,4rem);font-weight:550;line-height:1.06}.craft-contact-quote>div>p:last-child{color:var(--muted);font-weight:560}.craft-contact-quote-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem 1rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid #cbd5df;background:#fff;box-shadow:0 18px 45px rgba(7,29,48,.09)}.craft-contact-quote-form label{font-size:.68rem;font-weight:800}.craft-contact-quote-form select{min-width:0;min-height:50px;padding:.75rem;border:1px solid #aeb8bf;background:#fff;color:var(--ink);font:inherit}.craft-contact-quote-form button{grid-column:1/-1;width:max-content;margin-top:.75rem}.craft-contact-quote-form [role="status"]{grid-column:1/-1;min-height:1.4em;margin:0;color:var(--muted);font-size:.7rem;font-weight:650}
@media(max-width:1050px){.craft-contact-intro{grid-template-columns:1fr 320px}.craft-contact-grid>a{grid-template-columns:116px 1fr}.craft-contact-grid img{width:116px;height:128px}.craft-contact-quote{grid-template-columns:1fr}.craft-contact-quote>div{max-width:680px}}
@media(max-width:700px){.craft-contact-intro{grid-template-columns:1fr}.craft-contact-intro>img{width:min(100%,310px);max-height:300px;justify-self:center}.craft-contact-grid>a{grid-template-columns:120px 1fr;min-height:168px;padding:1rem}.craft-contact-grid img{width:120px;height:132px}.craft-contact-quote{padding:4rem 1rem}.craft-contact-quote-form{grid-template-columns:1fr;padding:1.35rem}.craft-contact-quote-form button,.craft-contact-quote-form [role="status"]{grid-column:1}.craft-contact-quote-form button{width:100%;min-height:50px}}
.craft-services article>.craft-service-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;justify-self:center;width:max-content;margin:.55rem 1rem 1.35rem;padding:.62rem 1rem;border-radius:999px;background:#187746;color:#fff;font-size:.66rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.craft-services article>.craft-service-button:hover{background:#105c35}.craft-services article>.craft-service-button:focus-visible{outline:3px solid #6db68c;outline-offset:3px}.craft-services article>small+.craft-service-button{margin-top:.2rem}

/* v11: compact benefit transition, direct secondary form and editable owner placeholder. */
.craft-hero-benefits{margin-bottom:0}.craft-reviews{padding-top:clamp(2.5rem,3.5vw,3.75rem)}
.craft-contact{padding-bottom:2rem}.craft-contact-quote-direct{display:block;padding:0 clamp(1.5rem,6vw,7rem) clamp(4rem,6vw,6rem);background:#eee7dc}.craft-contact-quote-direct .craft-contact-quote-form{max-width:1280px;margin:0 auto}
.craft-owner-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.65fr);gap:clamp(2.5rem,7vw,7rem);align-items:center;padding:clamp(4rem,7vw,7rem) clamp(1.5rem,8vw,9rem);background:#fff}.craft-owner-copy{max-width:650px}.craft-owner-intro h2{margin:.5rem 0 1.25rem;font-family:var(--craft-serif);font-size:clamp(2.8rem,5vw,5rem);font-weight:550;line-height:1}.craft-owner-intro .craft-owner-copy>p:last-child{max-width:560px;color:var(--muted);font-weight:560}.craft-owner-intro figure{margin:0}.craft-owner-intro img{display:block;width:100%;max-height:520px;object-fit:cover;border:1px solid #cbd5df;background:#e8edf0}.craft-owner-intro figcaption{margin-top:.75rem;color:#44515a;font-size:.68rem;font-weight:700;text-align:center}
@media(max-width:700px){.craft-hero-benefits{margin-bottom:0}.craft-reviews{padding-top:2.5rem}.craft-contact{padding-bottom:1.25rem}.craft-contact-quote-direct{padding:0 1rem 4rem}.craft-owner-intro{grid-template-columns:1fr;padding:4rem 1rem;gap:2rem}.craft-owner-intro figure{max-width:330px}.craft-owner-intro img{max-height:390px}}

/* v11: one consistent self-hosted DM Sans type system and state-aware comparison labels. */
@font-face{font-family:"DM Sans Local";font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/dm-sans-latin-variable-v17.woff2') format('woff2')}
:root{--craft-sans:"DM Sans Local",sans-serif;--craft-serif:"DM Sans Local",sans-serif}
html,body,button,input,select,textarea,.craft-header nav,.craft-kicker,.craft-button,.craft-announcement,.craft-review-controls,.craft-footer,h1,h2,h3,h4,h5,h6,.craft-review-slide p,.craft-facebook-proof>div>strong,.craft-contact-grid strong,.craft-island-coverage figcaption,.craft-hero-benefits strong,.craft-footer-proof strong{font-family:"DM Sans Local",sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.035em}.craft-hero h1{font-weight:650;letter-spacing:-.045em}.craft-review-slide p{font-weight:550;letter-spacing:-.02em}.craft-kicker,.craft-header nav,.craft-button{letter-spacing:.09em}
.craft-comparison .craft-before-label,.craft-comparison .craft-after-label{transition:opacity .18s ease,visibility .18s ease}.craft-comparison .is-hidden{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.craft-comparison .craft-before-label,.craft-comparison .craft-after-label{transition:none}}

/* v11 footer measure: full-width surface, centred and calmer desktop content. */
.craft-footer{grid-template-columns:1.2fr repeat(3,minmax(0,1fr));column-gap:clamp(1.5rem,3vw,2.75rem);row-gap:2rem;padding-inline:max(clamp(1.5rem,4vw,4rem),calc((100% - 1080px)/2))}.craft-footer>div:not(.craft-legal){min-width:0}.craft-footer .craft-legal{max-width:900px;margin-inline:auto}
@media(max-width:700px){.craft-footer{grid-template-columns:1fr;gap:1.75rem;padding-inline:1.25rem}.craft-footer .craft-legal{max-width:none;width:100%}}
.craft-form-start-cue{display:flex;align-items:center;gap:.55rem;margin:0 0 .35rem;color:#9b4e31}.craft-form-start-cue b{display:grid;width:24px;height:24px;place-items:center;border:1px solid #9b4e31;border-radius:50%;font-size:.85rem;line-height:1}.craft-form-start-cue span{display:inline-block}
.craft-form-instruction{margin:-.1rem 0 .4rem;color:#3d4852;font-size:.82rem;font-weight:650;line-height:1.45}

/* v11 compact secondary form and tighter owner introduction. */
.craft-contact-quote-direct{display:flex;justify-content:center;padding-inline:1.5rem}.craft-contact-quote-direct .craft-contact-quote-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(100%,720px);margin:0;padding:clamp(1.5rem,3vw,2.25rem);gap:.45rem 1rem}.craft-contact-quote-form label:nth-of-type(1){grid-column:1;grid-row:1}.craft-contact-quote-form select:nth-of-type(1){grid-column:1;grid-row:2}.craft-contact-quote-form label:nth-of-type(2){grid-column:2;grid-row:1}.craft-contact-quote-form select:nth-of-type(2){grid-column:2;grid-row:2}.craft-contact-quote-form label:nth-of-type(3){grid-column:1/-1;grid-row:3;margin-top:.45rem}.craft-contact-quote-form select:nth-of-type(3){grid-column:1/-1;grid-row:4}.craft-contact-quote-form button{grid-column:1/-1;grid-row:5}.craft-contact-quote-form [role="status"]{grid-column:1/-1;grid-row:6}
.craft-owner-intro{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:clamp(1.5rem,3vw,3rem);background:#eaf0f4}.craft-owner-copy{justify-self:end;width:min(100%,590px)}.craft-owner-intro figure{justify-self:start;width:min(100%,420px)}
@media(max-width:700px){.craft-contact-quote-direct{padding-inline:1rem}.craft-contact-quote-direct .craft-contact-quote-form{grid-template-columns:1fr;width:100%}.craft-contact-quote-form label:nth-of-type(1){grid-column:1;grid-row:1}.craft-contact-quote-form select:nth-of-type(1){grid-column:1;grid-row:2}.craft-contact-quote-form label:nth-of-type(2){grid-column:1;grid-row:3}.craft-contact-quote-form select:nth-of-type(2){grid-column:1;grid-row:4}.craft-contact-quote-form label:nth-of-type(3){grid-column:1;grid-row:5}.craft-contact-quote-form select:nth-of-type(3){grid-column:1;grid-row:6}.craft-contact-quote-form button{grid-column:1;grid-row:7}.craft-contact-quote-form [role="status"]{grid-column:1;grid-row:8}.craft-owner-intro{grid-template-columns:1fr;gap:1.5rem}.craft-owner-copy,.craft-owner-intro figure{justify-self:start;width:100%}}

/* v11 lighter hero and a distinct navigation strip. */
.craft-header nav{padding:.72rem 1rem;background:#e7f0f7;box-shadow:0 0 0 100vmax #e7f0f7;clip-path:inset(0 -100vmax);color:#172837}.craft-hero{background-image:linear-gradient(90deg,rgba(7,22,34,.74),rgba(7,22,34,.38) 58%,rgba(7,22,34,.12)),url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/hero-exterior-illustrative.webp')}
@media(max-width:700px){.craft-header nav{background:#e7f0f7;box-shadow:0 18px 35px rgba(7,29,48,.14);clip-path:none}.craft-hero{background-image:linear-gradient(90deg,rgba(7,22,34,.72),rgba(7,22,34,.34)),url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/hero-exterior-illustrative.webp')}}

/* PPC refinement v12: calmer header rhythm and a clearly introduced lower quote form. */
@media(min-width:701px){.craft-header{min-height:202px;row-gap:.85rem;padding-top:1.25rem;padding-bottom:0}.craft-header nav{margin-top:.15rem}}
.craft-contact-quote-direct{flex-direction:column;align-items:center;gap:1.35rem;padding-top:clamp(3.5rem,6vw,5.5rem)}.craft-contact-quote-heading{display:grid;justify-items:center;width:min(100%,720px);max-width:none;margin:0 auto;text-align:center}.craft-contact-quote-heading h2{margin:0;font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.08}.craft-contact-quote-heading span{display:grid;width:34px;height:34px;margin-top:.75rem;place-items:center;border:1px solid #174f91;border-radius:50%;color:#174f91;font-size:1.15rem;font-weight:800}
@media(max-width:700px){.craft-header{min-height:126px;padding:1rem 1rem 0}.craft-header nav{top:126px}.craft-contact-quote-direct{gap:1rem;padding-top:3.25rem}.craft-contact-quote-heading h2{font-size:1.8rem}.craft-contact-quote-heading span{width:32px;height:32px;margin-top:.6rem}}
.craft-footer>div:first-child{align-items:center;text-align:center}.craft-footer>div:first-child>a[href^="tel:"]{width:100%;text-align:center}
.craft-cookie-panel{position:fixed;z-index:80;right:1rem;bottom:1rem;width:min(360px,calc(100% - 2rem));padding:1.25rem;border:1px solid #b8c8d6;background:#fff;color:#172837;box-shadow:0 18px 48px rgba(7,29,48,.24)}.craft-cookie-panel[hidden],.craft-cookie-manage[hidden]{display:none}.craft-cookie-panel h2{margin:0 0 .45rem;font-size:1.35rem;line-height:1.1}.craft-cookie-panel p{margin:0;color:#3d4852;font-size:.78rem;font-weight:550}.craft-cookie-panel>div{display:flex;gap:.65rem;margin-top:1rem}.craft-cookie-panel button,.craft-cookie-manage{min-height:42px;padding:.65rem 1rem;border:1px solid #174f91;background:#174f91;color:#fff;font:700 .72rem/1 "DM Sans Local",sans-serif;letter-spacing:.04em}.craft-cookie-panel button[data-cookie-choice="rejected"]{background:#fff;color:#172837}.craft-cookie-panel button:hover,.craft-cookie-manage:hover{filter:brightness(.92)}.craft-cookie-panel button:focus-visible,.craft-cookie-manage:focus-visible,.craft-cookie-panel h2:focus-visible{outline:3px solid #6ba0cf;outline-offset:3px}.craft-cookie-manage{position:fixed;z-index:79;right:1rem;bottom:1rem;min-height:38px;padding:.55rem .8rem;border-color:#172837;background:#fff;color:#172837;box-shadow:0 8px 24px rgba(7,29,48,.18)}
@media(max-width:700px){.craft-cookie-panel{right:.75rem;bottom:.75rem;width:calc(100% - 1.5rem);padding:1rem}.craft-cookie-panel>div{display:grid;grid-template-columns:1fr 1fr}.craft-cookie-panel button{width:100%}.craft-cookie-manage{right:.75rem;bottom:.75rem}}

/* PPC refinement v13: reuse the header quote component for the lower conversion form. */
.craft-contact-quote-direct .craft-secondary-quote-form{align-self:auto;justify-self:auto;display:grid;grid-template-columns:1fr;width:min(100%,520px);margin:0;padding:2.25rem;gap:1rem}.craft-secondary-quote-form h3{margin:0 0 .5rem}.craft-secondary-quote-form label{display:grid;gap:.4rem}.craft-secondary-quote-form button{width:max-content;margin-top:.25rem}.craft-secondary-quote-form [role="status"]{min-height:1.3em;margin:0}
@media(max-width:700px){.craft-contact-quote-direct .craft-secondary-quote-form{width:100%;margin:0;padding:1.5rem}.craft-secondary-quote-form button{width:max-content;min-height:48px}}
.craft-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.craft-lead-form .craft-form-progress{margin:0;color:#3d4852;font-size:.72rem;font-weight:800}.craft-lead-form fieldset{display:grid;gap:1rem;margin:0;padding:0;border:0}.craft-lead-form fieldset[hidden]{display:none}.craft-quote-form input,.craft-quote-form select{width:100%;min-height:50px;padding:.85rem;border:1px solid #aeb8bf;background:#fff;color:var(--ink)}.craft-form-actions{display:flex;flex-wrap:wrap;gap:.75rem}.craft-form-actions .craft-button{margin:0}.craft-lead-form[data-current-step="2"] .craft-form-start-cue{display:none}
@media(max-width:700px){.craft-form-actions{display:grid;grid-template-columns:1fr 1fr}.craft-form-actions .craft-button,.craft-secondary-quote-form .craft-form-actions .craft-button{width:100%;padding-inline:.75rem}}
.craft-submit-consent,.craft-hero p.craft-submit-consent{margin:.1rem 0 0;color:#3d4852;font-size:.7rem;font-weight:560;line-height:1.45}.craft-submit-consent a{color:#174f91;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.craft-submit-consent a:hover{color:#0d396d}.craft-submit-consent a:focus-visible{outline:3px solid #6ba0cf;outline-offset:3px;border-radius:2px}
@media(max-width:700px){.craft-submit-consent,.craft-hero p.craft-submit-consent{font-size:.72rem;line-height:1.5}}
.craft-quote-form textarea{width:100%;min-height:112px;padding:.85rem;border:1px solid #aeb8bf;background:#fff;color:var(--ink);resize:vertical}.craft-consent-check{grid-template-columns:auto 1fr!important;align-items:start;gap:.65rem!important;font-size:.72rem!important;font-weight:650!important;line-height:1.4}.craft-quote-form .craft-consent-check input{width:1.15rem;min-width:1.15rem;height:1.15rem;min-height:1.15rem;margin:.1rem 0 0;accent-color:#174f91}.craft-consent-check span{display:block}
@media(max-width:700px){.craft-quote-form textarea{min-height:104px}.craft-reviews{background-position:62% center}}
.craft-process li{position:relative}.craft-process li:not(:last-child)::after{content:"→";position:absolute;z-index:2;top:34%;right:-1.1rem;display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1px solid #174f91;border-radius:50%;background:#fff;color:#174f91;font-size:1rem;font-weight:900;transform:translate(50%,-50%)}.craft-process a{color:#174f91;font-weight:800;text-decoration:underline;text-underline-offset:2px}.craft-process a:focus-visible{outline:3px solid #6ba0cf;outline-offset:3px}.craft-process-neutral{display:grid!important;min-height:0;aspect-ratio:3/2;place-items:center!important;padding:0!important;background:linear-gradient(135deg,#dce8f1,#f7f4ee)}.craft-process-neutral span{display:grid;width:5.5rem;height:5.5rem;place-items:center;border:2px solid #174f91;border-radius:50%;color:#174f91;font-size:1.45rem;font-weight:800}.craft-process li>.craft-process-neutral+div{display:grid}
@media(max-width:700px){.craft-process ol{gap:3.4rem}.craft-process li:not(:last-child)::after{content:"↓";top:auto;right:50%;bottom:-2.8rem;transform:translate(50%,0)}.craft-process-neutral{aspect-ratio:3/2}}
.craft-consent-validation{display:block;margin:-.35rem 0 0;color:#9b2c24;font-size:.7rem;font-weight:750}.craft-consent-validation.is-confirmed{color:#187746}.craft-lead-form button[type="submit"]:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.2)}.craft-facebook-proof>div>strong{font-weight:900}.craft-lower-call{width:min(100%,520px);margin:-.3rem auto 0;color:#3d4852;font-size:.78rem;font-weight:650;text-align:center}.craft-lower-call a{color:#174f91;font-weight:850;text-decoration:underline;text-underline-offset:2px}.craft-lower-call a:focus-visible{outline:3px solid #6ba0cf;outline-offset:3px}
.craft-project-gallery{padding:clamp(4rem,7vw,7rem) clamp(1rem,6vw,7rem);background:#071d30;color:#fff}.craft-project-gallery .craft-section-heading{margin-bottom:2.5rem}.craft-project-gallery .craft-kicker{color:#d38a64}.craft-project-gallery h2{color:#fff}.craft-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(1180px,100%);margin:0 auto}.craft-gallery-grid figure{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#102f47}.craft-gallery-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}.craft-gallery-grid figure:hover img{transform:scale(1.025)}.craft-gallery-disclosure{width:min(1180px,100%);margin:1.25rem auto 0;color:#dbe4ea;font-size:.72rem;text-align:center}
@media(prefers-reduced-motion:reduce){.craft-gallery-grid img{transition:none}}@media(max-width:700px){.craft-project-gallery{padding:4rem 1rem}.craft-gallery-grid{grid-template-columns:1fr 1fr;gap:.65rem}.craft-gallery-grid img{aspect-ratio:1/1}.craft-gallery-disclosure{font-size:.72rem;text-align:left}}
.craft-feature-block{padding:clamp(4.5rem,7vw,7.5rem) clamp(1rem,6vw,7rem);background:linear-gradient(135deg,#eef5fa 0%,#f9f6ef 52%,#fff 100%);color:#0d2234}.craft-feature-heading{width:min(760px,100%);margin:0 auto clamp(2rem,4vw,3.25rem);text-align:center}.craft-feature-heading h2{margin:.55rem 0 .8rem;font-size:clamp(2rem,4vw,3.75rem);line-height:1.05}.craft-feature-heading>p:last-child{margin:0;color:#3d4852;font-weight:560}.craft-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.85rem,1.5vw,1.35rem);width:min(1180px,100%);margin:0 auto}.craft-feature-grid article{position:relative;display:flex;min-height:310px;flex-direction:column;align-items:flex-start;padding:clamp(1.35rem,2.3vw,2rem);overflow:hidden;border:1px solid #c9d8e3;background:rgba(255,255,255,.94);box-shadow:0 16px 36px rgba(7,29,48,.08)}.craft-feature-grid article::after{content:"";position:absolute;right:-3.2rem;bottom:-3.2rem;width:8rem;height:8rem;border:1px solid rgba(23,79,145,.15);border-radius:50%}.craft-feature-grid h3{max-width:12ch;margin:1.4rem 0 .7rem;font-size:clamp(1.2rem,1.5vw,1.55rem);line-height:1.12}.craft-feature-grid p{margin:auto 0 0;color:#3d4852;font-size:.84rem;font-weight:560;line-height:1.55}.craft-feature-icon{display:grid;width:78px;height:78px;grid-template-rows:1fr auto;place-content:center;border:1px solid #7ba3c5;border-radius:50%;background:linear-gradient(145deg,#174f91,#0b315c);color:#fff;text-align:center;box-shadow:0 8px 20px rgba(23,79,145,.2)}.craft-feature-icon span{font-size:1.35rem;font-weight:850;line-height:1}.craft-feature-icon i{font-size:.55rem;font-style:normal;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.craft-feature-icon-shield{border-radius:48% 48% 58% 58%/40% 40% 68% 68%;background:linear-gradient(145deg,#208956,#12653e)}.craft-feature-icon-materials{border-radius:18px;background:linear-gradient(145deg,#a76342,#71432e)}.craft-feature-icon-experience{background:linear-gradient(145deg,#2b3946,#101820)}
@media(max-width:960px){.craft-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-feature-grid article{min-height:270px}}
@media(max-width:700px){.craft-feature-block{padding:4rem 1rem}.craft-feature-heading{text-align:left}.craft-feature-grid{grid-template-columns:1fr}.craft-feature-grid article{min-height:0;padding:1.5rem}.craft-feature-grid h3{max-width:none;margin:1.15rem 0 .55rem}.craft-feature-grid p{margin:0}.craft-feature-icon{width:68px;height:68px}}
.craft-contact-quote-direct{padding-block:clamp(3.5rem,6vw,6rem);background:#e8e1d5}.craft-contact-quote-direct .craft-secondary-quote-form{padding:clamp(1.75rem,3vw,2.5rem);border:1px solid #b9c9d5;background:#fdfefe;box-shadow:0 22px 55px rgba(7,29,48,.14)}
@media(max-width:700px){.craft-contact-quote-direct{padding-block:3.25rem}.craft-contact-quote-direct .craft-secondary-quote-form{padding:1.35rem}}
.craft-gallery-actions{display:flex;justify-content:center;gap:.85rem;width:min(1180px,100%);margin:2rem auto 0}.craft-gallery-actions .craft-button{min-width:150px}.craft-gallery-actions .craft-button-outline{border-color:rgba(255,255,255,.75);color:#fff}.craft-gallery-actions .craft-button-outline:hover{background:#fff;color:#071d30}.craft-gallery-actions .craft-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:700px){.craft-gallery-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.craft-gallery-actions .craft-button{min-width:0;width:100%;padding-inline:.75rem}}
.craft-service-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:480px;background:#fff}.craft-service-story-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem);background:#f7f4ee}.craft-service-story-copy h2{max-width:12ch;margin:.55rem 0 1rem;font-size:clamp(2.4rem,4.8vw,5rem);line-height:1}.craft-service-story-copy>p:not(.craft-kicker){max-width:560px;margin:0;color:#3d4852;font-size:clamp(.95rem,1.15vw,1.1rem);font-weight:560;line-height:1.65}.craft-story-link{display:inline-flex;width:max-content;align-items:center;gap:.65rem;margin-top:1.75rem;padding-bottom:.28rem;border-bottom:1px solid #174f91;color:#174f91;font-size:.78rem;font-weight:800;text-decoration:none}.craft-story-link span{transition:transform .18s ease}.craft-story-link:hover span{transform:translateX(4px)}.craft-story-link:focus-visible{outline:3px solid #6ba0cf;outline-offset:4px}.craft-story-visual{position:relative;display:grid;min-height:480px;align-content:end;padding:clamp(1.5rem,3vw,2.5rem);overflow:hidden;background:#dce8f1;color:#fff}.craft-story-visual::before,.craft-story-visual::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.craft-story-visual::before{width:70%;aspect-ratio:1;right:-12%;top:-22%;border:1px solid rgba(255,255,255,.48);box-shadow:0 0 0 70px rgba(255,255,255,.07),0 0 0 140px rgba(255,255,255,.05)}.craft-story-visual::after{inset:0;border-radius:0;background:linear-gradient(180deg,transparent 35%,rgba(7,29,48,.72))}.craft-story-visual span,.craft-story-visual small{position:relative;z-index:1}.craft-story-visual span{font-size:clamp(1.5rem,2.5vw,2.4rem);font-weight:750}.craft-story-visual small{margin-top:.35rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.craft-story-visual-why{background:linear-gradient(135deg,#154a78,#789ebd)}.craft-story-visual-coverage{background:linear-gradient(135deg,#4e91a7,#133d62)}.craft-coverage-section .craft-service-story-copy{background:#eaf2f7}.craft-coverage-placeholder{margin-top:1rem!important;padding:.8rem 1rem;border-left:3px solid #174f91;background:rgba(255,255,255,.65);font-size:.78rem!important;font-weight:750!important}.craft-why-section+.craft-coverage-section{border-top:1px solid #d6e0e7}
@media(max-width:700px){.craft-service-story{grid-template-columns:1fr;min-height:0}.craft-service-story-copy{padding:3.5rem 1.25rem}.craft-service-story-copy h2{font-size:2.65rem}.craft-story-visual{min-height:300px}.craft-coverage-section .craft-story-visual{order:2}.craft-coverage-section .craft-service-story-copy{order:1}}
.craft-reviews{border-bottom:4px solid #174f91}.craft-reviews>.craft-section-heading{width:min(880px,100%);margin:0 auto 1.25rem;padding:1.25rem 1.5rem;border:1px solid rgba(203,213,223,.9);background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(7,29,48,.1)}.craft-facebook-proof{background:rgba(247,250,248,.97)}.craft-review-slide{background:rgba(255,255,255,.98)}
@media(max-width:700px){.craft-reviews{background-position:62% center}.craft-reviews>.craft-section-heading{margin-bottom:1rem;padding:1rem}.craft-facebook-proof{background:rgba(247,250,248,.98)}}
.craft-why-section{width:min(1180px,calc(100% - 2rem));min-height:420px;margin:clamp(3rem,5vw,5rem) auto}.craft-why-section .craft-service-story-copy{padding:clamp(2.5rem,5vw,4.75rem)}.craft-why-section .craft-story-visual{min-height:420px}.craft-benefit-image-slot{position:relative;display:grid;width:100%;aspect-ratio:16/9;place-items:center;overflow:hidden;border:1px solid #b8cad8;background:linear-gradient(135deg,#e6eef4,#f8f5ee);color:#174f91}.craft-benefit-image-slot::before,.craft-benefit-image-slot::after{content:"";position:absolute;width:65%;border-top:1px solid rgba(23,79,145,.22);transform:rotate(30deg)}.craft-benefit-image-slot::after{transform:rotate(-30deg)}.craft-benefit-image-slot span{position:relative;z-index:1;padding:.5rem .7rem;background:rgba(255,255,255,.88);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.craft-feature-grid article{min-height:0}.craft-feature-grid h3{margin-top:1.25rem}.craft-team{padding:clamp(4.5rem,7vw,7rem) clamp(1rem,6vw,7rem);background:#f0f5f8}.craft-team-heading{width:min(760px,100%);margin:0 auto 2.25rem;text-align:center}.craft-team-heading h2{margin:.55rem 0 .75rem;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1}.craft-team-heading>p:last-child{margin:0;color:#3d4852;font-weight:560}.craft-team-carousel{width:min(980px,100%);margin:0 auto}.craft-team-track{position:relative;min-height:390px}.craft-team-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;margin:0;border:1px solid #c4d3df;background:#fff;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .25s ease,transform .25s ease}.craft-team-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none}.craft-team-slide>div:last-child{padding:clamp(1.5rem,4vw,3.5rem)}.craft-team-slide h3{margin:.5rem 0 .8rem;font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.08}.craft-team-slide>div:last-child>p:last-child{margin:0;color:#3d4852;font-weight:560;line-height:1.6}.craft-team-portrait{position:relative;display:grid;min-height:390px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#dce8f1,#a9c0d1)}.craft-team-portrait::before{content:"";width:112px;height:112px;border-radius:50%;background:#f7f9fa;box-shadow:0 150px 0 72px #f7f9fa}.craft-team-portrait span{position:absolute;inset:10%;border:1px solid rgba(23,79,145,.2)}.craft-team-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.craft-team-controls button{display:grid;width:46px;height:46px;place-items:center;border:1px solid #174f91;border-radius:50%;background:#fff;color:#174f91;font-size:1.1rem;cursor:pointer}.craft-team-controls button:hover{background:#174f91;color:#fff}.craft-team-controls button:focus-visible,.craft-team-carousel:focus-visible{outline:3px solid #6ba0cf;outline-offset:3px}.craft-team-controls p{margin:0;color:#3d4852;font-size:.72rem;font-weight:800}
@media(prefers-reduced-motion:reduce){.craft-team-slide{transition:none}}
@media(max-width:700px){.craft-why-section{width:calc(100% - 2rem);margin:3rem auto}.craft-why-section .craft-story-visual{min-height:300px}.craft-benefit-image-slot{aspect-ratio:16/8}.craft-team{padding:4rem 1rem}.craft-team-heading{text-align:left}.craft-team-track{min-height:0}.craft-team-slide{grid-template-columns:1fr}.craft-team-portrait{min-height:280px}.craft-team-slide>div:last-child{padding:1.5rem}.craft-team-controls{justify-content:space-between}}
.craft-announcement{min-height:46px;padding:.5rem 1rem;font-size:.9rem;line-height:1.35;letter-spacing:.025em;white-space:nowrap}.craft-announcement a{letter-spacing:.045em}
@media(max-width:700px){.craft-announcement{min-height:44px;gap:.45rem;padding:.45rem .6rem;font-size:.82rem;line-height:1.3;letter-spacing:.01em}.craft-announcement a{letter-spacing:.02em}}
.craft-footer .craft-legal{display:grid;grid-column:1/-1;gap:.45rem;width:min(100%,860px);margin:1rem auto 0;padding-top:1.35rem;border-top:1px solid #cbd5df;text-align:center}.craft-footer .craft-legal p{margin:0;color:#283640;font-size:.76rem;font-weight:520;line-height:1.55}.craft-footer a{text-underline-offset:3px}.craft-footer a:focus-visible{outline:3px solid #6ba0cf;outline-offset:3px}
@media(max-width:700px){.craft-footer .craft-legal{gap:.55rem;width:100%;margin-top:.5rem;padding-top:1.1rem}.craft-footer .craft-legal p{font-size:.75rem;line-height:1.55}}
.craft-hero-proof{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;width:max-content;max-width:100%;margin-top:1.1rem;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.62);background:rgba(7,29,48,.78);color:#fff;font-size:.72rem;line-height:1.2;box-shadow:0 8px 22px rgba(0,0,0,.18)}.craft-hero-proof .craft-facebook-mark{width:24px;height:24px;flex:0 0 24px;background:#1877f2;color:#fff}.craft-hero-proof strong{color:#fff;font-size:.72rem;font-weight:850;white-space:nowrap}.craft-hero-proof>i{width:1px;height:20px;background:rgba(255,255,255,.38)}.craft-hero-proof .craft-rating-stars{display:inline-flex!important;align-items:center;gap:0;margin:0;font-size:.92rem}.craft-hero-proof .craft-rating-stars i{width:1em;height:1em}.craft-form-start-cue b,.craft-contact-quote-heading span{border-color:#187746;background:#187746;color:#fff}.craft-form-start-cue{color:#187746;text-shadow:none}.craft-form-start-cue:hover b,.craft-form-start-cue:focus-visible b{background:#12633b}
@media(max-width:700px){.craft-hero-proof{width:100%;gap:.45rem .55rem;margin-top:1rem;padding:.6rem .65rem;font-size:.68rem}.craft-hero-proof strong{font-size:.68rem}.craft-hero-proof .craft-rating-stars{font-size:.86rem}.craft-hero-proof>i{height:18px}}
@media(min-width:701px) and (max-width:820px){.craft-hero{grid-template-columns:1fr;gap:2.25rem;padding:3.5rem 2rem}.craft-hero-overlay{width:min(100%,660px);justify-self:center}.craft-hero-quote-form{justify-self:center;width:min(100%,520px)}}
.craft-reviews{background-color:#0b2b43;background-image:url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/man-pointing.webp');background-position:right 2rem bottom;background-size:auto 94%;background-repeat:no-repeat}
@media(max-width:700px){.craft-reviews{background-position:center,center bottom;background-size:cover,auto 72%}}
.craft-review-track,.craft-team-track{overflow:hidden}
.craft-benefit-image{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;object-position:center}.craft-feature-grid article{min-height:0;overflow:hidden}.craft-feature-grid h3{margin-top:1.25rem}

/* v30: editorial promise rail beneath the hero; intentionally image and icon free. */
.craft-hero-benefits{
  counter-reset:craft-promise;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  width:100%;
  margin:0 0 clamp(2.25rem,4vw,4rem);
  padding:clamp(1.25rem,2.5vw,2rem) clamp(1rem,5vw,5rem);
  border:0;
  border-block:1px solid rgba(255,255,255,.16);
  background:#0b2b43;
  color:#fff;
}
.craft-hero-benefits>div{
  counter-increment:craft-promise;
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  justify-content:stretch;
  gap:1rem;
  min-height:84px;
  padding:1rem clamp(1rem,2.2vw,2rem);
  overflow:visible;
  border:0;
  border-right:1px solid rgba(255,255,255,.2);
  background:transparent;
  color:#fff;
  text-align:left;
  box-shadow:none;
}
.craft-hero-benefits>div:last-child{border:0}
.craft-hero-benefits>div::before{
  content:"0" counter(craft-promise);
  position:static;
  display:block;
  width:auto;
  height:auto;
  background:none!important;
  color:#8fc8ee;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  transform:none;
}
.craft-hero-benefits>div::after{
  content:"";
  position:absolute;
  right:clamp(1rem,2.2vw,2rem);
  bottom:.75rem;
  left:clamp(1rem,2.2vw,2rem);
  display:block;
  height:2px;
  background:linear-gradient(90deg,#5aa3d7,rgba(90,163,215,0));
}
.craft-hero-benefits span{display:none}
.craft-hero-benefits strong{
  max-width:15rem;
  color:#fff;
  font-family:"DM Sans Local",sans-serif;
  font-size:clamp(1rem,1.25vw,1.22rem);
  font-weight:650;
  line-height:1.25;
  text-shadow:none;
}
@media(max-width:1024px){
  .craft-hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:clamp(1rem,4vw,2.5rem)}
  .craft-hero-benefits>div:nth-child(2){border-right:0}
  .craft-hero-benefits>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2)}
}
@media(max-width:700px){
  .craft-hero-benefits{grid-template-columns:1fr;margin:0 0 2.75rem;padding:.8rem 1rem}
  .craft-hero-benefits>div{min-height:68px;padding:.85rem .5rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
  .craft-hero-benefits>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}
  .craft-hero-benefits>div:last-child{border-bottom:0}
  .craft-hero-benefits>div::after{right:.5rem;bottom:.35rem;left:.5rem}
  .craft-hero-benefits strong{max-width:none;font-size:1rem}
}

/* v31: tick-led promise rail with a tight hand-off to the following section. */
.craft-hero-benefits{
  width:min(1180px,calc(100% - 2rem));
  margin-inline:auto;
  margin-bottom:0;
  border-bottom:1px solid rgba(90,163,215,.7);
}
.craft-hero-benefits>div{padding-inline:clamp(.8rem,1.5vw,1.35rem)}
.craft-hero-benefits>div::before{
  content:"✓";
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:50%;
  background:#187746!important;
  color:#fff;
  font-size:1rem;
  font-weight:900;
  letter-spacing:0;
}
.craft-reviews{padding-top:clamp(1.5rem,2.5vw,2.5rem)}
@media(max-width:700px){
  .craft-hero-benefits{width:calc(100% - 1.5rem);margin-bottom:0}
  .craft-reviews{padding-top:1.5rem}
}

/* v31: directional bridge from the hero message action to the quote form. */
.craft-hero-actions{align-items:center}
.craft-message-direction{
  display:block;
  width:clamp(92px,10vw,158px);
  height:auto;
  flex:0 1 auto;
  margin:-.7rem 0 -1.2rem .15rem;
  object-fit:contain;
}
@media(max-width:700px){
  .craft-hero-actions{align-items:flex-start}
  .craft-message-direction{width:88px;margin:-.55rem 0 -1rem 4.2rem;transform:rotate(18deg)}
}

.craft-review-verified{
  display:inline-flex;
  width:max-content;
  margin-top:.65rem;
  padding:.28rem .6rem;
  border:1px solid #9aabb8;
  border-radius:999px;
  background:#edf2f5;
  color:#142334;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.2;
  text-transform:uppercase;
}
@media(max-width:700px){.craft-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.craft-feature-grid article{padding:.75rem}.craft-feature-grid h3{font-size:1rem;line-height:1.25}.craft-feature-grid article p{font-size:.82rem;line-height:1.45}}
.craft-form-start-cue{gap:.8rem;margin:0 0 .7rem;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:850;letter-spacing:.1em;line-height:1.2}.craft-form-start-cue b{width:38px;height:38px;flex:0 0 38px;border-width:2px;font-size:1.3rem;box-shadow:0 5px 14px rgba(24,119,70,.2)}
@media(max-width:700px){.craft-form-start-cue{gap:.65rem;margin-bottom:.6rem;font-size:1rem}.craft-form-start-cue b{width:34px;height:34px;flex-basis:34px;font-size:1.15rem}}
.craft-reviews>.craft-section-heading{width:min(880px,100%);margin:0 auto 1.5rem;padding:0;border:0;background:transparent;box-shadow:none;color:#fff}.craft-reviews>.craft-section-heading h2{color:#fff;text-shadow:0 2px 4px rgba(7,29,48,.9),0 8px 24px rgba(7,29,48,.72)}
@media(max-width:700px){.craft-reviews>.craft-section-heading{margin-bottom:1.15rem;padding:0}.craft-reviews>.craft-section-heading h2{text-shadow:0 2px 4px rgba(7,29,48,.95),0 6px 18px rgba(7,29,48,.8)}}
.craft-reviews{background-position:right 2rem bottom}.craft-contact-intro{grid-template-columns:1fr}.craft-contact-intro>img{display:none}.craft-contact-quote-heading>span{display:none}
.craft-team-carousel{width:min(1120px,100%)}.craft-team-track{min-height:520px}.craft-team-slide{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);min-height:520px}.craft-team-portrait{min-height:520px;margin:0;background:#dce8f1}.craft-team-portrait::before,.craft-team-portrait::after{content:none}.craft-team-portrait img{display:block;width:100%;aspect-ratio:4/5;min-height:520px;object-fit:cover;object-position:center}.craft-team-portrait figcaption{position:absolute;right:.75rem;bottom:.75rem;padding:.35rem .55rem;background:rgba(7,29,48,.84);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.craft-team-role{margin:.1rem 0 .8rem;color:#174f91;font-size:.9rem;font-weight:850}.craft-team-controls button{min-width:46px;min-height:46px}
@media(max-width:700px){.craft-reviews{background-position:right -2.5rem bottom;background-size:auto 58%}.craft-team-track{min-height:0}.craft-team-slide{grid-template-columns:1fr;min-height:0}.craft-team-portrait{min-height:0}.craft-team-portrait img{min-height:0;aspect-ratio:4/5}.craft-team-controls button{width:44px;height:44px;min-width:44px;min-height:44px}}
.craft-team-track,.craft-team-slide,.craft-team-portrait{min-height:0}.craft-team-portrait img{min-height:0}
.craft-form-start-cue{justify-content:center;width:100%;text-align:center}
.craft-story-visual-why{margin:0;padding:0;background:#dce8f1}.craft-story-visual-why::before,.craft-story-visual-why::after{content:none}.craft-story-visual-why img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center}
.craft-feature-grid article{justify-content:center;min-height:190px}.craft-feature-grid h3{max-width:none;margin:0 0 .7rem}.craft-feature-grid p{margin:0}
@media(max-width:700px){.craft-story-visual-why img{min-height:0;aspect-ratio:1/1;object-position:center}.craft-feature-grid article{min-height:180px}}
.craft-review-controls p{color:#fff;text-shadow:0 1px 3px rgba(7,29,48,.95);font-size:.875rem;font-weight:850;line-height:1.3}

/* v32: full-width promise field with a compact centred promise group. */
.craft-hero-benefits{
  display:block;
  width:100%;
  margin:0;
  padding:0 clamp(.75rem,3vw,2rem);
  border-bottom:1px solid #5aa3d7;
  background:#0b2b43;
}
.craft-hero-benefits>.craft-hero-benefits-inner{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:min(1120px,100%);
  margin:0 auto;
  min-height:0;
  padding:0;
  overflow:visible;
  border:0;
  background:transparent;
  color:#fff;
  text-align:initial;
  box-shadow:none;
}
.craft-hero-benefits>.craft-hero-benefits-inner::before,.craft-hero-benefits>.craft-hero-benefits-inner::after{display:none!important;content:none!important}
.craft-hero-benefits-inner>div{
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:.75rem;
  min-height:88px;
  padding:1rem clamp(.75rem,1.4vw,1.25rem);
  border-right:1px solid rgba(255,255,255,.18);
  color:#fff;
}
.craft-hero-benefits-inner>div:last-child{border-right:0}
.craft-hero-benefits-inner>div::before{content:"✓";display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#187746;color:#fff;font-size:1rem;font-weight:900}
.craft-hero-benefits-inner>div::after{content:"";position:absolute;right:.8rem;bottom:.45rem;left:.8rem;height:1px;background:linear-gradient(90deg,rgba(90,163,215,.72),rgba(90,163,215,0))}
.craft-hero-benefits-inner>div>span{display:none}
.craft-hero-benefits-inner strong{max-width:none;color:#fff;font-size:1.02rem;font-weight:700;line-height:1.25;text-shadow:none}

/* v32: supplied roof backdrop plus separate orange-hat foreground worker. */
.craft-reviews{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#0b2b43;
  background-image:linear-gradient(90deg,rgba(7,29,48,.52),rgba(7,29,48,.2)),url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/customer-reviews-roof-working-user-v1.webp');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.craft-reviews::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,29,48,.16),rgba(7,29,48,.34))}
.craft-reviews-worker{position:absolute;z-index:0;right:clamp(0rem,2vw,2rem);bottom:0;width:auto;height:88%;object-fit:contain;object-position:right bottom;pointer-events:none}
.craft-reviews>.craft-section-heading,.craft-reviews>.craft-facebook-proof,.craft-reviews>.craft-review-carousel{position:relative;z-index:1}
.craft-review-slide footer{display:flex;align-items:flex-start;flex-direction:column;gap:0}
.craft-review-slide footer span{display:inline-flex;margin-top:.7rem}
.craft-review-slide footer .craft-review-verified{display:inline-flex;margin-top:.55rem}

/* v32: approved arrow, stronger announcement and form/footer call routes. */
.craft-message-direction{width:clamp(150px,15vw,250px);margin:-1.4rem -1rem -2.1rem .25rem;transform:none}
.craft-announcement{min-height:50px;font-size:1.02rem;line-height:1.35}
.craft-form-call-fallback{margin:.85rem 0 0;color:#283640;font-size:.8rem;font-weight:650;text-align:center}
.craft-form-call-fallback a{color:#174f91;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.craft-form-call-fallback a:focus-visible{outline:3px solid #6ba0cf;outline-offset:3px}
.craft-footer>div:first-child>a[href^="mailto:"]{width:100%;overflow-wrap:anywhere;text-align:center}

@media(max-width:1024px){
  .craft-hero-benefits>.craft-hero-benefits-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .craft-hero-benefits-inner>div:nth-child(2){border-right:0}
  .craft-hero-benefits-inner>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}
  .craft-message-direction{width:clamp(130px,16vw,180px);margin:-1rem -.5rem -1.7rem .15rem}
}
@media(max-width:700px){
  .craft-hero-benefits{padding-inline:.75rem}
  .craft-hero-benefits>.craft-hero-benefits-inner{grid-template-columns:1fr}
  .craft-hero-benefits-inner>div{min-height:68px;padding:.8rem .5rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
  .craft-hero-benefits-inner>div:last-child{border-bottom:0}
  .craft-reviews{background-image:linear-gradient(rgba(7,29,48,.28),rgba(7,29,48,.4)),url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/customer-reviews-roof-working-user-v1.webp');background-position:56% center;background-size:cover}
  .craft-reviews-worker{right:0;height:48%;max-width:82%;object-position:right bottom}
  .craft-message-direction{width:122px;margin:-1rem 0 -1.5rem 3.5rem;transform:rotate(8deg)}
  .craft-announcement{min-height:48px;padding:.5rem .65rem;font-size:.91rem;line-height:1.35;white-space:normal;text-align:center}
}

/* v33: bold code-native direction cue; no image arrow. */
.craft-message-direction-css{position:relative;display:block;width:clamp(118px,11vw,178px);height:44px;flex:0 0 auto;margin:-.2rem 0 -.4rem .3rem;animation:craft-cue-pulse 2.4s ease-in-out infinite}
.craft-message-direction-css::before{content:"";position:absolute;right:13px;bottom:8px;left:0;height:9px;border-radius:999px;background:#26a35e;box-shadow:0 0 0 3px rgba(255,255,255,.16)}
.craft-message-direction-css::after{content:"";position:absolute;right:2px;bottom:0;width:27px;height:27px;border-right:9px solid #26a35e;border-bottom:9px solid #26a35e;transform:rotate(-45deg)}
@keyframes craft-cue-pulse{0%,100%{opacity:.82;transform:translateX(0)}50%{opacity:1;transform:translateX(7px)}}

/* v33: green per-promise accents while the Builders-blue field/divider remains. */
.craft-hero-benefits-inner>div::after{background:linear-gradient(90deg,rgba(38,163,94,.95),rgba(38,163,94,0))}

/* v33: six-card What Matters composition and contained visual reserve. */
.craft-feature-block{padding-bottom:0;overflow:hidden}
.craft-feature-grid{position:relative;z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:-2rem}
.craft-feature-grid article{min-height:220px;border-top:4px solid #187746}
.craft-feature-visual-reserve{position:relative;z-index:1;display:grid;min-height:clamp(150px,16vw,230px);place-items:center;padding:3.5rem 1rem 1.5rem;border-top:1px solid #9bb2c2;background:linear-gradient(105deg,#dce7ee,#edf2f3 48%,#d5e2e9);color:#3d5668;text-align:center}
.craft-feature-visual-reserve::before,.craft-feature-visual-reserve::after{content:"";position:absolute;width:42%;border-top:1px solid rgba(23,79,145,.18);transform:rotate(8deg)}
.craft-feature-visual-reserve::after{transform:rotate(-8deg)}
.craft-feature-visual-reserve span{position:relative;z-index:1;padding:.55rem .8rem;border:1px solid #9bb2c2;background:rgba(255,255,255,.86);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* v33: fact-safe Why Choose detail. */
.craft-why-benefits{display:grid;gap:.7rem;margin:1.4rem 0 1.75rem;padding:0;list-style:none}
.craft-why-benefits li{position:relative;padding-left:1.75rem;color:#283640;font-weight:650}
.craft-why-benefits li::before{content:"✓";position:absolute;left:0;top:.02rem;display:grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:50%;background:#187746;color:#fff;font-size:.7rem;font-weight:900}

/* v33: stronger process numbers and conversion area. */
.craft-process li>div{grid-template-columns:64px 1fr}
.craft-process li>div>b{width:58px;height:58px;border:2px solid #187746;color:#187746;font-size:1.32rem;font-weight:900}
.craft-contact-intro{display:block;max-width:900px;text-align:center}
.craft-contact-intro>div{padding-bottom:2.5rem}
.craft-contact-intro>div>p:last-child{max-width:700px;margin-inline:auto}
.craft-contact-grid{gap:1.35rem}
.craft-contact-grid>a{min-height:196px;padding:1.35rem}
.craft-contact-grid img{width:132px;height:146px}
.craft-contact-grid strong{font-size:1.3rem}

/* v33: lower cue and prominent call alternatives. */
.craft-contact-quote-heading>span{display:grid;background:#187746;color:#fff;animation:craft-cue-bob 1.8s ease-in-out infinite}
@keyframes craft-cue-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.craft-form-call-fallback{margin:1rem 0 0;font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:750;line-height:1.35}
.craft-form-call-fallback a{display:inline;font-size:inherit;font-weight:900;white-space:normal}

@media(max-width:1024px){
  .craft-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .craft-contact-grid>a{min-height:184px}
  .craft-contact-grid img{width:118px;height:134px}
}
@media(max-width:700px){
  .craft-message-direction-css{width:92px;height:40px;margin:-.35rem 0 -.5rem 3.7rem}
  .craft-message-direction-css::before{height:7px}
  .craft-message-direction-css::after{width:23px;height:23px;border-width:0 7px 7px 0}
  .craft-feature-grid{grid-template-columns:1fr;margin-bottom:-1.4rem}
  .craft-feature-grid article{min-height:0}
  .craft-feature-visual-reserve{min-height:140px;padding-top:3rem}
  .craft-process li>div{grid-template-columns:56px 1fr}
  .craft-process li>div>b{width:52px;height:52px;font-size:1.18rem}
  .craft-contact{padding-inline:1rem}
  .craft-contact-intro>div{padding-bottom:2rem}
  .craft-contact-grid{grid-template-columns:1fr;gap:1rem}
  .craft-contact-grid>a{grid-template-columns:112px 1fr;min-height:172px;padding:1rem}
  .craft-contact-grid img{width:112px;height:128px}
}
@media(prefers-reduced-motion:reduce){.craft-message-direction-css,.craft-contact-quote-heading>span{animation:none!important;transform:none!important}}

/* v34: shared round down-arrow language inside the quote form. */
#craft-quote-form .craft-form-start-cue b{animation:craft-round-cue-bob 1.8s ease-in-out infinite}
#craft-contact-quote-form .craft-form-start-cue{gap:0}
@keyframes craft-round-cue-bob{0%,100%{transform:translateY(0);box-shadow:0 10px 24px rgba(3,30,20,.3)}50%{transform:translateY(7px);box-shadow:0 14px 28px rgba(3,30,20,.38)}}
@media(prefers-reduced-motion:reduce){#craft-quote-form .craft-form-start-cue b{animation:none!important;transform:none!important}}

/* v34: keep breathing room below the green promise accents inside the blue rail. */
.craft-hero-benefits>.craft-hero-benefits-inner{padding-bottom:clamp(1rem,1.8vw,1.45rem)}

/* v34: exact service subtitle stays on one line until the mobile breakpoint. */
#craft-services-title{width:max-content;max-width:100%;margin-inline:auto;font-size:clamp(2rem,3.65vw,4.15rem);white-space:nowrap}
@media(max-width:700px){#craft-services-title{width:auto;font-size:clamp(2rem,10vw,2.65rem);white-space:normal}}

/* Next isolated pass: supplied generic construction imagery, not project evidence. */
.craft-feature-visual-reserve{min-height:clamp(170px,19vw,280px);overflow:hidden;background:linear-gradient(90deg,rgba(7,29,48,.34),rgba(7,29,48,.08)),url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/customer-reviews-roof-working-user-v1.webp') center 43%/cover no-repeat}
.craft-feature-visual-reserve::before{inset:0;width:100%;height:100%;border:0;background:linear-gradient(180deg,rgba(7,29,48,.1),rgba(7,29,48,.32));transform:none}
.craft-feature-visual-reserve::after{display:none}
.craft-feature-visual-reserve span{display:none}

/* Lower form: one cue directly beneath its Start here label. */
#craft-contact-quote-form .craft-form-start-cue{flex-direction:column;gap:.5rem;margin-bottom:.75rem}
#craft-contact-quote-form .craft-form-start-cue b{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;animation:craft-cue-bob 1.8s ease-in-out infinite}

/* Heading audit: one established self-hosted family and consistent hierarchy. */
#test2-main h1,#test2-main h2,#test2-main h3,.craft-footer h2,.craft-footer h3{font-family:"DM Sans Local",sans-serif;font-style:normal;text-transform:none}
#test2-main h1{font-weight:720;letter-spacing:-.04em}
#test2-main h2{font-weight:700;letter-spacing:-.032em}
#test2-main h3{font-weight:680;letter-spacing:-.022em}
.craft-kicker{font-family:"DM Sans Local",sans-serif;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
@media(prefers-reduced-motion:reduce){#craft-contact-quote-form .craft-form-start-cue b{animation:none!important;transform:none!important}}

/* Shared trust-card and quote-cue presentation correction. */
.craft-feature-grid article::before {
  content: "✓";
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  border-radius: 50%;
  background: #187746;
  color: #fff;
  font-family: "DM Sans Local", sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(24, 119, 70, .2);
}

.craft-feature-grid article::after {
  pointer-events: none;
}

#craft-quote-form .craft-form-start-cue b,
#craft-contact-quote-form .craft-form-start-cue b {
  display: inline-grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  padding: 0;
  place-items: center;
  border-radius: 50%;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
}

@media (max-width: 700px) {
  #craft-quote-form .craft-form-start-cue b,
  #craft-contact-quote-form .craft-form-start-cue b {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    font-size: .92rem;
  }
}

/* Preserve the verified portrait-tablet Projects and Process containment. */
@media (max-width: 768px) {
  .craft-comparison-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .craft-process ol {
    grid-template-columns: 1fr;
    gap: 3.4rem;
  }

  .craft-process li:not(:last-child)::after {
    content: "\2193";
    top: auto;
    right: 50%;
    bottom: -2.8rem;
    transform: translate(50%, 0);
  }
}

/* Mason hero title containment V8: a larger desktop title with a deliberate
   two-line measure that remains inside the existing left hero column. */
@media (min-width: 821px) {
  #test2-main #craft-hero-title {
    width: 11.5ch;
    max-width: 100%;
    font-size: clamp(3rem, 4.15vw, 4rem);
    line-height: .96;
    white-space: normal;
    text-wrap: balance;
  }
}

/* Root consent visuals v2: unboxed badges, optically centred cues and corner ticks. */
.craft-hero-overlay > .craft-header-trust-badges {
  padding: 0;
  border: 0;
  background: transparent;
}

/* Root consent visuals v3: centre the complete badge row beneath its proof block. */
.craft-hero-proof {
  width: min(100%, 390px);
  justify-content: center;
}

.craft-hero-overlay > .craft-header-trust-badges {
  width: min(100%, 390px);
  justify-content: center;
  gap: clamp(.9rem, 1.8vw, 1.35rem);
}

@media (max-width: 700px) {
  .craft-hero-overlay > .craft-header-trust-badges {
    width: 100%;
    max-width: 390px;
    justify-content: center;
    gap: clamp(.8rem, 4vw, 1.15rem);
  }
}

/* Repeated conversion opportunities live only at major section boundaries. */
.craft-section-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .85rem;
  padding: 1.25rem clamp(1rem, 5vw, 4rem);
  border-block: 1px solid rgba(23, 79, 145, .14);
  background: #fff;
}

.craft-section-cta .craft-button-copper {
  background: #174f91;
}

.craft-section-cta .craft-button-outline {
  border-color: #174f91;
  color: #174f91;
}

.craft-section-cta .craft-button:hover {
  filter: brightness(.92);
}

.craft-section-cta .craft-button:focus-visible {
  outline: 3px solid #187746;
  outline-offset: 3px;
}

@media (max-width: 480px) {
  .craft-section-cta {
    gap: .65rem;
    padding: 1rem;
  }

  .craft-section-cta .craft-button {
    min-width: 0;
    flex: 1;
    padding-inline: .75rem;
  }
}

/* One-shot form acknowledgement after a Message Us action. */
.craft-lead-form.craft-form-attention {
  animation: craft-form-attention-settle .72s ease-out both;
}

@keyframes craft-form-attention-settle {
  0% { transform: translateY(10px); box-shadow: 0 0 0 0 rgba(24, 119, 70, 0); }
  45% { box-shadow: 0 0 0 5px rgba(24, 119, 70, .2); }
  100% { transform: translateY(0); box-shadow: 0 0 0 0 rgba(24, 119, 70, 0); }
}

@keyframes craft-form-attention-static {
  0%, 100% { box-shadow: 0 0 0 0 rgba(24, 119, 70, 0); }
  50% { box-shadow: 0 0 0 5px rgba(24, 119, 70, .22); }
}

@media (prefers-reduced-motion: reduce) {
  .craft-lead-form.craft-form-attention {
    animation: craft-form-attention-static .45s ease-out both;
  }
}

/* Primary form actions align exactly with the form-field measure. */
.craft-lead-form [data-step-next],
.craft-lead-form button[type="submit"] {
  display: inline-flex;
  width: 100%;
  max-width: none;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  font-size: clamp(.82rem, 1.2vw, .96rem);
  line-height: 1.2;
}

.craft-lead-form .craft-form-actions button[type="submit"] {
  flex: 0 0 100%;
  grid-column: 1 / -1;
}

/* User-supplied Team portraits: one consistent respectful portrait crop. */
.craft-team-slide[data-team-person] .craft-team-portrait img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 30%;
}

.craft-team-slide[data-team-person="dale"] .craft-team-portrait img {
  object-position: center 34%;
}

.craft-team-slide[data-team-person="wayne"] .craft-team-portrait img {
  object-position: center 24%;
}

#craft-quote-form .craft-form-start-cue b,
#craft-contact-quote-form .craft-form-start-cue b {
  text-indent: .12em;
}

.craft-feature-grid article {
  padding-bottom: clamp(3.7rem, 5vw, 4.5rem);
}

.craft-feature-grid article::after {
  right: 0;
  bottom: 0;
  width: 74px;
  height: 74px;
  border: 0;
  border-radius: 100% 0 0 0;
  background: #187746;
}

.craft-feature-grid article::before {
  position: absolute;
  z-index: 1;
  right: 15px;
  bottom: 11px;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 1.2rem;
}

@media (max-width: 700px) {
  .craft-feature-grid article {
    padding-bottom: 3.8rem;
  }

  .craft-feature-grid article::after {
    width: 68px;
    height: 68px;
  }
}

/* Promoted-root conversion cards v2: consistent image-above, text-below hierarchy. */
#craft-contact .craft-contact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 1.7vw, 1.4rem);
}

#craft-contact .craft-contact-grid > a {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0 0 1.35rem;
  overflow: hidden;
  border: 1px solid #c9d5df;
  background: #fff;
  box-shadow: 0 12px 30px rgba(7, 29, 48, .09);
}

#craft-contact .craft-contact-grid > a > img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

#craft-contact .craft-contact-grid > a > span {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  padding: 1.15rem 1.2rem 0;
}

#craft-contact .craft-contact-grid small {
  font-size: .72rem;
  line-height: 1.35;
}

#craft-contact .craft-contact-grid strong {
  margin: .45rem 0 .35rem;
  font-size: clamp(1.25rem, 1.5vw, 1.55rem);
  line-height: 1.15;
}

#craft-contact .craft-contact-grid b {
  font-size: .86rem;
  line-height: 1.45;
}

#craft-contact-quote-title .craft-mobile-hidden-stop {
  display: inline;
  width: auto;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  font: inherit;
  animation: none;
  transform: none;
}

@media (max-width: 1100px) {
  #craft-contact .craft-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  #craft-reviews-title,
  #craft-services-title,
  #craft-why-title,
  #craft-projects-title,
  #craft-feature-title,
  #craft-process-title,
  #craft-gallery-title,
  #craft-contact-title,
  #craft-team-title,
  #craft-contact-quote-title,
  #craft-locations-title,
  #craft-features .craft-feature-grid h3 {
    text-align: center;
  }

  .craft-mobile-hidden-stop {
    display: none !important;
  }

  #craft-contact .craft-contact-grid {
    grid-template-columns: 1fr;
  }

  #craft-contact .craft-contact-grid > a > span {
    padding: 1rem 1.1rem 0;
  }
}

/* Promoted-root header trust badges: user-supplied artwork, visually secondary. */
.craft-hero-overlay > .craft-header-trust-badges {
  display: flex;
  width: min(100%, 390px);
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(.75rem, 1.5vw, 1.15rem);
  margin-top: 1rem;
  padding: .7rem .85rem;
  border: 1px solid rgba(255, 255, 255, .28);
  background: rgba(7, 29, 48, .62);
}

.craft-header-trust-badges img {
  display: block;
  width: clamp(64px, 6vw, 82px);
  height: clamp(64px, 6vw, 82px);
  flex: 0 1 auto;
  object-fit: contain;
}

.craft-header-trust-badges img:last-child {
  height: clamp(70px, 6.6vw, 90px);
}

@media (max-width: 700px) {
  .craft-hero-overlay > .craft-header-trust-badges {
    width: min(100%, 320px);
    flex-direction: row;
    justify-content: space-between;
    gap: .55rem;
    padding: .6rem .7rem;
  }

  .craft-header-trust-badges img {
    width: clamp(58px, 20vw, 72px);
    height: clamp(58px, 20vw, 72px);
  }

  .craft-header-trust-badges img:last-child {
    height: clamp(64px, 22vw, 80px);
  }
}

/* Final cascade guard: badges remain unboxed at every release width. */
.craft-hero-overlay > .craft-header-trust-badges {
  padding: 0;
  border: 0;
  background: transparent;
}

/* Final alignment guard: proof and badges share one centred responsive measure. */
.craft-hero-proof,
.craft-hero-overlay > .craft-header-trust-badges {
  width: min(100%, 390px);
}

.craft-hero-overlay > .craft-header-trust-badges {
  justify-content: center;
  gap: clamp(.8rem, 1.8vw, 1.35rem);
}

/* Give the centred trust row a clearly deliberate separation from the proof. */
@media (min-width: 701px) {
  .craft-hero-overlay > .craft-header-trust-badges {
    margin-top: 2rem;
  }
}

@media (max-width: 700px) {
  .craft-hero-overlay > .craft-header-trust-badges {
    margin-top: 1.5rem;
  }
}

/* Footer navigation v2: one restrained Facebook-led in-page reviews callout. */
.craft-footer .craft-footer-facebook-reviews {
  display: grid;
  grid-template-columns: 1.55rem minmax(0, 1fr);
  gap: .55rem;
  align-items: center;
  width: min(100%, 12.5rem);
  margin-block: .2rem;
  padding: .55rem .65rem;
  border: 1px solid #b9cde0;
  border-radius: .45rem;
  background: #f3f8fc;
  color: #102f4d;
  line-height: 1.25;
  text-decoration: none;
}

.craft-footer .craft-footer-facebook-reviews span {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: #1877f2;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  font-weight: 800;
}

.craft-footer .craft-footer-facebook-reviews strong {
  display: block;
  color: inherit;
  font-size: .72rem;
  font-weight: 750;
}

.craft-footer .craft-footer-facebook-reviews small {
  display: block;
  margin-top: .15rem;
  color: #425463;
  font-size: .62rem;
  font-weight: 600;
}

.craft-footer .craft-footer-review-feature > b {
  display: block;
  margin-bottom: .7rem;
  text-transform: none;
}

.craft-footer .craft-footer-facebook-reviews:hover {
  border-color: #174f91;
  background: #e8f2fa;
}

.craft-footer .craft-footer-facebook-reviews:focus-visible {
  outline: 3px solid #6ba0cf;
  outline-offset: 3px;
}

/* Footer v3 form refinements: identical readable titles and secondary legal line. */
.craft-lead-form h3[data-form-title] {
  max-width: 100%;
  overflow: visible;
  font-size: clamp(1.45rem, 2.55vw, 2.3rem);
  line-height: 1.12;
  letter-spacing: -.035em;
  text-overflow: clip;
  white-space: nowrap;
}

.craft-form-legal-line,
.craft-hero p.craft-form-legal-line {
  margin: .55rem 0 0;
  color: #46545f;
  font-family: "DM Sans Local", sans-serif;
  font-size: .66rem;
  font-weight: 560;
  line-height: 1.45;
  text-align: center;
}

.craft-form-legal-line a {
  color: #174f91;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.craft-form-legal-line a:focus-visible {
  outline: 3px solid #6ba0cf;
  outline-offset: 3px;
}

@media (max-width: 700px) {
  .craft-lead-form h3[data-form-title] {
    font-size: clamp(1.18rem, 6vw, 1.42rem);
    letter-spacing: -.04em;
  }

}

/* Always-visible whole-island coverage list. */
.craft-locations {
  padding: clamp(4rem, 7vw, 6.5rem) clamp(1rem, 6vw, 7rem);
}

.craft-locations > .craft-section-heading {
  width: min(100%, 900px);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.craft-locations > .craft-section-heading h2 {
  margin: 0;
  color: var(--ink);
  font-family: var(--craft-serif);
  font-size: clamp(2.5rem, 4vw, 4.5rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.025em;
  text-transform: none;
}

.craft-locations-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem 1.25rem;
  width: min(100%, 1080px);
  margin: 0 auto;
  padding: 1.5rem clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid #c6d8e6;
  background: #f2f7fb;
  color: #20384d;
  text-align: left;
}

.craft-locations-list li {
  min-width: 0;
  font-size: clamp(.78rem, 1vw, .92rem);
  font-weight: 650;
  line-height: 1.45;
}

@media (max-width: 800px) {
  .craft-locations-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 460px) {
  .craft-locations > .craft-section-heading {
    text-align: left;
  }

  .craft-locations-list {
    grid-template-columns: 1fr;
    padding: 1.25rem 1.5rem;
  }
}

/* Practical reassurance: preserve the approved four titles as complete, single lines. */
#craft-features .craft-feature-grid h3 {
  max-width: none;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  font-size: clamp(.9rem, 1.22vw, 1.28rem);
  letter-spacing: -.035em;
}

@media (max-width: 700px) {
  #craft-features .craft-feature-grid h3 {
    font-size: clamp(.9rem, 4vw, 1rem);
  }
}

/* User-selected lower Practical reassurance visual: replaces the prior roofing image only. */
#craft-features .craft-feature-visual-reserve {
  display: block;
  min-height: 0;
  aspect-ratio: 16 / 9;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-top: 1px solid #9bb2c2;
  background: none;
}

#craft-features .craft-feature-visual-reserve::before,
#craft-features .craft-feature-visual-reserve::after {
  display: none;
}

#craft-features .craft-feature-visual-reserve img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Practical reassurance overlay cards: provisional, process-led copy over the approved garden visual. */
#craft-features .craft-feature-stage {
  position: relative;
  display: grid;
  min-height: clamp(480px, 48vw, 720px);
  margin: 0;
  overflow: hidden;
  background: #102b3d;
  isolation: isolate;
}

#craft-features .craft-feature-stage > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#craft-features .craft-feature-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(120deg, rgba(5, 22, 35, .82), rgba(5, 22, 35, .38) 58%, rgba(5, 22, 35, .58));
}

#craft-features .craft-feature-stage .craft-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-self: center;
  gap: clamp(.75rem, 1.7vw, 1.5rem);
  width: min(1360px, calc(100% - clamp(2rem, 7vw, 8rem)));
  margin: 0 auto;
}

#craft-features .craft-feature-stage .craft-feature-grid article {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: clamp(220px, 20vw, 285px);
  margin: 0;
  padding: clamp(1.25rem, 2.25vw, 2rem);
  border: 1px solid rgba(255, 255, 255, .5);
  border-top: 4px solid #187746;
  border-radius: 2px;
  background: rgba(7, 29, 48, .9);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
  color: #fff;
  overflow: visible;
}

#craft-features .craft-feature-stage .craft-feature-grid article::before,
#craft-features .craft-feature-stage .craft-feature-grid article::after {
  display: none;
}

#craft-features .craft-feature-stage .craft-feature-grid h3 {
  margin: 0 0 .9rem;
  color: #fff;
  font-family: Georgia, serif;
  font-size: clamp(1.12rem, 1.55vw, 1.45rem);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.12;
  white-space: nowrap;
}

#craft-features .craft-feature-stage .craft-feature-grid p {
  margin: 0;
  color: #f4f8fa;
  font-size: clamp(.88rem, 1.05vw, 1rem);
  line-height: 1.55;
}

@media (max-width: 1024px) {
  #craft-features .craft-feature-stage {
    min-height: 700px;
  }

  #craft-features .craft-feature-stage .craft-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(860px, calc(100% - 3rem));
    align-self: center;
  }

  #craft-features .craft-feature-stage .craft-feature-grid article {
    min-height: 210px;
  }
}

@media (max-width: 700px) {
  #craft-features .craft-feature-stage {
    min-height: 0;
    padding: 1rem 0;
  }

  #craft-features .craft-feature-stage::before {
    background: rgba(5, 22, 35, .68);
  }

  #craft-features .craft-feature-stage .craft-feature-grid {
    grid-template-columns: 1fr;
    gap: .8rem;
    width: calc(100% - 2rem);
    margin: 0 auto;
  }

  #craft-features .craft-feature-stage .craft-feature-grid article {
    min-height: 0;
    padding: 1.15rem;
  }

  #craft-features .craft-feature-stage .craft-feature-grid h3 {
    font-size: 1.1rem;
  }
}

/* Whole-site title audit: titles stay whole without sacrificing hierarchy. */
#test2-main h1,
#test2-main h2,
#test2-main h3,
.craft-footer-review-feature strong,
.craft-contact-grid strong,
.craft-hero-benefits-inner strong,
.craft-cookie-panel h2 {
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

#test2-main h1 {
  font-size: clamp(1.25rem, 3.25vw, 3.35rem);
  line-height: 1.02;
}

#test2-main h2 {
  font-size: clamp(1.15rem, 3.1vw, 3.85rem);
  line-height: 1.05;
}

#craft-services-title {
  white-space: nowrap;
  font-size: clamp(1.15rem, 3.65vw, 4.15rem);
}

#craft-features .craft-feature-stage .craft-feature-grid h3 {
  font-size: clamp(1.12rem, 1.55vw, 1.45rem);
  line-height: 1.12;
}

@media (max-width: 700px) {
  #test2-main h1,
  #test2-main h2,
  #test2-main h3,
  .craft-footer-review-feature strong,
  .craft-contact-grid strong {
    font-size: clamp(1.05rem, 4.7vw, 1.25rem);
    letter-spacing: -.04em;
  }

  #test2-main h1 {
    font-size: clamp(1.25rem, 5.1vw, 1.55rem);
  }

  #craft-services-title {
    white-space: nowrap;
    font-size: clamp(1.1rem, 4.8vw, 1.3rem);
    letter-spacing: -.04em;
  }

  #craft-features .craft-feature-stage .craft-feature-grid h3 {
    font-size: 1.1rem;
    letter-spacing: -.025em;
  }
}

/* Keep the narrow rendered page within the viewport while title text remains
   intentionally unbroken. Supporting copy and utility content may reflow. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

@media (max-width: 700px) {
  .craft-announcement,
  .craft-hero p:not(.craft-kicker),
  .craft-review-slide blockquote,
  .craft-footer p,
  .craft-footer a {
    overflow-wrap: anywhere;
  }

  .craft-announcement {
    white-space: normal;
  }

  .craft-footer .craft-footer-facebook-reviews strong {
    font-size: .6rem;
    letter-spacing: -.04em;
  }
}

/* V6 alignment correction: preserve whole headings without letting them escape
   their visual containers.  This is deliberately scoped to the reported root
   page areas rather than reintroducing a site-wide reduced type scale. */
.craft-hero-overlay,
.craft-contact-quote-heading,
.craft-feature-heading,
.craft-footer-review-feature,
.craft-footer .craft-footer-facebook-reviews {
  min-width: 0;
}

#test2-main #craft-hero-title {
  max-width: 100%;
  font-size: clamp(1.125rem, 3.25vw, 3.35rem);
  letter-spacing: -.052em;
}

#craft-features .craft-feature-heading {
  text-align: center;
}

#test2-main #craft-feature-title {
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  font-size: clamp(1rem, 3.5vw, 3.75rem);
}

.craft-contact-quote-direct > .craft-contact-quote-heading {
  max-width: min(100%, 720px);
  justify-items: center;
  text-align: center;
}

#craft-contact-quote-title {
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  font-size: clamp(1rem, 3vw, 2.75rem);
}

/* Footer review text is utility content, not a primary page title: it must
   remain readable inside its card rather than inherit the global no-wrap rule. */
.craft-footer .craft-footer-facebook-reviews {
  width: 100%;
}

.craft-footer .craft-footer-facebook-reviews strong,
.craft-footer .craft-footer-facebook-reviews small {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 700px) {
  #craft-hero-title {
    font-size: clamp(1.125rem, 4.55vw, 1.45rem);
  }

  #craft-feature-title {
    font-size: clamp(1rem, 4.1vw, 1.25rem);
  }

  #craft-contact-quote-title {
    font-size: clamp(1rem, 4.15vw, 1.25rem);
  }
}

/* Mason V9: align the reassurance title with its full heading measure and
   centre every coverage text cell without introducing a positional offset. */
#craft-features .craft-feature-heading {
  display: grid;
  justify-items: center;
}

#craft-feature-title {
  width: 100%;
  text-align: center;
}

.craft-locations > .craft-section-heading {
  margin-inline: auto;
  text-align: center;
}

#craft-locations-title,
.craft-locations-list,
.craft-locations-list li {
  text-align: center;
}

.craft-locations-list {
  list-style-position: inside;
}

/* Mason V10: keep the reassurance heading on the same axis as its card grid.
   The title is allowed to wrap within a deliberate reading measure; this
   supersedes the earlier whole-site no-wrap rule without using an offset. */
#craft-features .craft-feature-heading {
  width: min(100%, 1180px);
}

#test2-main #craft-feature-title {
  width: min(100%, 22ch);
  max-width: 22ch;
  margin-inline: auto;
  font-size: clamp(2rem, 2.35vw, 3rem);
  line-height: 1.08;
  white-space: normal;
  text-wrap: balance;
  overflow-wrap: normal;
}

#craft-features .craft-feature-heading > p {
  width: min(100%, 42rem);
  margin-inline: auto;
  text-align: center;
}

@media (max-width: 700px) {
  #test2-main #craft-feature-title {
    width: 100%;
    max-width: 100%;
    font-size: clamp(1rem, 4.1vw, 1.25rem);
  }
}

.craft-contact-quote-heading > p {
  max-width: 44rem;
  margin: .75rem 0 0;
  color: var(--muted);
  font-size: clamp(.82rem, 1.1vw, .95rem);
  font-weight: 560;
  line-height: 1.5;
}

/* Updates2: slightly larger hero badges while retaining the approved unboxed row. */
.craft-header-trust-badges img {
  width: clamp(76px, 7.4vw, 112px);
  height: clamp(76px, 7.4vw, 112px);
}

/* Updates2: balance the lower form's internal top and bottom breathing room. */
.craft-contact-quote-direct .craft-secondary-quote-form {
  padding-block: clamp(1.75rem, 3vw, 2.5rem);
}

/* Updates2: a single restrained viewport acknowledgement for the lower form. */
#craft-contact-quote-form.craft-form-in-view {
  animation: craft-lower-form-arrival .7s ease-out both;
}

@keyframes craft-lower-form-arrival {
  0% { transform: translateX(0) scale(1); box-shadow: 0 22px 55px rgba(7,29,48,.14); }
  22% { transform: translateX(-3px) scale(1.004); box-shadow: 0 22px 55px rgba(24,119,70,.24); }
  44% { transform: translateX(3px) scale(1.004); }
  70% { transform: translateX(-1px) scale(1.002); }
  100% { transform: translateX(0) scale(1); box-shadow: 0 22px 55px rgba(7,29,48,.14); }
}

/* Updates2: compact reassurance cards with one clear icon per approved point. */
#craft-features .craft-feature-stage .craft-feature-grid article {
  min-height: 0;
  padding: clamp(1rem, 1.6vw, 1.35rem);
}

#craft-features .craft-feature-stage .craft-feature-grid h3 {
  margin: .75rem 0 .55rem;
}

.craft-reassurance-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  background: #174f91;
  color: #fff;
}

.craft-reassurance-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.craft-why-section .craft-service-story-copy > .craft-why-lead {
  margin-bottom: .85rem;
  color: #174f91;
  font-weight: 800;
}

.craft-why-section .craft-why-benefits {
  margin-top: 1.1rem;
}

@media (max-width: 700px) {
  .craft-contact-quote-direct .craft-secondary-quote-form { padding-block: 1.35rem; }
  .craft-header-trust-badges img { width: 82px; height: 82px; }
}

@media (prefers-reduced-motion: reduce) {
  #craft-contact-quote-form.craft-form-in-view { animation: none !important; }
}

/* Updates3: exact document-authorized homepage refinements. */
#craft-hero-title {
  font-size: clamp(2.75rem, 4.55vw, 4.8rem);
  line-height: 1.01;
  text-wrap: balance;
}

.craft-hero-quote-form,
.craft-contact-quote-direct .craft-secondary-quote-form {
  padding-block: clamp(2rem, 3vw, 2.5rem);
}

.craft-header-trust-badges img[src$="trust-badge-quality-user-v1.webp"] {
  transform: scale(1.14);
  transform-origin: center;
}

#craft-services > .craft-section-heading {
  display: grid;
  width: 100%;
  max-width: none;
  justify-items: center;
  text-align: center;
}

#test2-main #craft-services-title {
  width: auto;
  max-width: 100%;
  text-align: center;
  white-space: normal;
  overflow-wrap: normal;
  text-wrap: balance;
}

#craft-features .craft-feature-heading > p {
  max-width: 54ch;
  text-wrap: balance;
}

.craft-why-section .craft-service-story-copy > p + p {
  margin-top: 1rem;
}

.craft-story-visual-why img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
}

#test2-main .craft-process h3 {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.craft-process li,
.craft-process li > div {
  min-width: 0;
}

@media (min-width: 769px) {
  .craft-process li {
    container-type: inline-size;
  }

  .craft-process li:not(:last-child)::after {
    top: 33.333cqw;
    width: 3rem;
    height: 3rem;
    right: -1.15rem;
    font-size: 1.45rem;
  }
}

@media (max-width: 768px) {
  #test2-main #craft-hero-title {
    font-size: clamp(2rem, 9.4vw, 2.55rem);
  }

  .craft-hero-quote-form,
  .craft-contact-quote-direct .craft-secondary-quote-form {
    padding-block: 1.5rem;
  }

  .craft-header-trust-badges img[src$="trust-badge-quality-user-v1.webp"] {
    transform: scale(1.12);
  }

  .craft-story-visual-why img {
    object-position: center 35%;
  }

  .craft-process li:not(:last-child)::after {
    top: auto;
    right: auto;
    left: calc(1.2rem + 29px);
    bottom: -2.8rem;
    transform: translate(-50%, 0);
  }
}

@media (max-width: 700px) {
  .craft-hero-quote-form,
  .craft-contact-quote-direct .craft-secondary-quote-form {
    padding-block: 1.5rem;
  }

  .craft-process li:not(:last-child)::after {
    left: calc(1.2rem + 26px);
  }
}

/* Updates4: document-authorized corrections layered over the verified Updates3 baseline. */
#test2-main #craft-hero-title {
  font-size: clamp(3rem, 5.15vw, 5.35rem);
}

.craft-header-trust-badges img[src$="trust-badge-quality-user-v1.webp"] {
  transform: scale(1.28);
}

.craft-reviews::after {
  content: "\2713";
  position: absolute;
  z-index: 1;
  top: 56%;
  left: 14%;
  color: rgba(32, 180, 96, .38);
  font-size: clamp(26rem, 48vw, 52rem);
  font-weight: 900;
  line-height: .72;
  transform: translate(-50%, -50%) rotate(-8deg);
  text-shadow: 0 0 50px rgba(7, 29, 48, .18);
  pointer-events: none;
}

.craft-reviews > .craft-section-heading,
.craft-reviews > .craft-facebook-proof,
.craft-reviews > .craft-review-carousel {
  z-index: 2;
}

.craft-story-visual-why {
  background: #f7f4ee;
}

#craft-locations-title {
  text-align: center;
}

.craft-locations-list,
.craft-locations-list li {
  text-align: left;
}

.craft-locations-list {
  list-style-position: outside;
}

@media (min-width: 769px) {
  .craft-process li:not(:last-child)::after {
    top: 33.333cqw;
  }
}

@media (max-width: 768px) {
  #test2-main #craft-hero-title {
    font-size: clamp(2.2rem, 10.2vw, 2.8rem);
  }

  .craft-header-trust-badges img[src$="trust-badge-quality-user-v1.webp"] {
    transform: scale(1.24);
  }

  .craft-reviews::after {
    top: 79%;
    left: 18%;
    font-size: 13rem;
  }
}

/* Rejected-review correction: the tick belongs to the review-content card itself, not the section field. */
.craft-reviews {
  background-image:
    linear-gradient(90deg, rgba(7,29,48,.52), rgba(7,29,48,.2)),
    url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/customer-reviews-roof-working-user-v1.webp');
  background-position: center, center;
  background-size: cover, cover;
  background-repeat: no-repeat;
}

.craft-reviews::after {
  content: none;
}

.craft-review-slide {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 720'%3E%3Cpath d='M45 375l135 135L515 105' fill='none' stroke='%2320b460' stroke-opacity='.16' stroke-width='92' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right -2rem bottom -2.5rem;
  background-size: 17rem auto;
  background-repeat: no-repeat;
}

.craft-story-visual-why {
  align-content: center;
}

.craft-story-visual-why img {
  object-position: center center;
}

.craft-hero-quote-form,
.craft-contact-quote-direct .craft-secondary-quote-form {
  border-color: #b8ccbe;
  background: #eef5ef;
}

@media (max-width: 768px) {
  .craft-reviews {
    background-image:
      linear-gradient(rgba(7,29,48,.28), rgba(7,29,48,.4)),
      url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/customer-reviews-roof-working-user-v1.webp');
    background-position: center, 56% center;
    background-size: cover, cover;
  }

  .craft-review-slide {
    background-position: right -1.5rem bottom -2rem;
    background-size: 12rem auto;
  }
}

/* Supplied Facebook artwork: only the hero and feedback-summary marks. */
.craft-hero-proof > img.craft-facebook-mark,
.craft-facebook-proof-source > img.craft-facebook-mark {
  display: block;
  flex-shrink: 0;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
}

/* Responsive corrections, September 2026: desktop above 1024px is unchanged. */
@media (max-width: 1024px) {
  html { scroll-padding-top: 112px; }
  .craft-header {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "logo menu";
    min-height: 96px;
    height: 96px;
    gap: 0 1rem;
    padding: .5rem 1rem;
  }
  .craft-header > .craft-brand { justify-self: start; }
  .craft-header .craft-brand-logo img { width: 148px; height: 76px; }
  .craft-header .craft-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    min-height: 44px;
    padding: .65rem .8rem;
    border: 1px solid #174f91;
    background: #fff;
    color: var(--ink);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
  }
  .craft-header nav {
    position: absolute;
    top: 100%;
    right: 1rem;
    left: 1rem;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: .5rem;
    max-height: calc(100dvh - 170px);
    overflow-y: auto;
    overscroll-behavior: contain;
    clip-path: none;
    border: 1px solid var(--sand);
    box-shadow: 0 18px 35px rgba(7,29,48,.14);
  }
  .craft-header nav.is-open { display: flex; }
  .craft-header nav a { display: flex; align-items: center; min-height: 44px; padding: .65rem .75rem; font-size: .8rem; }
  #test2-main h1, #test2-main h2, #test2-main h3 { white-space: normal; overflow-wrap: anywhere; }
  #test2-main h2, #test2-main #craft-feature-title { font-size: clamp(1.5rem, 3.2vw, 2rem); line-height: 1.15; }
  #test2-main #craft-feature-title { width: auto; max-width: 100%; }
  #test2-main #craft-services-title { max-width: 28ch; margin-inline: auto; }
  .craft-comparison-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .craft-comparison-grid > article, .craft-process li > div { min-width: 0; }
  .craft-comparison-grid h3 { overflow-wrap: anywhere; }
  .craft-lead-form [data-form-title] { max-width: 100%; white-space: normal; }
  .craft-lead-form input:not([type="checkbox"]), .craft-lead-form select, .craft-lead-form textarea { font-size: 16px; min-height: 44px; }
  .craft-consent-check { min-height: 44px; }
  .craft-footer > div > a:not(.craft-brand):not(.craft-footer-facebook-reviews) { display: inline-flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
  .craft-cookie-panel { max-height: calc(100dvh - 2rem); overflow-y: auto; }
  .craft-cookie-manage { position: static; display: block; min-height: 44px; margin: 1rem auto; }
}
@media (max-width: 900px) {
  .craft-why-section { grid-template-columns: minmax(0, 1fr); }
  .craft-why-section .craft-service-story-copy { padding: 2rem clamp(1.5rem, 5vw, 3rem); }
  .craft-story-visual-why { min-height: 0; padding: 0 1rem 2rem; }
  .craft-story-visual-why img { width: min(100%, 560px); height: auto; min-height: 0; aspect-ratio: auto; object-fit: contain; justify-self: center; }
}
@media (max-width: 820px) {
  #test2-main #craft-hero-title { width: min(100%, 18ch); max-width: 100%; white-space: normal; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.05; text-wrap: balance; }
  .craft-hero-overlay > .craft-hero-actions { flex-direction: row; flex-wrap: wrap; align-items: center; gap: .75rem; }
  .craft-hero-overlay > .craft-hero-proof { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: .5rem .65rem; }
}
@media (max-width: 768px) {
  .craft-comparison-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 360px) {
  .craft-hero-overlay > .craft-header-trust-badges { gap: .6rem; }
  .craft-header-trust-badges img { width: 72px; height: 72px; }
}
@media (max-width: 1024px) and (max-height: 500px) {
  .craft-header { height: 72px; min-height: 72px; padding-block: .25rem; }
  .craft-header .craft-brand-logo img { height: 64px; width: 124px; }
  .craft-header nav { max-height: calc(100dvh - 146px); }
  html { scroll-padding-top: 88px; }
}

/* Jayden-approved polish: verified Facebook marks and phone-only refinements. */
img.craft-facebook-mark,
img.craft-footer-facebook-mark {
  display: block;
  flex-shrink: 0;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
}

.craft-feature-mobile-copy {
  display: none;
}

.craft-projects-mobile-title {
  display: none;
}

.craft-updates6-mobile-copy {
  display: none;
}

/* Approved final polish: clear sticky-header anchor landings and calm section-intro measures. */
html {
  scroll-padding-top: 218px;
}

#craft-services,
#reviews,
#craft-why,
#craft-features,
#craft-process,
#craft-gallery,
#craft-contact,
#craft-team,
#craft-contact-quote-form,
#craft-locations-list {
  scroll-margin-top: 1rem;
}

.craft-section-heading > p:last-child,
#craft-features .craft-feature-heading > p {
  width: min(100%, 42rem);
  margin-inline: auto;
  text-wrap: pretty;
}

.craft-footer .craft-footer-facebook-reviews img.craft-footer-facebook-mark {
  width: 1.55rem;
  height: 1.55rem;
}

.craft-locations-toggle {
  display: none;
}

.craft-locations-toggle[hidden],
.craft-locations-list[hidden] {
  display: none;
}

@media (max-width: 600px) {
  #craft-hero-title {
    width: min(100%, 18ch);
    max-width: 100%;
    margin-inline: auto;
    text-align: center;
  }

  .craft-projects-desktop-title {
    display: none;
  }

  .craft-projects-mobile-title {
    display: inline;
  }

  #craft-features .craft-feature-desktop-copy {
    display: none;
  }

  #craft-features .craft-feature-mobile-copy {
    display: block;
  }

  #craft-features .craft-feature-heading,
  #craft-features .craft-feature-heading h2,
  #craft-features .craft-feature-heading p,
  #craft-features .craft-feature-stage .craft-feature-grid article,
  #craft-features .craft-feature-stage .craft-feature-grid h3,
  #craft-features .craft-feature-stage .craft-feature-grid p {
    text-align: center;
  }

  #craft-features .craft-feature-mobile-points {
    display: none;
  }

  #craft-features .craft-feature-stage .craft-feature-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #craft-features .craft-feature-stage .craft-feature-grid article {
    align-items: center;
  }

  #craft-features .craft-reassurance-icon {
    margin-inline: auto;
  }

  .craft-team-heading > p:last-child {
    width: 100%;
    margin-inline: auto;
    text-align: center;
  }

  .craft-footer > div:nth-of-type(2) {
    width: 100%;
    align-items: center;
    text-align: center;
  }

  .craft-footer > div:nth-of-type(2) > a {
    justify-content: center;
    max-width: 100%;
    white-space: normal;
  }

  .craft-hero-benefits-inner > div {
    grid-template-columns: 30px minmax(0, max-content);
    justify-content: center;
    text-align: center;
  }

  .craft-hero-benefits-inner strong {
    max-width: min(100%, 18rem);
    white-space: normal;
  }

  .craft-lead-form .craft-form-start-cue,
  .craft-lead-form h3[data-form-title],
  .craft-lead-form .craft-form-progress {
    width: 100%;
    margin-inline: auto;
    text-align: center;
  }

  .craft-lead-form .craft-form-start-cue {
    justify-content: center;
  }

  .craft-facebook-proof-source {
    justify-content: center !important;
    text-align: center;
  }

  .craft-facebook-proof-source small,
  .craft-facebook-proof-source strong {
    white-space: nowrap;
  }

  .craft-hero-overlay > .craft-hero-actions {
    width: 100%;
    justify-content: center;
    margin-inline: auto;
  }

  .craft-hero-overlay > .craft-hero-proof {
    width: min(100%, 390px);
    flex-wrap: nowrap;
    justify-content: center;
    gap: clamp(.25rem, 1.5vw, .45rem);
    margin-inline: auto;
    padding: .55rem clamp(.35rem, 2vw, .6rem);
  }

  .craft-hero-proof strong {
    font-size: clamp(.61rem, 2.7vw, .68rem);
  }

  .craft-hero-proof .craft-rating-stars {
    font-size: clamp(.76rem, 3.4vw, .86rem);
  }

  .craft-header {
    grid-template-columns: minmax(44px, 1fr) auto minmax(44px, 1fr);
    grid-template-areas: ". logo menu";
    column-gap: .5rem;
  }

  .craft-header > .craft-brand {
    justify-self: center;
  }

  .craft-header .craft-menu-toggle {
    min-width: 52px;
    min-height: 40px;
    justify-self: end;
    padding: .5rem .55rem;
    font-size: .68rem;
  }

  .craft-hero-overlay > p {
    margin-inline: auto;
    text-align: center;
  }

  #craft-why .craft-service-story-copy > p {
    text-align: center;
  }

  #craft-why-title {
    width: 100%;
    margin-inline: auto;
    text-align: center;
  }

  #craft-why .craft-why-benefits,
  #craft-why .craft-why-benefits li {
    width: 100%;
    text-align: left;
  }

  #craft-features .craft-feature-stage .craft-feature-grid h3 {
    font-weight: 850;
  }

  #craft-projects .craft-section-heading,
  #craft-projects .craft-comparison-grid h3 {
    text-align: center;
  }

  #craft-contact .craft-contact-grid > a > span {
    align-items: center;
    text-align: center;
  }

  #craft-team .craft-team-heading,
  #craft-team .craft-team-slide > div:last-child,
  #craft-team .craft-team-role {
    text-align: center;
  }

  .craft-island-coverage {
    display: grid;
    place-items: center;
  }

  .craft-island-coverage img {
    width: min(100%, 560px);
    height: auto;
    margin-inline: auto;
    object-fit: contain;
    object-position: center;
  }

  .craft-footer > div:first-child {
    width: 100%;
    align-items: center;
    text-align: center;
  }

  .craft-footer > div:first-child > a[href^="tel:"],
  .craft-footer > div:first-child > a[href^="mailto:"] {
    justify-content: center;
  }

  .craft-footer > div:nth-of-type(3) {
    display: none;
  }

  .craft-footer .craft-footer-review-feature > b {
    width: 100%;
    text-align: center;
  }

  .craft-footer .craft-footer-review-feature {
    display: grid;
    justify-items: center;
    text-align: center;
  }

  .craft-footer .craft-footer-facebook-reviews {
    margin-inline: auto;
    justify-content: center;
    text-align: center;
  }

  .craft-updates6-desktop-copy {
    display: none;
  }

  .craft-updates6-mobile-copy {
    display: inline;
  }

  .craft-locations { padding-block: 3.5rem; }
  .craft-locations > .craft-section-heading { margin-bottom: 1.25rem; }

  .craft-locations-toggle:not([hidden]) {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: .7rem 1rem;
    border: 1px solid #174f91;
    background: #fff;
    color: #174f91;
    font-weight: 800;
  }

  .craft-locations-toggle:focus-visible { outline: 3px solid #6ba0cf; outline-offset: 3px; }
  .craft-locations-list { margin-top: 1rem; }

  .craft-process li:not(:last-child)::after {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .craft-reviews { padding-bottom: 4rem; }

  .craft-reviews-worker { display: none; }

  .craft-review-slide {
    overflow: hidden;
    padding-bottom: 14rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 560'%3E%3Ccircle cx='280' cy='280' r='250' fill='%2320b460' fill-opacity='.08'/%3E%3Cpath d='M64 292l126 126L496 112' fill='none' stroke='%23147a40' stroke-opacity='.62' stroke-width='82' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: left .7rem bottom .8rem;
    background-size: 7.6rem auto;
  }

  .craft-review-slide::after {
    content: "";
    position: absolute;
    right: .1rem;
    bottom: -3px;
    width: 9rem;
    height: calc(13.5rem + 3px);
    background: url('https://d2g96ja5sbg4hs.cloudfront.net/isleofwight_builders/images/Dale_pointing_v2.webp') right bottom / contain no-repeat;
    pointer-events: none;
    clip-path: inset(0 0 3px 0);
  }

  .craft-review-slide > * {
    position: relative;
    z-index: 1;
  }
}

/* Updates 8: show the whole approved image within the existing box at every width. */
#craft-features .craft-feature-stage > img {
  object-fit: contain;
  object-position: center;
}

/* Updates 14: superseding hero cleanup, consistent section titles,
   a centred 3+2 reassurance grid and an always-present phone CTA. */
#test2-main #craft-reviews-title,
#test2-main #craft-services-title,
#test2-main #craft-why-title,
#test2-main #craft-projects-title,
#test2-main #craft-feature-title,
#test2-main #craft-process-title,
#test2-main #craft-gallery-title,
#test2-main #craft-contact-title,
#test2-main #craft-team-title,
#test2-main #craft-contact-quote-title,
#test2-main #craft-locations-title {
  width: min(100%, 24ch);
  max-width: 100%;
  margin-inline: auto;
  font-size: clamp(2rem, 3.4vw, 3.75rem);
  line-height: 1.08;
  text-align: center;
  white-space: normal;
  overflow-wrap: normal;
  text-wrap: balance;
}

#craft-features .craft-feature-stage .craft-feature-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

#craft-features .craft-feature-stage .craft-feature-grid article {
  grid-column: span 2;
}

#craft-features .craft-feature-stage .craft-feature-grid article:nth-child(4) {
  grid-column: 2 / span 2;
}

#craft-features .craft-feature-stage .craft-feature-grid article:nth-child(5) {
  grid-column: 4 / span 2;
}

#craft-features .craft-feature-stage .craft-feature-grid article:last-child {
  border-top-color: #187746;
}

.craft-mobile-call-dale { display: none; }

/* Updates 15: balance the approved Dale cutouts on desktop only. */
.craft-reviews-worker-left { display: none; }

@media (min-width: 1025px) {
  .craft-reviews-worker,
  .craft-reviews-worker-left {
    width: clamp(10rem, 18vw, 16rem);
    height: 82%;
    object-fit: contain;
    bottom: 0;
  }

  .craft-reviews-worker { right: clamp(.5rem, 2vw, 2rem); }

  .craft-reviews-worker-left {
    position: absolute;
    z-index: 0;
    left: clamp(.5rem, 2vw, 2rem);
    display: block;
    object-position: left bottom;
    pointer-events: none;
  }
}

@media (max-width: 700px) {
  #test2-main #craft-reviews-title,
  #test2-main #craft-services-title,
  #test2-main #craft-why-title,
  #test2-main #craft-projects-title,
  #test2-main #craft-feature-title,
  #test2-main #craft-process-title,
  #test2-main #craft-gallery-title,
  #test2-main #craft-contact-title,
  #test2-main #craft-team-title,
  #test2-main #craft-contact-quote-title,
  #test2-main #craft-locations-title {
    font-size: clamp(1.5rem, 7.5vw, 2rem);
  }

  #craft-features .craft-feature-stage .craft-feature-grid {
    grid-template-columns: 1fr;
  }

  #craft-features .craft-feature-stage .craft-feature-grid article,
  #craft-features .craft-feature-stage .craft-feature-grid article:nth-child(4),
  #craft-features .craft-feature-stage .craft-feature-grid article:nth-child(5) {
    grid-column: 1;
  }
}

@media (max-width: 600px) {
  .craft-mobile-call-dale {
    position: fixed;
    z-index: 72;
    right: .75rem;
    bottom: max(.75rem, env(safe-area-inset-bottom));
    left: .75rem;
    display: flex;
    flex-direction: column;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: .08rem;
    padding: .75rem 1rem;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #187746;
    color: #fff;
    box-shadow: 0 14px 34px rgba(7,29,48,.34);
    font-size: .8rem;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: .035em;
    transition: opacity .18s ease, transform .18s ease, visibility .18s linear;
  }

  .craft-mobile-call-dale b { font-size: .72rem; }
  .craft-mobile-call-dale:focus-visible { outline: 3px solid #f0bf3a; outline-offset: 3px; }
  body { padding-bottom: calc(5rem + env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
  .craft-mobile-call-dale { transition: none; }
}