/* V28 — the owner's three annotated homepage surfaces. */

/* A single approved seal spans both the FAQ title and answer columns. */
.page-home .v26 .quick-answers {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.page-home .v26 .quick-answers::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: max(135%, 900px);
  aspect-ratio: 4 / 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('texas-exterior-care-bright-nickel-v18.webp') center / contain no-repeat;
  clip-path: ellipse(36.9% 40.6% at 50.8% 51.5%);
  opacity: .047;
  pointer-events: none;
}

/* Replace the closing seal entirely with a faint storefront glazing image. */
.page-home .v26 .closing { background: #edf4fa; }
.page-home .v26 .closing::before {
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  clip-path: none;
  background: url('storefront-glass-v28.webp') center 50% / cover no-repeat;
  opacity: .3;
  mask-image: linear-gradient(90deg, #0005, #000b 42%, #000 72%);
  pointer-events: none;
}

/* Repeat the approved cobalt-water material while keeping the footer seal. */
.page-home .site-footer {
  background-color: #103963;
  background-image: linear-gradient(180deg, #10396338, #103963ae 34%, #103963c4 76%, #10396366), var(--wet-glass);
  background-size: 100% 100%, cover;
  background-position: center, center;
  background-repeat: no-repeat;
  border-top: 1px solid #9fb8d078;
}
.page-home .site-footer::before { opacity: .045; }

@media (max-width: 760px) {
  .page-home .v26 .quick-answers::before { width: max(180%, 820px); opacity: .037; }
  .page-home .v26 .closing::before {
    /* The glass doorway stays recognizable in the narrow crop. */
    background-position: 68% center;
    opacity: .25;
    mask-image: linear-gradient(180deg, #0006, #000 60%);
  }
  .page-home .site-footer {
    background-image: linear-gradient(180deg, #10396326, #103963b0 180px, #103963 380px), var(--wet-glass);
    background-size: 100% 100%, auto 390px;
    background-position: center, 38% top;
  }
}
@media print {
  .page-home .v26 .quick-answers::before,
  .page-home .v26 .closing::before { display: none; }
  .page-home .site-footer { background-image: none; }
}