/* Client feedback implementation — October 2026.
   This sheet aligns the live site to the approved reference: a quiet ivory
   field, wine-red structure, and subdued sand accents. */
:root {
  --color-ink: #7c2c2b !important;
  --color-ink-2: #652322 !important;
  --color-paper: #faf9f6 !important;
  --color-paper-2: #f4efe7 !important;
  --color-accent: #d8bd8b !important;
  --color-accent-d: #b99562 !important;
  --color-accent-text: #87633d;
  --color-cta: #7c2c2b !important;
  --color-cta-d: #652322 !important;
  --color-muted: #eee3d5 !important;
  --color-muted-d: #655b54 !important;
  --color-line: #a2605e !important;
  --color-line-d: #ded4c5 !important;
}

.scrim::after {
  background: linear-gradient(100deg, rgb(101 35 34 / .94) 0%, rgb(124 44 43 / .80) 42%, rgb(124 44 43 / .34) 100%);
}

/* Project, service, and company pages use the same readable photographic
   hero treatment as the root page; the image remains visible beneath it. */
.hero-panel { background-color: rgb(124 44 43 / .76); }

.slide-dots { background: rgb(101 35 34 / .45); }

/* The client-selected navigation treatment keeps the wine header distinct
   from the warm ivory content field. */
.site-header {
  background-color: var(--color-ink) !important;
  border-bottom: 1px solid rgb(255 255 255 / .14);
}
.site-header .logo-on-dark { filter: brightness(0) invert(1); }
.site-header > div > nav > ul > li > :is(a, button),
.site-header > div > .flex > :is(a, button) {
  color: var(--color-paper) !important;
}

/* Home hero: retain the carousel's 7-second timing without displaying
   slide dots or a pause control over the photography. */
.client-feedback-home .slide-timer {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  animation: slide-progress 7s linear infinite;
}

/* The retained root homepage has its own carousel controls. Keep those
   controls visibly within the burgundy-and-tan system as well. */
.client-feedback-index .slide-seg[aria-current] .slide-dot { background: rgb(208 177 134 / .62); }
.client-feedback-index .slide-fill { background: var(--color-accent); }
.client-feedback-index .slide-seg:hover .slide-dot { background: var(--color-paper); }

/* Meeting homepage: photographic work stays completely clear. The only
   overlay is the compact burgundy panel that supports readable copy. */
.client-feedback-home .meeting-hero-panel { background: rgb(124 44 43 / .78); }
/* Tan is reserved for fills on warm-white surfaces. Its darker companion
   keeps small labels and links readable at WCAG AA contrast. */
main .text-accent { color: var(--color-accent-text); }

/* Sidebar project filters: reserve a proper inset for the select indicator
   instead of leaving the native caret pressed against the control edge. */
.project-filter-select {
  appearance: none;
  padding-right: 3.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%237c2c2b' stroke-width='2'%3E%3Cpath d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E");
  background-position: right 1.15rem center;
  background-repeat: no-repeat;
  background-size: 1rem;
}
.client-feedback-home .meeting-project-stories .meeting-project-grid > article { display: block; grid-column: auto !important; order: 0 !important; }
.client-feedback-home .meeting-project-stories .meeting-project-grid > article:nth-child(n + 4) { display: none; }
.client-feedback-home .meeting-project-stories .meeting-project-grid > article > a,
.client-feedback-home .meeting-project-stories .meeting-project-grid > article > div { display: block; }
.client-feedback-home .meeting-project-stories .meeting-project-grid h3 { font-size: clamp(30px, 2.6vw, 42px); }
.client-feedback-home .meeting-project-stories .meeting-project-grid p { font-size: 16px; }

/* The warm tan is a background, not pale small text. */
.cta-band h2 { color: var(--color-ink); }
.cta-band a.border { border-color: rgb(124 44 43 / .55); color: var(--color-ink); }
.cta-band a.border:hover { border-color: var(--color-ink); }

/* Alternate homepage: matches the supplied art direction with a clean
   ivory navigation bar and a curved wine panel over uninterrupted project
   photography. This is deliberately scoped to the review page only. */
.hero-arc-home .hero-arc-header {
  background: var(--color-paper) !important;
  border-bottom-color: var(--color-line-d);
}
.hero-arc-home .hero-arc-header > div > nav > ul > li > :is(a, button),
.hero-arc-home .hero-arc-header > div > .flex > :is(a, button) {
  color: #352d2b !important;
}
.hero-arc-home .hero-arc-header [data-nav-toggle] { color: var(--color-ink) !important; }
.hero-arc-home .hero-arc-header a[href^="tel:"] {
  background: var(--color-cta);
  color: var(--color-paper) !important;
  padding: .8rem 1.25rem;
}
.hero-arc-panel {
  background: linear-gradient(125deg, rgb(124 44 43 / .96), rgb(101 35 34 / .88));
  clip-path: ellipse(92% 108% at 0% 50%);
}
@media (max-width: 640px) {
  .hero-arc-panel { clip-path: none; background: rgb(101 35 34 / .83); }
}

@media (prefers-reduced-motion: reduce) {
  .client-feedback-home :is(.hero-slide img, .slide-timer) { animation: none !important; }
}