/* MOS-01: four photos with a navy painted band behind the text only, and the newsletter on a watercolor (as in the template). */
.cc-p-mos-01 { border-top: 1px solid var(--wp--preset--color--line); }
.cc-p-mos-01 .cc-mos__grid { display: grid; grid-template-columns: 1fr; margin: 0; }
.cc-p-mos-01 .cc-mos__grid > * { margin: 0; }
@media (min-width: 1024px) { .cc-p-mos-01 .cc-mos__grid { grid-template-columns: 1fr 1fr; } }
.cc-p-mos-01 .cc-mos__left { position: relative; min-height: 640px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; background: var(--wp--preset--color--paper); border-bottom: 1px solid var(--wp--preset--color--line); }
@media (min-width: 1024px) { .cc-p-mos-01 .cc-mos__left { border-bottom: 0; border-right: 1px solid var(--wp--preset--color--line); } }
.cc-p-mos-01 .cc-mos__photos { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; gap: 4px; grid-template-columns: repeat(4, 1fr); }
.cc-p-mos-01 .cc-mos__photo { position: relative; margin: 0; height: 100%; overflow: hidden; }
.cc-p-mos-01 .cc-mos__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cc-p-mos-01 .cc-mos__panel { position: relative; z-index: 10; margin: 0; }
.cc-p-mos-01 .cc-mos__swash { position: absolute; inset: 0; margin: 0 !important; pointer-events: none; }
.cc-p-mos-01 .cc-mos__swash img { display: block; width: 100%; height: 100%; object-fit: fill; }
.cc-p-mos-01 .cc-mos__text { position: relative; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 88px 2rem 3rem; }
@media (min-width: 782px) { .cc-p-mos-01 .cc-mos__text { padding-inline: 4rem; } }
.cc-p-mos-01 .cc-mos__text > * { margin: 0; }
.cc-p-mos-01 .cc-mos__script { display: block; margin-bottom: 1rem !important; font-size: 44px; line-height: 52px; color: var(--wp--preset--color--gold-light); }
@media (min-width: 782px) { .cc-p-mos-01 .cc-mos__script { font-size: 48px; } }
.cc-p-mos-01 .cc-mos__lead { max-width: 28rem; margin-bottom: 1.75rem !important; line-height: 1.625; }
.cc-p-mos-01 .cc-mos__btn { margin: 0; }
.cc-p-mos-01 .cc-mos__btn .wp-block-button__link { padding-inline: 2rem; }
.cc-p-mos-01 .cc-mos__right { position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 2rem; }
@media (min-width: 782px) { .cc-p-mos-01 .cc-mos__right { padding: 3.5rem; } }
@media (min-width: 1024px) { .cc-p-mos-01 .cc-mos__right { padding: 4rem; } }
.cc-p-mos-01 .cc-mos__wash { position: absolute; top: 0; bottom: 0; right: 0; width: 70%; margin: 0 !important; opacity: .9; pointer-events: none; }
.cc-p-mos-01 .cc-mos__wash img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right bottom; }
.cc-p-mos-01 .cc-mos__form { position: relative; z-index: 10; max-width: 36rem; margin: 0; }
.cc-p-mos-01 .cc-mos__form > * { margin: 0; }
.cc-p-mos-01 .cc-mos__eyebrow { display: flex; align-items: center; gap: .5rem; margin-bottom: .75rem; }
.cc-p-mos-01 .cc-mos__dot { color: var(--wp--preset--color--line); }
.cc-p-mos-01 .cc-mos__sub { color: var(--wp--preset--color--muted); }
.cc-p-mos-01 .cc-mos__title { margin-bottom: 1rem; font-weight: 400; }
.cc-p-mos-01 .cc-mos__sub-text { margin-bottom: 2rem; }