/* OrthodoxCuracao contact + e-mail pages v2.3.41 — same navy/gold visual language as the site and slider. */
body.ocsai-contact,
body.ocsai-email-page,
.ocsai-contact-v240,
.ocsai-email-v241 {
  --oc240-bg: var(--ast-global-color-5, #132238);
  --oc240-bg-deep: #0d1926;
  --oc240-card: rgba(255,255,255,.035);
  --oc240-card-strong: rgba(255,255,255,.055);
  --oc240-text: var(--ast-global-color-3, #f4f1e8);
  --oc240-muted: rgba(244,241,232,.78);
  --oc240-gold: var(--ast-global-color-0, #d9a928);
  --oc240-gold-bright: #edc55a;
  --oc240-line: rgba(217,169,40,.48);
  --oc240-line-soft: rgba(217,169,40,.25);
  --oc240-ink: #201a09;
}

body.ocsai-contact .site-content,
body.ocsai-email-page .site-content,
body.ocsai-contact #content,
body.ocsai-email-page #content,
body.ocsai-contact .ast-container,
body.ocsai-email-page .ast-container,
body.ocsai-contact .site-main,
body.ocsai-email-page .site-main,
body.ocsai-contact article.page,
body.ocsai-email-page article.page,
body.ocsai-contact .entry-content,
body.ocsai-email-page .entry-content {
  background: var(--oc240-bg) !important;
}

body.ocsai-contact .ast-container, body.ocsai-email-page .ast-container { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
body.ocsai-contact .site-main, body.ocsai-email-page .site-main { width: 100% !important; }
body.ocsai-contact .entry-content, body.ocsai-email-page .entry-content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: var(--oc240-text); }
body.ocsai-contact .entry-header, body.ocsai-email-page .entry-header { display: none !important; }

.ocsai-contact-v240,
.ocsai-contact-v240 * { box-sizing: border-box; }

.ocsai-contact-v240 {
  width: 100%;
  margin: 0;
  padding: clamp(40px, 6vw, 78px) clamp(18px, 4vw, 48px) clamp(56px, 7vw, 96px);
  color: var(--oc240-text);
  background:
    radial-gradient(circle at 8% 0%, rgba(217,169,40,.075), transparent 28rem),
    linear-gradient(180deg, var(--oc240-bg) 0%, var(--oc240-bg-deep) 100%);
  font-family: inherit;
}

.ocsai-contact-v240__inner { width: min(1120px, 100%); margin: 0 auto; }

.ocsai-contact-v240__hero { max-width: 850px; margin: 0 auto clamp(30px, 4vw, 46px); text-align: center; }
.ocsai-contact-v240__kicker,
.ocsai-contact-v240__eyebrow {
  display: inline-block;
  color: var(--oc240-gold);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.ocsai-contact-v240__hero h1,
.ocsai-contact-v240 h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  text-wrap: balance;
}
.ocsai-contact-v240__hero h1 {
  max-width: 18ch;
  margin: 10px auto 16px;
  color: var(--oc240-text) !important;
  font-size: clamp(36px, 5vw, 60px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.018em;
}
.ocsai-contact-v240__hero p {
  max-width: 760px;
  margin: 0 auto;
  color: var(--oc240-muted) !important;
  font-size: clamp(16px, 2vw, 19px) !important;
  line-height: 1.75 !important;
}

.ocsai-contact-v240__important,
.ocsai-contact-v240__card,
.ocsai-contact-v240__social,
.ocsai-contact-v240__note {
  border: 1px solid var(--oc240-line-soft);
  background: var(--oc240-card);
  box-shadow: 0 16px 40px rgba(0,0,0,.12);
}

.ocsai-contact-v240__important {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 20px;
  align-items: start;
  margin-bottom: 22px;
  padding: clamp(24px, 3.4vw, 38px);
  border-left: 4px solid var(--oc240-gold);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(217,169,40,.095), rgba(255,255,255,.025));
}

.ocsai-contact-v240__icon,
.ocsai-contact-v240__mini-icon,
.ocsai-contact-v240__social-icon {
  display: grid;
  place-items: center;
  color: var(--oc240-gold);
  background: rgba(217,169,40,.09);
  border: 1px solid rgba(217,169,40,.16);
}
.ocsai-contact-v240__icon { width: 48px; height: 48px; margin-bottom: 18px; border-radius: 14px; }
.ocsai-contact-v240__icon--important { margin-bottom: 0; }

.ocsai-contact-v240 svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ocsai-contact-v240__icon--important svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.ocsai-contact-v240 .ocsai-contact-fill { fill: currentColor; stroke: none; }

.ocsai-contact-v240 h2 {
  margin: 7px 0 11px !important;
  color: var(--oc240-gold) !important;
  font-size: clamp(24px, 3vw, 32px) !important;
  line-height: 1.18 !important;
}
.ocsai-contact-v240 p {
  margin: 0 0 12px !important;
  color: var(--oc240-muted) !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
}
.ocsai-contact-v240 p:last-child { margin-bottom: 0 !important; }
.ocsai-contact-v240__strong { color: var(--oc240-text) !important; font-weight: 700; }

.ocsai-contact-v240__details { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--oc240-line-soft); }
.ocsai-contact-v240__details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  cursor: pointer;
  color: var(--oc240-gold);
  font-weight: 700;
  list-style: none;
  user-select: none;
}
.ocsai-contact-v240__details summary::-webkit-details-marker { display:none; }
.ocsai-contact-v240__details summary::marker { display:none; }
.ocsai-contact-v240__details summary:hover { color: var(--oc240-gold-bright); }
.ocsai-contact-v240__details summary:focus-visible { outline: 2px solid var(--oc240-gold); outline-offset: 5px; border-radius: 3px; }
.ocsai-contact-v240__details .ocsai-contact-chevron { width: 19px; transition: transform .2s ease; flex: 0 0 auto; }
.ocsai-contact-v240__details[open] .ocsai-contact-chevron { transform: rotate(180deg); }
.ocsai-contact-v240__details-content { padding: 16px 2px 2px; }
.ocsai-contact-v240__details-content p { max-width: 86ch; }

.ocsai-contact-v240__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-bottom: 22px; }
.ocsai-contact-v240__card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: clamp(24px, 3.2vw, 36px);
  border-radius: 18px;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.ocsai-contact-v240__card::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -82px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(217,169,40,.10);
  border-radius: 50%;
  pointer-events: none;
}
.ocsai-contact-v240__card:focus-within { border-color: var(--oc240-line); background: var(--oc240-card-strong); }

.ocsai-contact-v240__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  margin-top: 22px;
  padding: 13px 19px;
  border: 1px solid var(--oc240-gold);
  border-radius: 16px;
  background: var(--oc240-gold);
  color: var(--oc240-ink) !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none !important;
  box-shadow: 0 7px 22px rgba(0,0,0,.16);
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  -webkit-tap-highlight-color: transparent;
}
.ocsai-contact-v240__button:hover,
.ocsai-contact-v240__button:focus-visible {
  background: var(--oc240-gold-bright);
  border-color: var(--oc240-gold-bright);
  color: var(--oc240-ink) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}
.ocsai-contact-v240__button:active,
.ocsai-contact-v240__button.is-pressed { transform: translateY(0) scale(.985); box-shadow: 0 4px 12px rgba(0,0,0,.14); }
.ocsai-contact-v240__button:focus-visible { outline: 2px solid var(--oc240-text); outline-offset: 3px; }
.ocsai-contact-v240__button .ocsai-contact-arrow { width: 17px; transition: transform .18s ease; }
.ocsai-contact-v240__button:hover .ocsai-contact-arrow,
.ocsai-contact-v240__button:focus-visible .ocsai-contact-arrow { transform: translateX(3px); }
.ocsai-contact-v240__button--outline { background: transparent; color: var(--oc240-gold) !important; box-shadow: none; }
.ocsai-contact-v240__button--outline:hover,
.ocsai-contact-v240__button--outline:focus-visible { background: var(--oc240-gold); color: var(--oc240-ink) !important; }

.ocsai-contact-v240__textlink {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-top: 13px;
  color: var(--oc240-text) !important;
  font-size: 14px;
  font-weight: 700;
  overflow-wrap: anywhere;
  text-decoration-color: var(--oc240-gold) !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.ocsai-contact-v240__textlink:hover { color: var(--oc240-gold-bright) !important; }
.ocsai-contact-v240__textlink:focus-visible { outline: 2px solid var(--oc240-gold); outline-offset: 4px; }


.ocsai-contact-v240__form-languages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
.ocsai-contact-v240__form-languages > span {
  width: 100%;
  color: var(--oc240-muted);
  font-size: 12px;
  font-weight: 700;
}
.ocsai-contact-v240__form-languages a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 11px;
  border: 1px solid var(--oc240-line-soft);
  border-radius: 999px;
  background: rgba(0,0,0,.10);
  color: var(--oc240-text) !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.ocsai-contact-v240__form-languages a:hover,
.ocsai-contact-v240__form-languages a:focus-visible {
  transform: translateY(-1px);
  border-color: var(--oc240-gold);
  background: rgba(217,169,40,.12);
  color: var(--oc240-gold-bright) !important;
}
.ocsai-contact-v240__form-languages a:focus-visible { outline: 2px solid var(--oc240-gold); outline-offset: 2px; }

.ocsai-contact-v240__card--wide {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(310px,.85fr);
  gap: 34px;
  align-items: center;
  margin-bottom: 22px;
}
.ocsai-contact-v240__mini-actions { display: grid; gap: 12px; }
.ocsai-contact-v240__mini,
.ocsai-contact-v240__social {
  text-decoration: none !important;
  color: var(--oc240-text) !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ocsai-contact-v240__mini {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) 20px;
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 15px;
  border: 1px solid var(--oc240-line-soft);
  border-radius: 14px;
  background: rgba(0,0,0,.10);
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}
.ocsai-contact-v240__mini:hover,
.ocsai-contact-v240__mini:focus-visible {
  border-color: var(--oc240-line);
  background: rgba(217,169,40,.07);
  transform: translateY(-2px);
}
.ocsai-contact-v240__mini:active,
.ocsai-contact-v240__mini.is-pressed { transform: translateY(0) scale(.99); }
.ocsai-contact-v240__mini:focus-visible { outline: 2px solid var(--oc240-gold); outline-offset: 3px; }
.ocsai-contact-v240__mini-icon { width: 44px; height: 44px; border-radius: 12px; }
.ocsai-contact-v240__mini small,
.ocsai-contact-v240__social small { display: block; margin-bottom: 3px; color: var(--oc240-gold); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.ocsai-contact-v240__mini strong,
.ocsai-contact-v240__social strong { display:block; color: var(--oc240-text); font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.ocsai-contact-v240__mini > .ocsai-contact-arrow { width: 18px; color: var(--oc240-gold); transition: transform .18s ease; }
.ocsai-contact-v240__mini:hover > .ocsai-contact-arrow,
.ocsai-contact-v240__mini:focus-visible > .ocsai-contact-arrow { transform: translateX(3px); }

.ocsai-contact-v240__socials { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-bottom: 22px; }
.ocsai-contact-v240__social {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 22px;
  gap: 14px;
  align-items: center;
  min-height: 92px;
  padding: 18px 20px;
  border-radius: 16px;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.ocsai-contact-v240__social:hover,
.ocsai-contact-v240__social:focus-visible {
  transform: translateY(-2px);
  border-color: var(--oc240-line);
  background: var(--oc240-card-strong);
  box-shadow: 0 18px 42px rgba(0,0,0,.18);
}
.ocsai-contact-v240__social:active,
.ocsai-contact-v240__social.is-pressed { transform: translateY(0) scale(.99); }
.ocsai-contact-v240__social:focus-visible { outline: 2px solid var(--oc240-gold); outline-offset: 3px; }
.ocsai-contact-v240__social-icon { width: 48px; height: 48px; border-radius: 14px; }
.ocsai-contact-v240__social > .ocsai-contact-arrow { width: 18px; color: var(--oc240-gold); transition: transform .18s ease; }
.ocsai-contact-v240__social:hover > .ocsai-contact-arrow,
.ocsai-contact-v240__social:focus-visible > .ocsai-contact-arrow { transform: translateX(3px); }

.ocsai-contact-v240__note {
  display: block;
  padding: 18px 20px;
  border-radius: 14px;
  border-left: 3px solid var(--oc240-gold);
}
.ocsai-contact-v240__note p { margin: 0 !important; font-size: 14px !important; line-height: 1.65 !important; }
.ocsai-contact-v240__note strong { color: var(--oc240-text); }


/* On-site e-mail composer. */
.ocsai-email-v241,
.ocsai-email-v241 * { box-sizing: border-box; }
.ocsai-email-v241 {
  width: 100%;
  min-height: 60vh;
  margin: 0;
  padding: clamp(40px, 6vw, 78px) clamp(18px, 4vw, 48px) clamp(56px, 7vw, 96px);
  color: var(--oc240-text);
  background:
    radial-gradient(circle at 8% 0%, rgba(217,169,40,.075), transparent 28rem),
    linear-gradient(180deg, var(--oc240-bg) 0%, var(--oc240-bg-deep) 100%);
  font-family: inherit;
}
.ocsai-email-v241__inner { width: min(860px, 100%); margin: 0 auto; }
.ocsai-email-v241__hero { max-width: 760px; margin: 0 auto 28px; text-align: center; }
.ocsai-email-v241__hero h1 {
  max-width: 20ch;
  margin: 10px auto 16px !important;
  color: var(--oc240-text) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 5vw, 54px) !important;
  font-weight: 400;
  line-height: 1.08 !important;
}
.ocsai-email-v241__hero p { margin: 0 auto !important; color: var(--oc240-muted) !important; font-size: 17px !important; line-height: 1.7 !important; }
.ocsai-email-v241__languages{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px auto 0}
.ocsai-email-v241__languages a{display:inline-flex;align-items:center;min-height:38px;padding:7px 13px;border:1px solid rgba(217,169,40,.5);border-radius:999px;color:var(--oc240-text)!important;text-decoration:none;font-size:12px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s}
.ocsai-email-v241__languages a:hover,.ocsai-email-v241__languages a:focus-visible,.ocsai-email-v241__languages a[aria-current="page"]{background:var(--oc240-gold);border-color:var(--oc240-gold);color:#172033!important}
.ocsai-email-v241__languages a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ocsai-email-v241__card {
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid var(--oc240-line-soft);
  border-radius: 18px;
  background: var(--oc240-card);
  box-shadow: 0 16px 40px rgba(0,0,0,.14);
}
.ocsai-email-v241__recipient {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--oc240-line-soft);
}
.ocsai-email-v241__recipient span { color: var(--oc240-gold); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.ocsai-email-v241__recipient strong { color: var(--oc240-text); font-size: 15px; overflow-wrap: anywhere; }
.ocsai-email-v241__form { display: grid; gap: 17px; margin: 0; }
.ocsai-email-v241__field { display: grid; gap: 7px; margin: 0; color: var(--oc240-text); font-weight: 700; }
.ocsai-email-v241__field > span { font-size: 13px; }
.ocsai-email-v241__field small { color: var(--oc240-muted); font-weight: 500; }
.ocsai-email-v241__field input,
.ocsai-email-v241__field textarea {
  width: 100%;
  margin: 0 !important;
  padding: 13px 14px !important;
  border: 1px solid var(--oc240-line-soft) !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,.16) !important;
  color: var(--oc240-text) !important;
  box-shadow: none !important;
  font: inherit !important;
  line-height: 1.45 !important;
}
.ocsai-email-v241__field textarea { resize: vertical; min-height: 180px; }
.ocsai-email-v241__field input:focus,
.ocsai-email-v241__field textarea:focus { outline: 2px solid var(--oc240-gold); outline-offset: 1px; border-color: var(--oc240-gold) !important; }
.ocsai-email-v241__privacy { margin: 0 !important; color: var(--oc240-muted) !important; font-size: 12px !important; line-height: 1.6 !important; }
.ocsai-email-v241__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.ocsai-email-v241__actions .ocsai-contact-v240__button { margin-top: 0; }
.ocsai-email-v241__notice {
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid var(--oc240-line-soft);
  border-radius: 12px;
  background: rgba(217,169,40,.08);
  color: var(--oc240-text);
  font-weight: 700;
}
.ocsai-email-v241__notice--error { border-color: rgba(236,127,127,.45); background: rgba(180,60,60,.12); }
.ocsai-email-v241__honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

@media (hover:hover) and (pointer:fine) {
  .ocsai-contact-v240__card:hover { border-color: rgba(217,169,40,.37); }
}

@media (max-width: 820px) {
  .ocsai-contact-v240__grid,
  .ocsai-contact-v240__socials,
  .ocsai-contact-v240__card--wide { grid-template-columns: 1fr; }
  .ocsai-contact-v240__card--wide { gap: 22px; }
}

@media (max-width: 560px) {
  .ocsai-contact-v240 { padding-inline: 14px; }
  .ocsai-contact-v240__important { grid-template-columns: 1fr; gap: 14px; border-left-width: 1px; border-top: 4px solid var(--oc240-gold); }
  .ocsai-contact-v240__important,
  .ocsai-contact-v240__card { border-radius: 15px; }
  .ocsai-contact-v240__button { width: 100%; }
  .ocsai-email-v241 { padding-inline: 14px; }
  .ocsai-email-v241__actions { display: grid; grid-template-columns: 1fr; }
  .ocsai-email-v241__actions .ocsai-contact-v240__button { width: 100%; }
  .ocsai-contact-v240__social { grid-template-columns: 44px minmax(0,1fr) 18px; gap: 11px; padding: 15px; }
  .ocsai-contact-v240__social-icon { width: 44px; height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .ocsai-contact-v240 *, .ocsai-email-v241 * { scroll-behavior: auto !important; transition: none !important; }
}

/* v2.3.44: OrthodoxCuracao mail uses the same compact e-mail strip as Macarius. */
.ocsai-contact-v240__mini-actions--single { margin-top: 22px; }

/* v2.3.50 — user-supplied photography on the three primary contact cards. */
.ocsai-contact-v240__card--photo-general,
.ocsai-contact-v240__card--photo-help,
.ocsai-contact-v240__card--photo-macarius {
  background-color: #102039 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  isolation: isolate;
}
.ocsai-contact-v240__card--photo-general {
  background-image: linear-gradient(90deg, rgba(11,25,42,.93), rgba(11,25,42,.80)), url("contact-general.webp") !important;
}
.ocsai-contact-v240__card--photo-help {
  background-image: linear-gradient(90deg, rgba(11,25,42,.93), rgba(11,25,42,.78)), url("contact-help.webp") !important;
}
.ocsai-contact-v240__card--photo-macarius {
  background-position: 70% 35% !important;
  background-image: linear-gradient(90deg, rgba(11,25,42,.97) 0%, rgba(11,25,42,.90) 50%, rgba(11,25,42,.58) 100%), url("contact-macarius.webp") !important;
}
.ocsai-contact-v240__card--photo-general::after,
.ocsai-contact-v240__card--photo-help::after,
.ocsai-contact-v240__card--photo-macarius::after { opacity: .5; }

.ocsai-email-v241__consent,
.ocsai-intake-v243__checkline {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 16px 0 18px;
  color: rgba(244,241,232,.86);
  font-size: 13px;
  line-height: 1.55;
}
.ocsai-email-v241__consent input,
.ocsai-intake-v243__checkline input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex: 0 0 auto;
  accent-color: var(--oc240-gold, #d9a928);
}
.ocsai-email-v241__consent a,
.ocsai-intake-v243__checkline a { color: var(--oc240-gold, #d9a928) !important; }

/* v2.3.51 — clearer photography + privacy choices. */
.ocsai-contact-v240__card--photo-general {
  background-position: center 54% !important;
  background-image: linear-gradient(90deg, rgba(11,25,42,.89), rgba(11,25,42,.70)), url("contact-general.webp") !important;
}
.ocsai-contact-v240__card--photo-macarius {
  background-position: center !important;
  background-image: linear-gradient(90deg, rgba(11,25,42,.97) 0%, rgba(11,25,42,.90) 48%, rgba(11,25,42,.42) 76%, rgba(11,25,42,.18) 100%), url("contact-macarius.webp") !important;
}
.ocsai-email-v241__consent--optional,
.ocsai-intake-v243__checkline--optional {
  margin-top: -6px;
  padding: 12px 14px;
  border: 1px solid rgba(202,166,75,.28);
  border-radius: 10px;
  background: rgba(202,166,75,.055);
}


/* v2.3.54 — consistent contact canvas, social photography and restrained motion. */
body.ocsai-contact,
body.ocsai-contact .site,
body.ocsai-contact .site-content,
body.ocsai-contact #page,
body.ocsai-contact #content,
body.ocsai-contact .ast-container,
body.ocsai-contact .site-main,
body.ocsai-contact article.page,
body.ocsai-contact .entry-content {
  background-color: var(--oc240-bg, #132238) !important;
}

.ocsai-contact-v240__card,
.ocsai-contact-v240__important,
.ocsai-contact-v240__social,
.ocsai-contact-v240__note {
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, filter .28s ease, background-color .28s ease, opacity .55s ease;
}
.ocsai-contact-v240__card:hover,
.ocsai-contact-v240__important:hover {
  transform: translateY(-5px);
  border-color: rgba(217,169,40,.52);
  box-shadow: 0 25px 58px rgba(0,0,0,.24), 0 0 0 1px rgba(217,169,40,.06) inset;
  filter: brightness(1.035);
}

.ocsai-contact-v240__social {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: rgba(11,25,42,.86) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.ocsai-contact-v240__social--facebook {
  background-position: center 45% !important;
  background-image: linear-gradient(90deg, rgba(11,25,42,.94), rgba(11,25,42,.76)), url("contact-facebook.webp") !important;
}
.ocsai-contact-v240__social--instagram {
  background-position: center 42% !important;
  background-image: linear-gradient(90deg, rgba(11,25,42,.94), rgba(11,25,42,.70)), url("contact-instagram.webp") !important;
}
.ocsai-contact-v240__social:hover,
.ocsai-contact-v240__social:focus-visible {
  background-color: rgba(16,36,58,.82) !important;
  transform: translateY(-5px) scale(1.008);
  border-color: rgba(217,169,40,.58);
  box-shadow: 0 24px 54px rgba(0,0,0,.24), 0 0 26px rgba(217,169,40,.055);
  filter: brightness(1.07);
}

@media (prefers-reduced-motion: no-preference) {
  .ocsai-contact-v240.ocsai-motion-ready .ocsai-reveal {
    opacity: 0;
    transform: translateY(20px);
  }
  .ocsai-contact-v240.ocsai-motion-ready .ocsai-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
    transition-delay: var(--ocsai-reveal-delay, 0ms);
  }
}

/* v2.3.54 — Kazbeg hero photography, Athos card art, cleaner Macarius card and gentler hover motion. */
.ocsai-contact-v240__important {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(10,22,37,.94) 0%, rgba(10,22,37,.88) 46%, rgba(10,22,37,.62) 100%),
    url("contact-important.webp") center 52% / cover no-repeat !important;
}
.ocsai-contact-v240__important::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  pointer-events: none;
}
.ocsai-contact-v240__important > * { position: relative; z-index: 1; }

.ocsai-contact-v240__card--photo-general {
  background-position: 66% 48% !important;
  background-image: linear-gradient(90deg, rgba(11,25,42,.92) 0%, rgba(11,25,42,.79) 52%, rgba(11,25,42,.58) 100%), url("contact-general.webp") !important;
}

.ocsai-contact-v240__card--photo-macarius {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  grid-template-columns: minmax(0, 1.1fr) minmax(270px, .9fr);
  gap: clamp(22px, 3vw, 42px);
  background-image: linear-gradient(125deg, rgba(11,25,42,.98), rgba(18,39,63,.92)) !important;
}
.ocsai-contact-v240__card--photo-macarius::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(36%, 360px);
  background:
    linear-gradient(90deg, rgba(11,25,42,.02) 0%, rgba(11,25,42,.00) 24%, rgba(11,25,42,.12) 100%),
    url("contact-macarius.webp") center center / cover no-repeat;
  pointer-events: none;
}
.ocsai-contact-v240__card--photo-macarius > * {
  position: relative;
  z-index: 1;
}
.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini-actions {
  align-self: center;
}
.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini {
  min-height: 88px;
  padding: 18px 18px;
  background: rgba(9,18,31,.34);
  border-color: rgba(217,169,40,.24);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini:hover,
.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini:focus-visible {
  background: rgba(217,169,40,.11);
}

.ocsai-contact-v240__card,
.ocsai-contact-v240__important,
.ocsai-contact-v240__social,
.ocsai-contact-v240__note,
.ocsai-contact-v240__mini,
.ocsai-contact-v240__button,
.ocsai-contact-v240__form-languages a {
  transition-timing-function: cubic-bezier(.22,1,.36,1);
}
.ocsai-contact-v240__card:hover,
.ocsai-contact-v240__important:hover,
.ocsai-contact-v240__note:hover {
  transform: translateY(-6px);
}
.ocsai-contact-v240__social:hover,
.ocsai-contact-v240__social:focus-visible {
  transform: translateY(-6px);
}
.ocsai-contact-v240__mini:hover,
.ocsai-contact-v240__mini:focus-visible,
.ocsai-contact-v240__button:hover,
.ocsai-contact-v240__button:focus-visible,
.ocsai-contact-v240__form-languages a:hover,
.ocsai-contact-v240__form-languages a:focus-visible {
  transform: translateY(-3px);
}

@media (max-width: 900px) {
  .ocsai-contact-v240__card--photo-macarius {
    grid-template-columns: 1fr;
  }
  .ocsai-contact-v240__card--photo-macarius::before {
    inset: auto 0 0 0;
    top: auto;
    width: auto;
    height: 44%;
    background:
      linear-gradient(180deg, rgba(11,25,42,0) 0%, rgba(11,25,42,.18) 100%),
      url("contact-macarius.webp") center center / cover no-repeat;
    opacity: .34;
  }
}

/* v2.3.54 — user-requested contact image assignments and cleaner visual balance. */
.ocsai-contact-v240__important {
  background:
    linear-gradient(90deg, rgba(10,22,37,.95) 0%, rgba(10,22,37,.88) 44%, rgba(10,22,37,.54) 100%),
    url("contact-important.webp") center 58% / cover no-repeat !important;
}

.ocsai-contact-v240__card--photo-general {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-image: linear-gradient(125deg, rgba(11,25,42,.98), rgba(18,39,63,.92)) !important;
}
.ocsai-contact-v240__card--photo-general::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(48%, 320px);
  background:
    linear-gradient(90deg, rgba(11,25,42,.02) 0%, rgba(11,25,42,0) 20%, rgba(11,25,42,.12) 100%),
    url("contact-general.webp") center center / contain no-repeat;
  pointer-events: none;
  opacity: .98;
}
.ocsai-contact-v240__card--photo-general > * {
  position: relative;
  z-index: 1;
}

.ocsai-contact-v240__card--photo-help {
  background-image: linear-gradient(90deg, rgba(11,25,42,.94) 0%, rgba(11,25,42,.82) 48%, rgba(11,25,42,.56) 100%), url("contact-help.webp") !important;
  background-position: center 28% !important;
}

.ocsai-contact-v240__card--photo-macarius {
  grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr);
  background-image: linear-gradient(125deg, rgba(11,25,42,.98), rgba(18,39,63,.93)) !important;
}
.ocsai-contact-v240__card--photo-macarius::before {
  width: min(35%, 360px);
  background:
    linear-gradient(90deg, rgba(11,25,42,.02) 0%, rgba(11,25,42,0) 24%, rgba(11,25,42,.10) 100%),
    url("contact-macarius.webp") 54% 42% / cover no-repeat;
  opacity: .98;
}
.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini {
  max-width: 430px;
}

.ocsai-contact-v240__social--facebook {
  background-position: center 44% !important;
  background-image: linear-gradient(90deg, rgba(11,25,42,.95), rgba(11,25,42,.72)), url("contact-facebook.webp") !important;
}
.ocsai-contact-v240__social--instagram {
  background-position: center 50% !important;
  background-image: linear-gradient(90deg, rgba(11,25,42,.95), rgba(11,25,42,.72)), url("contact-instagram.webp") !important;
}

@media (max-width: 900px) {
  .ocsai-contact-v240__card--photo-general::before,
  .ocsai-contact-v240__card--photo-macarius::before {
    inset: auto 0 0 0;
    top: auto;
    width: auto;
    height: 42%;
    background-size: contain;
    background-position: center center;
    opacity: .34;
  }
}

/* v2.3.55 — exact photo placement from the latest contact-page review. */

/* Holy Trinity / Kazbeg: use the high-resolution panorama supplied by the user. */
.ocsai-contact-v240__important {
  background:
    linear-gradient(90deg, rgba(10,22,37,.95) 0%, rgba(10,22,37,.87) 48%, rgba(10,22,37,.48) 100%),
    url("contact-important.webp") center 62% / cover no-repeat !important;
}

/* "Een vraag of idee?": keep the complete group of Athos monks visible from left to right. */
.ocsai-contact-v240__card--photo-general {
  background-color: #102039 !important;
  background-image:
    linear-gradient(90deg, rgba(11,25,42,.82) 0%, rgba(11,25,42,.70) 54%, rgba(11,25,42,.54) 100%),
    url("contact-general.webp") !important;
  background-size: cover !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
}
.ocsai-contact-v240__card--photo-general::before {
  display: none !important;
}

/* "Wil je bijdragen?": picture 6. */
.ocsai-contact-v240__card--photo-help {
  background-image:
    linear-gradient(90deg, rgba(11,25,42,.93) 0%, rgba(11,25,42,.76) 54%, rgba(11,25,42,.54) 100%),
    url("contact-help.webp") !important;
  background-size: cover !important;
  background-position: center 58% !important;
  background-repeat: no-repeat !important;
}

/* Macarius must stay sharp and clearly visible. */
.ocsai-contact-v240__card--photo-macarius::before {
  width: min(42%, 430px) !important;
  background:
    linear-gradient(90deg, rgba(11,25,42,.08) 0%, rgba(11,25,42,0) 22%, rgba(11,25,42,.08) 100%),
    url("contact-macarius.webp") center 38% / cover no-repeat !important;
  opacity: 1 !important;
}
.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(9,18,31,.54) !important;
}

/* Social blocks: picture 4 for Facebook, picture 5 for Instagram. */
.ocsai-contact-v240__social--facebook {
  background-image:
    linear-gradient(90deg, rgba(11,25,42,.92), rgba(11,25,42,.66)),
    url("contact-facebook.webp") !important;
  background-position: center 48% !important;
}
.ocsai-contact-v240__social--instagram {
  background-image:
    linear-gradient(90deg, rgba(11,25,42,.92), rgba(11,25,42,.64)),
    url("contact-instagram.webp") !important;
  background-position: center 50% !important;
}

/* Never hide the contact blocks when arriving via HELP ONS or an anchor jump. */
@media (prefers-reduced-motion: no-preference) {
  .ocsai-contact-v240.ocsai-motion-ready .ocsai-reveal,
  .ocsai-contact-v240.ocsai-motion-ready .ocsai-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 900px) {
  .ocsai-contact-v240__card--photo-general {
    background-position: left center !important;
  }
  .ocsai-contact-v240__card--photo-macarius::before {
    inset: auto 0 0 0 !important;
    width: auto !important;
    height: 48% !important;
    background-position: center 34% !important;
    background-size: cover !important;
    opacity: .42 !important;
  }
}

/* v2.3.56 — unified canvas and latest contact-card behavior. */
html:has(body.ocsai-contact),
body.ocsai-contact,
body.ocsai-contact #page,
body.ocsai-contact .site,
body.ocsai-contact .site-content,
body.ocsai-contact #content,
body.ocsai-contact .ast-container,
body.ocsai-contact .content-area,
body.ocsai-contact .site-main,
body.ocsai-contact article.page,
body.ocsai-contact .entry-content,
.ocsai-contact-v240{
  background:#132238!important;
  background-color:#132238!important;
}

/* The form CTA opens the real form page; language chips remain directly usable. */
.ocsai-contact-v240__card--photo-help .ocsai-contact-v240__button--outline{
  background:rgba(9,18,31,.50)!important;
  color:var(--oc240-gold)!important;
  border-color:var(--oc240-gold)!important;
}
.ocsai-contact-v240__card--photo-help .ocsai-contact-v240__button--outline:hover,
.ocsai-contact-v240__card--photo-help .ocsai-contact-v240__button--outline:focus-visible{
  background:rgba(217,169,40,.13)!important;
  color:var(--oc240-gold-bright)!important;
}

/* Show the complete Athos group from left to right in 'Een vraag of idee?'. */
.ocsai-contact-v240__card--photo-general{
  background-color:#102039!important;
  background-image:
    linear-gradient(180deg, rgba(11,25,42,.97) 0%, rgba(11,25,42,.82) 43%, rgba(11,25,42,.47) 100%),
    url("contact-general.webp")!important;
  background-size:100% auto!important;
  background-position:center bottom!important;
  background-repeat:no-repeat!important;
}

/* Use the same Athos image language for 'Wil je bijdragen?', with a distinct crop. */
.ocsai-contact-v240__card--photo-help{
  background-color:#102039!important;
  background-image:
    linear-gradient(180deg, rgba(11,25,42,.96) 0%, rgba(11,25,42,.80) 45%, rgba(11,25,42,.49) 100%),
    url("contact-general.webp")!important;
  background-size:cover!important;
  background-position:42% center!important;
  background-repeat:no-repeat!important;
}

/* Macarius remains visible and sharp at the right, not blurred under the email strip. */
.ocsai-contact-v240__card--photo-macarius::before{
  width:min(39%,410px)!important;
  background:
    linear-gradient(90deg, rgba(11,25,42,.18) 0%, rgba(11,25,42,.02) 24%, rgba(11,25,42,.02) 100%),
    url("contact-macarius.webp") 46% 34% / cover no-repeat!important;
  opacity:1!important;
  filter:none!important;
}

/* Keep every card visible at all times; reveal is a motion-only enhancement. */
.ocsai-contact-v240.ocsai-motion-ready .ocsai-reveal,
.ocsai-contact-v240.ocsai-motion-ready .ocsai-reveal.is-visible{
  opacity:1!important;
}

@media(max-width:900px){
  .ocsai-contact-v240__card--photo-general{
    background-size:auto 58%!important;
    background-position:center bottom!important;
  }
  .ocsai-contact-v240__card--photo-help{
    background-position:34% center!important;
  }
}

/* v2.3.57 — restore the requested photography and use it through the route transition. */

/* Keep the church + mountains on HEEL BELANGRIJK exactly as the contact-page visual anchor. */
.ocsai-contact-v240__important {
  background:
    linear-gradient(90deg, rgba(10,22,37,.94) 0%, rgba(10,22,37,.86) 47%, rgba(10,22,37,.48) 100%),
    url("contact-important.webp") center 62% / cover no-repeat !important;
}

/* Left card: Athos monks. Show the complete group horizontally instead of cropping people away. */
.ocsai-contact-v240__card--photo-general {
  background-color:#102039 !important;
  background-image:
    linear-gradient(180deg, rgba(11,25,42,.96) 0%, rgba(11,25,42,.80) 42%, rgba(11,25,42,.42) 100%),
    url("contact-general.webp") !important;
  background-size:100% auto !important;
  background-position:center bottom !important;
  background-repeat:no-repeat !important;
}

/* Right card: the nun holding yellow flowers. */
.ocsai-contact-v240__card--photo-help {
  background-color:#102039 !important;
  background-image:
    linear-gradient(90deg, rgba(11,25,42,.91) 0%, rgba(11,25,42,.72) 50%, rgba(11,25,42,.46) 100%),
    url("contact-help.webp") !important;
  background-size:cover !important;
  background-position:center 48% !important;
  background-repeat:no-repeat !important;
}

/* The destination e-mail page keeps the source photo as its full page background. */
.ocsai-email-v241 {
  position:relative;
  isolation:isolate;
  background-color:#102039 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center !important;
  background-attachment:scroll !important;
}
.ocsai-email-v241--general {
  background-image:
    linear-gradient(180deg, rgba(11,25,42,.91), rgba(8,17,29,.96)),
    url("contact-general.webp") !important;
  background-position:center center !important;
}
.ocsai-email-v241--macarius {
  background-image:
    linear-gradient(180deg, rgba(11,25,42,.88), rgba(8,17,29,.96)),
    url("contact-macarius.webp") !important;
  background-position:center 34% !important;
}
.ocsai-email-v241__inner {
  animation:ocsaiRouteArrive .55s cubic-bezier(.22,1,.36,1) both;
}
.ocsai-email-v241__card {
  background:rgba(8,18,31,.76) !important;
  border-color:rgba(217,169,40,.34) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.30) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* Full-screen bridge used while navigating from a photo card to its form page. */
.ocsai-route-transition-layer {
  position:fixed;
  z-index:2147483000;
  margin:0;
  pointer-events:none;
  overflow:hidden;
  background-color:#102039;
  background-repeat:no-repeat;
  box-shadow:0 30px 90px rgba(0,0,0,.34);
  transition:
    top .62s cubic-bezier(.22,1,.36,1),
    left .62s cubic-bezier(.22,1,.36,1),
    width .62s cubic-bezier(.22,1,.36,1),
    height .62s cubic-bezier(.22,1,.36,1),
    border-radius .62s cubic-bezier(.22,1,.36,1),
    opacity .22s ease;
  will-change:top,left,width,height,border-radius,opacity;
}
.ocsai-route-transition-layer::after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(6,14,25,.09);
}
body.ocsai-route-transitioning {
  overflow:hidden !important;
}

@keyframes ocsaiRouteArrive {
  from { opacity:.8; transform:translateY(3px); }
  to { opacity:1; transform:none; }
}

@media(max-width:900px){
  .ocsai-contact-v240__card--photo-general {
    background-size:auto 56% !important;
    background-position:center bottom !important;
  }
  .ocsai-contact-v240__card--photo-help {
    background-position:center 46% !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ocsai-route-transition-layer { transition:none !important; }
  .ocsai-email-v241__inner { animation:none !important; }
}

/* v2.3.59 — photo visibility hardening.
   The actual image URLs are also injected inline as absolute URLs in PHP so CSS
   aggregation/minification cannot make the relative paths disappear. */
.ocsai-contact-v240__important,
.ocsai-contact-v240__card--photo-general,
.ocsai-contact-v240__card--photo-help,
.ocsai-contact-v240__social--facebook,
.ocsai-contact-v240__social--instagram {
  background-clip: border-box !important;
}
.ocsai-contact-v240__card--photo-general::before,
.ocsai-contact-v240__card--photo-help::before {
  display:none !important;
}
.ocsai-contact-v240__important::before {
  opacity:.15 !important;
}
@media (max-width:900px) {
  .ocsai-contact-v240__card--photo-general {
    background-size:auto 100% !important;
    background-position:left center !important;
  }
  .ocsai-contact-v240__card--photo-help {
    background-position:center 56% !important;
  }
  .ocsai-contact-v240__important {
    background-position:center 72% !important;
  }
}

/* v2.3.60 — the whole contact cards are interactive, not only their inner CTA. */
.ocsai-contact-v240__card--clickable {
  cursor: pointer;
}
.ocsai-contact-v240__card--clickable:focus-visible {
  outline: 2px solid var(--oc240-gold);
  outline-offset: 4px;
  border-color: rgba(217,169,40,.72);
  box-shadow: 0 24px 54px rgba(0,0,0,.22), 0 0 0 1px rgba(217,169,40,.08) inset;
}
.ocsai-contact-v240__card--clickable:hover {
  transform: translateY(-6px);
  border-color: rgba(217,169,40,.6);
  box-shadow: 0 26px 60px rgba(0,0,0,.24), 0 0 0 1px rgba(217,169,40,.075) inset;
  filter: brightness(1.045);
}
.ocsai-contact-v240__card--clickable:active {
  transform: translateY(-2px) scale(.997);
}

/* v2.3.61 — Macarius photo participates in the same subtle photographic motion. */
.ocsai-contact-v240__card--photo-macarius::before {
  transform:scale(1.001);
  transform-origin:center center;
  transition:transform .55s cubic-bezier(.22,1,.36,1), filter .35s ease !important;
  will-change:transform;
}
.ocsai-contact-v240__card--photo-macarius:hover::before,
.ocsai-contact-v240__card--photo-macarius:focus-within::before,
.ocsai-contact-v240__card--photo-macarius:focus-visible::before {
  transform:scale(1.045);
}
@media(prefers-reduced-motion:reduce){
  .ocsai-contact-v240__card--photo-macarius::before { transition:none !important; transform:none !important; }
}

/* 2.3.83 — keep Russian and Greek together in the contribution-card language choices. */
.ocsai-contact-v240__form-languages{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.ocsai-contact-v240__form-languages>span{grid-column:1/-1!important;width:auto!important}
.ocsai-contact-v240__form-languages a{justify-content:center!important;text-align:center!important;min-width:0!important}
@media(max-width:540px){
  .ocsai-contact-v240__form-languages{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v2.3.92 — the currently selected form language is a stationary label, not a hover target. */
.ocsai-contact-v240__form-language-current{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;
  border:1px solid var(--oc240-gold);border-radius:999px;background:rgba(217,169,40,.12);
  color:var(--oc240-gold-bright);font-size:12px;font-weight:800;line-height:1;cursor:default;
  transform:none!important;transition:none!important;box-shadow:none!important
}
.ocsai-contact-v240__form-language-current:hover,
.ocsai-contact-v240__form-language-current:focus,
.ocsai-contact-v240__form-language-current:active{transform:none!important;background:rgba(217,169,40,.12)!important;color:var(--oc240-gold-bright)!important}
.ocsai-contact-v240__form-languages>.ocsai-contact-v240__form-language-current{width:auto!important;grid-column:auto!important}
.ocsai-contact-v240__form-languages>.ocsai-contact-v240__form-language-label{grid-column:1/-1!important;width:100%!important}


/* v2.5.3 — icon-free contact cards. Decorative symbols in the left corner are removed in PHP. */
.ocsai-contact-v240__important{grid-template-columns:minmax(0,1fr)!important}
.ocsai-contact-v240__mini{grid-template-columns:minmax(0,1fr) 20px!important}
.ocsai-contact-v240__social{grid-template-columns:minmax(0,1fr) 22px!important}
.ocsai-contact-v240__icon,.ocsai-contact-v240__mini-icon,.ocsai-contact-v240__social-icon{display:none!important}

/* v2.6.4 — mobile Macarius contact card: keep text, photo and e-mail in one horizontal composition. */
@media (max-width: 820px) {
  .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(118px, .65fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    min-height: 360px;
    padding: 20px !important;
    background: linear-gradient(125deg, rgba(11,25,42,.99), rgba(18,39,63,.96)) !important;
  }

  .ocsai-contact-v240__card--photo-macarius::before {
    inset: 0 0 0 auto !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 42% !important;
    height: 100% !important;
    opacity: 1 !important;
    background:
      linear-gradient(90deg, rgba(11,25,42,.62) 0%, rgba(11,25,42,.12) 34%, rgba(11,25,42,.03) 100%),
      url("contact-macarius.webp") 48% 34% / cover no-repeat !important;
    transform: none !important;
  }

  .ocsai-contact-v240__card--photo-macarius > div:first-child {
    grid-column: 1;
    min-width: 0;
    align-self: center;
    position: relative;
    z-index: 2;
  }

  .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini-actions {
    grid-column: 2;
    min-width: 0;
    width: 100%;
    align-self: end !important;
    position: relative;
    z-index: 3;
  }

  .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini {
    width: 100%;
    min-width: 0;
    min-height: 72px;
    padding: 12px !important;
    border: 1px solid rgba(217,169,40,.48) !important;
    background: rgba(8,18,31,.76) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
  }

  .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini strong {
    font-size: 12px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini small {
    font-size: 9px !important;
  }
}

@media (max-width: 520px) {
  .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius {
    grid-template-columns: minmax(0, 1fr) 108px !important;
    gap: 10px !important;
    min-height: 390px;
    padding: 18px 14px 16px !important;
  }

  .ocsai-contact-v240__card--photo-macarius::before {
    width: 39% !important;
    background-position: 50% 34% !important;
  }

  .ocsai-contact-v240__card--photo-macarius h2 {
    font-size: clamp(22px, 7vw, 29px) !important;
    line-height: 1.08 !important;
  }

  .ocsai-contact-v240__card--photo-macarius p {
    font-size: 13px !important;
    line-height: 1.58 !important;
  }

  .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini {
    min-height: 68px;
    padding: 10px !important;
  }
}


/* 2.6.5 — user-selected panoramic background for the contact page. */
body.ocsai-contact .site-content,
body.ocsai-contact #content,
body.ocsai-contact .ast-container,
body.ocsai-contact .site-main,
body.ocsai-contact article.page,
body.ocsai-contact .entry-content,
body.ocsai-email-page .site-content,
body.ocsai-email-page #content,
body.ocsai-email-page .ast-container,
body.ocsai-email-page .site-main,
body.ocsai-email-page article.page,
body.ocsai-email-page .entry-content {
  background-color:#102033 !important;
  background-image: linear-gradient(180deg, rgba(7,15,25,.70) 0%, rgba(11,25,42,.78) 38%, rgba(11,25,42,.92) 100%), url("contact-page-bg.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

.ocsai-contact-v240,
.ocsai-email-v241 {
  background: linear-gradient(180deg, rgba(7,15,25,.18) 0%, rgba(11,25,42,.56) 22%, rgba(11,25,42,.88) 100%) !important;
}

.ocsai-contact-v240__hero {
  padding: clamp(14px, 2vw, 22px) clamp(10px, 2vw, 18px);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(10,21,35,.46), rgba(10,21,35,.24));
  backdrop-filter: blur(1px);
}


/* 2.6.7 — transparent contact cards with hover reveal and turtle art behind the
   “In contact komen met anderen?” copy, while Broeder Macarius stays on the right. */
.ocsai-contact-v240__important:not(.ocsai-contact-v260__important),
.ocsai-contact-v240__card,
.ocsai-contact-v240__social,
.ocsai-contact-v240__note {
  background: rgba(10, 21, 35, .34) !important;
  border-color: rgba(217,169,40,.34) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
  backdrop-filter: blur(3px);
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.ocsai-contact-v240__important.ocsai-contact-v260__important {
  background: rgba(10, 21, 35, .18) !important;
  border-color: rgba(217,169,40,.34) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
  backdrop-filter: blur(3px);
}

.ocsai-contact-v240__important:hover,
.ocsai-contact-v240__important:focus-within,
.ocsai-contact-v240__card:hover,
.ocsai-contact-v240__card:focus-within,
.ocsai-contact-v240__social:hover,
.ocsai-contact-v240__social:focus-visible,
.ocsai-contact-v240__note:hover,
.ocsai-contact-v240__note:focus-within {
  background: rgba(10, 21, 35, .72) !important;
  border-color: rgba(217,169,40,.62) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.18) !important;
}

/* Personal explanation: always fully transparent, no photo fill behind it. */
.ocsai-contact-v240__important .ocsai-contact-v260__details-lower,
.ocsai-contact-v260__details-lower,
.ocsai-contact-v260__details-lower .ocsai-contact-v240__details-content {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.ocsai-contact-v260__details-lower:hover,
.ocsai-contact-v260__details-lower:focus-within {
  background: transparent !important;
}

/* Turtle artwork only behind the text side of the Macarius card. */
.ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius {
  background: rgba(10, 21, 35, .36) !important;
}

.ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover,
.ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within {
  background: rgba(10, 21, 35, .74) !important;
}

.ocsai-contact-v240__card--photo-macarius > div:first-child {
  padding: 18px 18px 18px 18px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(90deg, rgba(11,25,42,.86) 0%, rgba(11,25,42,.74) 45%, rgba(11,25,42,.62) 100%),
    none !important;
  min-height: 100% !important;
}

@media (max-width: 767px) {
  .ocsai-contact-v240__card--photo-macarius > div:first-child {
    padding: 16px 14px !important;
    background-position: center center !important;
  }
}


/* 2.7.3 — contact page: fully transparent content cards + hide any remaining AI summary card. */
.ocsai-ai-summary-v271{display:none!important}
body.ocsai-contact .ocsai-contact-v240__important:not(.ocsai-contact-v260__important),
body.ocsai-contact .ocsai-contact-v240__important.ocsai-contact-v260__important,
body.ocsai-contact .ocsai-contact-v240__card,
body.ocsai-contact .ocsai-contact-v240__social,
body.ocsai-contact .ocsai-contact-v240__note,
body.ocsai-contact .ocsai-contact-v260__details-lower,
body.ocsai-contact .ocsai-contact-v260__details-lower .ocsai-contact-v240__details-content,
body.ocsai-contact .ocsai-contact-v240__hero{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.ocsai-contact .ocsai-contact-v240__important:not(.ocsai-contact-v260__important),
body.ocsai-contact .ocsai-contact-v240__important.ocsai-contact-v260__important,
body.ocsai-contact .ocsai-contact-v240__card,
body.ocsai-contact .ocsai-contact-v240__social,
body.ocsai-contact .ocsai-contact-v240__note{
  border-color:rgba(217,169,40,.52)!important;
}
body.ocsai-contact .ocsai-contact-v240__important:hover,
body.ocsai-contact .ocsai-contact-v240__important:focus-within,
body.ocsai-contact .ocsai-contact-v240__card:hover,
body.ocsai-contact .ocsai-contact-v240__card:focus-within,
body.ocsai-contact .ocsai-contact-v240__social:hover,
body.ocsai-contact .ocsai-contact-v240__social:focus-visible,
body.ocsai-contact .ocsai-contact-v240__note:hover,
body.ocsai-contact .ocsai-contact-v240__note:focus-within,
body.ocsai-contact .ocsai-contact-v260__details-lower:hover,
body.ocsai-contact .ocsai-contact-v260__details-lower:focus-within{
  background:transparent!important;
  box-shadow:none!important;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within{
  background:transparent!important;
}
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
  background:
    linear-gradient(90deg, rgba(7,20,34,.22) 0%, rgba(7,20,34,.14) 42%, rgba(7,20,34,.08) 100%),
    none!important;
  box-shadow:none!important;
}
body.ocsai-contact .ocsai-contact-v240__hero *,
body.ocsai-contact .ocsai-contact-v240__important *,
body.ocsai-contact .ocsai-contact-v240__card *,
body.ocsai-contact .ocsai-contact-v240__social *,
body.ocsai-contact .ocsai-contact-v240__note *{
  text-shadow:0 1px 8px rgba(0,0,0,.28);
}


/* 2.7.5 — replace turtle artwork with bees and let the water show behind the personal explanation. */
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:20px!important;
  background:
    linear-gradient(120deg, rgba(8,25,41,.58) 0%, rgba(8,25,41,.30) 46%, rgba(8,25,41,.16) 100%),
    none!important;
  box-shadow:0 18px 36px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 28%, rgba(0,0,0,.10) 100%);
}
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child > *{
  position:relative;
  z-index:1;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover > div:first-child,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within > div:first-child{
  background:
    linear-gradient(120deg, rgba(8,25,41,.68) 0%, rgba(8,25,41,.40) 46%, rgba(8,25,41,.22) 100%),
    none!important;
  border-color:rgba(217,169,40,.52)!important;
  box-shadow:0 22px 42px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
body.ocsai-contact .ocsai-contact-v260__details-lower,
body.ocsai-contact .ocsai-contact-v260__details-lower .ocsai-contact-v240__details-content{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg, rgba(7,20,34,.20) 0%, rgba(7,20,34,.08) 38%, rgba(7,20,34,.04) 100%),
    url("contact-page-bg.webp") center center / cover no-repeat!important;
  border-radius:0 0 18px 18px!important;
}
body.ocsai-contact .ocsai-contact-v260__details-lower::before,
body.ocsai-contact .ocsai-contact-v260__details-lower .ocsai-contact-v240__details-content::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(8,17,29,.16) 0%, rgba(8,17,29,.06) 45%, rgba(8,17,29,.02) 100%);
}
body.ocsai-contact .ocsai-contact-v260__details-lower > *,
body.ocsai-contact .ocsai-contact-v260__details-lower .ocsai-contact-v240__details-content > *{
  position:relative;
  z-index:1;
}
body.ocsai-contact .ocsai-contact-v260__details-lower{
  border-top:1px solid rgba(217,169,40,.36)!important;
}
@media (max-width: 767px){
  body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
    background-position:center center!important;
  }
  body.ocsai-contact .ocsai-contact-v260__details-lower,
  body.ocsai-contact .ocsai-contact-v260__details-lower .ocsai-contact-v240__details-content{
    background-position:center top!important;
  }
}


/* 2.7.12 — refined language selector on the dedicated e-mail page.
   The active language is no longer a solid gold pill; it is a quiet glass state
   with cream text, a gold outline and a small status dot. */
.ocsai-email-v241__languages{
  gap:10px!important;
  margin-top:22px!important;
}
.ocsai-email-v241__languages a{
  position:relative!important;
  min-height:40px!important;
  padding:8px 15px!important;
  border:1px solid rgba(217,169,40,.58)!important;
  border-radius:999px!important;
  background:rgba(8,22,38,.20)!important;
  color:#f7f2e8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.ocsai-email-v241__languages a:hover,
.ocsai-email-v241__languages a:focus-visible{
  background:rgba(217,169,40,.09)!important;
  border-color:rgba(228,188,64,.86)!important;
  color:#fffaf0!important;
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.ocsai-email-v241__languages a[aria-current="page"]{
  padding-left:30px!important;
  background:linear-gradient(180deg,rgba(217,169,40,.13),rgba(217,169,40,.055))!important;
  border-color:#d9a928!important;
  color:#fffaf0!important;
  box-shadow:0 0 0 1px rgba(217,169,40,.08) inset,0 8px 22px rgba(0,0,0,.10)!important;
  cursor:default!important;
  transform:none!important;
}
.ocsai-email-v241__languages a[aria-current="page"]::before{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#e4bc40!important;
  box-shadow:0 0 0 3px rgba(228,188,64,.13)!important;
  transform:translateY(-50%)!important;
}
.ocsai-email-v241__languages a[aria-current="page"]:hover,
.ocsai-email-v241__languages a[aria-current="page"]:focus-visible{
  background:linear-gradient(180deg,rgba(217,169,40,.13),rgba(217,169,40,.055))!important;
  color:#fffaf0!important;
  transform:none!important;
}
.ocsai-email-v241__languages a:focus-visible{
  outline:2px solid rgba(247,242,232,.92)!important;
  outline-offset:3px!important;
}
@media(max-width:640px){
  .ocsai-email-v241__languages{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(100%,420px)!important;
    gap:8px!important;
  }
  .ocsai-email-v241__languages a{
    justify-content:center!important;
    min-width:0!important;
    padding:8px 11px!important;
  }
  .ocsai-email-v241__languages a[aria-current="page"]{
    padding-left:26px!important;
  }
  .ocsai-email-v241__languages a[aria-current="page"]::before{
    left:11px!important;
  }
}


/* 2.7.14 — Brother Macarius: a restrained gold frame with a daisy garland. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:2px solid rgba(217,169,40,.88)!important;
  border-radius:24px!important;
  padding:20px!important;
  background-color:rgba(8,24,40,.12)!important;
  background-image:
    url("contact-daisy.svg"),url("contact-daisy.svg"),url("contact-daisy.svg"),url("contact-daisy.svg")!important;
  background-size:30px 30px,30px 30px,28px 28px,28px 28px!important;
  background-repeat:repeat-x,repeat-x,repeat-y,repeat-y!important;
  background-position:left 18px top 7px,left 18px bottom 7px,left 7px top 18px,right 7px top 18px!important;
  box-shadow:0 24px 52px rgba(0,0,0,.16),inset 0 0 0 1px rgba(247,242,232,.05)!important;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius::after{
  content:""!important;
  position:absolute!important;
  inset:10px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:1px solid rgba(217,169,40,.34)!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,rgba(217,169,40,.035),rgba(255,255,255,.015))!important;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius>*{
  position:relative!important;
  z-index:1!important;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within{
  border-color:#e4bc40!important;
  background-color:rgba(8,24,40,.18)!important;
  box-shadow:0 28px 60px rgba(0,0,0,.20),0 0 0 1px rgba(217,169,40,.12)!important;
  transform:translateY(-2px)!important;
}
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
  border-color:rgba(217,169,40,.48)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.12)!important;
}
@media(max-width:767px){
  body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
    padding:15px!important;
    border-radius:20px!important;
    background-size:24px 24px,24px 24px,22px 22px,22px 22px!important;
    background-position:left 14px top 5px,left 14px bottom 5px,left 5px top 14px,right 5px top 14px!important;
  }
}

/* 2.7.15 — remove the daisy garland; keep one elegant gold outline around Brother Macarius. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:0!important;
  border:1px solid rgba(217,169,40,.88)!important;
  border-radius:22px!important;
  background:rgba(8,24,40,.12)!important;
  background-image:none!important;
  box-shadow:0 22px 48px rgba(0,0,0,.16),inset 0 0 0 1px rgba(247,242,232,.035)!important;
  transform:none!important;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius::after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:1px solid rgba(217,169,40,.22)!important;
  border-radius:16px!important;
  background:transparent!important;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius>*{
  position:relative!important;
  z-index:1!important;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover{
  border-color:#e6bd4e!important;
  box-shadow:0 26px 56px rgba(0,0,0,.19),0 0 0 1px rgba(217,169,40,.08)!important;
}
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
  border:0!important;
  border-radius:18px!important;
  margin:8px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.12)!important;
}
@media(max-width:767px){
  body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{border-radius:18px!important}
  body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{margin:6px!important;border-radius:14px!important}
}


/* 2.7.47 — page navigation has no expanding/water-like transition. */
.ocsai-route-transition-layer{display:none!important}
body.ocsai-route-transitioning{overflow:auto!important}


/* 2.7.59 — Macarius kaart: verwijder de bij en geef de e-mailbalk dezelfde rustige stijl als het algemene contactblok. */
.ocsai-contact-v240__card--photo-macarius{
  gap:18px !important;
}

.ocsai-contact-v240__card--photo-macarius > div:first-child{
  background:linear-gradient(180deg, rgba(11,25,42,.86) 0%, rgba(11,25,42,.68) 100%) !important;
  background-image:none !important;
  box-shadow:none !important;
}

.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini-actions{
  grid-column:1 / -1 !important;
  width:100% !important;
  margin-top:2px !important;
  align-self:end !important;
  position:relative;
  z-index:3;
}

.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini{
  width:100% !important;
  max-width:none !important;
  min-height:108px !important;
  padding:20px 24px !important;
  border:1px solid rgba(217,169,40,.34) !important;
  border-radius:18px !important;
  background:rgba(17,34,57,.56) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.14) !important;
  backdrop-filter:blur(3px) !important;
  -webkit-backdrop-filter:blur(3px) !important;
  grid-template-columns:minmax(0,1fr) 22px !important;
  gap:12px !important;
}

.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini small{
  display:block;
  margin-bottom:8px !important;
  color:var(--oc240-gold) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
}

.ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini strong{
  display:block;
  color:#fff !important;
  font-size:clamp(17px,2.3vw,22px) !important;
  line-height:1.28 !important;
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media (max-width: 640px){
  .ocsai-contact-v240__card--photo-macarius{
    grid-template-columns:minmax(0,1fr) 116px !important;
    grid-template-rows:auto auto !important;
    gap:12px !important;
  }

  .ocsai-contact-v240__card--photo-macarius > div:first-child{
    padding:16px 14px 8px !important;
  }

  .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini-actions{
    grid-column:1 / -1 !important;
  }

  .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini{
    min-height:92px !important;
    padding:16px 18px !important;
  }

  .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini strong{
    font-size:clamp(16px,4.8vw,18px) !important;
  }
}


/* 2.7.65 — definitief verwijderen van alle bijen uit het Macarius-contactblok. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius > div:first-child,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover > div:first-child,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within > div:first-child{
  background-color:rgba(8,24,40,.70)!important;
  background-image:linear-gradient(180deg,rgba(8,24,40,.82),rgba(8,24,40,.62))!important;
  background-repeat:no-repeat!important;
  box-shadow:none!important;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius > div:first-child::after{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.08))!important;
}

/* 2.7.67 — requested Macarius contact composition.
   Use the exact supplied photo in its own image pane so Broeder Macarius and
   both laypeople remain visible. Reintroduce the bee/honeycomb motif as a
   restrained decorative accent, while keeping the e-mail action clear. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr)!important;
  grid-template-rows:minmax(440px,auto) auto!important;
  gap:14px 16px!important;
  align-items:stretch!important;
  min-height:0!important;
  padding:9px!important;
  border:1px solid rgba(217,169,40,.88)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(8,24,40,.94),rgba(13,34,56,.86))!important;
  overflow:hidden!important;
}

/* The historical pseudo-element used to crop the portrait. The real <img>
   below replaces it, so the requested people can no longer be cut away. */
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius::before{
  content:none!important;
  display:none!important;
}

body.ocsai-contact .ocsai-contact-v267__macarius-copy{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:440px!important;
  margin:0!important;
  padding:clamp(25px,3vw,40px) clamp(24px,3vw,38px) clamp(25px,3vw,38px) clamp(124px,12vw,158px)!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(110deg,rgba(7,21,36,.91) 0%,rgba(7,21,36,.76) 58%,rgba(7,21,36,.48) 100%)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* Large bee/honeycomb strip. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:clamp(100px,11vw,142px)!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(7,21,36,.02) 0%,rgba(7,21,36,.08) 58%,rgba(7,21,36,.82) 100%),
    url("contact-bee-strip.webp") 50% 50% / cover no-repeat!important;
  opacity:.92!important;
  filter:saturate(.88) contrast(.98)!important;
}

/* A second, smaller bee detail gives the motif a natural rhythm rather than a
   single hard-edged photo strip. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:72px!important;
  bottom:24px!important;
  width:70px!important;
  height:70px!important;
  border-radius:50%!important;
  border:1px solid rgba(217,169,40,.62)!important;
  background:url("contact-bee-strip.webp") 54% 52% / 155% auto no-repeat!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24),0 0 0 5px rgba(8,24,40,.36)!important;
  opacity:.88!important;
  pointer-events:none!important;
}

body.ocsai-contact .ocsai-contact-v267__macarius-copy>*{
  position:relative!important;
  z-index:1!important;
}

body.ocsai-contact .ocsai-contact-v267__macarius-photo{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:440px!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid rgba(217,169,40,.42)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(8,18,31,.82),rgba(12,28,46,.94))!important;
  overflow:hidden!important;
}

body.ocsai-contact .ocsai-contact-v267__macarius-photo::after{
  content:"";
  position:absolute;
  inset:8px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  box-shadow:inset 0 0 34px rgba(0,0,0,.18);
}

body.ocsai-contact .ocsai-contact-v267__macarius-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:560px!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:10px!important;
  background:#0b192a!important;
}

body.ocsai-contact .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini-actions{
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  margin:0!important;
  position:relative!important;
  z-index:3!important;
}

body.ocsai-contact .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini{
  min-height:92px!important;
  padding:17px 22px!important;
  border:1px solid rgba(217,169,40,.42)!important;
  border-radius:15px!important;
  background:linear-gradient(90deg,rgba(13,31,51,.95),rgba(14,36,59,.84))!important;
  box-shadow:0 14px 30px rgba(0,0,0,.15)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.ocsai-contact .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini:hover,
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini:focus-visible{
  background:linear-gradient(90deg,rgba(15,36,59,.98),rgba(18,44,71,.90))!important;
  border-color:rgba(228,188,64,.72)!important;
}

/* Tablet: keep the portrait on the right, but give the copy enough width. */
@media(max-width:900px){
  body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
    grid-template-columns:minmax(0,1.16fr) minmax(230px,.84fr)!important;
    grid-template-rows:minmax(420px,auto) auto!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy{
    min-height:420px!important;
    padding:24px 20px 24px 104px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy::before{width:92px!important}
  body.ocsai-contact .ocsai-contact-v267__macarius-copy::after{left:51px!important;bottom:21px!important;width:58px!important;height:58px!important}
  body.ocsai-contact .ocsai-contact-v267__macarius-photo{min-height:420px!important}
}

/* Phones: readability wins. Keep the exact photograph completely visible as a
   dedicated full-width image immediately under the copy instead of squeezing
   three people into a narrow strip. */
@media(max-width:640px){
  body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:8px!important;
    padding:7px!important;
    border-radius:18px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy{
    grid-column:1!important;
    grid-row:1!important;
    min-height:0!important;
    padding:22px 16px 22px 76px!important;
    border-radius:12px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy::before{width:68px!important;opacity:.88!important}
  body.ocsai-contact .ocsai-contact-v267__macarius-copy::after{left:37px!important;bottom:16px!important;width:45px!important;height:45px!important}
  body.ocsai-contact .ocsai-contact-v267__macarius-photo{
    grid-column:1!important;
    grid-row:2!important;
    min-height:0!important;
    height:auto!important;
    padding:6px!important;
    border-radius:12px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-photo img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    border-radius:8px!important;
  }
  body.ocsai-contact .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini-actions{
    grid-column:1!important;
    grid-row:3!important;
  }
  body.ocsai-contact .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini{
    min-height:82px!important;
    padding:15px 16px!important;
    border-radius:12px!important;
  }
  body.ocsai-contact .ocsai-contact-v240__card--photo-macarius p{
    font-size:14px!important;
    line-height:1.62!important;
  }
}


/* 2.7.69 — make the original bee photograph clearly visible in the
   Macarius contact card, especially on mobile. Keep the photo of Macarius in
   the block and remove the smaller repeated bee inset so the main bee image
   reads more clearly. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy{
  padding-left:clamp(148px,14vw,188px)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::before{
  width:clamp(124px,13vw,160px)!important;
  background:
    linear-gradient(90deg,rgba(7,21,36,.01) 0%,rgba(7,21,36,.05) 46%,rgba(7,21,36,.70) 100%),
    url("contact-bee-strip.webp") 34% 50% / cover no-repeat!important;
  opacity:.98!important;
  filter:saturate(1.02) contrast(1.03)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::after{
  content:none!important;
  display:none!important;
}
@media(max-width:900px){
  body.ocsai-contact .ocsai-contact-v267__macarius-copy{
    padding-left:116px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy::before{
    width:98px!important;
    background-position:32% 50%!important;
  }
}
@media(max-width:640px){
  body.ocsai-contact .ocsai-contact-v267__macarius-copy{
    padding-left:118px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy::before{
    width:102px!important;
    background-position:31% 50%!important;
    opacity:1!important;
  }
}


/* 2.7.71 — place the bee behind the text, with the Macarius photo below.
   This replaces the side bee strip with a subtle background image inside the
   text panel and stacks the photograph underneath the copy. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  gap:10px!important;
  padding:9px!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy{
  grid-column:1!important;
  grid-row:1!important;
  min-height:0!important;
  padding:clamp(24px,3vw,38px)!important;
  border-radius:15px!important;
  background:
    linear-gradient(110deg,rgba(7,21,36,.92) 0%,rgba(7,21,36,.86) 42%,rgba(7,21,36,.78) 100%)!important;
  overflow:hidden!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(7,21,36,.82) 0%,rgba(7,21,36,.72) 28%,rgba(7,21,36,.68) 48%,rgba(7,21,36,.80) 100%),
    url("contact-bee.webp") 18% 50% / cover no-repeat!important;
  opacity:.34!important;
  filter:saturate(.95) contrast(1.02)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::after{
  content:none!important;
  display:none!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy > *{
  position:relative!important;
  z-index:1!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-photo{
  grid-column:1!important;
  grid-row:2!important;
  min-height:0!important;
  height:auto!important;
  padding:8px!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-photo img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini-actions{
  grid-column:1!important;
  grid-row:3!important;
}
@media(max-width:900px){
  body.ocsai-contact .ocsai-contact-v267__macarius-copy{
    padding:24px 20px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy::before{
    background-position:20% 50%!important;
    opacity:.30!important;
  }
}
@media(max-width:640px){
  body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
    padding:7px!important;
    border-radius:18px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy{
    padding:22px 16px!important;
    border-radius:12px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy::before{
    background-position:16% 50%!important;
    opacity:.28!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-photo{
    padding:6px!important;
    border-radius:12px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-photo img{
    border-radius:8px!important;
  }
}


/* 2.7.72 — show the full bee photo behind the text, like the
   "A question or idea?" card, while keeping the Macarius photo underneath. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  gap:10px!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  min-height:420px!important;
  padding:clamp(28px,3.2vw,40px)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(6,20,35,.48) 0%,rgba(6,20,35,.58) 22%,rgba(6,20,35,.68) 45%,rgba(6,20,35,.78) 100%),
    linear-gradient(110deg,rgba(7,21,36,.18) 0%,rgba(7,21,36,.30) 36%,rgba(7,21,36,.54) 100%),
    url("contact-bee.webp") center center / cover no-repeat!important;
  box-shadow:inset 0 0 0 1px rgba(217,169,40,.16)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::before,
body.ocsai-contact .ocsai-contact-v267__macarius-copy::after{
  content:none!important;
  display:none!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy > *{
  position:relative!important;
  z-index:1!important;
  max-width:640px!important;
  text-shadow:0 2px 10px rgba(0,0,0,.38)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-photo{
  grid-column:1!important;
  grid-row:2!important;
  min-height:0!important;
  height:auto!important;
}
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini-actions{
  grid-column:1!important;
  grid-row:3!important;
}
@media(max-width:900px){
  body.ocsai-contact .ocsai-contact-v267__macarius-copy{
    min-height:380px!important;
    padding:24px 20px!important;
    background-position:center center!important;
  }
}
@media(max-width:640px){
  body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
    padding:7px!important;
    border-radius:18px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy{
    min-height:340px!important;
    padding:22px 16px!important;
    border-radius:12px!important;
    background:
      linear-gradient(180deg,rgba(6,20,35,.52) 0%,rgba(6,20,35,.62) 24%,rgba(6,20,35,.74) 50%,rgba(6,20,35,.82) 100%),
      linear-gradient(110deg,rgba(7,21,36,.20) 0%,rgba(7,21,36,.34) 38%,rgba(7,21,36,.58) 100%),
      url("contact-bee.webp") center center / cover no-repeat!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy h2{
    max-width:92%!important;
  }
}


/* 2.7.73 — force the full bee photo visibly behind the text block.
   The text panel itself now behaves like the “A question or idea?” card:
   one full background image with a readable dark overlay, and the Macarius
   photograph remains directly underneath. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  gap:10px!important;
  padding:9px!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy,
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  z-index:1!important;
  min-height:430px!important;
  margin:0!important;
  padding:clamp(28px,3.3vw,42px)!important;
  border:1px solid rgba(217,169,40,.20)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background-color:#10243b!important;
  background-image:
    linear-gradient(180deg,rgba(6,20,35,.38) 0%,rgba(6,20,35,.50) 20%,rgba(6,20,35,.63) 44%,rgba(6,20,35,.78) 72%,rgba(6,20,35,.86) 100%),
    url("contact-bee.webp")!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
  isolation:isolate!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::before,
body.ocsai-contact .ocsai-contact-v267__macarius-copy::after,
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child::before,
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy > *,
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child > *{
  position:relative!important;
  z-index:2!important;
  max-width:650px!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-photo{
  grid-column:1!important;
  grid-row:2!important;
  min-height:0!important;
  height:auto!important;
  padding:8px!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-photo img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius .ocsai-contact-v240__mini-actions{
  grid-column:1!important;
  grid-row:3!important;
}
@media(max-width:900px){
  body.ocsai-contact .ocsai-contact-v267__macarius-copy,
  body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
    min-height:390px!important;
    padding:24px 20px!important;
  }
}
@media(max-width:640px){
  body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
    padding:7px!important;
    border-radius:18px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-copy,
  body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
    min-height:350px!important;
    padding:22px 16px!important;
    border-radius:12px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-photo{
    padding:6px!important;
    border-radius:12px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-photo img{
    border-radius:8px!important;
  }
}


/* 2.7.74 — Macarius: full bee photo behind the text + two stacked action blocks.
   The bee image itself is supplied through an inline absolute plugin URL in PHP,
   matching the reliable method used by the "A question or idea?" card. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  gap:12px!important;
  padding:9px!important;
  overflow:hidden!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy,
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  min-height:430px!important;
  margin:0!important;
  padding:clamp(28px,3.3vw,42px)!important;
  border:1px solid rgba(217,169,40,.28)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::before,
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(7,21,36,.10),rgba(7,21,36,.18) 35%,rgba(7,21,36,.28) 68%,rgba(7,21,36,.38))!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::after,
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child::after{
  content:none!important;
  display:none!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy > *,
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child > *{
  position:relative!important;
  z-index:2!important;
  max-width:650px!important;
  text-shadow:0 2px 12px rgba(0,0,0,.54)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-photo{
  grid-column:1!important;
  grid-row:2!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid rgba(217,169,40,.42)!important;
  border-radius:16px!important;
  background:rgba(8,18,31,.84)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-photo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:11px!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-links{
  grid-column:1!important;
  grid-row:3!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  position:relative!important;
  z-index:3!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:104px!important;
  padding:18px 22px!important;
  border:1px solid rgba(217,169,40,.48)!important;
  border-radius:16px!important;
  background:linear-gradient(90deg,rgba(12,31,51,.98),rgba(15,38,62,.92))!important;
  box-shadow:0 14px 30px rgba(0,0,0,.15)!important;
  color:#fff!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link:hover,
body.ocsai-contact .ocsai-contact-v274__macarius-link:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(232,192,72,.86)!important;
  background:linear-gradient(90deg,rgba(16,39,64,.99),rgba(18,45,73,.95))!important;
}
body.ocsai-contact .ocsai-contact-v274__link-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  min-width:0!important;
}
body.ocsai-contact .ocsai-contact-v274__link-copy small{
  color:#e0b339!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  line-height:1.25!important;
}
body.ocsai-contact .ocsai-contact-v274__link-copy strong{
  color:#fff!important;
  font-size:clamp(17px,2vw,22px)!important;
  line-height:1.25!important;
  font-weight:750!important;
}
body.ocsai-contact .ocsai-contact-v274__link-copy em{
  color:rgba(255,255,255,.72)!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-style:normal!important;
}
body.ocsai-contact .ocsai-contact-v274__link-copy b{
  margin-top:3px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link .ocsai-contact-arrow{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  color:#e0b339!important;
}
@media(max-width:640px){
  body.ocsai-contact .ocsai-contact-v267__macarius-copy,
  body.ocsai-contact .ocsai-contact-v240__card--photo-macarius > div:first-child{
    min-height:360px!important;
    padding:22px 16px!important;
    border-radius:12px!important;
  }
  body.ocsai-contact .ocsai-contact-v274__macarius-link{
    min-height:96px!important;
    padding:16px!important;
    border-radius:12px!important;
  }
  body.ocsai-contact .ocsai-contact-v274__link-copy strong{
    font-size:17px!important;
  }
  body.ocsai-contact .ocsai-contact-v274__link-copy em,
  body.ocsai-contact .ocsai-contact-v274__link-copy b{
    font-size:13px!important;
  }
}


/* 2.7.86 — contact page visual refinements.
   - Broeder Macarius photo less dominant on desktop.
   - Church block uses the supplied Breda church photo.
   - Meet block gets a custom Orthodox-themed background generated with ImageMagick.
*/
@media(min-width:1000px){
  body.ocsai-contact .ocsai-contact-v267__macarius-photo{
    width:min(100%, 920px)!important;
    margin:0 auto!important;
    padding:10px 0 0!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-photo img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    max-height:980px!important;
    margin:0 auto!important;
  }
}
body.ocsai-contact .ocsai-contact-v274__macarius-link{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:162px!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:scale(1.02)!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link--church::before{
  background-image:
    linear-gradient(90deg,rgba(8,21,35,.84) 0%,rgba(8,21,35,.70) 42%,rgba(8,21,35,.62) 100%),
    url("contact-church-breda.webp")!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet::before{
  background-image:
    linear-gradient(90deg,rgba(8,21,35,.80) 0%,rgba(8,21,35,.68) 36%,rgba(8,21,35,.48) 100%),
    url("contact-orthodox-meet-card.webp")!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link > *{
  position:relative!important;
  z-index:1!important;
}
body.ocsai-contact .ocsai-contact-v274__link-copy strong,
body.ocsai-contact .ocsai-contact-v274__link-copy em,
body.ocsai-contact .ocsai-contact-v274__link-copy b{
  text-shadow:0 2px 10px rgba(0,0,0,.34)!important;
}
@media(max-width:640px){
  body.ocsai-contact .ocsai-contact-v274__macarius-link{
    min-height:122px!important;
  }
}

/* 2.7.88 — Macarius contact area: independent hover blocks.
   The outer Macarius container is only a layout/frame and never moves or
   darkens as one large card. Each inner part responds on its own. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within{
  transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-color:rgba(217,169,40,.72)!important;
}

body.ocsai-contact .ocsai-contact-v267__macarius-copy,
body.ocsai-contact .ocsai-contact-v267__macarius-photo,
body.ocsai-contact .ocsai-contact-v274__macarius-link{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease!important;
  will-change:transform;
}

/* Text/bee block moves by itself. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within{
  transform:translateY(-2px)!important;
  border-color:rgba(228,188,64,.72)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.17)!important;
}

/* Macarius photograph moves independently from the copy and contact cards. */
body.ocsai-contact .ocsai-contact-v267__macarius-photo:hover,
body.ocsai-contact .ocsai-contact-v267__macarius-photo:focus-within{
  transform:translateY(-2px)!important;
  border-color:rgba(228,188,64,.72)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.17)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-photo:hover img{
  filter:brightness(1.025)!important;
}

/* Church and Meet are two truly separate interactive cards. Hovering one must
   never animate the other or the surrounding Macarius container. */
body.ocsai-contact .ocsai-contact-v274__macarius-link:hover,
body.ocsai-contact .ocsai-contact-v274__macarius-link:focus-visible{
  transform:translateY(-3px)!important;
  border-color:rgba(232,192,72,.88)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.20)!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link--church:hover::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--church:focus-visible::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet:hover::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet:focus-visible::before{
  filter:brightness(1.055)!important;
}

@media (prefers-reduced-motion:reduce){
  body.ocsai-contact .ocsai-contact-v267__macarius-copy,
  body.ocsai-contact .ocsai-contact-v267__macarius-photo,
  body.ocsai-contact .ocsai-contact-v274__macarius-link{
    transition:none!important;
    transform:none!important;
  }
}


/* 2.7.90 — Macarius intro/bee text panel stays calm on hover.
   The whole "Contact & connections in Curaçao" copy should not jump, grow,
   zoom or acquire a large shadow when the pointer passes over it. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover > div:first-child,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within > div:first-child{
  transform:none!important;
  filter:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
  border-color:rgba(217,169,40,.34)!important;
  transition:border-color .15s ease,background-color .15s ease!important;
  will-change:auto!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within{
  border-color:rgba(224,179,57,.48)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::before,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover::before,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within::before{
  transform:none!important;
  filter:none!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy > *,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover > *,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within > *{
  transform:none!important;
}

/* 2.7.91 — calmer Macarius intro hover + much smaller desktop portrait. */
@media(min-width:1000px){
  body.ocsai-contact .ocsai-contact-v267__macarius-photo{
    width:min(100%, 520px)!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:8px!important;
  }
  body.ocsai-contact .ocsai-contact-v267__macarius-photo img{
    display:block!important;
    width:100%!important;
    max-width:500px!important;
    height:auto!important;
    max-height:680px!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }
}

/* Tiny hover response only: no zoom, no growth, no large jump. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within{
  transform:translateY(-1px)!important;
  border-color:rgba(224,179,57,.56)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.08), inset 0 0 0 1px rgba(255,255,255,.03)!important;
}


/* 2.7.93 — use cropped Macarius image inside the MEET card. */
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet::before{
  background-image:
    linear-gradient(90deg, rgba(10,22,36,.90) 0%, rgba(10,22,36,.78) 34%, rgba(10,22,36,.42) 66%, rgba(10,22,36,.22) 100%),
    url("contact-macarius-meet.webp") !important;
  background-position: center center !important;
  background-size: cover !important;
}


/* 2.7.94 — Macarius image belongs inside the MEET card, not as a separate large panel. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
  grid-template-rows:auto auto!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-links{
  grid-row:2!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet{
  min-height:190px!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet::before{
  background-image:
    linear-gradient(90deg,rgba(7,20,34,.93) 0%,rgba(7,20,34,.76) 38%,rgba(7,20,34,.34) 70%,rgba(7,20,34,.18) 100%),
    url("contact-macarius-meet.webp")!important;
  background-position:center 48%!important;
  background-size:cover!important;
}
@media(max-width:640px){
  body.ocsai-contact .ocsai-contact-v274__macarius-link--meet{min-height:148px!important}
  body.ocsai-contact .ocsai-contact-v274__macarius-link--meet::before{background-position:center 50%!important}
}


/* 2.7.96 — contact cards: no zoom on hover, only a soft light-tint response.
   Also move the cropped Macarius image so his face is clearer inside the MEET card. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy,
body.ocsai-contact .ocsai-contact-v240__card--photo-general,
body.ocsai-contact .ocsai-contact-v240__card--photo-help,
body.ocsai-contact .ocsai-contact-v274__macarius-link{
  transition:border-color .18s ease, box-shadow .18s ease, filter .18s ease, background-color .18s ease !important;
  will-change:auto !important;
}

/* No lift / no zoom — just a slightly lighter block, similar to the other calm cards. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:hover,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:focus-within,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:hover,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:focus-within,
body.ocsai-contact .ocsai-contact-v274__macarius-link:hover,
body.ocsai-contact .ocsai-contact-v274__macarius-link:focus-visible{
  transform:none !important;
  filter:brightness(1.055) saturate(1.01) !important;
  border-color:rgba(232,192,72,.82) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.12), inset 0 0 0 999px rgba(143,191,255,.035) !important;
}

body.ocsai-contact .ocsai-contact-v267__macarius-copy::before,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover::before,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--church:hover::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--church:focus-visible::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet:hover::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet:focus-visible::before{
  transform:none !important;
  filter:none !important;
}

/* The church / website question cards should also stay calm and only brighten softly. */
body.ocsai-contact .ocsai-contact-v240__card--photo-general,
body.ocsai-contact .ocsai-contact-v240__card--photo-help{
  overflow:hidden !important;
}

/* Keep the Meet block image focused on Brother Macarius himself instead of mostly on the cabinet. */
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet{
  min-height:200px !important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet::before{
  background-image:
    linear-gradient(90deg,rgba(7,20,34,.92) 0%,rgba(7,20,34,.74) 36%,rgba(7,20,34,.36) 68%,rgba(7,20,34,.16) 100%),
    url("contact-macarius-meet.webp") !important;
  background-position: 58% 52% !important;
  background-size: cover !important;
}
@media (max-width:640px){
  body.ocsai-contact .ocsai-contact-v274__macarius-link--meet{
    min-height:152px !important;
  }
  body.ocsai-contact .ocsai-contact-v274__macarius-link--meet::before{
    background-position: 60% 50% !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,
  body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within,
  body.ocsai-contact .ocsai-contact-v240__card--photo-general:hover,
  body.ocsai-contact .ocsai-contact-v240__card--photo-general:focus-within,
  body.ocsai-contact .ocsai-contact-v240__card--photo-help:hover,
  body.ocsai-contact .ocsai-contact-v240__card--photo-help:focus-within,
  body.ocsai-contact .ocsai-contact-v274__macarius-link:hover,
  body.ocsai-contact .ocsai-contact-v274__macarius-link:focus-visible{
    transform:none !important;
  }
}


/* 2.7.99 — remove the double hover tint. One calm brightness effect only. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within,
body.ocsai-contact .ocsai-contact-v240__important:hover,
body.ocsai-contact .ocsai-contact-v240__important:focus-within,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:hover,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:focus-within,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:hover,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:focus-within,
body.ocsai-contact .ocsai-contact-v274__macarius-link:hover,
body.ocsai-contact .ocsai-contact-v274__macarius-link:focus-visible{
  transform:none!important;
  filter:brightness(1.055)!important;
  border-color:rgba(232,192,72,.82)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}
/* Never add a second inset/tint layer on hover. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover::after,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within::after,
body.ocsai-contact .ocsai-contact-v240__important:hover::after,
body.ocsai-contact .ocsai-contact-v240__important:focus-within::after,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:hover::after,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:focus-within::after,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:hover::after,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:focus-within::after{
  opacity:inherit!important;
  filter:none!important;
  transform:none!important;
}
body.ocsai-contact .ocsai-contact-v274__macarius-link--church:hover::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--church:focus-visible::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet:hover::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet:focus-visible::before{
  filter:none!important;
  transform:none!important;
}

/* 2.8.08 — final contact hover behavior.
   The wide Macarius element is only the layout wrapper: remove its outer
   frame completely. Keep the bee panel calm and let only the separate inner
   contact blocks receive a soft light tint. No image or card may zoom. */
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within{
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  overflow:visible!important;
}
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius::before,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius::after{
  display:none!important;
  content:none!important;
  transform:none!important;
  filter:none!important;
}

/* The large bee/contact image is not an interactive zoom target. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within{
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
  border-color:rgba(217,169,40,.34)!important;
}
body.ocsai-contact .ocsai-contact-v267__macarius-copy::before,
body.ocsai-contact .ocsai-contact-v267__macarius-copy::after{
  transform:none!important;
  filter:none!important;
}

/* Remove the hidden 1.02 image enlargement as well as any hover enlargement. */
body.ocsai-contact .ocsai-contact-v274__macarius-link::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link:hover::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link:focus-visible::before{
  transform:none!important;
  filter:none!important;
  transition:none!important;
}

/* Only the divided blocks get a restrained light tint; no lift, zoom or
   brightness filter is applied to the complete contact section. */
body.ocsai-contact .ocsai-contact-v274__macarius-link:hover,
body.ocsai-contact .ocsai-contact-v274__macarius-link:focus-visible,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:hover,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:focus-within,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:hover,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:focus-within,
body.ocsai-contact .ocsai-contact-v240__social:hover,
body.ocsai-contact .ocsai-contact-v240__social:focus-visible,
body.ocsai-contact .ocsai-contact-v240__important:hover,
body.ocsai-contact .ocsai-contact-v240__important:focus-within{
  transform:none!important;
  filter:none!important;
  border-color:rgba(232,192,72,.82)!important;
  box-shadow:inset 0 0 0 999px rgba(255,255,255,.055), 0 8px 20px rgba(0,0,0,.10)!important;
}

body.ocsai-contact .ocsai-contact-v240__card--photo-general::before,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:hover::before,
body.ocsai-contact .ocsai-contact-v240__card--photo-help::before,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:hover::before,
body.ocsai-contact .ocsai-contact-v240__social::before,
body.ocsai-contact .ocsai-contact-v240__social:hover::before,
body.ocsai-contact .ocsai-contact-v240__important::before,
body.ocsai-contact .ocsai-contact-v240__important:hover::before{
  transform:none!important;
  filter:none!important;
}

/* 2.8.09 — improve Brother Macarius visibility and make the inner hover tint
   easier to notice, while keeping the image completely static. */
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet:hover::before,
body.ocsai-contact .ocsai-contact-v274__macarius-link--meet:focus-visible::before{
  background-image:
    linear-gradient(90deg,rgba(7,20,34,.80) 0%,rgba(7,20,34,.56) 32%,rgba(7,20,34,.20) 62%,rgba(7,20,34,.06) 100%),
    url("contact-macarius-meet.webp") !important;
  background-position:center 48% !important;
  background-size:cover !important;
  transform:none!important;
  filter:none!important;
}

/* A visible but still restrained light tint on the individual contact blocks. */
body.ocsai-contact .ocsai-contact-v274__macarius-link:hover,
body.ocsai-contact .ocsai-contact-v274__macarius-link:focus-visible,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:hover,
body.ocsai-contact .ocsai-contact-v240__card--photo-general:focus-within,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:hover,
body.ocsai-contact .ocsai-contact-v240__card--photo-help:focus-within,
body.ocsai-contact .ocsai-contact-v240__social:hover,
body.ocsai-contact .ocsai-contact-v240__social:focus-visible,
body.ocsai-contact .ocsai-contact-v240__important:hover,
body.ocsai-contact .ocsai-contact-v240__important:focus-within{
  background-color:rgba(255,237,164,.12)!important;
  border-color:rgba(245,211,104,.95)!important;
  box-shadow:inset 0 0 0 999px rgba(255,237,164,.12), 0 8px 20px rgba(0,0,0,.10)!important;
}


/* ==========================================================
   2.8.50 — central Team-inbox contact model + new Macarius mail photo.
   ========================================================== */
.ocsai-email-v241.ocsai-email-v241--macarius{
  background-color:#102039!important;
  background-image:
    linear-gradient(180deg,rgba(8,20,34,.54) 0%,rgba(8,20,34,.72) 50%,rgba(8,17,29,.92) 100%),
    url("contact-macarius-email-2026.jpg")!important;
  background-size:cover!important;
  background-position:center 46%!important;
  background-repeat:no-repeat!important;
}
body.ocsai-email-page .ocsai-email-v241--macarius .ocsai-email-v241__card{
  background:rgba(8,18,31,.82)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.ocsai-contact-v250__team-mail{
  width:min(100%,1080px);
  margin:0 auto 24px;
  padding:clamp(18px,2.5vw,28px);
  border:1px solid rgba(217,169,40,.42);
  border-radius:18px;
  background:rgba(8,20,34,.60);
  box-shadow:0 14px 34px rgba(0,0,0,.15);
}
.ocsai-contact-v250__team-mail h2{margin:5px 0 8px!important;color:#fff!important}
.ocsai-contact-v250__team-mail>p{max-width:78ch;margin:0 0 15px!important;color:rgba(247,242,232,.91)!important}
.ocsai-contact-v250__team-mail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ocsai-contact-v250__team-mail-grid>div{padding:12px 13px;border:1px solid rgba(217,169,40,.25);border-radius:12px;background:rgba(255,255,255,.025);color:#f7f2e8}
.ocsai-contact-v250__team-mail-grid strong{font-size:.88rem;line-height:1.45}
.ocsai-contact-v250__team-mail-note{margin-top:14px!important;padding-top:12px;border-top:1px solid rgba(217,169,40,.24);font-size:.84rem!important;color:rgba(247,242,232,.72)!important}
@media(max-width:760px){
 .ocsai-contact-v250__team-mail-grid{grid-template-columns:1fr}
 .ocsai-email-v241.ocsai-email-v241--macarius{background-position:center 34%!important}
}

/* 2.8.50 — normal, universal prose typography. Branded page headings may keep
   their existing heading font, but ordinary reading text and form controls use
   a familiar system sans-serif instead of condensed/display type. */
body.ocsai-contact p, body.ocsai-contact li, body.ocsai-contact label,
body.ocsai-contact input, body.ocsai-contact textarea, body.ocsai-contact select,
body.ocsai-contact button, body.ocsai-contact summary, body.ocsai-contact small,
body.ocsai-email-page p, body.ocsai-email-page li, body.ocsai-email-page label,
body.ocsai-email-page input, body.ocsai-email-page textarea, body.ocsai-email-page select,
body.ocsai-email-page button, body.ocsai-email-page summary, body.ocsai-email-page small{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}


/* 2.8.53 — keep team-routing information small and next to the relevant contact action. */
.ocsai-contact-v253__route-note{
  margin:8px 0 0!important;
  padding:7px 9px!important;
  border-left:2px solid rgba(217,169,40,.66)!important;
  border-radius:0!important;
  background:rgba(217,169,40,.055)!important;
  color:rgba(247,242,232,.76)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.ocsai-contact-v253__route-note strong{color:#f7f2e8!important;font-weight:700!important}
.ocsai-contact-v253__priest-note{
  margin:9px 0 0!important;
  color:rgba(247,242,232,.68)!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.ocsai-contact-v253__compact-note{
  padding:13px 15px!important;
  transform:none!important;
}
.ocsai-contact-v253__compact-note:hover{transform:none!important}
.ocsai-contact-v253__disclaimer{
  margin-top:6px!important;
  color:rgba(247,242,232,.63)!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.ocsai-contact-v253__details{
  margin-top:8px!important;
  padding-top:7px!important;
  border-top:1px solid rgba(217,169,40,.18)!important;
}
.ocsai-contact-v253__details summary{
  cursor:pointer!important;
  color:#e6bd42!important;
  font-size:12px!important;
  font-weight:700!important;
}
.ocsai-contact-v253__details>div{padding-top:8px!important;max-width:78ch!important}
.ocsai-contact-v253__details p{margin:0 0 7px!important;font-size:12px!important;line-height:1.55!important;color:rgba(247,242,232,.70)!important}
@media(max-width:640px){
  .ocsai-contact-v253__route-note,.ocsai-contact-v253__priest-note,.ocsai-contact-v253__disclaimer,.ocsai-contact-v253__details summary,.ocsai-contact-v253__details p{font-size:11.5px!important}
}


/* ==========================================================
   2.8.54 — compact Alisha/Papiamentu contact route.
   ========================================================== */
body.ocsai-contact .ocsai-contact-v254__alisha{
  width:min(100%,760px);
  min-height:190px;
  margin:0 auto 22px;
  padding:24px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:1px solid rgba(217,169,40,.48);
  border-radius:18px;
  background-color:#102039;
  color:#f7f2e8;
  box-shadow:0 14px 34px rgba(0,0,0,.14);
}
body.ocsai-contact .ocsai-contact-v254__alisha-copy{max-width:560px}
body.ocsai-contact .ocsai-contact-v254__alisha h2{margin:5px 0 8px!important;color:#fff!important;font-size:clamp(1.55rem,2.3vw,2.15rem)!important}
body.ocsai-contact .ocsai-contact-v254__alisha p{margin:0!important;color:rgba(247,242,232,.92)!important;line-height:1.6!important}
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button{flex:0 0 auto;margin:0!important;white-space:nowrap}
.ocsai-email-v241.ocsai-email-v241--alisha{
  background-color:#102039!important;
  background-image:linear-gradient(180deg,rgba(8,20,34,.58),rgba(8,17,29,.94)),url("contact-alisha-papiamentu.webp")!important;
  background-size:cover!important;
  background-position:center 58%!important;
  background-repeat:no-repeat!important;
}
@media(max-width:760px){
  body.ocsai-contact .ocsai-contact-v254__alisha{width:100%;min-height:230px;flex-direction:column;align-items:flex-start;padding:22px 20px;background-position:center 60%!important}
  body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button{width:100%;justify-content:center}
}


/* ==========================================================
   2.8.55 — Alisha card matches the main contact cards.
   Keep the same visual scale instead of a small banner, and avoid
   stretching the beach photo so it stays sharper on large screens.
   ========================================================== */
body.ocsai-contact .ocsai-contact-v254__alisha{
  width:calc((100% - 22px)/2)!important;
  min-height:430px!important;
  margin:0 auto 22px!important;
  padding:clamp(24px,3.2vw,36px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:18px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background-size:cover!important;
  background-position:center 58%!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha-copy{
  width:100%!important;
  max-width:42rem!important;
  padding:16px 17px!important;
  background:linear-gradient(90deg,rgba(8,20,34,.82),rgba(8,20,34,.46))!important;
  border-left:2px solid rgba(217,169,40,.72)!important;
  border-radius:0 10px 10px 0!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button{
  margin:0!important;
}
@media(max-width:760px){
  body.ocsai-contact .ocsai-contact-v254__alisha{
    width:100%!important;
    min-height:390px!important;
    margin-bottom:18px!important;
    padding:22px 20px!important;
    background-position:center 58%!important;
  }
}


/* ==========================================================
   2.8.58 — make the Alisha route card smaller, calmer and more symmetric.
   Use a normal content block with only a small highlighted route strip.
   ========================================================== */
body.ocsai-contact .ocsai-contact-v254__alisha{
  width:100%!important;
  min-height:0!important;
  margin:0 0 22px!important;
  padding:clamp(22px,2.6vw,30px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) auto!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  border:1px solid rgba(217,169,40,.48)!important;
  border-radius:18px!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha-copy{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha h2{
  margin:6px 0 10px!important;
  font-size:clamp(1.75rem,2.5vw,2.4rem)!important;
  line-height:1.08!important;
}
body.ocsai-contact .ocsai-contact-v258__alisha-intro{
  max-width:58ch!important;
  margin:0 0 12px!important;
  color:rgba(247,242,232,.94)!important;
  line-height:1.65!important;
}
body.ocsai-contact .ocsai-contact-v258__alisha-quote{
  display:inline-block!important;
  max-width:min(100%,34rem)!important;
  padding:10px 14px!important;
  background:linear-gradient(90deg,rgba(8,20,34,.78),rgba(8,20,34,.46))!important;
  border-left:2px solid rgba(217,169,40,.72)!important;
  border-radius:0 10px 10px 0!important;
  color:#f7f2e8!important;
  font-size:.98rem!important;
  line-height:1.45!important;
}
body.ocsai-contact .ocsai-contact-v258__alisha-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button{
  margin:0!important;
  white-space:nowrap!important;
}
body.ocsai-contact .ocsai-contact-v240__grid,
body.ocsai-contact .ocsai-contact-v240__socials,
body.ocsai-contact .ocsai-contact-v254__alisha,
body.ocsai-contact .ocsai-contact-v240__card--wide,
body.ocsai-contact .ocsai-contact-v240__note{
  width:100%!important;
  max-width:none!important;
}
@media(max-width:860px){
  body.ocsai-contact .ocsai-contact-v254__alisha{
    grid-template-columns:1fr!important;
    align-items:flex-start!important;
    gap:16px!important;
  }
  body.ocsai-contact .ocsai-contact-v258__alisha-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:760px){
  body.ocsai-contact .ocsai-contact-v254__alisha{
    padding:22px 20px!important;
    min-height:0!important;
  }
  body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button{
    width:100%!important;
    justify-content:center!important;
  }
}


/* ==========================================================
   2.8.59 — symmetrical contact rhythm + subtle frosted route quote.
   ========================================================== */
body.ocsai-contact .ocsai-contact-v240__inner{
  width:min(100% - 28px,1120px)!important;
  max-width:1120px!important;
  margin-inline:auto!important;
}
body.ocsai-contact .ocsai-contact-v240__grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
body.ocsai-contact .ocsai-contact-v240__grid > .ocsai-contact-v240__card{
  min-height:420px!important;
  height:100%!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha,
body.ocsai-contact .ocsai-contact-v240__card--wide,
body.ocsai-contact .ocsai-contact-v240__socials,
body.ocsai-contact .ocsai-contact-v240__note{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha{
  min-height:250px!important;
  padding:clamp(24px,3vw,34px)!important;
}
body.ocsai-contact .ocsai-contact-v258__alisha-quote{
  position:relative!important;
  overflow:hidden!important;
  padding:10px 14px!important;
  border-left:2px solid rgba(217,169,40,.52)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-right:1px solid rgba(255,255,255,.04)!important;
  border-bottom:1px solid rgba(255,255,255,.04)!important;
  border-radius:0 10px 10px 0!important;
  background:linear-gradient(90deg,rgba(10,28,47,.45),rgba(10,28,47,.20))!important;
  color:rgba(247,242,232,.90)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(8px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(8px) saturate(.82)!important;
}
body.ocsai-contact .ocsai-contact-v258__alisha-quote strong{
  color:rgba(247,242,232,.92)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.28)!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha h2,
body.ocsai-contact .ocsai-contact-v240__card h2,
body.ocsai-contact .ocsai-contact-v274__link-copy strong{
  font-family:Georgia,"Times New Roman","DejaVu Serif",serif!important;
  font-weight:400!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha p,
body.ocsai-contact .ocsai-contact-v240__card p,
body.ocsai-contact .ocsai-contact-v240__button,
body.ocsai-contact .ocsai-contact-v274__link-copy small,
body.ocsai-contact .ocsai-contact-v274__link-copy em{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
@media(max-width:760px){
  body.ocsai-contact .ocsai-contact-v240__inner{width:min(100% - 18px,1120px)!important}
  body.ocsai-contact .ocsai-contact-v240__grid{grid-template-columns:1fr!important;gap:18px!important}
  body.ocsai-contact .ocsai-contact-v240__grid > .ocsai-contact-v240__card{min-height:0!important}
  body.ocsai-contact .ocsai-contact-v254__alisha{min-height:0!important}
}


/* ==========================================================
   2.8.60 — Alisha gets the same calm hover response as HELP OUT,
   plus slightly more breathing room. No zoom; only warm tint + gold edge.
   ========================================================== */
body.ocsai-contact .ocsai-contact-v254__alisha{
  min-height:290px!important;
  padding:clamp(30px,3.5vw,42px)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,filter .18s ease!important;
  overflow:hidden!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha:hover,
body.ocsai-contact .ocsai-contact-v254__alisha:focus-within{
  transform:none!important;
  filter:none!important;
  background-color:rgba(255,237,164,.12)!important;
  border-color:rgba(245,211,104,.95)!important;
  box-shadow:inset 0 0 0 999px rgba(255,237,164,.12),0 8px 20px rgba(0,0,0,.10)!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha:hover .ocsai-contact-v258__alisha-quote,
body.ocsai-contact .ocsai-contact-v254__alisha:focus-within .ocsai-contact-v258__alisha-quote{
  background:linear-gradient(90deg,rgba(10,28,47,.34),rgba(10,28,47,.12))!important;
  border-left-color:rgba(245,211,104,.82)!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button:hover,
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button:focus-visible{
  background:rgba(217,169,40,.13)!important;
  border-color:#d9a928!important;
  color:#f2c94c!important;
}
@media(max-width:760px){
  body.ocsai-contact .ocsai-contact-v254__alisha{min-height:0!important;padding:26px 22px!important}
}
@media(prefers-reduced-motion:reduce){body.ocsai-contact .ocsai-contact-v254__alisha{transition:none!important}}


/* 2.8.61 — give the small Papiamentu route/quote more breathing room. */
body.ocsai-contact .ocsai-contact-v258__alisha-quote{
  width:min(100%,40rem)!important;
  max-width:40rem!important;
  min-height:64px!important;
  padding:16px 20px!important;
  margin-top:4px!important;
  display:flex!important;
  align-items:center!important;
  border-left-width:3px!important;
  line-height:1.5!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
body.ocsai-contact .ocsai-contact-v258__alisha-quote strong{
  display:block!important;
  line-height:1.5!important;
}
@media(max-width:760px){
  body.ocsai-contact .ocsai-contact-v258__alisha-quote{
    width:100%!important;
    max-width:none!important;
    min-height:78px!important;
    padding:18px 20px!important;
    margin-top:8px!important;
    border-radius:0 12px 12px 0!important;
  }
}


/* ==========================================================
   2.8.64 — unified contact-family styling, softer Alisha quote,
   darker Alisha action button, and compact About/Blog story strip
   on the contact page.
   ========================================================== */
body.ocsai-contact .ocsai-contact-v264__story-strip{
  margin:0 0 22px!important;
}
body.ocsai-contact .ocsai-contact-v264__story-label{
  display:block!important;
  margin:0 0 10px!important;
  color:#d9a928!important;
  font-size:.82rem!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
body.ocsai-contact .ocsai-contact-v264__story-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.ocsai-contact .ocsai-contact-v264__story-card{
  position:relative!important;
  min-height:180px!important;
  display:flex!important;
  align-items:flex-end!important;
  padding:20px!important;
  overflow:hidden!important;
  border:1px solid rgba(217,169,40,.54)!important;
  border-radius:18px!important;
  text-decoration:none!important;
  color:#f7f2e8!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
  background-color:#0f2339!important;
  background-size:cover!important;
  background-position:center center!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
body.ocsai-contact .ocsai-contact-v264__story-card--who{background-image:url('about-page-kade.webp')!important;}
body.ocsai-contact .ocsai-contact-v264__story-card--idea{background-image:url('about-idea-seraphim-life.webp')!important;}
body.ocsai-contact .ocsai-contact-v264__story-card--blog{background-image:url('about-page-boat.webp')!important;}
body.ocsai-contact .ocsai-contact-v264__story-overlay{
  position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,rgba(9,25,43,.18) 0%,rgba(9,25,43,.76) 54%,rgba(9,25,43,.92) 100%)!important;
}
body.ocsai-contact .ocsai-contact-v264__story-copy{
  position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;gap:10px!important;
}
body.ocsai-contact .ocsai-contact-v264__story-copy strong{
  display:block!important;color:#f7f2e8!important;font-family:Georgia,"Times New Roman","DejaVu Serif",serif!important;font-weight:400!important;font-size:clamp(1.35rem,2vw,1.75rem)!important;line-height:1.1!important;
}
body.ocsai-contact .ocsai-contact-v264__story-copy em{
  display:block!important;color:rgba(247,242,232,.92)!important;font-style:normal!important;line-height:1.55!important;
}
body.ocsai-contact .ocsai-contact-v264__story-copy small{
  display:inline-flex!important;align-items:center!important;gap:10px!important;color:#d9a928!important;font-size:.9rem!important;font-weight:700!important;letter-spacing:.02em!important;
}
body.ocsai-contact .ocsai-contact-v264__story-copy small svg{width:15px!important;height:15px!important;fill:currentColor!important}
body.ocsai-contact .ocsai-contact-v264__story-card:hover,
body.ocsai-contact .ocsai-contact-v264__story-card:focus-visible{
  border-color:rgba(245,211,104,.95)!important;
  box-shadow:inset 0 0 0 999px rgba(255,237,164,.06),0 10px 24px rgba(0,0,0,.12)!important;
  transform:none!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha,
body.ocsai-contact .ocsai-contact-v240__grid > .ocsai-contact-v240__card,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
  background-position:center center!important;
}
body.ocsai-contact .ocsai-contact-v258__alisha-quote{
  background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.08))!important;
  border-left:4px solid rgba(217,169,40,.88)!important;
  color:#f7f2e8!important;
}
body.ocsai-contact .ocsai-contact-v258__alisha-quote strong{
  color:#f7f2e8!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button--outline{
  background:rgba(10,28,47,.46)!important;
  border-color:rgba(217,169,40,.92)!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button--outline:hover,
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button--outline:focus-visible{
  background:#d9a928!important;
  color:#0b1d30!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v258__alisha-actions{
  align-self:center!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha .ocsai-contact-v240__button{
  min-width:min(100%,250px)!important;
}
body.ocsai-contact .ocsai-contact-v254__alisha,
body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius{
  min-height:280px!important;
}
@media(max-width:980px){
  body.ocsai-contact .ocsai-contact-v264__story-grid{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  body.ocsai-contact .ocsai-contact-v264__story-card{min-height:158px!important;padding:18px!important;border-radius:16px!important;}
  body.ocsai-contact .ocsai-contact-v264__story-copy strong{font-size:1.45rem!important;}
  body.ocsai-contact .ocsai-contact-v258__alisha-quote{padding:20px!important;}
}


/* 4.0.19 — stable contact order requested by the site owner.
   Macarius → Alisha → Jozef / OrthodoxCuraçao → Myrrh-Bearing Women parish → help/socials. */
body.ocsai-contact .ocsai-contact-v240__inner{display:flex!important;flex-direction:column!important;align-items:stretch!important}
body.ocsai-contact .ocsai-contact-v240__hero{order:0!important;width:100%!important}
body.ocsai-contact .ocsai-contact-v240__grid{display:contents!important}
body.ocsai-contact .ocsai-contact-v240__card--photo-macarius{order:10!important;width:100%!important}
body.ocsai-contact .ocsai-contact-v254__alisha{order:20!important;width:100%!important}
body.ocsai-contact .ocsai-contact-v240__card--photo-general{order:30!important;width:100%!important}
body.ocsai-contact .ocu4-contact-church-card{order:40!important;width:100%!important;min-height:360px!important;padding:clamp(24px,4vw,42px)!important;border:1px solid rgba(232,185,39,.72)!important;border-radius:24px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important}
body.ocsai-contact .ocu4-contact-church-card h2{max-width:760px!important;margin:10px 0 12px!important;color:#fff!important}
body.ocsai-contact .ocu4-contact-church-card p{max-width:680px!important;margin:0 0 20px!important;color:#fff!important}
body.ocsai-contact .ocsai-contact-v240__card--photo-help{order:50!important;width:100%!important}
body.ocsai-contact .ocsai-contact-v240__socials{order:60!important;width:100%!important}
body.ocsai-contact .ocsai-contact-v240__note{order:70!important;width:100%!important}
body.ocsai-contact .ocsai-contact-v264__story-strip{order:80!important;width:100%!important}
body.ocsai-contact .ocsai-contact-v274__macarius-links{grid-template-columns:1fr!important}
body.ocsai-contact .ocsai-contact-v267__macarius-copy{min-height:520px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:clamp(24px,4vw,44px)!important}
@media(max-width:700px){body.ocsai-contact .ocsai-contact-v267__macarius-copy{min-height:430px!important}.ocu4-contact-church-card{min-height:300px!important}}

body.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius::before{
  width:min(44%,460px)!important;
  background:linear-gradient(90deg,rgba(11,25,42,.12) 0%,rgba(11,25,42,.02) 25%,rgba(11,25,42,.02) 100%),url("contact-macarius-email-2026.jpg") 50% 24% / cover no-repeat!important;
  opacity:1!important;filter:none!important;
}
\n\n/* 4.0.29 — stable Contact cards: no Macarius growth, full iguana background, compact Breda parish. */\nbody.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius,\nbody.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover,\nbody.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within,\nbody.ocsai-contact .ocsai-contact-v267__macarius-copy,\nbody.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,\nbody.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within,\nbody.ocsai-contact .ocsai-contact-v274__macarius-link,\nbody.ocsai-contact .ocsai-contact-v274__macarius-link:hover,\nbody.ocsai-contact .ocsai-contact-v274__macarius-link:focus-visible{\n  transform:none!important;\n  scale:1!important;\n  filter:none!important;\n  transition:none!important;\n}\nbody.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius::before,\nbody.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:hover::before,\nbody.ocsai-contact .ocsai-contact-v240__card--wide.ocsai-contact-v240__card--photo-macarius:focus-within::before{\n  transform:none!important;\n  scale:1!important;\n  filter:none!important;\n  transition:none!important;\n}\nbody.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,\nbody.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within{\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;\n  border-color:rgba(217,169,40,.34)!important;\n  background-color:transparent!important;\n}\nbody.ocsai-contact .ocsai-contact-v240__card--photo-general{\n  background-size:cover!important;\n  background-position:center 56%!important;\n}\nbody.ocsai-contact .ocu4-contact-church-card{\n  min-height:245px!important;\n  padding:24px 28px!important;\n  border-radius:20px!important;\n  justify-content:center!important;\n}\nbody.ocsai-contact .ocu4-contact-church-card h2{\n  margin:6px 0 8px!important;\n  font-size:clamp(1.65rem,2.7vw,2.4rem)!important;\n  line-height:1.12!important;\n}\nbody.ocsai-contact .ocu4-contact-church-card p{margin:0 0 14px!important}\nbody.ocsai-contact .ocu4-contact-church-card .ocsai-contact-v240__button{margin-top:2px!important}\n@media(max-width:700px){\n  body.ocsai-contact .ocu4-contact-church-card{min-height:220px!important;padding:22px!important}\n}\n

/* 4.0.30 — Macarius introduction card stays fixed and borderless. */
body.ocsai-contact .ocsai-contact-v267__macarius-copy,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:hover,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus,
body.ocsai-contact .ocsai-contact-v267__macarius-copy:focus-within{
  transform:none!important;
  scale:1!important;
  filter:none!important;
  transition:none!important;
  outline:none!important;
  border:none!important;
  box-shadow:none!important;
}

/* 4.0.51 — Diveevo-inspired contact directory: broad, practical and purpose-led. */
body.ocsai-contact .ocu451-contact-page{padding:46px 26px 78px!important;background:#071a2b!important;color:#f5f0e6!important}
body.ocsai-contact .ocu451-contact-inner{width:min(1320px,100%)!important;max-width:1320px!important;margin:0 auto!important}
.ocu451-contact-hero{max-width:900px;margin:0 0 38px;padding:0 0 30px;border-bottom:1px solid rgba(225,181,44,.34);text-align:left}
.ocu451-contact-hero .ocu451-kicker,.ocu451-section-label{display:block;margin:0 0 9px;color:#e1b52c;font:800 .72rem/1.2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.ocu451-contact-hero h1{margin:0 0 14px!important;color:#f5f0e6!important;font:500 clamp(2.7rem,5vw,4.7rem)/1.02 Georgia,serif!important;letter-spacing:-.025em}
.ocu451-contact-hero>p:last-child{max-width:780px;margin:0;color:#dce5eb!important;font-size:1.05rem;line-height:1.7}
.ocu451-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:54px;align-items:start}
.ocu451-contact-main{min-width:0}
.ocu451-contact-section{padding:30px 0;border-bottom:1px solid rgba(225,181,44,.25)}
.ocu451-contact-section:first-child{padding-top:0}
.ocu451-contact-section h2{margin:0 0 10px!important;color:#f5f0e6!important;font:500 clamp(1.65rem,2.6vw,2.35rem)/1.12 Georgia,serif!important}
.ocu451-contact-lead{max-width:820px;margin:0 0 18px!important;color:#d7e1e8!important;line-height:1.7!important}
.ocu451-address-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid rgba(255,255,255,.08);color:#fff}
.ocu451-address-line strong,.ocu451-address-line span{font-weight:700;line-height:1.5}
.ocu451-address-line a{flex:0 0 auto;color:#f0c53c!important;text-decoration:none!important;font-weight:800}
.ocu451-contact-list{display:grid}
.ocu451-contact-row{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:28px;align-items:center;padding:24px 0;border-top:1px solid rgba(255,255,255,.09)}
.ocu451-contact-row:first-child{border-top:0}
.ocu451-contact-row h2{font-size:1.45rem!important;margin-bottom:7px!important}
.ocu451-contact-row p{max-width:730px;margin:0!important;color:#cbd8e0!important;line-height:1.58!important}
.ocu451-contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-left:18px;border-left:2px solid rgba(225,181,44,.35)}
.ocu451-contact-action small{color:#aebdca;font-size:.78rem;line-height:1.35}
.ocu451-contact-action a{color:#f0c53c!important;text-decoration:none!important;font-weight:900}
.ocu451-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ocu451-social-links>a{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 12px;align-items:center;padding:15px 16px;border:1px solid rgba(225,181,44,.3);border-radius:8px;background:#0b2236;text-decoration:none!important}
.ocu451-social-links>a>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(225,181,44,.35);border-radius:50%;color:#e1b52c}
.ocu451-social-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.ocu451-social-links .ocsai-contact-fill{fill:currentColor;stroke:none}
.ocu451-social-links strong{color:#fff;font-size:.98rem}.ocu451-social-links small{color:#aebdca;font-size:.76rem}
.ocu451-contact-side{position:sticky;top:118px}
.ocu451-contact-side-card{padding:24px 24px 22px;border:1px solid rgba(225,181,44,.34);border-radius:12px;background:#0b2236}
.ocu451-contact-side-card h2{margin:0 0 10px!important;color:#fff!important;font:500 1.65rem/1.15 Georgia,serif!important}
.ocu451-contact-side-card>p:not(.ocu451-section-label){margin:13px 0 18px!important;color:#bac9d4!important;font-size:.9rem;line-height:1.55!important}
.ocu451-central-mail{display:block;margin:0 0 5px;color:#f0c53c!important;text-decoration:none!important;font-weight:850;overflow-wrap:anywhere}
.ocu451-contact-side nav{display:grid;border-top:1px solid rgba(225,181,44,.2)}
.ocu451-contact-side nav a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#e9eff3!important;text-decoration:none!important;font-size:.9rem;font-weight:750}
.ocu451-contact-side nav a:hover{color:#f0c53c!important}
@media(max-width:980px){.ocu451-contact-layout{grid-template-columns:1fr;gap:28px}.ocu451-contact-side{position:static}.ocu451-contact-side-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}.ocu451-contact-side-card nav{grid-column:1/-1;margin-top:8px}.ocu451-contact-row{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:680px){body.ocsai-contact .ocu451-contact-page{padding:30px 16px 54px!important}.ocu451-contact-hero{margin-bottom:24px;padding-bottom:22px}.ocu451-contact-layout{gap:20px}.ocu451-contact-section{padding:24px 0}.ocu451-contact-row{grid-template-columns:1fr;gap:13px;padding:21px 0}.ocu451-contact-action{padding-left:0;border-left:0;border-top:1px solid rgba(225,181,44,.18);padding-top:11px}.ocu451-address-line{align-items:flex-start;flex-direction:column;gap:9px}.ocu451-social-links{grid-template-columns:1fr}.ocu451-contact-side-card{display:block;padding:20px}.ocu451-contact-side nav{margin-top:15px}}