/* STMT-01: heart emblem, hairline, statement. Watercolor washes are Image blocks (replace or delete them in the editor). */
.cc-p-stmt-01 { position: relative; overflow: hidden; isolation: isolate; padding-block: 5rem; border-block: 1px solid var(--wp--preset--color--line); }
.cc-p-stmt-01 .cc-wash { position: absolute; top: 0; bottom: 0; z-index: -1; margin: 0 !important; pointer-events: none; }
.cc-p-stmt-01 .cc-wash img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cc-p-stmt-01 .cc-wash--r { right: 0; width: 32%; }
.cc-p-stmt-01 .cc-wash--r img { object-position: right bottom; }
.cc-p-stmt-01 .cc-wash--l { left: 0; width: 24%; opacity: .7; transform: scaleX(-1); }
.cc-p-stmt-01 .cc-wash--l img { object-position: right top; }
.cc-p-stmt-01 .cc-stmt__row { box-sizing: border-box; max-width: 1200px; margin-inline: auto !important; padding-inline: 1.5rem; display: flex; flex-direction: column; align-items: center; gap: 3rem; }
.cc-p-stmt-01 .cc-stmt__row > * { margin: 0; }
.cc-p-stmt-01 .cc-stmt__emblem-wrap { width: 100%; display: flex; justify-content: center; align-items: center; flex-shrink: 0; }
.cc-p-stmt-01 .cc-stmt__emblem { margin: 0; width: 170px; }
.cc-p-stmt-01 .cc-stmt__emblem img { display: block; width: 170px; height: auto; }
.cc-p-stmt-01 .cc-stmt__rule { display: none; width: 1px; height: 9rem; background: var(--wp--preset--color--line); }
.cc-p-stmt-01 .cc-stmt__copy { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.cc-p-stmt-01 .cc-stmt__copy > * { margin: 0; }
.cc-p-stmt-01 .cc-stmt__title { font-size: 34px; line-height: 42px; font-weight: 400; margin-bottom: .5rem; }
.cc-p-stmt-01 .cc-stmt__script { color: var(--wp--preset--color--gold-deep); line-height: 1; margin-bottom: 1rem; }
.cc-p-stmt-01 .cc-stmt__text { max-width: 42rem; line-height: 1.625; }
@media (min-width: 782px) {
  .cc-p-stmt-01 .cc-stmt__row { flex-direction: row; }
  .cc-p-stmt-01 .cc-stmt__emblem-wrap { width: 220px; }
  .cc-p-stmt-01 .cc-stmt__rule { display: block; }
}
@media (min-width: 1024px) { .cc-p-stmt-01 .cc-stmt__row { gap: 4rem; } }
@media (max-width: 767px) { .cc-p-stmt-01 .cc-wash--l { width: 40%; opacity: .45; } .cc-p-stmt-01 .cc-wash--r { width: 48%; opacity: .55; } }