/* Editorial Cinematic Effects */

/* Gradient shimmer text — ONLY on the homepage hero heading (dark navy background) */
/* Previously used #brx-content .brxe-section:first-child h1 which applied to ALL pages,
   making H1 text invisible on ivory/light-background hero sections (About, News, Contact, Legacy).
   Fixed 2026-04-01: scoped to #brxe-hero05 only. */
#brxe-hero05 {
  background: linear-gradient(135deg, #FFFFFF 0%, #D1D5DB 50%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s ease-in-out infinite;
  background-size: 200% 200%;
}

@keyframes shimmer {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Hero image zoom on load */
[id*="hero"] .brxe-image {
  overflow: hidden;
}

[id*="hero"] .brxe-image img {
  animation: heroZoom 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes heroZoom {
  from { transform: scale(1.15); opacity: 0.8; }
  to { transform: scale(1.05); opacity: 1; }
}

/* Button micro-interactions */
.brxe-button {
  position: relative;
  overflow: hidden;
}

.brxe-button::after {
  content: ;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.15);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease;
}

.brxe-button:hover::after {
  width: 300px;
  height: 300px;
}

/* Image hover zoom */
.brxe-image {
  overflow: hidden;
  border-radius: 12px;
}

.brxe-image img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.brxe-image:hover img {
  transform: scale(1.05) !important;
}

/* Card depth on hover */
.brxe-div[style*="background"] {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease !important;
}

/* Pull quote enhanced styling */
[style*="border-left"][style*="C17650"],
[style*="border-left"][style*="c17650"] {
  position: relative;
}

/* Stat numbers - add subtle glow */
[id*="stat"] .brxe-heading {
  text-shadow: 0 0 30px rgba(27, 42, 74, 0.1);
}

/* Section divider lines */
.brxe-section + .brxe-section::before {
  content: ;
  display: block;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #C17650, transparent);
  margin: 0 auto;
  opacity: 0.5;
}

/* Footer gold accent line - now copper */
#brx-footer .brxe-section::before {
  background: linear-gradient(90deg, transparent, #C17650, transparent) !important;
}

/* Smooth page load */
body {
  animation: pageLoad 0.6s ease-out;
}

@keyframes pageLoad {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}