/* ============================================================================
   Business Type Selector — BRAND SYSTEM 2026 EDITORIAL EXPANSION
   Sectors render in a premium two-column editorial composition:
   Left: Field Notes metadata, large editorial headline, body narrative, chips, CTAs.
   Right: 16:9 Before/After visual comparison proof + evidence stepper.
   ============================================================================ */

/* Stage containment */
.scene--editorial {
  width: 100%;
}

.scene__card--editorial {
  display: grid;
  grid-template-columns: minmax(340px, 460px) minmax(0, 1.3fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
  min-height: auto;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  backdrop-filter: none;
}

.scene__card--editorial .scene__text {
  max-width: 460px;
  position: relative;
  z-index: 3;
}

/* Sharp 16:9 Before/After visual comparison (unboxed, loose, dimensional depth) */
.scene__visual--editorial {
  width: 100%;
  max-width: 630px;
  aspect-ratio: 16 / 9;
  background: none;
  border: none;
  border-radius: 0;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  box-shadow: none;
  position: relative;
}

.scene__visual--editorial .scene__photo {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 14px;
  border: 1px solid rgba(242, 238, 230, 0.12);
  box-shadow:
    0 30px 70px -20px rgba(0, 0, 0, 0.85),
    0 12px 28px -10px rgba(0, 0, 0, 0.5);
  display: block;
  z-index: 2;
  transition: opacity 0.4s var(--ease), transform 0.4s var(--ease);
}

.scene__visual--editorial .scene__photo-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 98%;
  height: 98%;
  transform: translate(-50%, -46%) scale(1.08);
  object-fit: cover;
  filter: blur(40px) saturate(1.15);
  border-radius: 22px;
  opacity: 0.30;
  z-index: 0;
  pointer-events: none;
  transition: opacity 0.6s var(--ease);
}

.scene__visual--photo.is-broken .scene__photo,
.scene__visual--photo.is-broken .scene__photo-bg {
  display: none;
}

/* Selector card cover images */
.card__thumb.has-cover > svg {
  opacity: 0;
}
.card__cover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 0;
}
.card__thumb.has-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(16, 32, 40, 0.42) 0%, rgba(16, 32, 40, 0.06) 46%, transparent 72%);
}

/* Subtle, restrained sector accent cues (controlled cues, Brand System dominant) */
.story[data-sector="health"] .editorial-meta { color: #8ec3d9; }
.story[data-sector="restaurants"] .editorial-meta { color: #d4986a; }
.story[data-sector="trades"] .editorial-meta { color: #8ea8c7; }
.story[data-sector="shops"] .editorial-meta { color: #d6be7c; }
.story[data-sector="professional"] .editorial-meta { color: #8bb3c7; }