/* Section teaser — i2t3 component styles
 * A flexible section: style variants (plain/color/dark/gradient/divider/
 * bigimage/circle-expand), optional angled (diagonal) top/bottom edges, and
 * a borderless / no-margin option. Distilled from Karma's section_teaser_style.
 */

.i2t3-sectionteaser { padding: 4rem 1rem; position: relative; }
.i2t3-sectionteaser__content { max-width: 56rem; margin-inline: auto; position: relative; z-index: 1; }
.i2t3-sectionteaser__title { margin-bottom: .75rem; }
.i2t3-sectionteaser__text > :last-child { margin-bottom: 0; }

/* Angled edges */
.i2t3-sectionteaser--angled-top { clip-path: polygon(0 3vw, 100% 0, 100% 100%, 0 100%); margin-top: -1px; }
.i2t3-sectionteaser--angled-bottom { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3vw), 0 100%); margin-bottom: -1px; }
.i2t3-sectionteaser--angled-top.i2t3-sectionteaser--angled-bottom { clip-path: polygon(0 3vw, 100% 0, 100% calc(100% - 3vw), 0 100%); }

/* No margin */
.i2t3-sectionteaser--nomargin { margin-top: 0; margin-bottom: 0; }

/* Style: color / dark / gradient */
.i2t3-sectionteaser--style-color { background: var(--i2t3-st-accent, #0d6efd); color: #fff; }
.i2t3-sectionteaser--style-dark { background: #1a1a2e; color: #fff; }
.i2t3-sectionteaser--style-gradient { background: linear-gradient(135deg, var(--i2t3-st-accent, #0d6efd), #1a1a2e); color: #fff; }

/* Style: divider (accent top line) */
.i2t3-sectionteaser--style-divider:not(.i2t3-sectionteaser--noborder) { border-top: 4px solid var(--i2t3-st-accent, #0d6efd); }

/* Style: bigimage (image beside content) */
.i2t3-sectionteaser__split { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: center; max-width: 72rem; margin-inline: auto; }
.i2t3-sectionteaser__split--reverse .i2t3-sectionteaser__media { order: 2; }
.i2t3-sectionteaser__img { width: 100%; height: auto; border-radius: .5rem; display: block; }
@media (max-width: 767.98px) { .i2t3-sectionteaser__split { grid-template-columns: 1fr; } .i2t3-sectionteaser__split--reverse .i2t3-sectionteaser__media { order: 0; } }

/* Style: circle-expand (accent circle grows on hover) */
.i2t3-sectionteaser--style-circle-expand { overflow: hidden; }
.i2t3-sectionteaser--style-circle-expand::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130vw;
    height: 130vw;
    border-radius: 50%;
    background: var(--i2t3-st-accent, #0d6efd);
    transform: translate(-50%, -50%) scale(0);
    transition: transform .6s ease;
    z-index: 0;
}
.i2t3-sectionteaser--style-circle-expand:hover::before { transform: translate(-50%, -50%) scale(1); }
.i2t3-sectionteaser--style-circle-expand .i2t3-sectionteaser__content { transition: color .5s ease; }
.i2t3-sectionteaser--style-circle-expand:hover .i2t3-sectionteaser__content { color: #fff; }

@media (prefers-reduced-motion: reduce) {
    .i2t3-sectionteaser--style-circle-expand::before { transition: none; }
}