/*
Theme Name: MSP Valeting
Description: Original MSP Valeting design with editable business contact details.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Author: MSP Valeting
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: msp-valeting
*/

:root{--black:#080808;--ink:#171717;--white:#fff;--muted:#6b6b6b;--line:#e7e7e7;--soft:#f5f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1160px,90%);margin:auto}.top{background:#080808;color:#fff;font-size:12px;letter-spacing:.12em;text-align:center;padding:9px 12px;text-transform:uppercase}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:85px;gap:20px}.brand{font-size:30px;font-weight:1000;font-style:italic;letter-spacing:-.1em;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:.42em;font-style:normal;font-weight:700;margin-top:8px}.links{display:flex;gap:28px;align-items:center}.links a{font-size:12px;letter-spacing:.09em;font-weight:800;text-transform:uppercase}.links a:hover{text-decoration:underline}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#080808;color:#fff;padding:15px 24px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;border:1px solid #080808;transition:.2s}.nav-cta:hover,.button:hover{background:#333}.button.light{background:#fff;color:#080808;border-color:#fff}.button.light:hover{background:#ddd}.hamburger{display:none;border:0;background:none;font-size:27px}.hero{background:#080808;color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 35%,#505050 0%,#191919 29%,transparent 63%);opacity:.75}.hero:after{content:"MSP";position:absolute;right:-.08em;bottom:-.27em;font-size:clamp(220px,38vw,650px);font-weight:1000;font-style:italic;letter-spacing:-.14em;color:#ffffff0a;line-height:1;pointer-events:none}.hero-inner{min-height:620px;padding:100px 0;display:flex;align-items:center;position:relative;z-index:1}.hero-copy{max-width:790px}.kicker{font-size:12px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.hero h1{font-size:clamp(62px,9vw,132px);letter-spacing:-.085em;line-height:.9;font-style:italic;margin:20px 0 30px;font-weight:1000}.hero h1 span{display:block;-webkit-text-stroke:2px #fff;color:transparent}.hero p{max-width:570px;font-size:17px;color:#d1d1d1;margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.ghost{background:transparent;border:1px solid #777}.ghost:hover{background:#252525}.ticker{background:#efefef;border-bottom:1px solid #ddd;padding:19px 0}.ticker-inner{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.section{padding:96px 0}.eyebrow{font-size:12px;letter-spacing:.23em;font-weight:800;text-transform:uppercase;color:#777}.heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 35px}.heading h2,.section h2{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.06em;text-transform:uppercase;margin:12px 0}.heading p{max-width:370px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:#fff}.card-art{height:220px;background:linear-gradient(135deg,#131313,#444 55%,#111);display:grid;place-items:center;position:relative;overflow:hidden}.card-art:before{content:"";position:absolute;width:240px;height:90px;border:3px solid #ffffff60;border-radius:60% 50% 22% 20%;transform:rotate(-8deg);box-shadow:0 25px 30px #0009}.card-art:after{content:"✦";position:absolute;top:20px;right:24px;color:#fff;font-size:36px}.card:nth-child(2) .card-art{background:linear-gradient(135deg,#242424,#6b6b6b,#0d0d0d)}.card:nth-child(3) .card-art{background:linear-gradient(135deg,#050505,#363636,#101010)}.card-body{padding:26px}.card h3{font-size:24px;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 10px}.card p{font-size:14px;color:var(--muted);min-height:70px}.card a{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;border-bottom:2px solid #111;padding-bottom:6px}.dark{background:#0c0c0c;color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.statement{border:1px solid #555;min-height:390px;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;background:radial-gradient(circle at 50% 40%,#3c3c3c,#080808 65%)}.statement strong{font-size:clamp(70px,12vw,150px);letter-spacing:-.12em;font-style:italic;line-height:.85}.statement small{display:block;font-size:14px;letter-spacing:.32em;margin-top:20px}.split p{color:#b9b9b9}.bullets{list-style:none;padding:0}.bullets li{padding:13px 0;border-bottom:1px solid #333}.bullets li:before{content:"✓";margin-right:14px}.booking{text-align:center;background:#f2f2f2}.booking h2{max-width:750px;margin:15px auto 20px}.booking p{color:var(--muted);max-width:630px;margin:0 auto 30px}.location{display:grid;grid-template-columns:1fr 1fr;gap:30px}.location-panel{background:#f5f5f5;padding:40px}.location-panel h3{font-size:25px;text-transform:uppercase}.location-panel p{color:#555}.map-link{min-height:350px;background:repeating-linear-gradient(35deg,#e5e5e5 0 2px,#f2f2f2 2px 38px);display:grid;place-items:center;text-align:center;padding:30px}.map-link strong{background:#080808;color:#fff;padding:20px}.footer{background:#080808;color:#fff;padding:50px 0 25px}.footrow{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer p{color:#aaa;font-size:13px}.footer nav{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;text-transform:uppercase}.bottom{border-top:1px solid #333;margin-top:35px;padding-top:20px;font-size:12px;color:#999}.placeholder{font-size:13px;color:#666;font-style:italic}.dark .placeholder{color:#bbb}@media(max-width:800px){.hamburger{display:block}.links{display:none;position:absolute;top:85px;left:0;right:0;background:white;padding:22px 5%;flex-direction:column;align-items:stretch;border-bottom:1px solid #ddd}.links.open{display:flex}.nav-cta{display:none}.hero-inner{min-height:530px;padding:75px 0}.ticker-inner{flex-direction:column;align-items:center;gap:8px}.heading{display:block}.cards,.split,.location{grid-template-columns:1fr}.split{gap:35px}.section{padding:65px 0}.card p{min-height:0}.statement{min-height:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Genuine photographs from MSP's wash site */
.hero{background:#0a0a0a url('images/blue-mercedes.webp') center 47%/cover no-repeat}
.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.73) 43%,rgba(0,0,0,.16) 100%);opacity:1}
.hero:after{display:none}
.card-art{background:none!important;height:245px;display:block}
.card-art:before,.card-art:after{display:none}
.card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.card:hover .card-art img{transform:scale(1.045)}
.statement{padding:0;overflow:hidden;background:#111;position:relative}
.statement img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}
.photo-gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.photo-gallery figure{margin:0;overflow:hidden;background:#111}
.photo-gallery img{display:block;width:100%;height:280px;object-fit:cover}
.photo-gallery figcaption{font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:12px 4px;font-weight:700}
@media(max-width:800px){.hero{background-position:60% center}.hero:before{background:linear-gradient(90deg,#000e,#0008)}.photo-gallery{grid-template-columns:1fr}.photo-gallery img{height:250px}}

body.admin-bar .header{top:32px}section[id]{scroll-margin-top:100px}.skip-link{position:absolute;left:-9999px;z-index:100}.skip-link:focus{left:10px;top:10px;background:#fff;color:#080808;padding:12px}a:focus-visible,button:focus-visible{outline:3px solid #777;outline-offset:4px}.contact-actions{justify-content:center}.contact-detail{white-space:pre-line}
@media(max-width:782px){body.admin-bar .header{top:46px}}@media(max-width:600px){body.admin-bar .header{top:0}}@media(max-width:380px){.hero h1{font-size:15vw}.button{padding:15px 18px}}