.bim-scroll-hero__stage { position: relative; }
.bim-hero-story { box-sizing: border-box; font-family: Inter, system-ui, sans-serif; }
.bim-hero-story *, .bim-hero-story *::before, .bim-hero-story *::after { box-sizing: inherit; }
.bim-hero-story--floating { position: absolute; inset: 0; z-index: 12; pointer-events: none; }
.bim-story-card {
    position: relative;
    padding: 25px;
    border: 1px solid #e3dfec;
    border-radius: 24px;
    background: linear-gradient(145deg, #ffffff, #f1f7f8);
    color: #302338;
    box-shadow: 0 14px 40px #071f2e14;
}
.bim-hero-story--floating .bim-story-card {
    position: absolute;
    width: clamp(220px, 20vw, 286px);
    top: calc(var(--story-stop) * (100% - 250svh) + 50svh + var(--story-extra, 0svh));
    transform: translateY(-50%);
    left: max(28px, calc((100% - 1460px) / 2));
}
.bim-hero-story--floating .bim-story-card:nth-child(even) {
    left: auto;
    right: max(28px, calc((100% - 1460px) / 2));
}
.bim-story-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }
.bim-story-card__icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: #e0f1fc; color: #126e9b; }
.bim-story-card__icon svg { width: 24px; height: 24px; }
.bim-story-card__number { font-size: 12px; color: #81989e; font-variant-numeric: tabular-nums; letter-spacing: .09em; }
.bim-story-card__eyebrow { display: block; margin-bottom: 10px; color: #57737d; font-size: 11px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.bim-story-card h2 { margin: 0; font-size: clamp(22px, 1.8vw, 27px); font-weight: 700; line-height: 1.14; letter-spacing: -.035em; color: #302338; }
.bim-story-card p { margin: 16px 0 23px; color: #47626d; font-size: 14px; line-height: 1.6; }
.bim-story-card__tag { display: inline-block; padding: 7px 10px; border: 1px solid #cbdfea; border-radius: 8px; color: #126897; background: #edf7fd; font-size: 11px; font-weight: 650; line-height: 1.4; }
.bim-hero-story--compact { display: none; }
@media (max-width: 1099px), (prefers-reduced-motion: reduce) {
    .bim-hero-story--floating { display: none; }
    .bim-hero-story--compact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: 900px; margin: 0 auto; padding: 28px 24px 48px; position: relative; z-index: 12; }
    .bim-hero-story--compact .bim-story-card { box-shadow: none; padding: 24px; }
    .bim-hero-story--compact .bim-story-card__top { margin-bottom: 20px; }
    .bim-hero-story--compact .bim-story-card h2 { font-size: 24px; }
}
@media (max-width: 580px) {
    .bim-hero-story--compact { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 20px 16px 32px; }
    .bim-hero-story--compact .bim-story-card { padding: 20px; border-radius: 20px; }
    .bim-hero-story--compact .bim-story-card__top { float: right; margin: 0 0 12px 14px; }
    .bim-hero-story--compact .bim-story-card__number { display: none; }
    .bim-hero-story--compact .bim-story-card h2 { font-size: 23px; }
    .bim-hero-story--compact .bim-story-card p { margin: 12px 0 16px; }
}

.bim-hero-story--floating .bim-story-card{background:linear-gradient(145deg,#fff,#f0e9ff)}
.bim-story-card__icon{background:linear-gradient(135deg,#6d36d9 0%,#b58aff 100%);color:#fff;box-shadow:0 5px 16px #6d36d91a}
.bim-story-card__tag{background:linear-gradient(135deg,#e7f2ff,#e8f8ff);border-color:#c2e0f6;color:#086cba}

@media (max-width:767px), (max-width:1099px) and (max-height:600px) and (pointer:coarse) {
    .bim-hero-story--compact { display:none; }
}

body #bim-scroll-hero .bim-hero-story .bim-story-card {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--bi-ink);
}
body #bim-scroll-hero .bim-story-card__top { display: none; }
body #bim-scroll-hero .bim-story-card :is(h2,p,.bim-story-card__eyebrow,.bim-story-card__tag) {
    --story-day-color: var(--bi-ink);
    --story-night-color: var(--bi-night-text);
    color: var(--story-day-color);
}
body #bim-scroll-hero .bim-story-card :is(p,.bim-story-card__eyebrow) {
    --story-day-color: var(--bi-muted);
    --story-night-color: var(--bi-night-muted);
}
body #bim-scroll-hero .bim-story-card .bim-story-card__tag {
    --story-day-color: var(--bi-accent);
    --story-night-color: #dac7ff;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}
body #bim-scroll-hero .bim-story-card .bim-story-toned {
    background-image: linear-gradient(to bottom,
        var(--story-day-color) 0,
        var(--story-day-color) var(--story-dark-start),
        var(--story-night-color) var(--story-dark-start),
        var(--story-night-color) var(--story-dark-end),
        var(--story-day-color) var(--story-dark-end));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
@media (forced-colors: active) {
    body #bim-scroll-hero .bim-story-card .bim-story-toned {
        background: none;
        color: CanvasText;
        -webkit-text-fill-color: CanvasText;
    }
}