/* PRECEDENCE HOME V31 — exact Socials brick facade + clean OPEN sign + safe lower labels */

body[data-page="home"] {
  min-height: 100svh;
  background: #a9412e !important;
}

/* Use the exact same non-repeating brick wall treatment as the Socials page. */
body[data-page="home"]::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    linear-gradient(90deg, rgba(42, 11, 5, .10), transparent 18% 82%, rgba(42, 11, 5, .12)),
    linear-gradient(180deg, rgba(255, 239, 204, .04), rgba(42, 11, 5, .08)),
    url("assets/brick-wall-socials.png") center center / cover no-repeat !important;
}

body[data-page="home"]::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.07), transparent 22%),
    radial-gradient(circle at 84% 24%, rgba(221,255,0,.035), transparent 24%),
    radial-gradient(circle at 48% 82%, rgba(20,8,4,.09), transparent 34%);
  mix-blend-mode: soft-light;
}

body[data-page="home"] .site-header,
body[data-page="home"] main {
  position: relative;
  z-index: 2;
}

body[data-page="home"] .showcase-hero {
  background: transparent !important;
}

/* Keep the storefront mounted in the brick rather than inside a pale page panel. */
body[data-page="home"] .storefront-shell {
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(181,198,205,.84) 16%, rgba(68,84,92,.96) 48%, rgba(201,217,223,.90) 78%, rgba(255,255,255,.94)),
    #8da2aa !important;
}

/* Remove the inherited frosted acrylic rectangle around the OPEN artwork. */
body[data-page="home"] .home-about-card,
body[data-page="home"] .open-image-card {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  clip-path: none !important;
}

body[data-page="home"] .home-about-card::before,
body[data-page="home"] .home-about-card::after,
body[data-page="home"] .open-image-card::before,
body[data-page="home"] .open-image-card::after {
  content: none !important;
  display: none !important;
  background: none !important;
  filter: none !important;
}

body[data-page="home"] .open-mount {
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Preserve only the physical sign shadow, not a rectangular blur. */
body[data-page="home"] .open-mount .open-sign-art {
  filter: drop-shadow(0 13px 10px rgba(23, 53, 67, .28)) !important;
}

body[data-page="home"] .open-image-card:hover .open-sign-art,
body[data-page="home"] .open-image-card:focus-visible .open-sign-art {
  filter: drop-shadow(0 17px 13px rgba(23, 53, 67, .34)) brightness(1.025) !important;
}

/* Build a larger safe zone above the metal sill. */
body[data-page="home"] .showcase-grid {
  padding-bottom: clamp(62px, 7.5vh, 92px) !important;
}

/* Lift the two bottom posters and their destination tabs as one physical object. */
@media (min-width: 981px) {
  body[data-page="home"] .profile-card,
  body[data-page="home"] .social-card {
    translate: 0 -24px;
  }
}

@media (min-width: 641px) and (max-width: 980px) {
  body[data-page="home"] .profile-card,
  body[data-page="home"] .social-card {
    translate: 0 -16px;
  }
}

@media (max-width: 640px) {
  body[data-page="home"] .showcase-grid {
    padding-bottom: 38px !important;
  }

  body[data-page="home"] .profile-card,
  body[data-page="home"] .social-card {
    translate: 0 -8px;
  }
}