.omcms-homepage { --omcms-dark: #126a59; --omcms-light: #eff8f5; --omcms-ink: #09233f; }
.omcms-section { padding: clamp(3rem, 7vw, 6.5rem) clamp(1.25rem, 5vw, 5rem); }
.omcms-section--dark { background: var(--omcms-dark); color: #fff; }
.omcms-section--light { background: var(--omcms-light); color: var(--omcms-ink); }
.omcms-section__inner { max-width: 1400px; margin: 0 auto; display: grid; gap: clamp(1.5rem, 5vw, 5rem); align-items: center; }
.omcms-section--text-image .omcms-section__inner { grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr); }
.omcms-section--image-text .omcms-section__inner { grid-template-columns: minmax(280px, .85fr) minmax(0, 1fr); }
.omcms-section--full-width .omcms-section__inner { display: block; }
.omcms-section--image-text .omcms-section__copy { order: 2; }
.omcms-section--image-text .omcms-section__image { order: 1; }
.omcms-section__copy h2 { color: inherit; font-size: clamp(2.25rem, 5vw, 4.8rem); line-height: 1.08; margin: 0 0 1.2rem; }
.omcms-section__copy p { font-size: clamp(1.15rem, 2.1vw, 1.75rem); line-height: 1.55; margin: 0; }
.omcms-section__image { width: 100%; height: auto; border-radius: 1rem; display: block; }
.omcms-lesson-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; }
.omcms-lesson-card { background: #126a59; color: #fff; padding: 2rem; border-radius: 1rem; }
.omcms-lesson-card img { width: 100%; aspect-ratio: 1.2 / 1; object-fit: cover; border-radius: .7rem; margin-bottom: 1.5rem; }
.omcms-lesson-card h3 { color: #fff; font-size: 2rem; margin: 0 0 .75rem; }
.omcms-lesson-card__button { display: inline-block; margin-top: 1rem; padding: .7rem 1rem; border: 2px solid #fff; color: #fff; text-decoration: none; border-radius: .4rem; }
.omcms-section--dark .openminds-managed-section, .omcms-section--dark .openminds-instagram-feed { color: #fff; }
.omcms-section--dark .openminds-managed-section h2, .omcms-section--dark .openminds-instagram-feed h2 { color: #fff; }
@media (max-width: 767px) { .omcms-section--text-image .omcms-section__inner, .omcms-section--image-text .omcms-section__inner { grid-template-columns: 1fr; } .omcms-section--image-text .omcms-section__copy, .omcms-section--image-text .omcms-section__image { order: initial; } }
@media (max-width: 782px) { .omcms-lesson-cards { grid-template-columns: 1fr; } }