/* V14: optical balance for the existing cover and clean RSVP background. */
.hero .monogram {
  width: min(350px, 100%);
  height: 200px;
  margin-inline: auto;
}
.hero .monogram > svg { display: none; }
.hero .monogram .roman-numeral {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: .035em;
  width: max-content;
  padding: 0;
  font-family: var(--roman);
  font-size: 204px;
  font-weight: 600;
  font-kerning: none;
  line-height: 1;
  letter-spacing: 0;
  color: var(--olive);
  text-shadow: none;
  -webkit-text-stroke: 0;
}
.hero .monogram .roman-numeral > span {
  display: block;
  padding: 0;
  font: inherit;
  letter-spacing: 0;
  color: inherit;
  text-shadow: none;
  -webkit-text-stroke: 0;
}
.hero .years-label {
  margin-top: 0;
  letter-spacing: .4em;
  padding-left: .4em;
}
.hero h1 { text-align: center; }

.presence {
  isolation: isolate;
  overflow: hidden;
  padding: 32px 68px 40px;
  background: linear-gradient(110deg, #f5ecd9, #fbf4e7 50%, #f5ecd9);
  color: #293b27;
}
.presence::before,
.presence::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 42px;
  background: url('assets/lirios-v9.webp') left bottom / auto 110% no-repeat;
  opacity: .42;
  pointer-events: none;
  z-index: -1;
}
.presence::before { left: 0; }
.presence::after { right: 0; transform: scaleX(-1); }
.presence h2 {
  max-width: 680px;
  margin-inline: auto;
  color: #293b27;
  font-size: 19px;
  line-height: 1.55;
  letter-spacing: .1em;
  text-shadow: none;
}
.presence p {
  max-width: 660px;
  margin: 10px auto 22px;
  background: none;
  color: #514633;
  font-size: 24px;
  line-height: 1.45;
  text-shadow: none;
}
.presence .primary-btn { max-width: 100%; }

@media (max-width: 767px) {
  .hero .monogram { height: 156px; width: min(250px, 100%); }
  .hero .monogram .roman-numeral { font-size: clamp(134px, 40vw, 162px); }
  .presence { padding: 30px 36px 34px; }
  .presence::before, .presence::after { width: 22px; opacity: .3; }
  .presence h2 { font-size: 15px; line-height: 1.65; letter-spacing: .065em; }
  .presence p { font-size: 21px; line-height: 1.5; margin: 12px auto 22px; }
  .presence .primary-btn { font-size: 21px; padding-inline: 10px; }
}