:root {
  --ink: #101011;
  --ink-raised: #1a1a1c;
  --paper: #f6f3ee;
  --paper-deep: #e9e4dc;
  --white: #fffdf9;
  --red: #d6203b;
  --red-dark: #a80e25;
  --muted: #66625d;
  --line: #d6d0c8;
  --line-dark: rgba(255,255,255,.17);
  --display: Georgia, "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --shadow: 0 20px 55px rgba(18, 15, 12, .11);
  --radius: 3px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html.is-modal-open, body.is-modal-open { overflow: hidden; }
body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--paper);
  font: 400 16px/1.6 var(--sans);
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { touch-action: manipulation; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.skip {
  position: fixed;
  top: .8rem;
  left: .8rem;
  z-index: 100;
  padding: .7rem 1rem;
  color: var(--ink);
  background: var(--white);
  border: 2px solid var(--red);
  transform: translateY(-180%);
}
.skip:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #f3b516; outline-offset: 4px; }

.notice {
  position: relative;
  z-index: 20;
  color: #fff;
  background: var(--red);
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .105em;
  text-transform: uppercase;
}
.notice-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(100% - 2.5rem, 1340px);
  min-height: 35px;
  margin: auto;
}
.notice p { margin: 0; }
.notice a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.notice a:hover { color: #fff1f3; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 76px;
  padding: .65rem max(1.25rem, calc((100vw - 1340px) / 2));
  color: #fff;
  background: rgba(16,16,17,.97);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.brand, .footer-brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.brand-logo {
  display: block;
  width: 190px;
  height: 64px;
  object-fit: cover;
  object-position: center 47%;
}
.wordmark {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "wmc name" "tag tag";
  column-gap: .42rem;
  align-items: baseline;
  color: var(--white);
  line-height: 1;
}
.wordmark b { grid-area: wmc; font-family: var(--display); font-size: 2rem; font-weight: 700; letter-spacing: -.08em; }
.wordmark > span { grid-area: name; font-size: .8rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.wordmark small { grid-area: tag; margin-top: .32rem; color: #c8c3bc; font-size: .5rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.nav { display: flex; align-items: center; justify-content: flex-end; gap: clamp(.75rem, 1.35vw, 1.35rem); }
.nav > a:not(.btn), .services-menu summary {
  position: relative;
  padding: .5rem 0;
  color: #f5f2ee;
  border: 0;
  background: transparent;
  font-size: .75rem;
  font-weight: 760;
  letter-spacing: .045em;
  text-transform: uppercase;
  cursor: pointer;
}
.nav > a:not(.btn)::after, .services-menu summary::after {
  position: absolute;
  right: 0;
  bottom: .15rem;
  left: 0;
  height: 1px;
  content: "";
  background: var(--red);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .2s ease;
}
.nav > a:not(.btn):hover::after, .nav > a[aria-current="page"]::after, .services-menu summary:hover::after { transform: scaleX(1); transform-origin: left; }
.nav > a[aria-current="page"] { color: #fff; }
.services-menu { position: relative; }
.services-menu summary { display: flex; gap: .38rem; align-items: center; list-style: none; }
.services-menu summary::-webkit-details-marker { display: none; }
.services-menu summary span { display: inline-block; color: var(--red); transition: transform .2s ease; }
.services-menu[open] summary span { transform: rotate(180deg); }
.services-menu div {
  position: absolute;
  top: calc(100% + .65rem);
  left: -1.25rem;
  display: grid;
  min-width: 224px;
  padding: .55rem;
  color: #fff;
  background: #1b1b1e;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: var(--shadow);
}
.services-menu div a { padding: .55rem .65rem; font-size: .78rem; font-weight: 670; }
.services-menu div a:hover { color: #fff; background: rgba(255,255,255,.1); }
.menu {
  display: none;
  align-items: center;
  gap: .5rem;
  min-height: 40px;
  padding: .55rem .7rem;
  color: #fff;
  background: transparent;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: var(--radius);
  font-size: .71rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.menu::before { width: 14px; height: 10px; content: ""; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.menu[aria-expanded="true"]::before { height: 1px; border-bottom: 0; transform: rotate(45deg); }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  padding: .75rem 1rem;
  color: #fff;
  background: var(--red);
  border: 1px solid var(--red);
  border-radius: var(--radius);
  box-shadow: none;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.btn:hover { color: #fff; background: var(--red-dark); border-color: var(--red-dark); transform: translateY(-2px); }
.btn.outline { color: inherit; background: transparent; border-color: currentColor; }
.btn.outline:hover { color: var(--ink); background: var(--white); border-color: var(--white); }
.nav .btn { min-height: 38px; padding-inline: .78rem; }

h1, h2, h3 { margin: 0; color: inherit; font-family: var(--display); font-weight: 700; letter-spacing: -.052em; line-height: .97; }
h1 { max-width: 14ch; font-size: clamp(3.2rem, 7.2vw, 7.25rem); }
h2 { max-width: 18ch; font-size: clamp(2.25rem, 4.7vw, 4.8rem); }
h3 { font-size: clamp(1.32rem, 2vw, 1.7rem); }
p { margin: 0 0 1rem; }
.eyebrow { margin-bottom: .9rem; color: var(--red); font-size: .69rem; font-weight: 850; letter-spacing: .15em; line-height: 1.2; text-transform: uppercase; }
.intro { max-width: 680px; color: var(--muted); font-size: clamp(1rem, 1.25vw, 1.14rem); }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.actions-centered { justify-content: center; }
.text-link { display: inline-flex; align-items: center; gap: .48rem; padding: .35rem 0; color: var(--ink); border-bottom: 1px solid currentColor; font-size: .82rem; font-weight: 800; letter-spacing: .02em; }
.text-link:hover { color: var(--red); }
.text-link span { font-size: 1.1em; transition: transform .2s ease; }
.text-link:hover span { transform: translateX(3px); }

.hero, .page-hero { min-height: calc(100svh - 111px); color: #fff; background-color: var(--ink); }
.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.hero::before, .page-hero::before {
  position: absolute;
  z-index: -1;
  content: "";
  pointer-events: none;
  background: repeating-linear-gradient(115deg, transparent 0 44px, rgba(255,255,255,.035) 45px 46px, transparent 47px 92px);
}
.hero::before { inset: 0 0 0 52%; }
.hero-copy, .page-hero, .section { padding: clamp(4.25rem, 8vw, 8.75rem) max(1.25rem, calc((100vw - 1340px) / 2)); }
.hero-copy { position: relative; z-index: 1; display: flex; width: 54%; min-height: inherit; box-sizing: border-box; flex-direction: column; justify-content: center; padding-right: clamp(1.25rem, 5vw, 6rem); }
.hero-copy > p:not(.eyebrow), .page-hero > p:last-child { max-width: 580px; margin-top: 1.65rem; color: #c8c5c1; font-size: clamp(1rem, 1.35vw, 1.18rem); }
.hero .eyebrow, .page-hero .eyebrow { color: #ff98a7; }
.hero .actions { margin-top: 2.2rem; }
.hero-art {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  min-height: 440px;
  padding: clamp(3rem, 7vw, 7rem) max(1.25rem, calc((100vw - 1340px) / 2));
  padding-left: 1rem;
  overflow: hidden;
  text-align: right;
  background:
    linear-gradient(145deg, transparent 0 50%, rgba(214,32,59,.1) 50% 51%, transparent 51%),
    radial-gradient(circle at 78% 17%, rgba(214,32,59,.22), transparent 30%),
    linear-gradient(135deg, #29282a, #101011 68%);
}
.hero-art::before {
  position: absolute;
  top: 16%;
  right: -12%;
  width: min(46vw, 670px);
  aspect-ratio: 1;
  content: "";
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 50%;
  box-shadow: 0 0 0 25px rgba(255,255,255,.03), 0 0 0 26px rgba(214,32,59,.7), 0 0 0 50px rgba(255,255,255,.025);
}
.hero-art::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12%;
  width: 1px;
  content: "";
  background: linear-gradient(transparent, rgba(255,255,255,.45), transparent);
}
.hero-art span { position: relative; z-index: 1; max-width: 7ch; font-family: var(--sans); font-size: clamp(3.35rem, 7.2vw, 7.8rem); font-weight: 900; letter-spacing: -.105em; line-height: .79; }
.hero-art i { color: var(--red); font-style: normal; }
.hero-art.photo-feature { background: linear-gradient(145deg, transparent 0 50%, rgba(214,32,59,.1) 50% 51%, transparent 51%), radial-gradient(circle at 78% 17%, rgba(214,32,59,.22), transparent 30%), linear-gradient(135deg, #29282a, #101011 68%); }

/* Real-photo slots: show the photography without text overlays. */
.photo-slot {
  position: relative;
  display: block;
  min-height: 270px;
  margin: 0;
  overflow: hidden;
  background-color: #242427;
  background-image: var(--photo-url), linear-gradient(135deg, #48464a, #1a1a1d 64%, #8e1930);
  background-position: var(--photo-position, center);
  background-size: cover;
  filter: var(--photo-filter, brightness(1.02) contrast(1.05) saturate(.94));
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: 0 18px 40px rgba(16, 13, 11, .13);
}
.photo-slot::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(145deg, rgba(255,255,255,.06), transparent 45%, rgba(0,0,0,.1)); mix-blend-mode: soft-light; }
.hero-media { position: absolute; inset: 0 0 0 54%; overflow: hidden; }
.hero-slide { position: absolute; inset: 0; min-height: 0; border: 0; box-shadow: none; opacity: 0; transform: scale(1.035); transition: opacity 900ms ease, transform 7s ease; }
.hero-slide.is-active { opacity: 1; transform: scale(1); }
.hero-slideshow__controls { position: absolute; z-index: 2; right: clamp(1.25rem, 3vw, 3.25rem); bottom: clamp(1.25rem, 3vw, 3.25rem); display: flex; gap: .5rem; }
.hero-slideshow__controls button { width: 42px; height: 42px; padding: 0; background: rgba(16,16,17,.42); border: 1px solid rgba(255,255,255,.72); border-radius: 50%; cursor: pointer; transition: background .2s ease, transform .2s ease; }
.hero-slideshow__controls button::after { display: block; width: 8px; height: 8px; margin: auto; content: ""; background: #fff; border-radius: 50%; opacity: .7; }
.hero-slideshow__controls button:hover, .hero-slideshow__controls button.is-active { background: var(--red); border-color: var(--red); transform: translateY(-2px); }
.hero-slideshow__controls button.is-active::after { opacity: 1; }

.strip { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--white); border-bottom: 1px solid var(--line); }
.strip div { padding: 1.35rem max(1.25rem, calc((100vw - 1340px) / 2)); border-right: 1px solid var(--line); }
.strip div + div { padding-left: clamp(1.25rem, 5vw, 4rem); }
.strip b, .strip span { display: block; }
.strip b { font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; }
.strip span { margin-top: .25rem; color: var(--muted); font-size: .82rem; }

.section { position: relative; }
.section h2 { margin-bottom: 1.4rem; }
.section .intro + .grid, .section > .grid { margin-top: 3rem; }
.dark { color: #fff; background: var(--ink); }
.dark .eyebrow { color: #ff8193; }
.dark p { max-width: 620px; color: #cbc7c2; }
.dark .text-link { color: #fff; border-color: #fff; }
.dark .text-link:hover { color: #ff9aa9; border-color: currentColor; }
.split, .location, .shop-gallery { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.8fr); gap: clamp(2.25rem, 7vw, 8rem); align-items: center; }

.grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.grid a { position: relative; display: flex; flex-direction: column; min-height: 260px; padding: 1.8rem; color: var(--ink); background: var(--white); overflow: hidden; }
.grid a::after { position: absolute; right: 1.5rem; bottom: 1.25rem; color: var(--red); content: "↗"; font-size: 1.25rem; transition: transform .2s ease; }
.grid a:hover { color: #fff; background: var(--ink); }
.grid a:hover::after { transform: translate(3px,-3px); }
.grid a > span:first-child:not(.service-card-media), .grid > article > span { color: var(--red); font-size: .76rem; font-weight: 900; letter-spacing: .1em; }
.grid h3 { margin-top: auto; padding-top: 3rem; }
.grid p { max-width: 27ch; margin: .75rem 0 0; color: var(--muted); font-size: .9rem; }
.grid a:hover p { color: #d1cdc7; }
.grid a b { display: none; }
.services-grid { counter-reset: service-card; }
.services-grid .service-card {
  min-height: 300px;
  padding: 1.6rem;
  isolation: isolate;
  counter-increment: service-card;
  transition: transform .24s ease, box-shadow .24s ease, background-color .24s ease;
}
.services-grid .service-card::before {
  position: relative;
  z-index: 1;
  display: grid;
  width: 3.15rem;
  height: 3.15rem;
  place-items: center;
  color: var(--red);
  border: 1px solid currentColor;
  border-radius: 50%;
  content: counter(service-card, decimal-leading-zero);
  font-family: var(--sans);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .09em;
}
.service-card-media {
  position: absolute;
  inset: 0;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
  background: none !important;
}
.service-card-media::before {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 4.5rem;
  height: 4.5rem;
  content: "";
  background: repeating-linear-gradient(135deg, transparent 0 9px, rgba(214,32,59,.13) 10px 11px, transparent 12px 20px);
  border: 1px solid rgba(214,32,59,.45);
  border-radius: 50%;
  transition: transform .3s ease, background-color .3s ease;
}
.service-card-media::after {
  position: absolute;
  top: 3.82rem;
  right: 3.82rem;
  width: .65rem;
  height: .65rem;
  content: "";
  background: var(--red);
  border-radius: 50%;
  box-shadow: 1.18rem 0 0 rgba(214,32,59,.28), 0 1.18rem 0 rgba(214,32,59,.28);
}
.service-card-media span { display: none; }
.services-grid .service-card h3 { position: relative; z-index: 1; margin-top: auto; padding-top: 2.65rem; }
.services-grid .service-card p { position: relative; z-index: 1; }
.services-grid .service-card:hover { z-index: 2; color: #fff; background: var(--ink); box-shadow: 0 18px 34px rgba(18,15,12,.22); transform: translateY(-4px); }
.services-grid .service-card:hover::before { color: #fff; }
.services-grid .service-card:hover .service-card-media::before { background-color: rgba(214,32,59,.21); border-color: var(--red); transform: rotate(35deg) scale(1.1); }
.section-action { margin-top: 1.75rem; }

.review-slideshow { position: relative; min-height: 235px; padding: 2rem 2rem 4rem; background: #1a1a1c; border: 1px solid var(--line-dark); }
.review-slide { max-width: 38ch; font-size: 1.03rem; }
.review-slide[hidden] { display: none; }
.google-rating { display: flex; gap: .9rem; align-items: center; margin-bottom: 1.2rem; }
.google-logo { display: grid; width: 38px; height: 38px; place-items: center; color: #4285f4; background: #fff; border-radius: 50%; font: 800 1.75rem/1 Arial, sans-serif; }
.stars { color: #f6b916 !important; font-size: 1.2rem !important; letter-spacing: .1em; white-space: nowrap; }
.review-controls { position: absolute; bottom: 1.25rem; display: flex; gap: .45rem; }
.review-controls button { display: grid; width: 44px; height: 44px; place-items: center; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.43); border-radius: 50%; cursor: pointer; }
.review-controls button:hover { color: var(--red); border-color: var(--red); }
.google-reviews { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; margin: 2.35rem 0 2rem; }
.google-review { display: flex; grid-column: span 2; flex-direction: column; min-height: 218px; padding: 1.45rem; color: #202124; background: #fff; border: 1px solid #dadce0; border-radius: 12px; box-shadow: 0 1px 2px rgba(60,64,67,.16); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.google-review:nth-child(4):nth-last-child(2), .google-review:nth-child(5):last-child { grid-column: span 3; }
.google-review:hover { color: #202124; border-color: #c6cbd1; box-shadow: 0 8px 20px rgba(60,64,67,.18); transform: translateY(-2px); }
.google-review:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; }
.google-review__header { display: flex; align-items: center; gap: .8rem; }
.google-review__avatar { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; color: #1967d2; background: #e8f0fe; border-radius: 50%; font-size: 1rem; font-weight: 700; }
.google-review__identity { display: grid; gap: .12rem; min-width: 0; line-height: 1.2; }
.google-review__identity strong { overflow: hidden; font-family: Arial, sans-serif; font-size: .94rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.google-review__identity span { color: #5f6368; font: .76rem/1.25 Arial, sans-serif; }
.google-review__mark { margin-left: auto; font: 800 1.55rem/1 Arial, sans-serif; background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 25% 43%, #fbbc05 43% 63%, #ea4335 63% 79%, #4285f4 79% 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.google-review__stars { margin-top: 1.25rem; color: #fbbc04; font-size: 1rem; letter-spacing: .08em; }
.google-review__quote { margin-top: .75rem; color: #3c4043; font: .98rem/1.55 Arial, sans-serif; }
.reviews-list > .text-link { display: inline-flex; margin-top: .2rem; }
.prose.home-reviews { max-width: none; }
.review-orbit { display: none; }
.insurance-route { display: none; }
.about-local-map { display: none; }
.review-next-steps { background: var(--paper-deep); }
.review-next-steps > div { max-width: 650px; }
.review-next-steps > div > a:not(.text-link) { display: block; padding: clamp(1.35rem, 3vw, 2rem); color: #202124; background: #fff; border: 1px solid #dadce0; border-radius: 12px; box-shadow: 0 1px 2px rgba(60,64,67,.16); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.review-next-steps > div > a:not(.text-link)::before { display: block; margin-bottom: .9rem; content: "★★★★★"; color: #fbbc04; font-size: 1rem; letter-spacing: .08em; }
.review-next-steps > div > a:not(.text-link):hover { color: #202124; border-color: #c6cbd1; box-shadow: 0 8px 20px rgba(60,64,67,.18); transform: translateY(-2px); }
.review-next-steps > div > a:not(.text-link):focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; }
.review-next-steps > div > a:not(.text-link) h2 { margin: 0; color: #202124; font-family: Arial, sans-serif; font-size: clamp(1.3rem, 2.2vw, 1.75rem); font-weight: 600; letter-spacing: -.02em; }
.review-next-steps > div > a:not(.text-link) p { margin: .85rem 0 0; color: #3c4043; font: .98rem/1.55 Arial, sans-serif; }
.review-next-steps__card { padding: clamp(1.75rem, 4vw, 3.5rem); color: #fff; background: var(--ink); border: 1px solid var(--line-dark); }
.review-next-steps__card h3 { margin: 0 0 1rem; font-family: var(--display); font-size: clamp(1.8rem, 2.7vw, 2.7rem); letter-spacing: -.035em; }
.review-next-steps__card p:not(.eyebrow) { color: #c8c5c1; }
.review-next-steps__card .text-link { color: #fff; }
.review-next-steps__card .text-link:hover { color: #ff9aa9; }

.process { background: var(--paper-deep); }
.process > h2 { max-width: 13ch; }
.process-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 1.35rem; margin-top: 3.3rem; }
.process-grid article { min-width: 0; padding-top: 1rem; border-top: 2px solid var(--ink); }
.process-grid article:last-child { border-color: var(--red); }
.process-grid span { color: var(--red); font-size: .76rem; font-weight: 900; letter-spacing: .1em; }
.process-grid h3 { margin-top: 1.15rem; font-size: 1.23rem; }
.process-grid p { margin-top: .65rem; color: var(--muted); font-size: .87rem; }
.process-grid a { display: block; }
.process-grid a:hover h3 { color: var(--red); }

.photo-story { background: var(--paper-deep); }
.photo-story__intro { max-width: 720px; }
.photo-story__intro > p:not(.eyebrow), .photo-feature > div > p:not(.eyebrow) { max-width: 620px; color: var(--muted); font-size: 1.04rem; }
.photo-feature { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: clamp(2.25rem, 6vw, 6rem); align-items: center; color: #fff; background: var(--ink); }
.photo-feature .eyebrow { color: #ff98a7; }
.photo-feature > div > p:not(.eyebrow) { color: #cbc7c2; }
.photo-rail { display: flex; gap: .85rem; min-width: 0; margin-top: 2.4rem; padding: .2rem .15rem 1rem; overflow-x: auto; overscroll-behavior-inline: contain; scroll-padding-inline: .15rem; scroll-snap-type: inline mandatory; scrollbar-color: var(--red) var(--line); scrollbar-width: thin; -webkit-overflow-scrolling: touch; touch-action: pan-x pinch-zoom; }
.photo-rail:focus-visible { outline-offset: 6px; }
.photo-rail .photo-slot { min-width: clamp(245px, 27vw, 385px); min-height: clamp(310px, 32vw, 460px); scroll-snap-align: start; scroll-snap-stop: always; }
.photo-rail .photo-slot:nth-child(3n + 1) { min-width: clamp(285px, 34vw, 475px); }
.photo-rail .photo-slot:nth-child(2n) { --photo-position: center 55%; }
.photo-rail::-webkit-scrollbar { height: 10px; }
.photo-rail::-webkit-scrollbar-track { background: var(--line); }
.photo-rail::-webkit-scrollbar-thumb { background: var(--red); border: 2px solid var(--paper-deep); }
.photo-rail--dark { margin-top: 0; scrollbar-color: #ff8d9d rgba(255,255,255,.2); }
.photo-rail--dark::-webkit-scrollbar-track { background: rgba(255,255,255,.18); }
.photo-rail--dark::-webkit-scrollbar-thumb { background: #ff8d9d; border-color: var(--ink); }
.shop-gallery .photo-rail { margin-top: 0; }

.page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-shop-entrance-wide.webp'); position: relative; display: flex; flex-direction: column; justify-content: center; padding-top: clamp(4rem, 7vw, 7.5rem); padding-bottom: clamp(4rem, 7vw, 7.5rem); overflow: hidden; isolation: isolate; border-bottom: 4px solid var(--red); }
.page-hero::before { inset: 0 46% 0 0; z-index: -1; background: linear-gradient(90deg, #101011 0%, #101011 78%, rgba(16,16,17,.9) 90%, rgba(16,16,17,.55) 100%); }
.page-hero::after { position: absolute; inset: 0 0 0 54%; z-index: -2; content: ""; background: var(--page-hero-image) center / cover no-repeat; }
.page-hero > * { position: relative; z-index: 1; max-width: min(46%, 640px); }
body[data-page="about"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-customer-reception-desk.webp'); }
body[data-page="services"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-finished-vehicle-photo-bay-retouched.webp'); }
body[data-page="collision-repair"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-frame-repair-bay-front.webp'); }
body[data-page="auto-body-repair"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-vehicle-lift-repair-bay.webp'); }
body[data-page="auto-body-repair"] .page-hero::after { background-position: center 58%; }
body[data-page="auto-painting"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-paint-mixing-cans-wide.webp'); }
body[data-page="towing-services"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-shop-entrance-wide.webp'); }
body[data-page="insurance-claims"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-customer-reception-office.webp'); }
body[data-page="reviews"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-finished-vehicle-photo-bay-retouched.webp'); }
body[data-page="contact"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-hollywood-shop-exterior.webp'); }
body[data-page="free-estimate"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-customer-reception-office.webp'); }
body[data-page="faq"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-paint-mixing-cans-wide.webp'); }
body[data-page="deductible-assistance"] .page-hero, body[data-page="rental-car-assistance"] .page-hero { --page-hero-image: url('/assets/images/shop/wmc-collision-los-angeles-customer-reception-office.webp'); }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 1.35rem; color: #bfbab4; font-size: .76rem; }
.breadcrumbs a { color: #fff; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.breadcrumbs a:hover { color: #ffc1ca; }

.prose { max-width: 1060px; }
.prose > p:not(.eyebrow), .prose > ul, .prose > ol { max-width: 730px; color: #3f3c38; font-size: 1.05rem; }
.prose h2 + p { margin-top: 1.55rem; }
.prose h3 { margin-top: 3rem; margin-bottom: .8rem; }
.prose ul, .prose ol { padding-left: 1.2rem; }
.prose li + li { margin-top: .45rem; }
.related-links { display: flex; flex-wrap: wrap; gap: .65rem 1.2rem; margin-top: 1.2rem; }
.service-detail { isolation: isolate; }
.service-signal { display: none; }

.faq { max-width: 1100px; }
.faq > div { border-top: 1px solid var(--line); }
.faq > div:last-child { border-bottom: 1px solid var(--line); }
.faq button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.2rem 0; color: inherit; background: transparent; border: 0; text-align: left; font-size: clamp(1rem, 1.5vw, 1.15rem); font-weight: 780; cursor: pointer; }
.faq button b { display: grid; width: 26px; height: 26px; flex: 0 0 auto; margin-left: 1rem; place-items: center; color: var(--red); border: 1px solid var(--line); border-radius: 50%; font-size: 1.2rem; font-weight: 400; }
.faq button[aria-expanded="true"] b { color: #fff; background: var(--red); border-color: var(--red); }
.faq > div > p { max-width: 680px; margin: -.1rem 3.4rem 1.35rem 0; color: var(--muted); }

.location > div:first-child > p:not(.eyebrow) { color: var(--muted); font-size: 1.08rem; }
.hours { padding: 2rem; background: var(--white); border-top: 3px solid var(--red); box-shadow: var(--shadow); }
.hours p:not(.eyebrow) { display: grid; gap: .55rem; margin: 1.3rem 0; }
.hours b { justify-self: start; color: var(--ink); }
.hours a { color: var(--red); font-size: .88rem; font-weight: 800; }
.map-section { padding-top: 0; }
.map-section iframe { display: block; width: 100%; min-height: 440px; border: 0; filter: grayscale(.9) contrast(1.07); }
body[data-page="home"] .map-section iframe { filter: none; }

.service-list { max-width: 1080px; margin-top: 3rem; padding: clamp(1.75rem,4vw,3rem); background: var(--paper-deep); border-top: 3px solid var(--red); }
.service-list h2 { font-size: clamp(1.85rem,3vw,3.1rem); }
.service-list ul { columns: 2; margin: 1.5rem 0 0; padding-left: 1.15rem; }
.service-list li { break-inside: avoid; margin: .5rem 0; font-weight: 650; }

.cta { padding: clamp(4.5rem, 8vw, 8rem) 1.25rem; color: #fff; text-align: center; background: var(--red); }
.cta--compact { padding-block: clamp(3.75rem, 6vw, 5.75rem); }
.cta h2 { max-width: 12ch; margin-inline: auto; }
.cta .eyebrow { color: #fff; }
.cta .btn { color: var(--ink); background: var(--white); border-color: var(--white); }
.cta .btn:hover { color: #fff; background: var(--ink); border-color: var(--ink); }
.cta .btn.outline { color: #fff; background: transparent; border-color: rgba(255,255,255,.8); }
.cta .btn.outline:hover { color: var(--ink); background: var(--white); border-color: var(--white); }

.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.1rem 1.25rem; max-width: 900px; padding: clamp(1.25rem,3.5vw,3rem); background: var(--white); border-top: 3px solid var(--red); box-shadow: var(--shadow); }
.form-grid label { color: #373431; font-size: .76rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.form-grid input, .form-grid select, .form-grid textarea { display: block; width: 100%; margin-top: .45rem; padding: .78rem .85rem; color: var(--ink); background: #fff; border: 1px solid #bbb4ac; border-radius: 0; font: 400 .98rem/1.4 var(--sans); text-transform: none; }
.form-grid textarea { resize: vertical; min-height: 130px; }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus { border-color: var(--red); outline: 2px solid var(--red); outline-offset: 1px; }
.form-grid input[aria-invalid="true"], .form-grid select[aria-invalid="true"] { border-color: var(--red-dark); }
.wide { grid-column: 1 / -1; }
.consent { display: flex; align-items: flex-start; gap: .65rem; line-height: 1.4; }
.consent input { width: auto; margin: .1rem 0 0; accent-color: var(--red); }
.form-status { margin: 0; padding: .9rem 1rem; color: #514718; background: #fff4d7; border-left: 3px solid #c99905; font-size: .9rem; }
.form-status[hidden] { display: none; }
.form-status.is-success { color: #17472d; background: #e9f6ec; border-color: #248143; }
.form-note { margin: 0; padding: .85rem 1rem; background: #f9e7e9; border-left: 3px solid var(--red); }
.website-field { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.dark-outline { color: var(--ink) !important; border-color: var(--ink) !important; }

/* Owner dashboard */
.admin-body { min-height: 100vh; background: #ebe7e0; }
.admin-body [hidden] { display: none !important; }
.admin-topbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 76px; padding: .65rem max(1.25rem, calc((100vw - 1340px) / 2)); color: #fff; background: var(--ink); border-bottom: 1px solid rgba(255,255,255,.1); }
.admin-topbar__account { display: flex; align-items: center; gap: 1rem; color: #cbc7c1; font-size: .8rem; }
.admin-text-button { padding: .35rem 0; color: #fff; background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.5); cursor: pointer; font-weight: 750; }
.admin-text-button:hover { color: #ffb0bc; }
.admin-auth, .admin-setup, .admin-access { display: grid; min-height: calc(100vh - 76px); place-items: center; padding: clamp(2rem, 7vw, 7rem) 1.25rem; background: linear-gradient(135deg, #131316, #252327 65%, #40131c); }
.admin-auth__card, .admin-setup > div, .admin-access > div { width: min(100%, 550px); padding: clamp(1.5rem, 4vw, 3rem); color: #fff; background: rgba(255,253,249,.97); border-top: 3px solid var(--red); box-shadow: 0 24px 70px rgba(0,0,0,.26); }
.admin-auth__card, .admin-setup > div, .admin-access > div { color: var(--ink); }
.admin-auth h1, .admin-setup h1, .admin-access h1 { max-width: 10ch; font-size: clamp(2.5rem, 6vw, 4.6rem); }
.admin-auth__card > p:not(.eyebrow), .admin-setup p:not(.eyebrow), .admin-access p:not(.eyebrow) { margin-top: 1.25rem; color: var(--muted); }
.admin-form { display: grid; gap: 1rem; margin-top: 2rem; }
.admin-form label { color: #373431; font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.admin-form input, .lead-filters input, .lead-filters select { display: block; width: 100%; margin-top: .4rem; padding: .78rem .85rem; color: var(--ink); background: #fff; border: 1px solid #bbb4ac; border-radius: 0; font: 400 .95rem/1.4 var(--sans); text-transform: none; }
.admin-form input:focus, .lead-filters input:focus, .lead-filters select:focus { border-color: var(--red); outline: 2px solid var(--red); outline-offset: 1px; }
.admin-form .btn { justify-self: start; margin-top: .5rem; }
.admin-auth__support { margin: 1.45rem 0 0; color: var(--muted); font-size: .88rem; }
.admin-auth__support a { color: var(--red-dark); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.admin-auth__support a:hover { color: var(--red); }
.access-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.admin-message { margin: 0; padding: .8rem .9rem; color: #514718; background: #fff4d7; border-left: 3px solid #c99905; font-size: .9rem; }
.admin-message.is-error { color: #7b1123; background: #fce9ed; border-color: var(--red); }
.admin-dashboard { width: min(100% - 2.5rem, 1340px); margin: auto; padding: clamp(2.25rem, 5vw, 4.5rem) 0; }
.admin-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.admin-heading h1 { font-size: clamp(3rem, 6vw, 5.6rem); }
.admin-heading p:not(.eyebrow) { margin: 1rem 0 0; color: var(--muted); }
.admin-quick-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.admin-btn-outline { color: var(--ink); background: transparent; border-color: var(--ink); }
.admin-btn-outline:hover { color: #fff; background: var(--ink); border-color: var(--ink); }
.lead-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 1.3rem; overflow: hidden; background: var(--white); border-top: 3px solid var(--red); box-shadow: 0 14px 36px rgba(18,15,12,.08); }
.lead-metrics article { min-height: 122px; padding: 1.2rem 1.45rem; border-right: 1px solid var(--line); }
.lead-metrics article:last-child { border-right: 0; }
.lead-metrics span { display: block; color: var(--muted); font-size: .69rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.lead-metrics strong { display: block; margin-top: .25rem; font-family: var(--display); font-size: 3rem; letter-spacing: -.08em; line-height: 1; }
.lead-workspace { display: grid; grid-template-columns: minmax(380px, .9fr) minmax(440px, 1.1fr); min-height: 580px; background: var(--white); border: 1px solid var(--line); box-shadow: 0 14px 36px rgba(18,15,12,.08); }
.lead-inbox { display: flex; min-height: 0; flex-direction: column; border-right: 1px solid var(--line); }
.lead-inbox__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; padding: 1.45rem; border-bottom: 1px solid var(--line); }
.lead-inbox__header h2 { font-size: 2.1rem; }
.lead-filters { display: grid; min-width: 210px; grid-template-columns: 1fr; gap: .45rem; }
.lead-filters input, .lead-filters select { margin: 0; padding: .5rem .65rem; font-size: .8rem; }
.lead-list { min-height: 0; overflow: auto; }
.lead-list-message { margin: 1.5rem; padding: .8rem .9rem; color: var(--muted); background: var(--paper); font-size: .9rem; }
.lead-row { display: grid; width: 100%; gap: .28rem; padding: 1.1rem 1.35rem; color: var(--ink); text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--line); cursor: pointer; }
.lead-row:hover, .lead-row:focus-visible, .lead-row.is-selected { background: #f8e9eb; outline: 0; }
.lead-row.is-selected { box-shadow: inset 3px 0 0 var(--red); }
.lead-row__top { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.lead-row strong { font-size: .98rem; }
.lead-row > span:not(.lead-row__top), .lead-row time { overflow: hidden; color: var(--muted); font-size: .79rem; text-overflow: ellipsis; white-space: nowrap; }
.lead-row time { color: #817c75; font-size: .72rem; }
.lead-pill { display: inline-flex; align-items: center; padding: .18rem .43rem; border-radius: 999px; font-family: var(--sans); font-size: .62rem; font-weight: 850; letter-spacing: .07em; line-height: 1; text-transform: uppercase; }
.lead-pill--new { color: #8e1128; background: #f9dfe4; }
.lead-pill--contacted { color: #524104; background: #f8edbf; }
.lead-pill--closed { color: #1c5d39; background: #dff2e5; }
.lead-detail { min-width: 0; padding: clamp(1.45rem, 3vw, 2.4rem); }
.lead-mobile-detail { display: none; }
.lead-detail__empty { display: grid; min-height: 100%; align-content: center; max-width: 27rem; }
.lead-detail__empty h2 { font-size: 2.8rem; }
.lead-detail__empty p:not(.eyebrow) { margin-top: 1rem; color: var(--muted); }
.lead-detail__header { display: flex; justify-content: space-between; gap: 1rem; }
.lead-detail__header h2 { max-width: 12ch; font-size: clamp(2.4rem, 4vw, 3.7rem); }
.lead-detail__header p:not(.eyebrow) { margin: .9rem 0 0; color: var(--muted); font-size: .86rem; }
.lead-detail__controls { display: flex; align-items: flex-start; gap: .6rem; }
.lead-detail__expand { min-height: 34px; padding: .35rem 0; color: var(--red-dark); background: transparent; border: 0; border-bottom: 1px solid currentColor; cursor: pointer; font-size: .68rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.lead-detail__expand:hover { color: var(--red); }
.admin-icon-button { width: 34px; height: 34px; color: var(--ink); background: transparent; border: 1px solid var(--line); border-radius: 50%; cursor: pointer; font-size: 1.5rem; line-height: 1; }
.admin-icon-button:hover { color: #fff; background: var(--ink); }
.lead-detail__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.7rem 0; }
.lead-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0; padding-top: 1.45rem; border-top: 1px solid var(--line); }
.lead-fields div { min-width: 0; }
.lead-fields dt { margin-bottom: .22rem; color: var(--muted); font-size: .65rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.lead-fields dd { margin: 0; overflow-wrap: anywhere; font-size: .91rem; line-height: 1.45; }
.lead-fields__wide { grid-column: 1 / -1; padding-top: .3rem; }
.lead-fields__wide dd { padding: .9rem; background: var(--paper); white-space: pre-wrap; }
.lead-detail .lead-fields dt, .lead-mobile-detail .lead-fields dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lead-detail .lead-fields dd, .lead-mobile-detail .lead-fields dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lead-note { padding-top: 1rem; }
.lead-note p { margin: 0 0 .35rem; color: var(--muted); font-size: .65rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.lead-note div { padding: .9rem; overflow-wrap: anywhere; background: var(--paper); font-size: .91rem; line-height: 1.45; white-space: pre-wrap; }
.lead-detail .lead-note, .lead-mobile-detail .lead-note { min-width: 0; }
.lead-note .lead-note__preview { display: block; inline-size: 100%; min-width: 0; height: 3.25rem; min-height: 3.25rem; max-height: 3.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lead-note--empty div { color: var(--muted); font-style: italic; }
.lead-full-dialog { width: min(980px, calc(100% - 2rem)); height: min(900px, calc(100svh - 2rem)); max-height: none; padding: 0; color: var(--ink); background: var(--white); border: 1px solid var(--line); box-shadow: 0 24px 70px rgba(0,0,0,.3); }
.lead-full-dialog::backdrop { background: rgba(16,16,17,.6); }
.lead-full-dialog__panel { display: grid; height: 100%; grid-template-rows: auto minmax(0, 1fr); }
.lead-full-dialog__panel-header { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1rem; padding: clamp(1.4rem, 4vw, 2.5rem); color: #fff; background: var(--ink); }
.lead-full-dialog__identity { min-width: 0; flex: 1 1 calc(100% - 3rem); }
.lead-full-dialog__panel-header .eyebrow { color: #ff98a7; }
.lead-full-dialog__panel-header h2 { max-width: 12ch; font-size: clamp(2.5rem, 5vw, 4.5rem); }
.lead-full-dialog__panel-header p:not(.eyebrow) { margin: .8rem 0 0; color: #cbc7c1; font-size: .88rem; }
.lead-full-dialog__actions { display: flex; order: 3; width: 100%; flex-wrap: wrap; gap: .7rem; margin-top: .35rem; }
.lead-full-dialog__actions .admin-btn-outline { color: #fff; border-color: rgba(255,255,255,.72); }
.lead-full-dialog__actions .admin-btn-outline:hover { color: var(--ink); background: #fff; border-color: #fff; }
.lead-full-dialog__panel-header .admin-icon-button { flex: 0 0 auto; order: 2; color: #fff; border-color: rgba(255,255,255,.55); }
.lead-full-dialog__panel-header .admin-icon-button:hover { color: var(--ink); background: #fff; }
.lead-full-dialog__body { display: flex; min-height: 0; flex-direction: column; align-items: stretch; gap: 1.5rem; padding: clamp(1.4rem, 4vw, 2.5rem); overflow: auto; }
.lead-full-dialog__fields, .lead-full-dialog__note, .lead-full-dialog__body .lead-status-actions { flex: 0 0 auto; }
.lead-full-dialog__fields { grid-auto-rows: auto; }
.lead-full-dialog__body .lead-note { margin: 0; padding-top: 0; }
.lead-full-dialog__body .lead-status-actions { margin-top: 0; }

@media (min-width: 768px) {
  .lead-full-dialog__panel-header { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; }
  .lead-full-dialog__identity { min-width: 0; }
  .lead-full-dialog__actions { order: initial; width: auto; margin: 0; align-self: center; justify-self: end; flex-wrap: nowrap; }
  .lead-full-dialog__panel-header .admin-icon-button { order: initial; }
}

.lead-status-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin-top: 1.75rem; padding-top: 1.45rem; border-top: 1px solid var(--line); }
.lead-status-actions p { width: 100%; margin: 0 .3rem .1rem 0; color: var(--muted); font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.lead-status-actions button { padding: .48rem .65rem; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 999px; cursor: pointer; font-size: .72rem; font-weight: 800; text-transform: capitalize; }
.lead-status-actions button:hover, .lead-status-actions button.is-current { color: #fff; background: var(--ink); border-color: var(--ink); }
.lead-status-actions button:disabled { opacity: .55; cursor: wait; }
.lead-full-dialog__body .lead-delete-button { margin-left: auto; color: var(--red-dark); border-color: var(--red); }
.lead-full-dialog__body .lead-delete-button:hover { color: #fff; background: var(--red-dark); border-color: var(--red-dark); }

@media (min-width: 1024px) {
  .admin-body.is-dashboard { min-height: 100svh; overflow: visible; background: #e4e0d8; }
  .admin-body.is-dashboard .admin-topbar { position: sticky; top: 0; z-index: 20; }
  .admin-body.is-dashboard .admin-dashboard { width: min(100% - 2.5rem, 1340px); padding: 0 0 2.5rem; }
  .admin-body.is-dashboard .admin-overview { display: grid; min-height: calc(100svh - 76px); align-content: center; padding: clamp(2.5rem, 6vw, 5.5rem) 0; }
  .admin-body.is-dashboard .admin-heading { display: flex; }
  .admin-body.is-dashboard .lead-metrics { display: grid; }
  .admin-body.is-dashboard .lead-workspace { height: calc(100svh - 76px - 2rem); min-height: min(600px, calc(100svh - 76px - 2rem)); scroll-margin-top: calc(76px + 1rem); grid-template-columns: minmax(350px, 44.5fr) minmax(0, 55.5fr); background: #fffdf9; border: 1px solid var(--line); box-shadow: 0 14px 38px rgba(18,15,12,.1); }
  .admin-body.is-dashboard .lead-inbox { height: 100%; min-height: 0; }
  .admin-body.is-dashboard .lead-inbox__header { min-height: 178px; padding: 1.65rem 2rem; }
  .admin-body.is-dashboard .lead-inbox__header h2 { font-size: clamp(2.45rem, 3.1vw, 3.95rem); }
  .admin-body.is-dashboard .lead-filters { min-width: min(300px, 38%); }
  .admin-body.is-dashboard .lead-list { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; scroll-behavior: smooth; scrollbar-width: none; }
  .admin-body.is-dashboard .lead-list::-webkit-scrollbar { display: none; }
  .admin-body.is-dashboard .lead-row { min-height: 154px; padding: 1.45rem 1.9rem; }
  .admin-body.is-dashboard .lead-row__top { gap: 1rem; }
  .admin-body.is-dashboard .lead-row strong { font-size: 1.02rem; }
  .admin-body.is-dashboard .lead-detail { position: static; display: grid; height: 100%; max-height: none; align-content: start; padding: clamp(2rem, 3.7vw, 4rem); overflow: hidden; grid-template-rows: auto auto auto auto auto; }
  .admin-body.is-dashboard .lead-detail__header h2 { font-size: clamp(3rem, 4.7vw, 5.3rem); }
  .admin-body.is-dashboard .lead-detail__actions { margin-block: 1.35rem 1.55rem; }
  .admin-body.is-dashboard .lead-fields { min-height: 0; align-content: start; gap: .8rem; padding-top: 1.1rem; overflow: visible; }
  .admin-body.is-dashboard .lead-note { padding-top: .8rem; }
  .admin-body.is-dashboard .lead-note__preview { padding: .75rem .85rem; }
  .admin-body.is-dashboard .lead-status-actions { margin-top: 1rem; padding-top: 1.05rem; }
}

@media (min-width: 1024px) and (max-height: 860px) {
  .admin-body.is-dashboard .lead-inbox__header { min-height: 142px; padding: 1.2rem 1.5rem; }
  .admin-body.is-dashboard .lead-row { min-height: 124px; padding: 1.1rem 1.5rem; }
  .admin-body.is-dashboard .lead-detail { padding: 1.35rem clamp(1.5rem, 3vw, 2.5rem); }
  .admin-body.is-dashboard .lead-detail__header h2 { font-size: clamp(2.55rem, 4.1vw, 4rem); }
  .admin-body.is-dashboard .lead-detail__actions { margin-block: 1rem 1.1rem; }
  .admin-body.is-dashboard .lead-fields { gap: .55rem .8rem; padding-top: .85rem; }
  .admin-body.is-dashboard .lead-note { padding-top: .55rem; }
  .admin-body.is-dashboard .lead-note div { padding: .6rem .75rem; }
  .admin-body.is-dashboard .lead-status-actions { margin-top: .7rem; padding-top: .75rem; }
}

footer { display: grid; grid-template-columns: minmax(210px,1.5fr) repeat(3,minmax(125px,1fr)); gap: 2.4rem; padding: 4.5rem max(1.25rem, calc((100vw - 1340px) / 2)) 1.45rem; color: #fff; background: #101011; }
.footer-intro p { max-width: 30ch; margin-top: 1.25rem; color: #c4c0bb; font-size: .88rem; }
.footer-logo { width: 220px; height: 78px; }
footer h3 { margin: .45rem 0 1.1rem; color: #fff; font-family: var(--sans); font-size: .7rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
footer > div:not(.footer-bottom) > a { display: block; margin: .52rem 0; color: #c8c3bc; font-size: .84rem; }
footer > div:not(.footer-bottom) > a:hover { color: #fff; }
.footer-bottom { display: flex; grid-column: 1 / -1; justify-content: space-between; gap: 1rem; padding-top: 1.5rem; color: #a9a49d; border-top: 1px solid var(--line-dark); font-size: .72rem; }
.footer-bottom p { margin: 0; }
.footer-credit a { text-decoration: underline; text-underline-offset: 3px; }

@media (min-width: 1240px) {
  .service-signal {
    --signal-x: 0deg;
    --signal-y: 0deg;
    position: absolute;
    top: clamp(4.5rem, 8vw, 7.5rem);
    bottom: 4.4rem;
    left: calc(100% + .9rem);
    display: grid;
    width: clamp(135px, 12vw, 160px);
    min-height: 360px;
    grid-template-rows: auto minmax(230px, 1fr) auto;
    place-items: center;
    cursor: crosshair;
    isolation: isolate;
    transform: perspective(720px) rotateX(var(--signal-x)) rotateY(var(--signal-y));
    transition: transform .22s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
  }
  .service-signal::before {
    position: absolute;
    inset: 2.8rem 0;
    z-index: -2;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(214,32,59,.08), transparent);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  .service-signal__title, .service-signal__detail {
    z-index: 2;
    width: max-content;
    max-width: 100%;
    padding: .62rem .7rem;
    color: var(--ink);
    background: var(--paper);
    font: 850 .53rem/1.15 var(--sans);
    letter-spacing: .12em;
    text-align: center;
    text-transform: uppercase;
  }
  .service-signal__title { border-top: 2px solid var(--red); }
  .service-signal__title::before {
    display: inline-block;
    width: .42rem;
    height: .42rem;
    margin: 0 .32rem .04rem 0;
    content: "";
    background: var(--red);
    border-radius: 50%;
  }
  .service-signal__detail { color: var(--muted); border-bottom: 1px solid var(--line); font-size: .48rem; }
  .service-signal__field {
    position: relative;
    z-index: 1;
    width: 112px;
    min-height: 220px;
    margin: .75rem 0;
    overflow: hidden;
    background: #fbf9f6;
    border: 1px solid var(--line);
    box-shadow: 0 14px 30px rgba(18,15,12,.08);
    transform: translateZ(16px);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
  }
  .service-signal__field::before {
    position: absolute;
    inset: 13px;
    content: "";
    border: 1px solid rgba(214,32,59,.17);
    pointer-events: none;
  }
  .service-signal__path, .service-signal__node { position: absolute; display: block; }
  .service-signal__path { z-index: 1; background: var(--ink); transform-origin: center; }
  .service-signal__node { z-index: 2; width: .62rem; height: .62rem; background: var(--paper); border: 2px solid var(--ink); border-radius: 50%; box-shadow: 0 0 0 4px rgba(246,243,238,.78); transition: background-color .25s ease, border-color .25s ease, transform .25s ease; }
  .service-signal.is-active .service-signal__field { border-color: rgba(214,32,59,.68); box-shadow: 0 20px 38px rgba(214,32,59,.15); transform: translateY(-5px) translateZ(26px); }
  .service-signal.is-active .service-signal__node { background: var(--red); border-color: var(--red); transform: scale(1.2); }

  .service-signal--impact .service-signal__field { background: radial-gradient(circle at center, rgba(214,32,59,.2) 0 5%, transparent 6% 18%, rgba(214,32,59,.08) 19% 20%, transparent 21% 35%, rgba(16,16,17,.07) 36% 37%, transparent 38%), #fbf9f6; }
  .service-signal--impact .service-signal__path--one { top: 16%; left: 50%; width: 1px; height: 68%; transform: rotate(33deg); }
  .service-signal--impact .service-signal__path--two { top: 50%; left: 16%; width: 68%; height: 1px; transform: rotate(-18deg); }
  .service-signal--impact .service-signal__path--three { top: 50%; left: 50%; width: 54%; height: 1px; background: var(--red); transform: rotate(108deg); }
  .service-signal--impact .service-signal__node--one { top: calc(50% - .31rem); left: calc(50% - .31rem); background: var(--red); border-color: var(--red); }
  .service-signal--impact .service-signal__node--two { top: 27%; right: 20%; }
  .service-signal--impact .service-signal__node--three { bottom: 22%; left: 22%; }

  .service-signal--panel .service-signal__field { background: linear-gradient(90deg, rgba(214,32,59,.08) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(rgba(16,16,17,.07) 1px, transparent 1px) 0 0 / 22px 22px, #fbf9f6; }
  .service-signal--panel .service-signal__path--one { top: 17%; bottom: 17%; left: 32%; width: 1px; }
  .service-signal--panel .service-signal__path--two { top: 31%; right: 17%; left: 17%; height: 1px; background: var(--red); }
  .service-signal--panel .service-signal__path--three { right: 28%; bottom: 18%; width: 1px; height: 42%; }
  .service-signal--panel .service-signal__node--one { top: 27%; left: calc(32% - .31rem); }
  .service-signal--panel .service-signal__node--two { top: calc(31% - .31rem); right: 17%; }
  .service-signal--panel .service-signal__node--three { right: calc(28% - .31rem); bottom: 18%; }

  .service-signal--finish .service-signal__field { background: repeating-linear-gradient(142deg, #fbf9f6 0 15px, rgba(214,32,59,.12) 16px 18px, #fbf9f6 19px 32px); }
  .service-signal--finish .service-signal__path--one { top: 10%; bottom: 10%; left: 29%; width: 2px; background: linear-gradient(var(--red), transparent 36%, var(--ink) 70%, transparent); animation: service-signal-flow 4s linear infinite; }
  .service-signal--finish .service-signal__path--two { top: 10%; bottom: 10%; left: 50%; width: 1px; background: rgba(16,16,17,.6); }
  .service-signal--finish .service-signal__path--three { top: 10%; bottom: 10%; left: 71%; width: 1px; background: rgba(214,32,59,.72); animation: service-signal-flow 4s linear -1.6s infinite; }
  .service-signal--finish .service-signal__node--one { top: 21%; left: calc(29% - .31rem); }
  .service-signal--finish .service-signal__node--two { top: 51%; left: calc(50% - .31rem); }
  .service-signal--finish .service-signal__node--three { bottom: 18%; left: calc(71% - .31rem); }

  .service-signal--contour .service-signal__field { background: repeating-radial-gradient(ellipse at 50% 48%, transparent 0 10px, rgba(16,16,17,.12) 11px 12px, transparent 13px 22px), #fbf9f6; border-radius: 52% 48% 44% 56% / 46% 54% 48% 52%; }
  .service-signal--contour .service-signal__field::before { inset: 21%; border-color: rgba(214,32,59,.42); border-radius: 50%; }
  .service-signal--contour .service-signal__path--one { top: 12%; bottom: 12%; left: 50%; width: 1px; background: rgba(214,32,59,.62); }
  .service-signal--contour .service-signal__path--two, .service-signal--contour .service-signal__path--three { display: none; }
  .service-signal--contour .service-signal__node--one { top: calc(50% - .31rem); left: calc(50% - .31rem); background: var(--red); border-color: var(--red); }
  .service-signal--contour .service-signal__node--two { top: 25%; right: 29%; }
  .service-signal--contour .service-signal__node--three { bottom: 23%; left: 27%; }

  .service-signal--alignment .service-signal__field { background: linear-gradient(90deg, rgba(16,16,17,.09) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(rgba(16,16,17,.09) 1px, transparent 1px) 0 0 / 18px 18px, #fbf9f6; }
  .service-signal--alignment .service-signal__path--one { top: 12%; bottom: 12%; left: 50%; width: 1px; background: var(--red); }
  .service-signal--alignment .service-signal__path--two { top: 50%; right: 12%; left: 12%; height: 1px; }
  .service-signal--alignment .service-signal__path--three { top: 20%; left: 20%; width: 78%; height: 1px; transform: rotate(45deg); }
  .service-signal--alignment .service-signal__node--one { top: calc(50% - .31rem); left: calc(50% - .31rem); background: var(--red); border-color: var(--red); }
  .service-signal--alignment .service-signal__node--two { top: 18%; left: calc(50% - .31rem); }
  .service-signal--alignment .service-signal__node--three { right: 12%; top: calc(50% - .31rem); }

  .service-signal--route .service-signal__field { background: linear-gradient(90deg, #fbf9f6 0 47%, rgba(214,32,59,.08) 47% 53%, #fbf9f6 53%); }
  .service-signal--route .service-signal__path--one { top: 10%; bottom: 10%; left: calc(50% - 1px); width: 2px; background: repeating-linear-gradient(to bottom, var(--red) 0 10px, transparent 10px 22px); animation: service-signal-route 2.6s linear infinite; }
  .service-signal--route .service-signal__path--two, .service-signal--route .service-signal__path--three { display: none; }
  .service-signal--route .service-signal__node--one { top: 16%; left: calc(50% - .31rem); }
  .service-signal--route .service-signal__node--two { top: calc(50% - .31rem); left: calc(50% - .31rem); background: var(--red); border-color: var(--red); }
  .service-signal--route .service-signal__node--three { bottom: 16%; left: calc(50% - .31rem); }

  .service-signal--claim .service-signal__field { background: linear-gradient(#d8d2cb, #d8d2cb) 22px 28px / 68px 1px no-repeat, linear-gradient(#d8d2cb, #d8d2cb) 22px 49px / 50px 1px no-repeat, linear-gradient(#d8d2cb, #d8d2cb) 22px 70px / 61px 1px no-repeat, #fbf9f6; }
  .service-signal--claim .service-signal__path--one { top: 45%; right: 18%; left: 18%; height: 1px; background: var(--red); }
  .service-signal--claim .service-signal__path--two { top: 60%; right: 18%; left: 18%; height: 1px; }
  .service-signal--claim .service-signal__path--three { top: 75%; right: 18%; left: 18%; height: 1px; background: rgba(16,16,17,.52); }
  .service-signal--claim .service-signal__node--one { top: calc(45% - .31rem); left: 18%; background: var(--red); border-color: var(--red); }
  .service-signal--claim .service-signal__node--two { top: calc(60% - .31rem); right: 18%; }
  .service-signal--claim .service-signal__node--three { top: calc(75% - .31rem); left: 38%; }

  .service-signal--material .service-signal__field { background: repeating-linear-gradient(45deg, rgba(16,16,17,.09) 0 1px, transparent 1px 8px), repeating-linear-gradient(-45deg, rgba(214,32,59,.1) 0 1px, transparent 1px 8px), #fbf9f6; }
  .service-signal--material .service-signal__path--one { top: 13%; left: 20%; width: 78%; height: 1px; transform: rotate(45deg); }
  .service-signal--material .service-signal__path--two { top: 40%; left: 2%; width: 84%; height: 1px; background: var(--red); transform: rotate(-45deg); }
  .service-signal--material .service-signal__path--three { top: 67%; left: 20%; width: 78%; height: 1px; transform: rotate(45deg); }
  .service-signal--material .service-signal__node--one { top: 25%; left: 28%; }
  .service-signal--material .service-signal__node--two { top: calc(50% - .31rem); left: calc(50% - .31rem); background: var(--red); border-color: var(--red); }
  .service-signal--material .service-signal__node--three { bottom: 21%; right: 26%; }

  .service-signal--vision .service-signal__field { background: conic-gradient(from 180deg at 50% 54%, rgba(214,32,59,.16), transparent 19%, rgba(16,16,17,.08) 21% 39%, transparent 41% 59%, rgba(214,32,59,.1) 61% 79%, transparent 81%), #fbf9f6; border-radius: 50%; }
  .service-signal--vision .service-signal__field::before { inset: 16%; border-radius: 50%; }
  .service-signal--vision .service-signal__path--one { top: 12%; bottom: 12%; left: 50%; width: 1px; }
  .service-signal--vision .service-signal__path--two { top: 50%; right: 12%; left: 12%; height: 1px; background: var(--red); }
  .service-signal--vision .service-signal__path--three { top: 20%; bottom: 20%; left: 50%; width: 1px; background: rgba(214,32,59,.35); transform: rotate(45deg); }
  .service-signal--vision .service-signal__node--one { top: calc(50% - .31rem); left: calc(50% - .31rem); background: var(--red); border-color: var(--red); }
  .service-signal--vision .service-signal__node--two { top: 19%; left: calc(50% - .31rem); }
  .service-signal--vision .service-signal__node--three { top: calc(50% - .31rem); right: 17%; }

  .service-signal--electric .service-signal__field { background: linear-gradient(90deg, rgba(214,32,59,.09) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(rgba(16,16,17,.08) 1px, transparent 1px) 0 0 / 28px 28px, #fbf9f6; }
  .service-signal--electric .service-signal__path--one { top: 17%; left: 28%; width: 44%; height: 1px; background: var(--red); }
  .service-signal--electric .service-signal__path--two { top: 17%; bottom: 50%; right: 28%; width: 1px; }
  .service-signal--electric .service-signal__path--three { top: 50%; left: 28%; width: 44%; height: 1px; background: var(--red); animation: service-signal-flow 3.4s linear infinite; }
  .service-signal--electric .service-signal__node--one { top: calc(17% - .31rem); left: calc(28% - .31rem); background: var(--red); border-color: var(--red); }
  .service-signal--electric .service-signal__node--two { top: calc(50% - .31rem); right: calc(28% - .31rem); }
  .service-signal--electric .service-signal__node--three { bottom: 20%; left: calc(28% - .31rem); }

  .service-signal--custom .service-signal__field { background: linear-gradient(145deg, transparent 0 42%, rgba(214,32,59,.18) 42% 43%, transparent 43% 56%, rgba(16,16,17,.1) 56% 57%, transparent 57%), #fbf9f6; }
  .service-signal--custom .service-signal__path--one { top: 18%; left: 18%; width: 88%; height: 1px; background: var(--red); transform: rotate(-33deg); }
  .service-signal--custom .service-signal__path--two { top: 38%; left: -4%; width: 92%; height: 1px; transform: rotate(-33deg); }
  .service-signal--custom .service-signal__path--three { top: 63%; left: 13%; width: 88%; height: 1px; transform: rotate(-33deg); }
  .service-signal--custom .service-signal__node--one { top: 26%; right: 21%; }
  .service-signal--custom .service-signal__node--two { top: calc(50% - .31rem); left: calc(50% - .31rem); background: var(--red); border-color: var(--red); }
  .service-signal--custom .service-signal__node--three { bottom: 20%; left: 23%; }

  .service-signal--wheel .service-signal__field { background: repeating-radial-gradient(circle at 50% 50%, transparent 0 12px, rgba(16,16,17,.11) 13px 14px, transparent 15px 25px), #fbf9f6; border-radius: 50%; }
  .service-signal--wheel .service-signal__field::before { inset: 19%; border-radius: 50%; border-color: rgba(214,32,59,.42); }
  .service-signal--wheel .service-signal__path--one { top: 12%; bottom: 12%; left: 50%; width: 1px; }
  .service-signal--wheel .service-signal__path--two { top: 50%; right: 12%; left: 12%; height: 1px; }
  .service-signal--wheel .service-signal__path--three { top: 50%; left: 13%; width: 74%; height: 1px; background: var(--red); transform: rotate(45deg); }
  .service-signal--wheel .service-signal__node--one { top: calc(50% - .31rem); left: calc(50% - .31rem); background: var(--red); border-color: var(--red); }
  .service-signal--wheel .service-signal__node--two { top: 19%; left: calc(50% - .31rem); }
  .service-signal--wheel .service-signal__node--three { bottom: 19%; right: 28%; }

  .service-signal--impact.is-active .service-signal__field, .service-signal--contour.is-active .service-signal__field, .service-signal--wheel.is-active .service-signal__field { transform: translateY(-5px) translateZ(26px) rotate(3deg); }
  .service-signal--finish.is-active .service-signal__field, .service-signal--electric.is-active .service-signal__field { transform: translateY(-5px) translateZ(26px) skewY(-2deg); }
  @keyframes service-signal-flow { to { background-position: 0 230px; } }
  @keyframes service-signal-route { to { background-position: 0 32px; } }

  .review-orbit {
    --orbit-x: 0deg;
    --orbit-y: 0deg;
    position: absolute;
    top: 4.2rem;
    bottom: 3.8rem;
    left: calc(100% + .9rem);
    display: block;
    width: clamp(135px, 12vw, 160px);
    cursor: crosshair;
    isolation: isolate;
    transform: perspective(720px) rotateX(var(--orbit-x)) rotateY(var(--orbit-y));
    transition: transform .22s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
  }
  .review-orbit::before {
    position: absolute;
    top: 3.3rem;
    bottom: 3.15rem;
    left: calc(50% - 23px);
    z-index: -1;
    width: 46px;
    content: "";
    background: linear-gradient(90deg, #e8e3dc, #f8f6f2 50%, #e8e3dc);
    border: 1px solid var(--line);
    border-radius: 999px;
    box-shadow: inset 0 0 0 5px rgba(255,255,255,.45);
  }
  .review-orbit__stamp, .review-orbit__rating { position: absolute; z-index: 3; left: 50%; width: max-content; transform: translateX(-50%); font: 850 .56rem/1.1 var(--sans); letter-spacing: .12em; text-align: center; text-transform: uppercase; }
  .review-orbit__stamp { top: 0; padding: .65rem .75rem; color: var(--ink); background: var(--paper); border-top: 2px solid var(--red); }
  .review-orbit__stamp::before { display: inline-block; width: .45rem; height: .45rem; margin: 0 .34rem .05rem 0; content: ""; background: var(--red); border-radius: 50%; }
  .review-orbit__rating { bottom: 0; padding: .55rem .68rem; color: #eaa80c; background: var(--paper); border-bottom: 1px solid var(--line); font-size: .58rem; letter-spacing: .04em; }
  .review-orbit__road { position: absolute; top: 4rem; right: calc(50% - 1px); bottom: 3.75rem; z-index: 0; width: 2px; overflow: hidden; background: repeating-linear-gradient(to bottom, var(--red) 0 13px, transparent 13px 31px); animation: review-route 2.4s linear infinite; }
  .review-orbit__station { position: absolute; left: 50%; z-index: 1; width: .9rem; height: .9rem; background: var(--paper); border: 2px solid var(--ink); border-radius: 50%; box-shadow: 0 0 0 4px rgba(246,243,238,.82); transform: translate(-50%, -50%); transition: background-color .25s ease, border-color .25s ease, transform .25s ease; }
  .review-orbit__station--one { top: 24%; }
  .review-orbit__station--two { top: 50%; }
  .review-orbit__station--three { top: 76%; }
  .review-orbit__station--one, .review-orbit__station--three { border-color: var(--red); }
  .review-orbit__glow { position: absolute; top: calc(50% - 3.25rem); left: 50%; z-index: -2; width: 105%; height: 6.5rem; background: radial-gradient(ellipse, rgba(214,32,59,.16), transparent 68%); filter: blur(6px); transform: translateX(-50%); transition: opacity .25s ease, transform .25s ease; }
  .review-orbit__car { position: absolute; top: 50%; left: 50%; z-index: 2; width: calc(100% + .1rem); overflow: visible; color: var(--ink); fill: var(--paper); stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; transform: translate(-50%, -50%) translateZ(18px); transition: color .25s ease, filter .25s ease, transform .25s ease; }
  .review-orbit__car-window { fill: #e7e3de; stroke-width: 2.4; }
  .review-orbit__car-detail { fill: none; stroke-width: 2; }
  .review-orbit__wheel { fill: var(--paper); transform-box: view-box; }
  .review-orbit__wheel path { fill: none; stroke-width: 1.5; }
  .review-orbit__wheel--front { transform-origin: 52px 76px; }
  .review-orbit__wheel--rear { transform-origin: 126px 76px; }
  .review-orbit__hub { fill: var(--red); stroke: var(--paper); stroke-width: 1.5; }
  .review-orbit.is-active .review-orbit__car { color: var(--red); filter: drop-shadow(0 9px 12px rgba(214,32,59,.2)); transform: translate(-50%, calc(-50% - 5px)) translateZ(32px); }
  .review-orbit.is-active .review-orbit__glow { opacity: .85; transform: translateX(-50%) scale(1.16); }
  .review-orbit.is-active .review-orbit__station { background: var(--red); border-color: var(--red); transform: translate(-50%, -50%) scale(1.22); }
  .review-orbit.is-active .review-orbit__wheel { animation: review-wheel .75s linear infinite; }
  @keyframes review-route { to { background-position: 0 36px; } }
  @keyframes review-wheel { to { transform: rotate(360deg); } }

  .insurance-route {
    --route-x: 0deg;
    --route-y: 0deg;
    position: absolute;
    top: 4.2rem;
    left: calc(100% + .9rem);
    bottom: 3.8rem;
    display: grid;
    width: clamp(135px, 12vw, 160px);
    grid-template-rows: auto 1fr auto;
    place-items: center;
    cursor: crosshair;
    isolation: isolate;
    transform: perspective(720px) rotateX(var(--route-x)) rotateY(var(--route-y));
    transition: transform .22s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
  }
  .insurance-route::before { position: absolute; top: 2.9rem; right: calc(50% - 1px); bottom: 2.9rem; z-index: -2; width: 1px; content: ""; background: var(--line); }
  .insurance-route__title { z-index: 2; padding: .65rem .75rem; color: var(--ink); background: var(--paper); border-top: 2px solid var(--red); font: 850 .56rem/1.1 var(--sans); letter-spacing: .12em; text-align: center; text-transform: uppercase; }
  .insurance-route__title::before { display: inline-block; width: .45rem; height: .45rem; margin: 0 .34rem .05rem 0; content: ""; background: var(--red); border-radius: 50%; }
  .insurance-route__rail { position: absolute; top: 4rem; right: calc(50% - 2px); bottom: 4rem; z-index: -1; width: 4px; background: linear-gradient(var(--paper), var(--red) 18%, var(--red) 82%, var(--paper)); border-radius: 999px; opacity: .35; }
  .insurance-route__card { position: absolute; top: 50%; left: 50%; z-index: 1; display: grid; width: calc(100% - .35rem); height: min(320px, 50%); min-height: 230px; place-items: center; padding: 1.25rem; background: rgba(255,253,249,.84); border: 1px solid var(--line); box-shadow: 0 15px 34px rgba(18,15,12,.08); transform: translate(-50%, -50%) translateZ(14px); transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
  .insurance-route__card::before { position: absolute; top: .7rem; left: .7rem; width: .5rem; height: .5rem; content: ""; background: var(--red); border-radius: 50%; box-shadow: .92rem 0 0 var(--line), 1.84rem 0 0 var(--line); }
  .insurance-route__shield { width: 4.6rem; color: var(--ink); fill: var(--paper); stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3.4; transition: color .25s ease, transform .25s ease; }
  .insurance-route__shield path:last-child { fill: none; }
  .insurance-route__card-lines { position: absolute; right: 1.25rem; bottom: 1.35rem; left: 1.25rem; height: 1.8rem; background: linear-gradient(var(--line), var(--line)) 0 0 / 100% 1px no-repeat, linear-gradient(var(--line), var(--line)) 0 50% / 74% 1px no-repeat, linear-gradient(var(--line), var(--line)) 0 100% / 86% 1px no-repeat; }
  .insurance-route__terms { z-index: 2; display: grid; gap: .42rem; padding: .7rem .5rem; color: var(--ink); background: var(--paper); font: 850 .47rem/1 var(--sans); letter-spacing: .12em; text-align: center; text-transform: uppercase; }
  .insurance-route__terms span { position: relative; padding-left: .75rem; }
  .insurance-route__terms span::before { position: absolute; top: .05rem; left: 0; width: .38rem; height: .38rem; content: ""; background: var(--red); border-radius: 50%; }
  .insurance-route.is-active .insurance-route__card { border-color: rgba(214,32,59,.72); box-shadow: 0 20px 39px rgba(214,32,59,.16); transform: translate(-50%, calc(-50% - 6px)) translateZ(28px) rotate(-1.5deg); }
  .insurance-route.is-active .insurance-route__shield { color: var(--red); transform: scale(1.08); }
  .insurance-route.is-active .insurance-route__rail { opacity: .72; }

  .about-local-map {
    --map-x: 0deg;
    --map-y: 0deg;
    position: absolute;
    top: 4.2rem;
    bottom: 3.8rem;
    left: calc(100% + .9rem);
    display: grid;
    width: clamp(135px, 12vw, 160px);
    grid-template-rows: auto 1fr auto;
    place-items: center;
    cursor: crosshair;
    isolation: isolate;
    transform: perspective(720px) rotateX(var(--map-x)) rotateY(var(--map-y));
    transition: transform .22s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
  }
  .about-local-map::before { position: absolute; inset: 2.8rem 0 2.8rem; z-index: -2; content: ""; background: linear-gradient(90deg, transparent, rgba(214,32,59,.08), transparent); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .about-local-map__title, .about-local-map__place { z-index: 2; padding: .6rem .7rem; color: var(--ink); background: var(--paper); font: 850 .56rem/1.1 var(--sans); letter-spacing: .12em; text-align: center; text-transform: uppercase; }
  .about-local-map__title { border-top: 2px solid var(--red); }
  .about-local-map__title::before { display: inline-block; width: .45rem; height: .45rem; margin: 0 .34rem .05rem 0; content: ""; background: var(--red); border-radius: 50%; }
  .about-local-map__place { border-bottom: 1px solid var(--line); font-size: .5rem; }
  .about-local-map__grid { position: absolute; top: 3.65rem; bottom: 3.55rem; left: 0; z-index: 1; width: 100%; height: calc(100% - 7.2rem); overflow: visible; fill: none; }
  .about-local-map__streets { stroke: #d8d2cb; stroke-width: 1.2; }
  .about-local-map__streets--angled { stroke: #e4ded7; }
  .about-local-map__route { stroke: var(--red); stroke-dasharray: 8 10; stroke-linecap: round; stroke-width: 2.4; animation: about-map-trace 5s linear infinite; }
  .about-local-map__pin { fill: var(--paper); stroke: var(--ink); stroke-linejoin: round; stroke-width: 3; transform-box: fill-box; transform-origin: center; transition: fill .25s ease, filter .25s ease, transform .25s ease; }
  .about-local-map__pin circle { fill: var(--red); stroke: none; }
  .about-local-map.is-active .about-local-map__pin { fill: #fff; filter: drop-shadow(0 7px 9px rgba(214,32,59,.28)); transform: scale(1.13); }
  .about-local-map.is-active .about-local-map__route { stroke-width: 3.2; }
  @keyframes about-map-trace { to { stroke-dashoffset: -108; } }
}

@media (prefers-reduced-motion: reduce) {
  .service-signal { display: none !important; }
}

@media (max-width: 1080px) {
  .site-header { min-height: 70px; }
  .brand-logo { width: 174px; height: 60px; }
  .nav { gap: .7rem; }
  .nav > a:not(.btn), .services-menu summary { font-size: .67rem; }
  .nav .btn { padding-inline: .58rem; font-size: .65rem; }
  .process-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .google-reviews { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .google-review, .google-review:nth-child(4):nth-last-child(2), .google-review:nth-child(5):last-child { grid-column: auto; }
}
@media (max-width: 820px) {
  .notice-inner { min-height: 38px; width: min(100% - 2rem, 1340px); }
  .notice p:first-child { display: none; }
  .notice-inner { justify-content: center; }
  .site-header { padding-inline: 1rem; }
  .menu { display: inline-flex; }
  .nav { position: absolute; top: 100%; right: 0; left: 0; display: none; grid-template-columns: minmax(250px, 290px); align-items: stretch; justify-content: end; gap: 0; padding: .8rem 1rem 1.15rem; overflow: visible; background: #171719; border-bottom: 1px solid rgba(255,255,255,.15); box-shadow: 0 20px 30px rgba(0,0,0,.25); }
  .nav.open { display: grid; }
  .nav > a:not(.btn), .services-menu { grid-column: 1; }
  .nav > a:not(.btn), .services-menu summary { padding: .9rem .4rem; font-size: .78rem; }
  .nav .btn { width: 100%; margin-top: .6rem; min-height: 44px; font-size: .72rem; }
  .services-menu { position: relative; }
  .services-menu div { position: absolute; top: -.8rem; right: calc(100% + 1.15rem); left: auto; display: grid; width: 250px; min-width: 0; margin: 0; padding: .45rem; background: #202023; border: 1px solid rgba(255,255,255,.22); border-top: 2px solid var(--red); box-shadow: 0 20px 38px rgba(0,0,0,.34); }
  .services-menu div a { padding: .78rem .8rem; border-bottom: 1px solid rgba(255,255,255,.1); font-size: .76rem; }
  .services-menu div a:last-child { border-bottom: 0; }
  .services-menu div a:hover, .services-menu div a:focus-visible { color: #fff; background: rgba(214,32,59,.16); outline: 0; }
  .hero, .page-hero { min-height: calc(100svh - 108px); }
  .hero { display: flex; flex-direction: column; }
  .hero::before { display: none; }
  .hero-media { position: relative; inset: auto; z-index: 0; order: 1; width: 100%; height: 39%; min-height: 280px; flex: 0 0 39%; }
  .hero-copy { z-index: 1; order: 2; width: 100%; min-height: 0; flex: 1 0 auto; max-width: none; background: var(--ink); }
  .page-hero { min-height: calc(100svh - 108px); padding: calc(39svh + 2rem) 1.25rem 3.75rem; }
  .page-hero::before { inset: 39% 0 0; background: var(--ink); }
  .page-hero::after { inset: 0 0 61% 0; }
  body[data-page="services"] .page-hero::after { background-position: center 60%; }
  body[data-page="auto-body-repair"] .page-hero::after { background-position: center 72%; }
  .page-hero > * { max-width: min(100%, 680px); }
  .hero-art { min-height: 350px; padding-right: 1.25rem; }
  .hero-art::before { width: 510px; }
  .strip, .grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .strip div:nth-child(3) { grid-column: 1 / -1; padding-left: max(1.25rem, calc((100vw - 1340px) / 2)); }
  .split, .location, .shop-gallery { grid-template-columns: 1fr; gap: 2.5rem; }
  .photo-feature { grid-template-columns: 1fr; }
  .photo-feature .photo-rail { margin-top: 0; }
  footer { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-heading { align-items: flex-start; flex-direction: column; }
  .lead-workspace { grid-template-columns: 1fr; }
  .lead-inbox { max-height: 480px; border-right: 0; border-bottom: 1px solid var(--line); }
  .lead-workspace > .lead-detail { display: none; }
  .lead-mobile-detail { display: block; padding: 1.35rem 1.2rem; background: #fffaf7; border-bottom: 1px solid var(--line); box-shadow: inset 3px 0 0 var(--red); }
  .lead-mobile-detail .lead-detail__header h2 { font-size: clamp(2rem, 8vw, 3rem); }
  .lead-mobile-detail .lead-detail__actions { margin: 1.35rem 0; }
  .lead-mobile-detail .lead-status-actions { margin-top: 1.35rem; }
}
@media (max-width: 720px) {
  .google-reviews { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .notice { font-size: .62rem; letter-spacing: .08em; }
  .hero-copy, .section { padding: 3.75rem 1.25rem; }
  .page-hero { padding: calc(37svh + 1.7rem) 1.25rem 2.5rem; }
  .page-hero::before { inset: 37% 0 0; }
  .page-hero::after { inset: 0 0 63% 0; }
  .hero-copy { min-height: inherit; padding-right: 1.25rem; }
  h1 { font-size: clamp(3.15rem, 15vw, 4.8rem); }
  h2 { font-size: clamp(2.25rem, 11.5vw, 3.6rem); }
  .hero-art { min-height: 290px; }
  .hero-art::before { top: 22%; width: 420px; }
  .hero-art span { font-size: clamp(3rem, 16vw, 5rem); }
  .hero, .page-hero { min-height: calc(100svh - 108px); }
  .hero-media { min-height: 255px; flex-basis: 37%; }
  .hero-copy { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .hero-slideshow__controls { right: 1.25rem; bottom: 1.25rem; }
  .strip, .grid, .form-grid, footer { grid-template-columns: 1fr; }
  .strip div, .strip div + div, .strip div:nth-child(3) { padding: 1.2rem 1.25rem; border-right: 0; border-bottom: 1px solid var(--line); }
  .grid a { min-height: 230px; }
  .services-grid a { min-height: 330px; }
  .service-card-media { flex-basis: 122px; }
  .process-grid { grid-template-columns: 1fr; gap: 1.2rem; }
  .photo-rail { gap: .7rem; margin-top: 2rem; padding-bottom: .75rem; }
  .photo-rail .photo-slot, .photo-rail .photo-slot:nth-child(3n + 1) { min-width: min(78vw, 330px); min-height: 360px; }
  .review-slideshow { padding: 1.5rem 1.5rem 4rem; }
  .faq > div > p { margin-right: 0; }
  .service-list ul { columns: 1; }
  .footer-bottom { flex-direction: column; }
  .footer-logo { width: 200px; height: 72px; }
  .admin-topbar { min-height: 70px; padding-inline: 1rem; }
  .admin-topbar .brand-logo { width: 154px; height: 53px; }
  .admin-topbar__account { gap: .65rem; font-size: .7rem; }
  .admin-topbar__account span { display: none; }
  .admin-dashboard { width: min(100% - 2rem, 1340px); padding-block: 2rem; }
  .admin-heading { gap: 1.25rem; margin-bottom: 1.35rem; }
  .admin-quick-actions { width: 100%; }
  .admin-quick-actions .btn { flex: 1 1 150px; }
  .lead-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-metrics article { min-height: 100px; padding: .95rem 1rem; border-bottom: 1px solid var(--line); }
  .lead-metrics article:nth-child(2) { border-right: 0; }
  .lead-metrics article:nth-child(n + 3) { border-bottom: 0; }
  .lead-metrics strong { font-size: 2.5rem; }
  .lead-inbox__header { align-items: stretch; flex-direction: column; padding: 1.2rem; }
  .lead-filters { min-width: 0; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
  .lead-list-message { margin: 1.2rem; }
  .lead-row { padding: 1rem 1.15rem; }
  .lead-detail { padding: 1.4rem 1.2rem; }
  .lead-fields { grid-template-columns: 1fr; }
  .lead-fields__wide { grid-column: auto; }
}
@media (max-width: 540px) {
  .nav { grid-template-columns: minmax(190px, 46vw); }
  .services-menu div { right: calc(100% + .65rem); width: min(220px, 45vw); }
  .services-menu div a { padding: .7rem .6rem; font-size: .71rem; }
}

/* The lead desk becomes a single, predictable reading flow before desktop. */
@media (max-width: 1023px) {
  .admin-body.is-dashboard { background: var(--paper); }
  .admin-body.is-dashboard .admin-topbar { position: sticky; top: 0; z-index: 20; }
  .admin-body.is-dashboard .admin-dashboard { width: min(100% - 2rem, 860px); padding: 0 0 2rem; }
  .admin-body.is-dashboard .admin-overview { display: grid; min-height: calc(100svh - 76px); align-content: center; padding: clamp(2.25rem, 7vw, 4.5rem) 0; }
  .admin-body.is-dashboard .admin-heading { display: flex; }
  .admin-body.is-dashboard .lead-metrics { display: grid; }
  .admin-body.is-dashboard .lead-workspace { display: block; min-height: 0; background: transparent; border: 0; box-shadow: none; }
  .admin-body.is-dashboard .lead-inbox { height: auto; max-height: none; min-height: 0; border: 0; background: var(--white); box-shadow: 0 12px 30px rgba(18,15,12,.07); }
  .admin-body.is-dashboard .lead-inbox__header { min-height: 0; padding: 1.5rem; }
  .admin-body.is-dashboard .lead-inbox__header h2 { font-size: clamp(2rem, 5.8vw, 3rem); }
  .admin-body.is-dashboard .lead-filters { min-width: min(300px, 40%); }
  .admin-body.is-dashboard .lead-list { overflow: visible; }
  .admin-body.is-dashboard .lead-row { min-height: 112px; padding: 1.1rem 1.35rem; }
  .admin-body.is-dashboard .lead-workspace > .lead-detail { display: none; }
  .admin-body.is-dashboard .lead-mobile-detail { display: block; padding: 1.5rem; background: #fffaf7; border-bottom: 1px solid var(--line); box-shadow: inset 3px 0 0 var(--red); }
  .admin-body.is-dashboard .lead-mobile-detail .lead-detail__header h2 { font-size: clamp(2.2rem, 7.2vw, 3.35rem); }
  .admin-body.is-dashboard .lead-mobile-detail .lead-detail__actions { margin-block: 1.4rem; }
}

@media (max-width: 620px) {
  .admin-body.is-dashboard .admin-dashboard { width: 100%; padding-bottom: 0; }
  .admin-body.is-dashboard .admin-overview { min-height: calc(100svh - 70px); padding: 2rem 1.2rem; }
  .admin-body.is-dashboard .lead-inbox { box-shadow: none; }
  .admin-body.is-dashboard .lead-inbox__header { align-items: stretch; padding: 1.3rem 1.2rem; }
  .admin-body.is-dashboard .lead-filters { min-width: 0; grid-template-columns: 1fr; gap: .55rem; }
  .admin-body.is-dashboard .lead-row { min-height: 106px; padding: 1rem 1.2rem; }
  .admin-body.is-dashboard .lead-mobile-detail { padding: 1.4rem 1.2rem 1.65rem; }
  .admin-body.is-dashboard .lead-mobile-detail .lead-detail__actions { display: grid; grid-template-columns: 1fr; }
  .admin-body.is-dashboard .lead-mobile-detail .lead-detail__actions .btn { width: 100%; }
  .lead-detail__expand { font-size: .61rem; }
  .lead-full-dialog { width: 100dvw; height: 100dvh; max-width: none; max-height: none; border: 0; }
  .lead-full-dialog__panel-header { position: relative; padding: 1.25rem 1.2rem; }
  .lead-full-dialog__panel-header .admin-icon-button { position: absolute; top: 1.25rem; right: 1.2rem; }
  .lead-full-dialog__identity { padding-right: 3.2rem; }
  .lead-full-dialog__body { padding: 1.25rem 1.2rem; }
  .lead-full-dialog__panel-header h2 { font-size: clamp(2.4rem, 12vw, 3.7rem); }
  .lead-full-dialog__actions { display: grid; grid-template-columns: 1fr; }
  .lead-full-dialog__actions .btn { width: 100%; }
  .lead-full-dialog__body { gap: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}