/* Winsiders Custom Elements — auto-split from monolithic assets/frontend.css.
 * This file is generated by the asset-split script. Do not edit manually;
 * edit assets/frontend.css then re-run scripts/split-assets.py. */

/* =====================================================================
 * Bento Winsiders (av_wce_bento)
 * ===================================================================== */
.wce-bento {
    --wce-bento-radius: 18px;
    --wce-bento-gap: 16px;
    --wce-bento-row-h: 220px;
    --wce-bento-color: #fff;
}

.wce-bento__grid {
    display: grid;
    grid-auto-rows: var(--wce-bento-row-h);
    gap: var(--wce-bento-gap);
}

.wce-bento__card {
    position: relative;
    display: flex;
    overflow: hidden;
    min-width: 0;
    border-radius: var(--wce-bento-radius);
    color: var(--wce-bento-card-color, var(--wce-bento-color));
    text-decoration: none;
    isolation: isolate;
}

.wce-bento__bg,
.wce-bento__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.wce-bento__bg--image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wce-bento__overlay {
    z-index: 2;
    pointer-events: none;
}

.wce-bento__content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: clamp(16px, 2vw, 28px);
    gap: 8px;
}

.wce-bento--valign-start .wce-bento__content {
    justify-content: flex-start;
}

.wce-bento--valign-center .wce-bento__content {
    justify-content: center;
}

.wce-bento--valign-end .wce-bento__content {
    justify-content: flex-end;
}

.wce-bento__eyebrow {
    font-size: 0.78em;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wce-bento-eyebrow-color, currentColor);
    opacity: 0.85;
}

.wce-bento__head {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wce-bento__head--icon-right {
    justify-content: space-between;
}

.wce-bento__title {
    margin: 0;
    line-height: 1.2;
}

/* Enfold sets an explicit heading colour; scope-match it so cards inherit their own colour. */
#top .wce-bento .wce-bento__title,
.wce-bento .wce-bento__card .wce-bento__title {
    color: inherit;
}

.wce-bento__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: inherit;
    font-size: 1.4em;
}

.wce-bento__icon:before {
    color: inherit;
}

.wce-bento__icon svg {
    display: block;
    width: 1.3em;
    height: 1.3em;
    fill: currentColor;
}

.wce-bento__text {
    color: inherit;
    opacity: 0.92;
}

.wce-bento__text > :first-child {
    margin-top: 0;
}

.wce-bento__text > :last-child {
    margin-bottom: 0;
}

.wce-bento__card--link {
    transition: transform 0.35s ease;
}

.wce-bento__card--link:hover {
    transform: translateY(-4px);
}

.wce-bento__card--link:hover .wce-bento__bg--image {
    transform: scale(1.04);
}

.wce-bento__bg--image {
    transition: transform 0.6s ease;
}

/* --- Desktop patterns (grid-template-areas) --- */
.wce-bento--pattern-5 .wce-bento__grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
        "a a b"
        "a a c"
        "d d e";
}

.wce-bento--pattern-6 .wce-bento__grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
        "a a b"
        "a a c"
        "d e f";
}

.wce-bento--pattern-7 .wce-bento__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
        "a a b c"
        "a a b d"
        "e f g g";
}

.wce-bento--pattern-8 .wce-bento__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
        "a a b c"
        "a a d e"
        "f g h h";
}

.wce-bento--pattern-9 .wce-bento__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
        "a a b c"
        "a a d e"
        "f g h i";
}

.wce-bento--pattern-10 .wce-bento__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
        "a a b c"
        "a a d e"
        "f g h h"
        "f g i j";
}

.wce-bento--pattern-5 .wce-bento__card--1 { grid-area: a; }
.wce-bento--pattern-5 .wce-bento__card--2 { grid-area: b; }
.wce-bento--pattern-5 .wce-bento__card--3 { grid-area: c; }
.wce-bento--pattern-5 .wce-bento__card--4 { grid-area: d; }
.wce-bento--pattern-5 .wce-bento__card--5 { grid-area: e; }

.wce-bento--pattern-6 .wce-bento__card--1 { grid-area: a; }
.wce-bento--pattern-6 .wce-bento__card--2 { grid-area: b; }
.wce-bento--pattern-6 .wce-bento__card--3 { grid-area: c; }
.wce-bento--pattern-6 .wce-bento__card--4 { grid-area: d; }
.wce-bento--pattern-6 .wce-bento__card--5 { grid-area: e; }
.wce-bento--pattern-6 .wce-bento__card--6 { grid-area: f; }

.wce-bento--pattern-7 .wce-bento__card--1 { grid-area: a; }
.wce-bento--pattern-7 .wce-bento__card--2 { grid-area: b; }
.wce-bento--pattern-7 .wce-bento__card--3 { grid-area: c; }
.wce-bento--pattern-7 .wce-bento__card--4 { grid-area: d; }
.wce-bento--pattern-7 .wce-bento__card--5 { grid-area: e; }
.wce-bento--pattern-7 .wce-bento__card--6 { grid-area: f; }
.wce-bento--pattern-7 .wce-bento__card--7 { grid-area: g; }

.wce-bento--pattern-8 .wce-bento__card--1 { grid-area: a; }
.wce-bento--pattern-8 .wce-bento__card--2 { grid-area: b; }
.wce-bento--pattern-8 .wce-bento__card--3 { grid-area: c; }
.wce-bento--pattern-8 .wce-bento__card--4 { grid-area: d; }
.wce-bento--pattern-8 .wce-bento__card--5 { grid-area: e; }
.wce-bento--pattern-8 .wce-bento__card--6 { grid-area: f; }
.wce-bento--pattern-8 .wce-bento__card--7 { grid-area: g; }
.wce-bento--pattern-8 .wce-bento__card--8 { grid-area: h; }

.wce-bento--pattern-9 .wce-bento__card--1 { grid-area: a; }
.wce-bento--pattern-9 .wce-bento__card--2 { grid-area: b; }
.wce-bento--pattern-9 .wce-bento__card--3 { grid-area: c; }
.wce-bento--pattern-9 .wce-bento__card--4 { grid-area: d; }
.wce-bento--pattern-9 .wce-bento__card--5 { grid-area: e; }
.wce-bento--pattern-9 .wce-bento__card--6 { grid-area: f; }
.wce-bento--pattern-9 .wce-bento__card--7 { grid-area: g; }
.wce-bento--pattern-9 .wce-bento__card--8 { grid-area: h; }
.wce-bento--pattern-9 .wce-bento__card--9 { grid-area: i; }

.wce-bento--pattern-10 .wce-bento__card--1 { grid-area: a; }
.wce-bento--pattern-10 .wce-bento__card--2 { grid-area: b; }
.wce-bento--pattern-10 .wce-bento__card--3 { grid-area: c; }
.wce-bento--pattern-10 .wce-bento__card--4 { grid-area: d; }
.wce-bento--pattern-10 .wce-bento__card--5 { grid-area: e; }
.wce-bento--pattern-10 .wce-bento__card--6 { grid-area: f; }
.wce-bento--pattern-10 .wce-bento__card--7 { grid-area: g; }
.wce-bento--pattern-10 .wce-bento__card--8 { grid-area: h; }
.wce-bento--pattern-10 .wce-bento__card--9 { grid-area: i; }
.wce-bento--pattern-10 .wce-bento__card--10 { grid-area: j; }

/* --- Reveal animation --- */
.wce-bento--animate .wce-bento__card {
    opacity: 0;
    transition:
        opacity 0.6s ease,
        transform 0.6s cubic-bezier(0.17, 0.84, 0.44, 1);
    transition-delay: var(--wce-bento-item-delay, 0ms);
}

.wce-bento--anim-fade-up .wce-bento__card {
    transform: translateY(28px);
}

.wce-bento--anim-zoom .wce-bento__card {
    transform: scale(0.94);
}

.wce-bento--animate .wce-bento__card.wce-bento__card--seen {
    opacity: 1;
    transform: none;
}

/* --- Responsive: single column below 990px, per-card ordering --- */
@media only screen and (max-width: 989px) {
    .wce-bento__grid {
        grid-template-columns: 1fr !important;
        grid-template-areas: none !important;
        grid-auto-rows: minmax(var(--wce-bento-row-h), auto);
    }

    .wce-bento__card {
        grid-area: auto !important;
        order: var(--wce-bento-card-order, 100);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wce-rotating-badge--spin-text .wce-rotating-badge__ring,
    .wce-rotating-badge--spin-icon .wce-rotating-badge__icon,
    .wce-rotating-badge--spin-bg .wce-rotating-badge__bg {
        animation: none;
    }

    .wce-bento--animate .wce-bento__card {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .wce-timeline--animate-path .wce-timeline__visual:has(img),
    .wce-timeline--animate-path .wce-timeline__visual:has(picture),
    .wce-timeline--animate-path .wce-timeline__visual:has(svg) {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .wce-bento__bg--image,
    .wce-bento__card--link {
        transition: none;
    }
}