/* Caterman — Events page (merged services). Builds on the shared .cm-os system.
   Renders inside the theme content wrapper, so it breaks out to full width and
   neutralises the theme's content padding. */

/* full-bleed breakout */
.cm-ev { position: relative; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

/* kill the theme's content padding/margins around our block (the white dead space) */
.page-id-557 #content.site-content { padding-top: 0 !important; padding-bottom: 0 !important; }
.page-id-557 .kl-blog-page-content,
.page-id-557 .kl-blog-page-body,
.page-id-557 #th-content-page { padding: 0 !important; margin: 0 !important; }
.page-id-557 .entry-title, .page-id-557 .page-title, .page-id-557 .page-header { display: none !important; }

.cm-ev-intro {
  background: #000; color: #fff;
  padding: clamp(46px, 6vw, 80px) 6vw clamp(52px, 7vw, 88px);
}
.cm-ev-intro .cm-os-intro { max-width: 640px; }
.cm-ev-trust { margin: 20px 0 0; font-size: clamp(14px, 1.3vw, 16px); color: #9a9a9a; }
.cm-ev-trust a { color: #fff; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,.4); }
.cm-ev-trust a:hover { text-decoration-color: #fff; }

.cm-ev-split {
  position: relative; overflow: hidden; background: #000;
  min-height: clamp(440px, 70vh, 720px);  /* thinner than the full heroes — 3 stacked splits, easier to scroll through */
  display: flex; align-items: flex-end;
}
.cm-ev-split__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.cm-ev-split__scrim {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.36) 0%, rgba(0,0,0,.12) 40%, rgba(0,0,0,.86) 100%);
}
/* spotty overlay over the video — replicates Zion's gridOverlay--1 (as on the Our Story hero) */
.cm-ev-split::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .4;
  background-image: linear-gradient(to right top, transparent 33%, #000 33%, #000 66%, transparent 66%);
  background-size: 3px 3px;
}
.cm-ev-split__inner {
  position: relative; z-index: 2; width: 88vw; max-width: 1180px; margin: 0 auto;  /* align split title to 130px content edge; video stays full-bleed */
  padding: 0 0 clamp(46px, 7vw, 90px);
}
.cm-ev-split__title {
  margin: 0; color: #fff;
  font-family: 'Roboto Condensed', 'Manrope', sans-serif; font-weight: 700; text-transform: uppercase;
  font-size: clamp(42px, 7vw, 108px); line-height: .9; letter-spacing: -.04em;
  text-shadow: 0 2px 40px rgba(0,0,0,.5);
}
.cm-ev-split__desc {
  margin: 16px 0 0; max-width: 50ch; color: #ececec;
  font-family: 'Manrope', system-ui, sans-serif; font-size: clamp(15px, 1.4vw, 19px); line-height: 1.6;
}
/* offerings line */
.cm-ev-split__offer {
  display: flex; flex-wrap: wrap; align-items: center;
  margin: 20px 0 0; padding: 0; list-style: none;
  font-family: 'Roboto Condensed', 'Manrope', sans-serif; font-weight: 700; text-transform: uppercase;
  font-size: clamp(13px, 1.2vw, 16px); letter-spacing: .04em; color: #fff;
}
.cm-ev-split__offer li { opacity: .9; }
.cm-ev-split__offer li:not(:last-child)::after {
  content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%;
  background: rgba(255,255,255,.55); margin: 0 14px; vertical-align: middle;
}
.cm-ev-pill {
  display: inline-block; margin-top: 26px;
  padding: 9px 28px; border: 1px solid rgba(255,255,255,.34); border-radius: 999px;
  background: rgba(0,0,0,.35); color: #fff; text-decoration: none;
  font-family: 'Roboto Condensed', 'Manrope', sans-serif; font-weight: 700;
  font-size: clamp(17px, 1.6vw, 23px); text-transform: uppercase; line-height: 1.15;
  transition: background .25s cubic-bezier(.16,1,.3,1);
}
.cm-ev-pill:hover { background: rgba(255,255,255,.12); }

@media (max-width: 600px) {
  .cm-ev-split__offer { font-size: 12px; }
  .cm-ev-split__offer li:not(:last-child)::after { margin: 0 9px; }
}