:root{--navy:#061b3a;--navy2:#082653;--blue:#078ae8;--cyan:#29c9f3;--ink:#10294f;--pale:#eef7ff;--line:#c9ddf2;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#152a49;background:#fff;line-height:1.55}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:100}.site-header{position:sticky;top:0;z-index:20;background:#061b3a;border-bottom:1px solid rgba(54,214,234,.25)}.nav-wrap{max-width:var(--max);margin:auto;min-height:82px;display:flex;align-items:center;gap:20px;padding:10px 22px}.brand img{width:220px;display:block}.nav-wrap nav{display:flex;gap:17px;align-items:center;margin-left:auto}.nav-wrap nav a,.header-call{color:#fff;text-decoration:none;font-size:13px}.nav-wrap nav a:hover{color:var(--cyan)}.header-call{background:var(--blue);padding:10px 14px;border-radius:8px;font-weight:700;white-space:nowrap}.menu-toggle{display:none}.hero{background:#061b3a;color:#fff;overflow:hidden}.hero-inner{max-width:var(--max);margin:auto;min-height:500px;padding:0 22px;display:grid;grid-template-columns:.78fr 1.22fr;gap:0;align-items:stretch}.hero-copy{padding:62px 28px 55px 0;position:relative;z-index:2;background:linear-gradient(90deg,#061b3a 0%,#061b3a 84%,rgba(6,27,58,.88) 100%)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:13px;color:#66e7f4;font-weight:700}.eyebrow.dark{color:#1477c9}.hero h1{font-size:58px;line-height:.98;text-transform:uppercase;margin:12px 0 16px;white-space:nowrap}.hero h1 span{color:#20bff4}.hero-kicker{font-size:25px;word-spacing:9px}.hero-kicker b{color:var(--cyan)}.hero-text{font-size:17px;max-width:520px;color:#e4efff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;text-decoration:none;border-radius:8px;padding:13px 18px;font-weight:700;border:1px solid transparent}.btn.primary,.btn.small{background:linear-gradient(135deg,#087bea,#0ba7ee);color:#fff}.btn.outline{border-color:#3bd9ee;color:#fff}.btn.light{background:#fff;color:#0a2146}.btn.small{padding:10px 15px}.dark-outline{color:#0a5da6!important;border-color:#0a78c9!important}.hero-art{min-height:500px;background:url('/assets/hero-laundrette.jpg?v=3') center/cover no-repeat;position:relative}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,58,.42),transparent 25%)}.sign-row,.machines,.folded{display:none}.quick-services{max-width:var(--max);margin:0 auto;padding:24px 22px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.quick-services a{text-decoration:none;color:var(--ink);padding:10px 20px;border-right:1px solid var(--line);display:grid;grid-template-columns:44px 1fr;column-gap:12px}.quick-services a:last-child{border-right:0}.quick-services .icon{grid-row:1/3;font-size:30px;color:#0a75c9}.quick-services strong{text-transform:uppercase}.quick-services small{display:block}.section{max-width:var(--max);margin:auto;padding:56px 22px}.intro{display:grid;grid-template-columns:.95fr .7fr 1.05fr;gap:0;align-items:stretch}.intro>div:first-child{padding-right:34px}.intro>div:first-child:after{content:"";display:none}.intro:before{content:"";grid-column:2;background:url('/assets/folded-towels.jpg?v=3') center/cover no-repeat;border-radius:10px 0 0 10px}.intro .benefits{grid-column:3}.section h2{font-size:39px;line-height:1.08;text-transform:uppercase;color:var(--navy);margin:8px 0 18px}.section h2 span{color:#0c8fe7}.text-link{color:#0879c9;font-weight:700}.benefits{background:linear-gradient(135deg,#f5fbff,#e5f4ff);padding:28px;border-radius:0 10px 10px 0}.benefits p{margin:10px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:10px}.cards article{border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:0 22px 22px}.cards h3{text-transform:uppercase;color:var(--navy)}.card-visual{height:160px;margin:0 -22px 20px;background:#edf6fb center/cover no-repeat;position:relative}.basket{background-image:url('/assets/home-laundry.jpg?v=3')}.linen{background-image:url('/assets/business-linen.jpg?v=3')}.van{background-image:url('/assets/collection-van.jpg?v=3')}.van:before,.van:after,.van span{display:none}.wash-info{border:2px solid #0c3a70;border-radius:12px;margin-top:20px;margin-bottom:40px}.wash-title{display:flex;gap:18px;align-items:center}.round-logo{border:2px solid #0d6caf;border-radius:50%;width:76px;height:76px;display:grid;place-items:center;color:#0b2d59;font-weight:800;font-size:23px}.wash-title h2{margin:0}.wash-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:45px}.wash-grid ul{margin:0;padding-left:22px}.wash-grid li{margin-bottom:10px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:35px}.feature-panel{background:var(--navy);color:#fff;border-radius:14px;padding:30px}.prices{text-align:center;background:#f5faff;max-width:none;padding-left:max(22px,calc((100% - var(--max))/2 + 22px));padding-right:max(22px,calc((100% - var(--max))/2 + 22px))}.prices p{max-width:780px;margin-left:auto;margin-right:auto}.prices .actions{justify-content:center}.contact{max-width:none;background:linear-gradient(135deg,#061a39,#082d5f);color:#fff;display:grid;grid-template-columns:1fr 1fr .8fr;gap:48px;padding-left:max(22px,calc((100% - var(--max))/2 + 22px));padding-right:max(22px,calc((100% - var(--max))/2 + 22px));position:relative}.contact:after{content:"";background:url('/assets/location-map.jpg?v=3') center/cover no-repeat;border-radius:10px;min-height:210px;grid-column:3;grid-row:1}.contact h2{color:#fff}.contact a{color:#fff}.contact address{font-style:normal;font-size:18px}.hours{border-left:1px solid #2874a8;padding-left:40px}.hours h3{text-transform:uppercase;color:#63e3f0}.hours dl{margin:0;max-width:360px}.hours dl div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding:5px 0}.hours dd{margin:0}footer{background:#031126;color:#d9e8f8}.footer-inner{max-width:var(--max);margin:auto;padding:25px 22px;display:flex;align-items:center;gap:30px;justify-content:space-between}.footer-inner img{width:210px}.footer-inner p{font-size:13px}.menu-toggle{background:transparent;color:#fff;border:1px solid #4faeea;border-radius:7px;padding:8px 10px}@media(max-width:980px){.header-call{display:none}.menu-toggle{display:block;margin-left:auto}.nav-wrap nav{display:none;position:absolute;top:82px;left:0;right:0;background:#061b3a;padding:20px;flex-direction:column;align-items:flex-start}.nav-wrap nav.open{display:flex}.hero-inner{grid-template-columns:1fr}.hero-copy{padding-right:0}.hero h1{white-space:normal}.hero-art{min-height:390px}.quick-services{grid-template-columns:1fr 1fr}.quick-services a:nth-child(2){border-right:0}.intro{grid-template-columns:1fr 1fr}.intro>div:first-child{grid-column:1/-1;padding-right:0;margin-bottom:25px}.intro:before{grid-column:1}.intro .benefits{grid-column:2}.wash-grid,.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.contact{grid-template-columns:1fr 1fr}.contact:after{grid-column:1/-1;grid-row:auto;min-height:250px}.hours{border-left:0;padding-left:0}.footer-inner{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.brand img{width:170px}.nav-wrap{min-height:68px}.nav-wrap nav{top:68px}.hero-copy{padding-top:45px}.hero h1{font-size:43px}.hero-kicker{font-size:20px;word-spacing:5px}.hero-art{min-height:280px}.quick-services{grid-template-columns:1fr}.quick-services a{border-right:0;border-bottom:1px solid var(--line)}.section h2{font-size:31px}.intro{grid-template-columns:1fr}.intro:before{grid-column:1;min-height:230px;border-radius:10px 10px 0 0}.intro .benefits{grid-column:1;border-radius:0 0 10px 10px}.wash-info{margin-left:12px;margin-right:12px}.actions .btn{width:100%;text-align:center}.contact{grid-template-columns:1fr}.contact:after{grid-column:1}.footer-inner img{width:180px}}

/* ===== Final visual refinement ===== */
.site-header{position:sticky;top:0;z-index:20;background:#061b3a;border-bottom:1px solid rgba(54,214,234,.25)}
.header-top{max-width:1240px;margin:auto;min-height:78px;padding:8px 22px;display:flex;align-items:center;gap:28px}
.brand{display:block;flex:0 0 285px;height:62px;overflow:hidden}
.brand img{width:285px;height:62px;object-fit:cover;object-position:center;display:block}
.tagline{text-transform:uppercase;letter-spacing:.2em;line-height:1.45;font-size:12px;color:#55dff5;font-weight:700;white-space:nowrap}
.header-contact{margin-left:auto;display:flex;align-items:center;gap:24px}
.header-contact a{color:#fff;text-decoration:none;font-size:14px;white-space:nowrap}
.header-contact .directions{background:#087bea;padding:12px 16px;border-radius:7px;font-weight:700}
.nav-row{border-top:1px solid rgba(255,255,255,.06)}
.nav-row nav{max-width:1240px;margin:auto;display:flex;justify-content:flex-end;gap:26px;padding:8px 22px 10px}
.nav-row nav a{color:#fff;text-decoration:none;font-size:13px}
.nav-row nav a:hover{color:var(--cyan)}
.hero-inner{max-width:none;margin:0;min-height:500px;padding-left:max(22px,calc((100vw - 1180px)/2));padding-right:0;grid-template-columns:minmax(390px,.78fr) minmax(620px,1.22fr)}
.hero-copy{padding-left:0;padding-right:34px}
.hero-art{width:100%;background-position:center}
.intro{grid-template-columns:1fr .72fr 1fr}
.intro>div:first-child{grid-column:1;grid-row:1;padding-right:34px}
.intro:before{grid-column:2;grid-row:1;min-height:255px}
.intro .benefits{grid-column:3;grid-row:1}
.cards article{box-shadow:0 5px 18px rgba(11,43,82,.06)}
.card-visual{height:175px}
.wash-info{box-shadow:0 5px 18px rgba(11,43,82,.05)}
.contact{grid-template-columns:1fr 1fr .9fr}
.footer-inner img{height:68px;object-fit:cover;object-position:center}
@media(max-width:1100px){
  .header-contact a:not(.directions){display:none}
  .tagline{display:none}
  .brand{flex-basis:230px;width:230px}
  .brand img{width:230px}
  .nav-row nav{justify-content:center;gap:17px}
  .hero-inner{grid-template-columns:.9fr 1.1fr;padding-left:22px}
}
@media(max-width:980px){
  .header-top{min-height:72px}
  .brand{flex-basis:210px;height:54px}
  .brand img{width:210px;height:54px}
  .header-contact{display:none}
  .menu-toggle{display:block;margin-left:auto}
  .nav-row{border-top:0}
  .nav-row nav{display:none;position:absolute;top:72px;left:0;right:0;background:#061b3a;padding:20px;flex-direction:column;align-items:flex-start}
  .nav-row nav.open{display:flex}
  .hero-inner{grid-template-columns:1fr;padding:0}
  .hero-copy{padding:52px 22px;max-width:760px;margin:auto;width:100%}
  .hero-art{min-height:410px}
  .intro{grid-template-columns:1fr 1fr}
  .intro>div:first-child{grid-column:1/-1;grid-row:1;padding-right:0;margin-bottom:25px}
  .intro:before{grid-column:1;grid-row:2}
  .intro .benefits{grid-column:2;grid-row:2}
}
@media(max-width:620px){
  .brand{flex-basis:180px;width:180px;height:48px}
  .brand img{width:180px;height:48px}
  .nav-row nav{top:68px}
  .hero-art{min-height:300px}
  .intro{grid-template-columns:1fr}
  .intro>div:first-child{grid-column:1;grid-row:1}
  .intro:before{grid-column:1;grid-row:2}
  .intro .benefits{grid-column:1;grid-row:3}
}

/* v4: crop source hero image to hide embedded lower-left text */
@media(min-width:981px){.hero-art{background-size:auto 118%;background-position:58% 44%;}}
@media(max-width:980px){.hero-art{background-size:cover;background-position:center 40%;}}

/* v5: clean live map panel; directions button kept outside the map */
.contact:after{display:none!important;content:none!important}
.map-card{grid-column:3;grid-row:1;align-self:stretch;min-height:260px;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.map-card iframe{display:block;width:100%;min-height:215px;flex:1;border:0}
.map-directions{display:block!important;background:#087bea;color:#fff!important;text-align:center;text-decoration:none;font-weight:700;padding:12px 14px}
.map-directions:hover{background:#066fcf}
@media(max-width:980px){.map-card{grid-column:1/-1;grid-row:auto;min-height:300px}.map-card iframe{min-height:245px}}
@media(max-width:620px){.map-card{grid-column:1;min-height:280px}.map-card iframe{min-height:225px}}

/* v6: hide text baked into lower-left corner of the source hero photograph */
@media(min-width:981px){
  .hero-art{background-size:auto 142%;background-position:68% 42%;}
}

/* v6: hide text baked into lower-left corner of the source hero photograph */
@media(min-width:981px){
  .hero-art{background-size:auto 142%;background-position:68% 42%;}
}