/* ==========================================================================
   Bomb Auto Detailing — design tokens
   Graphite / near-black with a vivid orange-red accent. This business has no
   logo and no brand material of any kind, so the palette is a choice, not a
   reading of anything real — see README.md for the reasoning.
   No explosion or blast imagery anywhere: the name is slang for "excellent".
   ========================================================================== */
:root{
  --navy-950:#050608; --navy-900:#0a0b0d; --navy-800:#14171c;
  --blue-600:#1d222a; --blue-500:#ff6a2b; --sky-400:#ff9052;
  --white:#14171c; --paper:#101318; --bone:#0a0b0d;
  --ink:#f3efea; --ink-soft:#9ba1ab;
  --radius-lg:22px; --radius-md:14px; --radius-sm:8px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.5); --shadow-md:0 10px 28px rgba(0,0,0,.5); --shadow-lg:0 24px 60px rgba(0,0,0,.62);
  --max-w:1240px; --nav-h:88px; --ease:cubic-bezier(.16,1,.3,1);

  /* tokens the shared kit.css reads */
  --k-bg:#0a0b0d; --k-surface:#14171c; --k-line:#282d36;
  --k-ink:#f3efea; --k-ink-2:#9ba1ab;
  --k-accent:#ff6a2b; --k-accent-2:#ff9052;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
body{margin:0;background:var(--bone);color:var(--ink);font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:"Space Grotesk","Inter",sans-serif;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--ink)}
p{margin:0}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit;cursor:pointer}
.wrap{max-width:var(--max-w);margin:0 auto;padding:0 24px}

/* ---- header ---- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,36,84,.97);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:20px}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark img{height:72px;width:72px;border-radius:16px;object-fit:cover;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.3),var(--shadow-sm)}
.brand-text{color:#fff;font-family:"Space Grotesk";font-weight:700;font-size:17px;line-height:1.1}
.brand-text span{display:block;font-family:"Inter";font-weight:500;font-size:10.5px;letter-spacing:.08em;color:var(--sky-400);text-transform:uppercase}
.main-nav{display:flex;gap:26px}
.main-nav a{color:#dce8ff;font-weight:600;font-size:14.5px;transition:color .2s}
.main-nav a:hover{color:#fff}
.header-cta{display:flex;align-items:center;gap:14px}
.header-phone{color:#fff;font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:6px}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:26px;padding:4px}

.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-pill);font-weight:700;font-size:14.5px;border:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--blue-500);color:#fff;box-shadow:0 10px 24px rgba(30,136,229,.35)}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}
.btn-block{width:100%;justify-content:center}

.mobile-nav{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--navy-900);z-index:49;flex-direction:column;padding:18px 24px 26px;gap:4px;box-shadow:var(--shadow-md)}
.mobile-nav.open{display:flex}
.mobile-nav a{color:#eaf3ff;font-weight:600;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-nav .btn{margin-top:14px}

/* ---- hero ---- */
.hero{position:relative;background:linear-gradient(160deg,var(--navy-950),var(--navy-800) 60%,var(--blue-600));overflow:hidden;padding:56px 0 64px}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(95,196,255,.25),transparent 55%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);color:#eaf3ff;padding:7px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.18)}
.hero-badge.rating{background:#fff;color:var(--navy-900)}
h1{color:#fff;font-size:clamp(32px,4.6vw,54px);line-height:1.08}
h1 em{color:var(--sky-400);font-style:normal}
.hero-sub{color:#cfe0fb;font-size:16.5px;max-width:520px;margin-top:16px}
.hero-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.hero-stats{display:flex;gap:28px;margin-top:32px;flex-wrap:wrap}
.stat strong{display:block;color:#fff;font-family:"Space Grotesk";font-size:19px}
.stat span{color:#a9c1ec;font-size:13px}
.hero-visual{position:relative}
.hero-photo{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid rgba(255,255,255,.14)}
.hero-photo img{width:100%;height:440px;object-fit:cover}
.photo-caption{position:absolute;left:16px;bottom:16px;background:rgba(6,21,48,.72);color:#fff;padding:8px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px;backdrop-filter:blur(6px)}

/* ---- gband ---- */
.gband{background:var(--white);border-bottom:1px solid #e3edfb}
.gband .wrap{display:flex;align-items:center;gap:14px;padding:18px 24px;flex-wrap:wrap}
.gband-score{font-family:"Space Grotesk";font-weight:700;font-size:26px;color:var(--navy-900)}
.gband-stars{color:#f5a623;font-size:20px}
.gband-text{color:var(--ink-soft);font-size:14.5px}
.gband a{margin-left:auto;color:var(--blue-500);font-weight:700;font-size:14px}

/* ---- trust strip ---- */
.trust-strip{background:var(--paper)}
.trust-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:32px 24px}
.trust-item{display:flex;gap:12px;align-items:flex-start}
.trust-item i{font-size:22px;color:var(--blue-500);margin-top:2px}
.trust-item strong{display:block;font-size:14.5px}
.trust-item span{color:var(--ink-soft);font-size:13px}

/* ---- section shell ---- */
section{padding:68px 0}
.section-head{max-width:640px;margin-bottom:36px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--blue-500);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.section-head h2{font-size:clamp(25px,3vw,36px)}
.section-head p{color:var(--ink-soft);margin-top:12px;font-size:15.5px}

/* ---- about ---- */
.about .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.about p{color:var(--ink-soft);font-size:15.5px;margin-top:16px}
.about-badge{margin-top:24px;display:flex;gap:14px;background:var(--paper);border-radius:var(--radius-md);padding:18px}
.about-badge i{font-size:24px;color:var(--blue-500)}
.about-badge strong{display:block;font-size:14.5px}
.about-badge span{color:var(--ink-soft);font-size:13.5px}
.about-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.tag{background:var(--navy-900);color:#fff;padding:6px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gallery-grid img{border-radius:var(--radius-md);object-fit:cover;height:190px;width:100%;box-shadow:var(--shadow-sm)}
.gallery-feature{grid-column:1/-1;border-radius:var(--radius-md);background:linear-gradient(160deg,var(--navy-900),var(--navy-800));box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;padding:14px}
.gallery-feature img{width:auto;height:340px;max-width:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:none}

/* ---- gallery3 ---- */
.gallery3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gallery3 figure{position:relative;height:290px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin:0}
.gallery3 img{width:100%;height:290px;object-fit:cover;transition:transform .4s var(--ease)}
.gallery3 figure:hover img{transform:scale(1.05)}
.gallery3 figure.tall-photo{background:linear-gradient(160deg,var(--navy-900),var(--navy-800));display:flex;align-items:center;justify-content:center}
.gallery3 figure.tall-photo img{width:auto;height:100%;max-width:100%;object-fit:contain}
.gallery3 figure.tall-photo:hover img{transform:scale(1.03)}
.gallery3 figcaption{position:absolute;left:14px;bottom:14px;color:#fff;font-weight:700;font-size:14px;background:rgba(6,21,48,.55);padding:6px 12px;border-radius:var(--radius-pill)}

/* ---- instagram ---- */
.instagram{background:linear-gradient(140deg,var(--navy-900),var(--navy-800))}
.instagram .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
.ig-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);max-width:300px;margin:0 auto}
.ig-card img{display:block}
.instagram .eyebrow{color:var(--sky-400)}
.instagram h2{color:#fff}
.instagram p{color:#cfe0fb;margin-top:14px;font-size:15.5px}
.ig-stats{display:flex;gap:26px;margin-top:22px;flex-wrap:wrap}
.ig-stats strong{display:block;color:#fff;font-family:"Space Grotesk";font-size:20px}
.ig-stats span{color:#a9c1ec;font-size:12.5px}
.ig-actions{margin-top:26px}

/* ---- reviews marquee ---- */
.reviews{background:var(--paper);padding-bottom:52px}
.review-track-outer{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.review-track{display:flex;gap:20px;width:max-content;animation:scrollTrack 42s linear infinite}
.review-track:hover{animation-play-state:paused}
@keyframes scrollTrack{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.review-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:22px;width:320px;flex:0 0 auto}
.review-card .stars{color:#f5a623;font-size:14px;margin-bottom:10px}
.review-card p{font-size:14px;color:var(--ink);line-height:1.55}
.review-card .who{display:flex;align-items:center;gap:10px;margin-top:16px}
.review-avatar{width:34px;height:34px;border-radius:50%;background:var(--blue-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:0 0 auto}
.review-card .who strong{font-size:13.5px;display:block}
.review-card .who span{font-size:12px;color:var(--ink-soft)}
.reviews-note{text-align:center;color:var(--ink-soft);font-size:13px;margin-top:18px;padding:0 24px}

/* ---- quote form ---- */
.quote{background:#fff}
.quote .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px}
.quote-info .lead{color:var(--ink-soft);margin-top:10px;font-size:15.5px}
.contact-list a,.contact-list .row{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:14.5px;margin-top:12px}
.contact-list i{color:var(--blue-500)}
.social-row{display:flex;gap:12px;margin-top:22px}
.social-row a{width:40px;height:40px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--navy-900);transition:background .2s,color .2s}
.social-row a:hover{background:var(--blue-500);color:#fff}
.quote-form{background:var(--paper);border-radius:var(--radius-lg);padding:30px}
.quote-form h3{font-size:20px}
.form-sub{color:var(--ink-soft);font-size:13.5px;margin-top:6px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.field.full{grid-column:1/-1}
.field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1.5px solid #d9e4f5;border-radius:var(--radius-sm);font-family:inherit;font-size:14.5px;background:#fff}
.field textarea{min-height:80px;resize:vertical}
.form-note{color:var(--ink-soft);font-size:12px;margin-top:12px;display:flex;gap:6px;align-items:center}

/* ---- map ---- */
.area{background:var(--paper)}
.area-inner{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-top:24px}
.area-map{width:100%;height:340px;border:0;display:block}

/* ---- footer ---- */
.site-footer{background:var(--navy-950);color:#a9c1ec;padding:52px 0 24px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.footer-brand p{margin-top:12px;font-size:13.5px}
.footer-col h4{color:#fff;font-size:14px;margin-bottom:14px}
.footer-col li{margin-bottom:9px;font-size:13.5px}
.footer-social{display:flex;gap:12px;margin-top:16px}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}
.footer-social a:hover{background:var(--blue-500)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;font-size:12.5px;flex-wrap:wrap;gap:8px}

.text-us-fab{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--blue-500);color:#fff;display:flex;align-items:center;gap:8px;padding:14px 18px;border-radius:var(--radius-pill);font-weight:700;font-size:14px;box-shadow:var(--shadow-lg)}

/* ---- reveal-on-scroll ---- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media(max-width:900px){
  .main-nav{display:none}
  .nav-toggle{display:block}
  .header-phone span{display:none}
  .hero .wrap,.about .wrap,.instagram .wrap,.quote .wrap{grid-template-columns:1fr}
  .hero-visual{order:-1}
  .hero-photo img{height:280px}
  .trust-strip .wrap{grid-template-columns:1fr 1fr}
  .gallery3{grid-template-columns:1fr}
  .gallery-grid img,.gallery-grid img:first-child{height:200px}
  .form-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  section{padding:52px 0}
  .gband .wrap{justify-content:center;text-align:center}
  .gband a{margin-left:0;width:100%}
  .ig-card{max-width:240px}
  .review-card{width:270px}
}
@media(max-width:520px){
  .hero{padding:40px 0 48px}
  .hero-stats{gap:20px}
  .header-cta .btn span{display:none}
  .text-us-fab span{display:none}
  .text-us-fab{padding:14px;border-radius:50%}
}

/* ==========================================================================
   Bomb Auto Detailing — additions
   The reference stylesheet above is a light-ground design and hard-codes a
   handful of navy/white values that the :root block cannot reach. Everything
   below re-points those to the graphite palette, then adds the few components
   this site has that the reference did not (honest "no reviews yet" band,
   opening hours, services, map band, dark quote form).
   Layout rules above are untouched.
   ========================================================================== */

/* ---- dark-ground corrections for hard-coded reference colours ---- */
.site-header{background:rgba(10,11,13,.94);border-bottom:1px solid var(--k-line);box-shadow:none}
.main-nav a{color:#c6cad1}
.main-nav a:hover{color:var(--sky-400)}
.mobile-nav{border-bottom:1px solid var(--k-line)}
.mobile-nav a{color:#e6e3df;border-bottom-color:rgba(255,255,255,.07)}
.hero::after{background:radial-gradient(circle at 84% 16%,rgba(255,106,43,.22),transparent 58%)}
.hero-badge{background:rgba(255,255,255,.06);color:#e6e3df;border-color:rgba(255,255,255,.14)}
.hero-sub{color:#b8bdc5}
.stat span{color:#8d939c}
.photo-caption{background:rgba(10,11,13,.8);border:1px solid rgba(255,255,255,.16)}
.btn-primary{color:#120a05;box-shadow:0 10px 26px -10px rgba(255,106,43,.85)}
.btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}
.trust-strip{border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line)}
.tag{background:rgba(255,106,43,.13);color:var(--sky-400);border:1px solid rgba(255,106,43,.34)}
.about-badge{border:1px solid var(--k-line)}
.gallery3 figcaption{background:rgba(10,11,13,.72)}
.quote{background:#0d0f13}
.social-row a{background:var(--k-surface);color:var(--ink);border:1px solid var(--k-line)}
.social-row a:hover{background:var(--blue-500);color:#120a05}
.quote-form{border:1px solid var(--k-line)}
.site-footer{border-top:1px solid var(--k-line)}
.footer-social a:hover{background:var(--blue-500);color:#120a05}
.text-us-fab{color:#120a05}
.brand-mark img{box-shadow:none}

/* ---- brand mark: no logo file exists, so a typographic monogram ---- */
.brand-mark.mono{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--blue-500),#e04f14);color:#120a05;
  font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:26px;line-height:1;
  box-shadow:0 8px 22px -10px rgba(255,106,43,.9)}

/* ---- honest band, in place of a rating band ---- */
/* This business has ZERO Google reviews and no rating, so there is no score to
   show. Nothing here implies one. */
.newband{background:var(--white);border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line);padding:0}
.newband .wrap{display:flex;align-items:center;gap:16px;padding:20px 24px;flex-wrap:wrap}
.newband i{font-size:26px;color:var(--sky-400);flex:none}
.newband strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:17px;color:var(--ink)}
.newband p{color:var(--ink-soft);font-size:14.5px;margin-top:3px;max-width:62ch}
.newband .newband-txt{flex:1 1 320px;min-width:0}
.newband a.newband-cta{flex:none;display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,106,43,.13);border:1px solid rgba(255,106,43,.4);color:var(--sky-400);
  font-weight:700;font-size:14px;padding:11px 18px;border-radius:var(--radius-pill)}
.newband a.newband-cta:hover{background:var(--blue-500);color:#120a05;border-color:var(--blue-500)}

/* ---- hero photo: their real photo is portrait (899x1200) ---- */
.hero-photo img{height:520px;object-position:50% 62%}

/* ---- services ---- */
.services{background:var(--bone)}
.svc-note{display:flex;gap:11px;align-items:flex-start;max-width:760px;margin:0 auto 30px;
  background:var(--white);border:1px solid var(--k-line);border-radius:var(--radius-md);
  padding:15px 18px;color:var(--ink-soft);font-size:13.5px;line-height:1.6}
.svc-note i{color:var(--sky-400);font-size:19px;flex:none;margin-top:1px}

/* ---- opening hours ---- */
.hours{background:var(--paper);border-top:1px solid var(--k-line)}
.hours .wrap{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.hours-table{background:var(--white);border:1px solid var(--k-line);border-radius:var(--radius-lg);
  padding:10px 22px 14px}
.hours-table .row{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:13px 0;border-bottom:1px solid var(--k-line);font-size:15px}
.hours-table .row:last-child{border-bottom:none}
.hours-table .row b{font-weight:600;color:var(--ink)}
.hours-table .row span{color:var(--ink-soft);font-variant-numeric:tabular-nums}
.hours-table .row.closed span{color:#e9603a;font-weight:700}
.hours-table .row.open24{background:linear-gradient(90deg,rgba(255,106,43,.11),transparent);
  margin:0 -22px;padding-left:22px;padding-right:22px}
.hours-table .row.open24 span{color:var(--sky-400);font-weight:700}

/* ---- gallery of their two real photos ---- */
.gal2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.gal2 figure{position:relative;margin:0;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--k-line);box-shadow:var(--shadow-md);background:var(--white)}
.gal2 img{width:100%;height:560px;object-fit:cover;object-position:50% 55%}
.gal2 figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 16px;
  background:linear-gradient(transparent,rgba(5,6,8,.92));color:#fff;font-size:14px;font-weight:600}

/* ---- reviews section ---- */
.reviews{border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line)}
.rv{margin-top:8px}
.rv-row + .rv-row{margin-top:16px}
.sample-warning{max-width:760px;margin:26px auto 0;text-align:center;color:var(--ink-soft);
  font-size:13px;line-height:1.65;border:1px dashed var(--k-line);border-radius:var(--radius-md);
  padding:14px 18px}
.sample-warning strong{color:var(--ink)}

/* ---- service area ---- */
.area .area-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.area-copy p{color:var(--ink-soft);font-size:15.5px;margin-top:14px}
.area-copy ul{margin-top:18px;display:flex;flex-wrap:wrap;gap:9px}
.area-copy li{background:var(--white);border:1px solid var(--k-line);border-radius:var(--radius-pill);
  padding:6px 13px;font-size:12.5px;color:var(--ink-soft)}

/* ---- quote form (kit .qf on a dark ground) ---- */
.qf-actions{margin-top:4px}
.qf-done .btn{margin:0 6px 8px}
#quoteCopy{background:rgba(255,255,255,.07);color:var(--ink);border:1px solid var(--k-line)}

/* ---- map band ---- */
.mapband{background:var(--paper);border-top:1px solid var(--k-line);padding-bottom:68px}
.mapband .map-shell{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--k-line);
  box-shadow:var(--shadow-md);margin-top:24px}
.mapband iframe{width:100%;height:360px;border:0;display:block;filter:grayscale(.25)}
.mapband .map-addr{display:flex;align-items:center;justify-content:center;gap:9px;
  color:var(--ink-soft);font-size:14px;margin-top:16px;text-align:center;flex-wrap:wrap}
.mapband .map-addr i{color:var(--sky-400)}

/* ---- footer sourcing disclosure ---- */
.disclosure{border-top:1px solid var(--k-line);margin-top:30px;padding-top:20px;
  color:#7d838d;font-size:12px;line-height:1.72;max-width:96ch}
.disclosure b{color:#b6bcc5}

/* ---- mobile ---- */
@media(max-width:900px){
  .hours .wrap,.area .area-grid{grid-template-columns:1fr}
  .gal2{grid-template-columns:1fr}
  .gal2 img{height:430px}
  .hero-photo img{height:360px}
  .newband .wrap{padding:18px 24px}
  .newband a.newband-cta{width:100%;justify-content:center}
}
@media(max-width:520px){
  .gal2 img{height:340px}
  .hero-photo img{height:300px}
  .hours-table{padding:6px 16px 10px}
  .hours-table .row{font-size:13.5px;padding:11px 0}
  .hours-table .row.open24{margin:0 -16px;padding-left:16px;padding-right:16px}
  .newband strong{font-size:15.5px}
}
/* the radar's 12 real neighbourhoods need tighter chips on a 390px screen */
@media(max-width:430px){
  .radar-town{font-size:8.5px;padding:3px 6px;letter-spacing:-.01em}
}

/* ---- post-render corrections ---- */
/* auto-fit gave 4 columns at 1440 and orphaned two cards; 3+3 reads better */
@media(min-width:1080px){.svc-wrap{grid-template-columns:repeat(3,1fr)}}
/* the hero tint was spreading far enough to read brown; tighten it */
.hero::after{background:radial-gradient(circle at 86% 14%,rgba(255,106,43,.18),transparent 46%)}
/* more room for the radar: 12 real neighbourhoods need the width */
.area .area-grid{grid-template-columns:.86fr 1.14fr}
.radar{width:min(680px,100%)}
@media(max-width:900px){.area .area-grid{grid-template-columns:1fr}}

/* ---- about: what is published vs what is not ---- */
.facts{background:var(--white);border:1px solid var(--k-line);border-radius:var(--radius-lg);padding:26px 26px 24px}
.facts h3{font-size:15px;letter-spacing:.02em;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.facts h3 i{font-size:18px}
.facts h3.yes i{color:var(--sky-400)}
.facts h3.no i{color:#8d939c}
.facts ul{display:flex;flex-direction:column;gap:9px}
.facts li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--ink-soft);line-height:1.55}
.facts li i{font-size:14px;margin-top:3px;flex:none}
.facts .yes-list li i{color:var(--sky-400)}
.facts .no-list li i{color:#6d737c}
.facts .no-list li{color:#7d838d}
.facts hr{border:0;border-top:1px solid var(--k-line);margin:22px 0}
.facts .foot{margin-top:20px;font-size:12.5px;color:#7d838d;line-height:1.6}

/* ---- specificity: kit.css loads after this file, so rules that re-point a
   kit selector need one extra level to win ---- */
@media(min-width:1080px){.services .svc-wrap{grid-template-columns:repeat(3,1fr)}}
.area .radar{width:min(660px,100%)}
@media(max-width:430px){
  .radar .radar-town{font-size:8.5px;padding:3px 6px;letter-spacing:-.01em}
}
@media(max-width:520px){
  .brand-text{font-size:14.5px}
  .brand-text span{font-size:9.5px;white-space:nowrap}
  .brand-mark.mono{width:46px;height:46px;font-size:22px;border-radius:13px}
}

/* the reference footer text colour was a pale navy-scheme blue */
.site-footer{color:var(--ink-soft)}
.footer-col li a:hover,.footer-brand a:hover{color:var(--sky-400)}

/* ---- "worth having ready" card, quote column ---- */
.ready{margin-top:30px;background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:var(--radius-lg);padding:22px 24px 24px}
.ready h3{font-size:15px;display:flex;align-items:center;gap:9px;margin:0 0 14px}
.ready h3 i{font-size:19px;color:var(--sky-400)}
.ready ul{display:flex;flex-direction:column;gap:11px}
.ready li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--ink-soft)}
.ready li i{font-size:12px;margin-top:5px;flex:none;color:var(--blue-500)}