/* ============================================================
   CREATOR PUBLIC PAGE CONTENT BLOCKS
   Shared styling for Text, ImageText, Metric, Feature, Quote,
   Video, FullImage and CTA blocks.
   ============================================================ */

.eg-page-block {
    position: relative;
    overflow: hidden;
}

.eg-block-text {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}

.eg-block-small-title {
    color: var(--site-primary, #ff5a3c);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 10px;
}

.eg-page-block h2 {
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 950;
    line-height: 1.12;
    margin-bottom: 18px;
}

.eg-page-block h3 {
    font-weight: 900;
    line-height: 1.25;
}

.eg-block-content {
    font-size: 17px;
    line-height: 1.8;
}

    .eg-block-content p:last-child,
    .eg-block-content ul:last-child,
    .eg-block-content ol:last-child {
        margin-bottom: 0;
    }

    .eg-block-content img {
        max-width: 100%;
        height: auto;
    }

.eg-block-image,
.eg-block-full-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 24px;
}

.eg-block-image {
    max-height: 560px;
}

.eg-block-full-image {
    max-height: 720px;
}

.eg-metric-block {
    max-width: 700px;
    margin: 0 auto;
}

.eg-metric-value {
    color: var(--site-primary, #ff5a3c);
    font-size: clamp(45px, 8vw, 84px);
    font-weight: 950;
    line-height: 1;
    margin-bottom: 15px;
}

.eg-feature-block {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    gap: 18px;
    align-items: flex-start;
}

.eg-feature-icon {
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(255, 90, 60, .12);
    color: var(--site-primary, #ff5a3c);
    font-size: 24px;
}

.eg-quote-block {
    max-width: 900px;
    margin: 0 auto;
    padding: 35px;
    border-left: 5px solid var(--site-primary, #ff5a3c);
    border-radius: 18px;
    background: rgba(15, 23, 42, .06);
    font-size: 24px;
    font-weight: 700;
}

    .eg-quote-block footer {
        margin-top: 18px;
        font-size: 15px;
        opacity: .75;
    }

.eg-cta-block {
    max-width: 900px;
    margin: 0 auto;
}

.eg-page-block .ratio iframe {
    border: 0;
    border-radius: 22px;
}

@media (max-width: 767.98px) {
    .eg-page-block .container {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    .eg-page-block h2 {
        font-size: 30px;
    }

    .eg-block-content {
        font-size: 16px;
        line-height: 1.7;
    }

    .eg-feature-block {
        gap: 13px;
    }

    .eg-feature-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        font-size: 20px;
    }

    .eg-quote-block {
        padding: 24px;
        font-size: 19px;
    }

    .eg-block-image,
    .eg-block-full-image {
        border-radius: 18px;
    }
}

.eg-page-block > .container{width:100%;max-width:1200px;margin-inline:auto;padding:48px 24px;box-sizing:border-box}
.eg-block-content{overflow-wrap:anywhere;min-width:0}
.eg-block-content table{max-width:100%;display:block;overflow:auto}
.eg-block-content iframe{max-width:100%;aspect-ratio:16/9;height:auto}
.eg-html-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}
.eg-html-column{min-width:0}
.eg-cards-heading{text-align:center;margin-bottom:28px}
.eg-card-viewport{max-width:100%;outline-offset:5px}
.eg-card-group{display:grid;grid-template-columns:repeat(var(--eg-card-columns,4),minmax(0,1fr));gap:18px}
.eg-cols-2{--eg-card-columns:2}.eg-cols-3{--eg-card-columns:3}.eg-cols-4{--eg-card-columns:4}.eg-cols-5{--eg-card-columns:5}.eg-cols-6{--eg-card-columns:6}
.eg-page-block .eg-card{min-width:0;padding:24px 18px;border:1px solid #f1d8c7;border-radius:18px;background:#fff9f2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;overflow-wrap:anywhere;transition:transform .2s ease,box-shadow .2s ease}
.eg-page-block .eg-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgb(15 23 42 / 9%)}
.eg-page-block .eg-card-title{font:700 clamp(15px,1.4vw,18px)/1.4 system-ui,sans-serif;margin:0}
.eg-page-block .eg-card-image{display:block;width:100%;height:90px;object-fit:contain;max-width:180px;background:#fff;border-radius:8px}
.eg-page-block.eg-image-cover .eg-card-image{height:160px;max-width:none;object-fit:cover}
.eg-cards-no-images .eg-card-image{display:none}
.eg-card-description{font-size:14px;line-height:1.6;margin:0}
.eg-card-link{font-size:14px;color:var(--site-primary,#b72b18)}
.eg-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eg-cards-scroll .eg-card-viewport,.eg-cards-marquee .eg-card-viewport{overflow-x:auto;scroll-snap-type:x proximity;padding:5px 0 16px}
.eg-cards-scroll .eg-card-group,.eg-cards-marquee .eg-card-group{display:flex;width:max-content;gap:18px}
.eg-cards-scroll .eg-card,.eg-cards-marquee .eg-card{flex:0 0 230px;width:230px;scroll-snap-align:start}
.eg-card-track{min-width:0}
.eg-cards-marquee.eg-marquee-ready .eg-card-track{display:flex;width:max-content;animation:eg-card-marquee var(--eg-marquee-duration,40s) linear infinite}
.eg-cards-marquee.eg-marquee-ready .eg-card-group{padding-inline-end:18px}
.eg-cards-marquee.eg-marquee-ready .eg-card-viewport{overflow:hidden}
.eg-marquee-paused .eg-card-track,.eg-card-viewport:hover .eg-card-track,.eg-card-viewport:focus-within .eg-card-track{animation-play-state:paused!important}
.eg-speed-slow{--eg-marquee-duration:65s}.eg-speed-fast{--eg-marquee-duration:22s}
.eg-marquee-toggle{margin:12px 0 0;padding:8px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033;font:inherit;font-size:14px}
.eg-motion-ready{opacity:0;transition:opacity .65s ease,transform .65s ease}
.eg-motion-ready.eg-motion-slide{transform:translateY(24px)}
.eg-motion-ready.eg-motion-visible{opacity:1;transform:none}
@keyframes eg-card-marquee{to{transform:translateX(-50%)}}
@media(max-width:991.98px){.eg-card-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:479.98px){.eg-card-group{grid-template-columns:1fr}.eg-page-block .eg-card{padding:20px 16px}.eg-cards-scroll .eg-card,.eg-cards-marquee .eg-card{flex-basis:210px;width:210px}}
@media(prefers-reduced-motion:reduce){.eg-page-block,.eg-card-track,.eg-page-block .eg-card{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.eg-card-group[aria-hidden="true"]{display:none}.eg-cards-marquee .eg-card-viewport{overflow-x:auto!important}}