/* Trans-Substantiation Arena — page-specific presentation */
.arena-hero {
  --arena-ink: #241d1c;
  --arena-gold: #a9782c;
  --arena-blue: #164f86;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--arena-ink);
  background: #efe6d4 url('../wp-content/uploads/2025/06/9B8992B7-EE27-4AE9-AE2C-5DA3FB32835A.png') center 43% / cover no-repeat;
  border-bottom: 1px solid rgba(169,120,44,.45);
}
.arena-hero__veil {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(247,241,228,.97) 0%, rgba(247,241,228,.91) 38%, rgba(247,241,228,.68) 68%, rgba(247,241,228,.78) 100%),
    linear-gradient(0deg, rgba(247,241,228,.34), transparent 45%);
}
.arena-hero__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(310px, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: clamp(42px, 7vw, 120px);
  width: min(1480px, calc(100% - 12vw));
  min-height: min(790px, calc(100svh - 86px));
  margin: 0 auto;
  padding: clamp(72px, 9vw, 136px) 0 94px;
}
.arena-hero__intro { max-width: 560px; }
.arena-hero__eyebrow,
.arena-hero__footer {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0;
  color: var(--arena-gold);
  font: 600 11px/1.4 'Urbanist', sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.arena-hero__eyebrow span { width: 30px; height: 1px; background: currentColor; }
.arena-hero h1 {
  max-width: 660px;
  margin: 28px 0 18px;
  color: var(--arena-ink);
  font: 400 clamp(48px, 6.2vw, 92px)/.98 'Cormorant Garamond', Georgia, serif;
  letter-spacing: -.045em;
  text-transform: uppercase;
}
.arena-hero h1 em { color: var(--arena-blue); font-weight: 400; }
.arena-hero__summary {
  max-width: 390px;
  margin: 0 0 32px;
  color: #514641;
  font: 400 clamp(18px, 1.65vw, 23px)/1.45 'Cormorant Garamond', Georgia, serif;
}
.arena-hero__address { display: flex; align-items: flex-start; gap: 13px; max-width: 440px; }
.arena-hero__pin { flex: 0 0 20px; margin-top: 2px; color: var(--arena-gold); }
.arena-hero__pin svg { display: block; width: 20px; fill: currentColor; }
.arena-hero__address p { margin: 0; color: #403936; font: 400 14px/1.65 'Urbanist', sans-serif; }
.arena-hero__directions {
  display: inline-flex;
  align-items: center;
  gap: 28px;
  margin: 27px 0 0 33px;
  padding: 13px 17px;
  border: 1px solid rgba(22,79,134,.45);
  color: var(--arena-blue);
  font: 600 11px/1 'Urbanist', sans-serif;
  letter-spacing: .11em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s ease, background .2s ease, border-color .2s ease;
}
.arena-hero__directions:hover, .arena-hero__directions:focus-visible { color: #fff; background: var(--arena-blue); border-color: var(--arena-blue); }
.arena-hero__directions span { font-size: 16px; }
.arena-hero__gallery { position: relative; min-height: 520px; }
.arena-photo {
  position: absolute;
  margin: 0;
  padding: 10px 10px 0;
  background: rgba(255,252,245,.94);
  box-shadow: 0 22px 70px rgba(51,35,19,.2), 0 2px 8px rgba(51,35,19,.1);
}
.arena-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.arena-photo figcaption {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  color: #413832;
  font: 500 10px/1 'Urbanist', sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.arena-photo figcaption span { color: var(--arena-gold); }
.arena-photo--building { z-index: 1; top: 8%; left: 0; width: 66%; height: 63%; transform: rotate(-2deg); }
.arena-photo--gathering { z-index: 2; right: 0; bottom: 4%; width: 63%; height: 51%; transform: rotate(1.5deg); }
.arena-hero__seal {
  position: absolute;
  z-index: 3;
  top: 17%; right: 3%;
  display: grid;
  place-items: center;
  width: 95px; height: 95px;
  border: 1px solid rgba(169,120,44,.5);
  border-radius: 50%;
  background: rgba(247,241,228,.88);
  color: var(--arena-gold);
  font: 600 9px/1 'Urbanist', sans-serif;
  letter-spacing: .16em;
  transform: rotate(9deg);
}
.arena-hero__seal b { font-size: 15px; line-height: .7; }
.arena-hero__footer {
  position: absolute;
  right: 0; bottom: 32px; left: 0;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(169,120,44,.34);
  color: rgba(78,58,38,.72);
  font-size: 9px;
  letter-spacing: .2em;
}
.arena-hero__footer i { display: inline-block; width: 24px; height: 1px; margin-left: 8px; vertical-align: middle; background: var(--arena-gold); }
@media (max-width: 900px) {
  .arena-hero__inner { width: min(760px, calc(100% - 48px)); grid-template-columns: 1fr; gap: 34px; min-height: 0; padding: 72px 0 82px; }
  .arena-hero__intro { max-width: 650px; }
  .arena-hero h1 { max-width: 620px; }
  .arena-hero__gallery { width: min(680px, 100%); min-height: clamp(370px, 72vw, 540px); margin: 0 auto; }
}
@media (max-width: 560px) {
  .arena-hero { background-position: center; }
  .arena-hero__veil { background: rgba(247,241,228,.88); }
  .arena-hero__inner { width: calc(100% - 40px); gap: 28px; padding: 52px 0 76px; }
  .arena-hero__eyebrow { font-size: 9px; letter-spacing: .17em; }
  .arena-hero h1 { margin-top: 22px; font-size: clamp(43px, 12vw, 64px); }
  .arena-hero__summary { margin-bottom: 24px; }
  .arena-hero__address p { font-size: 13px; }
  .arena-hero__gallery { min-height: 350px; }
  .arena-photo { padding: 7px 7px 0; }
  .arena-photo figcaption { min-height: 34px; gap: 7px; font-size: 8px; }
  .arena-photo--building { width: 76%; height: 58%; top: 5%; }
  .arena-photo--gathering { width: 70%; height: 46%; bottom: 4%; }
  .arena-hero__seal { width: 67px; height: 67px; top: 7%; right: 0; font-size: 7px; }
  .arena-hero__footer { bottom: 25px; font-size: 7px; letter-spacing: .13em; }
}
@media (prefers-reduced-motion: reduce) {
  .arena-hero__directions { transition: none; }
}
/* The legacy page builder nests content in a narrow column; let the Arena scene reach the viewport edges. */
.arena-hero { width: 100vw; max-width: none; margin-left: calc(50% - 50vw); }
@media (max-width: 560px) {
  .arena-hero__inner { width: calc(100% - 40px); }
  .arena-hero__intro, .arena-hero h1 { min-width: 0; max-width: 100%; }
  .arena-hero h1 { font-size: clamp(30px, 8vw, 40px); letter-spacing: -.055em; overflow-wrap: anywhere; }
  .arena-hero h1 em { overflow-wrap: anywhere; }
  .arena-hero__eyebrow { font-size: 8px; letter-spacing: .13em; }
}
/* Let the hero meet the footer; this WordPress template leaves an empty portfolio row after page content. */
body.page-id-1191 .container-wrap,
body.page-id-1191 .container-wrap > .container.main-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}
body.page-id-1191 .container-wrap .portfolio-wrap {
  display: none !important;
}
body.page-id-1191 .container-wrap .wpb_row.top-level {
  margin-bottom: 0 !important;
}