/* Exact homepage hero CSS extracted from the live homepage.
   This file exists so non-home pages use the same visible hero treatment as / . */

/* Extracted from index.html style#ff-hero-text-fix */
.ff-hero-brand{
    display:block !important;
    text-align:center !important;
    margin:0 auto 1.1rem auto !important;
  }
  .ff-hero-brand .ff-hero-name{
    display:block !important;
    color:#fff !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    font-size:clamp(28px,2.2vw,44px) !important;
    line-height:1.05 !important;
  }
  .ff-hero-brand .ff-hero-role{
    display:block !important;
    color:#fff !important;
    opacity:.92 !important;
    font-size:clamp(13px,0.95vw,18px) !important;
    letter-spacing:.18em !important;
    margin-top:.35rem !important;
  }
  .ff-hero-brand .ff-hero-slash{
    display:block !important;
    color:#fff !important;
    font-weight:700 !important;
    font-size:clamp(16px,1.1vw,24px) !important;
    letter-spacing:.2em !important;
    margin-top:.3rem !important;
  }
  .ff-hero-centered,
  .ff-hero-centered *{
    text-align:center !important;
  }
  .ff-hero-hidden{
    display:none !important;
  }

/* Extracted from index.html style#ff-hero-brand-visual-match */
.ff-hero-brand {
    display: block !important;
    text-align: center !important;
    margin: 0 auto 1.25rem auto !important;
    padding-bottom: 0.9rem !important;
    position: relative !important;
    width: min(620px, 86vw) !important;
  }

  .ff-hero-brand::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 4px !important;
    background: #e6002e !important;
    margin: 0.72rem auto 0 auto !important;
    border-radius: 999px !important;
    box-shadow: 0 0 8px rgba(230, 0, 46, 0.28) !important;
  }

  .ff-hero-brand .ff-hero-name {
    display: block !important;
    color: #f7f2ef !important;
    font-family: "Cinzel", "Trajan Pro", "Times New Roman", Georgia, serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.22em !important;
    font-size: clamp(28px, 3.1vw, 48px) !important;
    line-height: 1.05 !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,0.35),
      0 2px 2px rgba(0,0,0,0.75),
      0 0 3px rgba(255,255,255,0.18) !important;
  }

  .ff-hero-brand .ff-hero-role {
    display: block !important;
    color: #eee7e2 !important;
    font-family: "Cinzel", "Trajan Pro", "Times New Roman", Georgia, serif !important;
    font-weight: 500 !important;
    text-transform: lowercase !important;
    letter-spacing: 0.36em !important;
    font-size: clamp(17px, 1.8vw, 31px) !important;
    line-height: 1.15 !important;
    margin-top: 0.52rem !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,0.25),
      0 2px 2px rgba(0,0,0,0.75),
      0 0 3px rgba(255,255,255,0.16) !important;
  }

  .ff-hero-brand .ff-hero-slash {
    display: block !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-style: italic !important;
    font-weight: 900 !important;
    font-size: clamp(24px, 2.4vw, 40px) !important;
    letter-spacing: -0.12em !important;
    line-height: 1 !important;
    margin-top: 0.42rem !important;
    transform: skewX(-12deg) !important;
    text-shadow:
      0 2px 2px rgba(0,0,0,0.8),
      0 0 3px rgba(255,255,255,0.28) !important;
  }

/* Non-home hero wrapper: keep homepage visual identity, but do not hide following page content. */
.hero.hero-immersive .hero-copy {
  text-align: center !important;
}

.hero.hero-immersive .hero-copy > h1,
.hero.hero-immersive .hero-copy > p {
  margin-left: auto !important;
  margin-right: auto !important;
}

.hero.hero-immersive .hero-actions,
.hero.hero-immersive .eyebrow {
  display: none !important;
}