.cvl-story-pattern {
  --cvl-story-navy: #0d2b45;
  --cvl-story-gold: #c8a25b;
  --cvl-story-cream: #fbf8f3;
  --cvl-story-ink: #102b4d;
  --cvl-story-body: #142238;
  --cvl-story-line: #e7e2da;
  --cvl-story-heading-font: "Playfair Display";
  --cvl-story-body-font: Inter;
  --cvl-story-heading-weight: 600;
  --cvl-story-hero-weight: 600;
  --cvl-story-button-radius: 8px;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden;
  color: var(--cvl-story-body);
  background: #fff;
  font-family: var(--cvl-story-body-font), Arial, sans-serif;
}
.cvl-story-pattern,
.cvl-story-pattern * { box-sizing: border-box; }
.cvl-story-pattern a { text-decoration: none; }
.cvl-story-pattern h1,
.cvl-story-pattern h2,
.cvl-story-pattern h3,
.cvl-story-pattern h4 {
  color: var(--cvl-story-ink);
  font-family: var(--cvl-story-heading-font), Georgia, serif;
  font-weight: var(--cvl-story-heading-weight);
}
.cvl-story-pattern > .wp-block-group { margin-block-start: 0; }
.cvl-story-pattern .wp-block-columns,
.cvl-story-pattern figure,
.cvl-story-pattern blockquote { margin-block: 0; }
.cvl-story-section,
.cvl-story-hero,
.cvl-story-why { width: 100%; max-width: 1440px !important; margin: 0 auto !important; }

.cvl-story-eyebrow {
  margin: 0 0 25px !important;
  color: var(--cvl-story-gold);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2.6px;
}
.cvl-story-section-heading {
  margin: 0 0 26px !important;
  font-size: 39px;
  font-weight: var(--cvl-story-heading-weight) !important;
  line-height: 1.15 !important;
}
.cvl-story-section-heading::after {
  content: "";
  display: block;
  width: 63px;
  height: 3px;
  margin-top: 17px;
  border-radius: 10px;
  background: var(--cvl-story-gold);
  transition: width .28s ease, background .28s ease;
}
.cvl-story-copy:hover .cvl-story-section-heading::after,
.cvl-story-why-copy:hover .cvl-story-section-heading::after,
.cvl-story-movement-copy:hover .cvl-story-section-heading::after {
  width: 105px;
  background: var(--cvl-story-navy);
}

/* Editable images */
.cvl-story-image {
  position: relative;
  display: block;
  width: var(--cvl-story-img-dw);
  max-width: none !important;
  margin: 0 auto !important;
  overflow: hidden;
  border-radius: var(--cvl-story-img-radius);
}
.cvl-story-image > a { display: block; width: 100%; height: 100%; }
.cvl-story-image img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: var(--cvl-story-img-dh);
  margin: 0 !important;
  border-radius: inherit;
  object-fit: var(--cvl-story-img-fit);
  object-position: var(--cvl-story-img-position);
}
.cvl-story-shape-circle { aspect-ratio: 1 / 1; border-radius: 50% !important; }
.cvl-story-shape-circle img { height: 100% !important; }

/* Buttons and behavioural language */
.cvl-story-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-width: 185px;
  margin: 0;
  padding: var(--cvl-story-btn-py) var(--cvl-story-btn-px);
  border: 1px solid var(--cvl-story-btn-border);
  border-radius: var(--cvl-story-btn-radius, var(--cvl-story-button-radius));
  background: var(--cvl-story-btn-bg);
  color: var(--cvl-story-btn-text) !important;
  font-family: var(--cvl-story-btn-font), var(--cvl-story-body-font), Arial, sans-serif;
  font-size: var(--cvl-story-btn-size);
  font-weight: var(--cvl-story-btn-weight);
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition: color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.cvl-story-button:hover,
.cvl-story-button:focus-visible {
  transform: translateY(-2px);
  border-color: var(--cvl-story-btn-hover-bg);
  background: var(--cvl-story-btn-hover-bg);
  color: var(--cvl-story-btn-hover-text) !important;
  box-shadow: 0 9px 22px rgba(13,43,69,.18);
}
.cvl-story-button-arrow { font-size: 21px; font-weight: 500; line-height: 1; transition: transform .22s ease; }
.cvl-story-button:hover .cvl-story-button-arrow,
.cvl-story-button:focus-visible .cvl-story-button-arrow { transform: translateX(6px); }
.cvl-story-button-row { display: flex !important; flex-wrap: wrap; gap: 25px; margin-top: 36px; }

/* Hero */
.cvl-story-hero { padding: 0 clamp(18px, 4vw, 58px); }
.cvl-story-hero-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 50.5fr) minmax(0, 49.5fr);
  align-items: stretch !important;
  gap: 0 !important;
  min-height: 620px;
  margin: 0 !important;
}
.cvl-story-hero-copy {
  position: relative;
  z-index: 2;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 82px 25px 68px 22px;
  background: #fff;
}
.cvl-story-hero-title {
  max-width: 690px;
  margin: 0 0 35px !important;
  font-size: clamp(52px, 4.4vw, 72px);
  font-weight: var(--cvl-story-hero-weight) !important;
  letter-spacing: -1.6px;
  line-height: 1.05 !important;
}
.cvl-story-hero-copy > p:not(.cvl-story-eyebrow) {
  max-width: 560px;
  margin: 0 0 22px !important;
  font-size: 16px;
  line-height: 1.65;
}
.cvl-story-hero-columns > .wp-block-column:last-child { min-width: 0; }
.cvl-story-hero-photo { width: 100% !important; height: 100%; min-height: 620px; border-radius: 0; }
.cvl-story-hero-photo img { min-height: 620px; }
.cvl-story-hero-photo::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 -1px;
  width: 20%;
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.84) 32%, rgba(255,255,255,0) 100%);
  pointer-events: none;
}

/* Small acts and quote card */
.cvl-story-small-acts {
  display: grid !important;
  grid-template-columns: minmax(0, 1.75fr) minmax(340px, .9fr);
  align-items: center;
  gap: 70px;
  padding: 66px 74px 62px;
}
.cvl-story-copy { width: 100%; min-width: 0; }
.cvl-story-copy > p,
.cvl-story-why-copy > p,
.cvl-story-movement-copy > p {
  margin: 0 0 24px !important;
  font-size: 15px;
  line-height: 1.65;
}
.cvl-story-vision-quote {
  position: relative;
  min-height: 460px;
  padding: 116px 48px 40px !important;
  overflow: hidden;
  border: 1px solid #eee7dc !important;
  border-radius: 16px;
  background: linear-gradient(145deg, #fffdf9, #faf6ef);
  box-shadow: 0 9px 22px rgba(13,43,69,.08);
}
.cvl-story-vision-quote::before {
  content: "“";
  position: absolute;
  top: 31px;
  left: 46px;
  height: 63px;
  color: var(--cvl-story-gold);
  font-family: Georgia, serif;
  font-size: 82px;
  font-weight: 700;
  line-height: 1;
}
.cvl-story-vision-quote::after {
  content: "";
  position: absolute;
  top: 59px;
  right: 55px;
  width: 150px;
  height: 2px;
  background: var(--cvl-story-gold);
}
.cvl-story-vision-quote p {
  margin: 0 !important;
  color: #c28d34;
  font-family: var(--cvl-story-heading-font), Georgia, serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.18;
}
.cvl-story-vision-quote p::after {
  content: "";
  display: block;
  width: 105px;
  height: 2px;
  margin-top: 35px;
  background: var(--cvl-story-gold);
}
.cvl-story-interactive-card { transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease; }
.cvl-story-interactive-card:hover {
  transform: translateY(-6px);
  border-color: var(--cvl-story-gold) !important;
  box-shadow: 0 18px 38px rgba(13,43,69,.14);
}

/* Why Sri Lanka */
.cvl-story-why { border-block: 1px solid #ece9e4; }
.cvl-story-why-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 49.5fr) minmax(0, 50.5fr);
  align-items: stretch !important;
  gap: 0 !important;
  min-height: 515px;
  margin: 0 !important;
}
.cvl-story-why-copy {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 55px 65px 46px 80px;
}
.cvl-story-strong-copy { color: var(--cvl-story-navy); font-weight: 700; }
.cvl-story-family-photo { width: 100% !important; height: 100%; min-height: 515px; border-radius: 0; }
.cvl-story-family-photo img { min-height: 515px; }

/* Greater vision */
.cvl-story-greater-vision { padding: 45px 84px 23px; text-align: center; }
.cvl-story-greater-vision > h2 {
  margin: 0 0 25px !important;
  font-size: 41px;
  font-weight: var(--cvl-story-heading-weight) !important;
  line-height: 1.15 !important;
}
.cvl-story-greater-vision > p:not(.cvl-story-purpose) {
  max-width: 1130px !important;
  margin: 0 auto 19px !important;
  font-size: 14px;
  line-height: 1.65;
}
.cvl-story-eye-divider {
  display: grid !important;
  grid-template-columns: 1fr 44px 1fr;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: 830px !important;
  margin: 27px auto 13px !important;
}
.cvl-story-eye-divider .cvl-story-divider-line {
  display: block;
  width: 100%;
  max-width: none !important;
  height: 2px;
  margin: 0 !important;
  border: 0;
  background: var(--cvl-story-gold);
}
.cvl-story-eye-divider .cvl-story-eye-symbol {
  margin: 0 !important;
  color: var(--cvl-story-gold);
  font-family: Georgia, serif;
  font-size: 35px;
  line-height: 1;
}
.cvl-story-purpose {
  margin: 0 !important;
  color: var(--cvl-story-navy);
  font-family: var(--cvl-story-heading-font), Georgia, serif;
  font-size: 23px;
  font-weight: 600;
}

/* Growing the movement */
.cvl-story-movement {
  display: grid !important;
  grid-template-columns: minmax(0, 51fr) minmax(0, 49fr);
  align-items: stretch;
  gap: 0;
  padding: 15px 29px 29px;
}
.cvl-story-clinic-photo { width: 100% !important; height: 100%; min-height: 405px; border: 1px solid transparent; }
.cvl-story-clinic-photo img { min-height: 405px; }
.cvl-story-movement-copy {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 30px 46px 25px;
}

/* Final journey panel */
.cvl-story-journey {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 47fr) minmax(0, 53fr);
  min-height: 388px;
  margin-bottom: 22px !important;
  overflow: hidden;
  border-radius: 11px;
  background: var(--cvl-story-navy);
  color: #fff;
}
.cvl-story-journey-copy {
  position: relative;
  z-index: 3;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 40px 63px 38px;
}
.cvl-story-journey-copy > h2 {
  margin: 0 !important;
  color: var(--cvl-story-gold);
  font-size: 43px;
  font-weight: var(--cvl-story-heading-weight) !important;
  line-height: 1.1 !important;
}
.cvl-story-journey-copy > h2::after {
  content: "";
  display: block;
  width: 63px;
  height: 3px;
  margin-top: 16px;
  border-radius: 10px;
  background: var(--cvl-story-gold);
  transition: width .28s ease;
}
.cvl-story-journey-copy:hover > h2::after { width: 105px; }
.cvl-story-journey-copy > p {
  max-width: 540px;
  margin: 23px 0 25px !important;
  font-size: 15px;
  line-height: 1.55;
}
.cvl-story-journey-photo { width: 100% !important; height: 100%; min-height: 388px; border-radius: 0; }
.cvl-story-journey-photo img { min-height: 388px; }
.cvl-story-journey-photo::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: 48%;
  background: linear-gradient(90deg, var(--cvl-story-navy), rgba(13,43,69,.78) 35%, rgba(13,43,69,0));
  pointer-events: none;
}

@media (max-width: 1024px) {
  .cvl-story-image { width: var(--cvl-story-img-tw); }
  .cvl-story-image img { height: var(--cvl-story-img-th); }
  .cvl-story-hero-columns { grid-template-columns: 1fr; }
  .cvl-story-hero-copy { padding: 58px 36px 44px; }
  .cvl-story-hero-title { font-size: 58px; }
  .cvl-story-hero-photo { min-height: 480px; border-radius: 8px; }
  .cvl-story-hero-photo img { min-height: 480px; }
  .cvl-story-hero-photo::before { display: none; }
  .cvl-story-small-acts { grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); gap: 38px; padding: 54px; }
  .cvl-story-vision-quote { min-height: 390px; padding: 102px 35px 35px !important; }
  .cvl-story-vision-quote p { font-size: 34px; }
  .cvl-story-why-copy { padding: 48px 42px 42px 54px; }
  .cvl-story-greater-vision { padding-inline: 54px; }
  .cvl-story-movement-copy { padding: 25px 32px; }
  .cvl-story-journey { margin-inline: 28px !important; }
  .cvl-story-journey-copy { padding: 38px; }
}

@media (max-width: 820px) {
  .cvl-story-small-acts { grid-template-columns: 1fr; }
  .cvl-story-vision-quote { min-height: auto; }
  .cvl-story-why-columns { grid-template-columns: 1fr; }
  .cvl-story-why-copy { padding: 48px 54px; }
  .cvl-story-family-photo,
  .cvl-story-family-photo img { min-height: 480px; }
  .cvl-story-movement { grid-template-columns: 1fr; }
  .cvl-story-clinic-photo,
  .cvl-story-clinic-photo img { min-height: 460px; }
  .cvl-story-movement-copy { padding: 42px 25px 18px; }
  .cvl-story-journey { grid-template-columns: 1fr; }
  .cvl-story-journey-copy { min-height: 340px; }
  .cvl-story-journey-photo,
  .cvl-story-journey-photo img { min-height: 430px; }
  .cvl-story-journey-photo::before {
    inset: 0 0 auto;
    width: 100%;
    height: 35%;
    background: linear-gradient(180deg, var(--cvl-story-navy), rgba(13,43,69,0));
  }
}

@media (max-width: 600px) {
  .cvl-story-image { width: var(--cvl-story-img-mw); }
  .cvl-story-image img { height: var(--cvl-story-img-mh); }
  .cvl-story-hero { padding: 0 20px; }
  .cvl-story-hero-copy { padding: 38px 0 26px; }
  .cvl-story-eyebrow { margin-bottom: 14px !important; font-size: 10px; }
  .cvl-story-hero-title { margin-bottom: 23px !important; font-size: 39px; letter-spacing: -.6px; }
  .cvl-story-hero-copy > p:not(.cvl-story-eyebrow) { margin-bottom: 15px !important; font-size: 12px; line-height: 1.6; }
  .cvl-story-button-row { display: grid !important; gap: 10px; margin-top: 24px; }
  .cvl-story-button.cvl-story-full-mobile { display: flex; width: 100%; min-width: 0; padding: 13px 18px; font-size: 12px; }
  .cvl-story-hero-photo,
  .cvl-story-hero-photo img { min-height: 290px; }
  .cvl-story-section-heading { margin-bottom: 20px !important; font-size: 29px; }
  .cvl-story-section-heading::after { width: 48px; margin-top: 12px; }
  .cvl-story-small-acts { gap: 28px; padding: 39px 20px; }
  .cvl-story-copy > p,
  .cvl-story-why-copy > p,
  .cvl-story-movement-copy > p { margin-bottom: 17px !important; font-size: 11px; line-height: 1.65; }
  .cvl-story-vision-quote { padding: 80px 27px 30px !important; border-radius: 10px; }
  .cvl-story-vision-quote::before { top: 19px; left: 26px; font-size: 63px; }
  .cvl-story-vision-quote::after { top: 40px; right: 26px; width: 103px; }
  .cvl-story-vision-quote p { font-size: 30px; }
  .cvl-story-vision-quote p::after { width: 78px; margin-top: 25px; }
  .cvl-story-why-copy { padding: 39px 20px 30px; }
  .cvl-story-family-photo,
  .cvl-story-family-photo img { min-height: 310px; }
  .cvl-story-greater-vision { padding: 36px 20px 18px; }
  .cvl-story-greater-vision > h2 { margin-bottom: 18px !important; font-size: 30px; }
  .cvl-story-greater-vision > p:not(.cvl-story-purpose) { font-size: 10.5px; }
  .cvl-story-eye-divider { grid-template-columns: 1fr 36px 1fr; gap: 12px; margin-top: 22px !important; }
  .cvl-story-eye-divider .cvl-story-eye-symbol { font-size: 29px; }
  .cvl-story-purpose { font-size: 17px; line-height: 1.35; }
  .cvl-story-movement { padding: 17px 13px 25px; }
  .cvl-story-clinic-photo,
  .cvl-story-clinic-photo img { min-height: 265px; }
  .cvl-story-movement-copy { padding: 30px 7px 0; }
  .cvl-story-journey { margin: 0 12px 14px !important; border-radius: 8px; }
  .cvl-story-journey-copy { min-height: auto; padding: 31px 23px 35px; }
  .cvl-story-journey-copy > h2 { font-size: 34px; }
  .cvl-story-journey-copy > p { font-size: 11px; }
  .cvl-story-journey-photo,
  .cvl-story-journey-photo img { min-height: 320px; }
  .cvl-story-interactive-card:hover { transform: translateY(-3px); }
}

/*
 * Kadence and classic WordPress themes add .wp-block-group__inner-container.
 * These rules deliberately target that real front-end structure so the page
 * keeps the same geometry as the approved standalone preview.
 */
.cvl-story-pattern.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.cvl-story-pattern .wp-block-group__inner-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.cvl-story-pattern .cvl-story-section,
.cvl-story-pattern .cvl-story-hero,
.cvl-story-pattern .cvl-story-why {
  width: 100% !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.cvl-story-pattern .cvl-story-hero { padding: 0 !important; }
.cvl-story-pattern .cvl-story-hero > .wp-block-group__inner-container,
.cvl-story-pattern .cvl-story-why > .wp-block-group__inner-container {
  width: 100% !important;
  max-width: none !important;
}
.cvl-story-pattern .cvl-story-hero-copy { padding: 72px 54px 55px !important; }
.cvl-story-pattern .cvl-story-hero-title {
  max-width: 650px !important;
  font-size: clamp(44px, 3.8vw, 60px) !important;
  letter-spacing: -1.2px !important;
}
.cvl-story-pattern .cvl-story-hero-photo img {
  object-position: right center !important;
}

.cvl-story-pattern .cvl-story-small-acts,
.cvl-story-pattern .cvl-story-movement,
.cvl-story-pattern .cvl-story-journey {
  display: block !important;
}
.cvl-story-pattern .cvl-story-small-acts > .wp-block-group__inner-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.75fr) minmax(340px, .9fr) !important;
  align-items: center !important;
  gap: 70px !important;
}
.cvl-story-pattern .cvl-story-small-acts > .wp-block-group__inner-container > * {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cvl-story-pattern .cvl-story-copy > .wp-block-group__inner-container > p,
.cvl-story-pattern .cvl-story-movement-copy > .wp-block-group__inner-container > p {
  margin: 0 0 24px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.cvl-story-pattern .cvl-story-greater-vision > .wp-block-group__inner-container {
  text-align: center !important;
}
.cvl-story-pattern .cvl-story-greater-vision > .wp-block-group__inner-container > h2 {
  margin: 0 0 25px !important;
  font-size: 41px !important;
  font-weight: var(--cvl-story-heading-weight) !important;
  line-height: 1.15 !important;
}
.cvl-story-pattern .cvl-story-greater-vision > .wp-block-group__inner-container > p:not(.cvl-story-purpose) {
  width: 100% !important;
  max-width: 1130px !important;
  margin: 0 auto 19px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.cvl-story-pattern .cvl-story-movement {
  max-width: 1380px !important;
}
.cvl-story-pattern .cvl-story-movement > .wp-block-group__inner-container {
  display: grid !important;
  grid-template-columns: minmax(0, 51fr) minmax(0, 49fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
}
.cvl-story-pattern .cvl-story-movement > .wp-block-group__inner-container > * {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
.cvl-story-pattern .cvl-story-movement-copy {
  display: block !important;
  padding: 0 !important;
}
.cvl-story-pattern .cvl-story-movement-copy > .wp-block-group__inner-container {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 30px 46px 25px !important;
}

.cvl-story-pattern .cvl-story-journey {
  max-width: 1360px !important;
  padding: 0 !important;
}
.cvl-story-pattern .cvl-story-journey > .wp-block-group__inner-container,
.cvl-story-pattern .cvl-story-journey > .wp-block-group__inner-container > .wp-block-group:not(.cvl-story-journey-copy) {
  display: grid !important;
  grid-template-columns: minmax(0, 47fr) minmax(0, 53fr) !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 388px !important;
  margin: 0 !important;
  gap: 0 !important;
}
.cvl-story-pattern .cvl-story-journey > .wp-block-group__inner-container > .wp-block-group:not(.cvl-story-journey-copy) {
  grid-column: 1 / -1 !important;
}
.cvl-story-pattern .cvl-story-journey > .wp-block-group__inner-container > *,
.cvl-story-pattern .cvl-story-journey > .wp-block-group__inner-container > .wp-block-group:not(.cvl-story-journey-copy) > * {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
.cvl-story-pattern .cvl-story-journey-copy {
  display: block !important;
  height: 100% !important;
  padding: 0 !important;
}
.cvl-story-pattern .cvl-story-journey-copy > .wp-block-group__inner-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 40px 63px 38px !important;
}
.cvl-story-pattern .cvl-story-journey-copy > .wp-block-group__inner-container > h2 {
  margin: 0 !important;
  color: var(--cvl-story-gold) !important;
  font-size: 43px !important;
  font-weight: var(--cvl-story-heading-weight) !important;
  line-height: 1.1 !important;
}
.cvl-story-pattern .cvl-story-journey-copy > .wp-block-group__inner-container > h2::after {
  content: "";
  display: block;
  width: 63px;
  height: 3px;
  margin-top: 16px;
  border-radius: 10px;
  background: var(--cvl-story-gold);
  transition: width .28s ease;
}
.cvl-story-pattern .cvl-story-journey-copy:hover > .wp-block-group__inner-container > h2::after { width: 105px; }
.cvl-story-pattern .cvl-story-journey-copy > .wp-block-group__inner-container > p {
  max-width: 540px !important;
  margin: 23px 0 25px !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

@media (max-width: 1024px) {
  .cvl-story-pattern .cvl-story-hero { padding: 0 28px !important; }
  .cvl-story-pattern .cvl-story-hero-copy { padding: 58px 28px 44px !important; }
  .cvl-story-pattern .cvl-story-hero-title { font-size: 52px !important; }
  .cvl-story-pattern .cvl-story-small-acts > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr) !important;
    gap: 38px !important;
  }
  .cvl-story-pattern .cvl-story-movement-copy > .wp-block-group__inner-container { padding: 25px 32px !important; }
  .cvl-story-pattern .cvl-story-journey-copy > .wp-block-group__inner-container { padding: 38px !important; }
}

@media (max-width: 820px) {
  .cvl-story-pattern .cvl-story-small-acts > .wp-block-group__inner-container,
  .cvl-story-pattern .cvl-story-movement > .wp-block-group__inner-container,
  .cvl-story-pattern .cvl-story-journey > .wp-block-group__inner-container,
  .cvl-story-pattern .cvl-story-journey > .wp-block-group__inner-container > .wp-block-group:not(.cvl-story-journey-copy) {
    grid-template-columns: 1fr !important;
  }
  .cvl-story-pattern .cvl-story-journey-copy > .wp-block-group__inner-container { min-height: 340px !important; }
}

@media (max-width: 600px) {
  .cvl-story-pattern .cvl-story-hero { padding: 0 20px !important; }
  .cvl-story-pattern .cvl-story-hero-copy { padding: 38px 0 26px !important; }
  .cvl-story-pattern .cvl-story-hero-title { font-size: 39px !important; }
  .cvl-story-pattern .cvl-story-copy > .wp-block-group__inner-container > p,
  .cvl-story-pattern .cvl-story-movement-copy > .wp-block-group__inner-container > p {
    margin-bottom: 17px !important;
    font-size: 11px !important;
  }
  .cvl-story-pattern .cvl-story-greater-vision > .wp-block-group__inner-container > h2 {
    margin-bottom: 18px !important;
    font-size: 30px !important;
  }
  .cvl-story-pattern .cvl-story-greater-vision > .wp-block-group__inner-container > p:not(.cvl-story-purpose) { font-size: 10.5px !important; }
  .cvl-story-pattern .cvl-story-movement-copy > .wp-block-group__inner-container { padding: 30px 7px 0 !important; }
  .cvl-story-pattern .cvl-story-journey-copy > .wp-block-group__inner-container { min-height: auto !important; padding: 31px 23px 35px !important; }
  .cvl-story-pattern .cvl-story-journey-copy > .wp-block-group__inner-container > h2 { font-size: 34px !important; }
  .cvl-story-pattern .cvl-story-journey-copy > .wp-block-group__inner-container > p { font-size: 11px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .cvl-story-pattern *,
  .cvl-story-pattern *::before,
  .cvl-story-pattern *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
