/* bio-seasonhero: season bar, start-page band and rails (mockup variant A). Mobile first. */

.bio-season-bar {
    background: #fbf6ec;
    border-bottom: 1px solid #efe3c8;
    color: #4a3a1a;
    font-size: 12px;
    line-height: 1.4;
    padding: 7px 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bio-season-bar strong { font-weight: 600; }
.bio-season-bar__more { display: none; }
@media (min-width: 576px) {
    .bio-season-bar { font-size: 13px; }
    .bio-season-bar__more { display: inline; }
}

.bio-season-hero {
    /* A colour per season (Seb, 2026-10-12); white text keeps >= 4.5:1 on all of them. */
    --bio-hero-from: #5b1a2a;
    --bio-hero-to: #3f1019;
    --bio-hero-eyebrow: #e2bf6f;
    /* Full width although the start page content sits in the page container. */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    color: #fff;
    background:
        radial-gradient(circle at 12% 30%, rgba(255, 255, 255, .14) 0 2px, transparent 3px) 0 0 / 46px 46px,
        radial-gradient(circle at 70% 70%, rgba(255, 255, 255, .10) 0 1.5px, transparent 2.5px) 0 0 / 34px 34px,
        linear-gradient(135deg, var(--bio-hero-from) 0%, var(--bio-hero-to) 100%);
}
.bio-season-hero--christmas { --bio-hero-from: #5b1a2a; --bio-hero-to: #3f1019; --bio-hero-eyebrow: #e2bf6f; }
.bio-season-hero--winter { --bio-hero-from: #26405e; --bio-hero-to: #16283d; --bio-hero-eyebrow: #cfe0f2; }
.bio-season-hero--spring { --bio-hero-from: #4a7a1c; --bio-hero-to: #2f5410; --bio-hero-eyebrow: #e4f2c8; }
.bio-season-hero--summer { --bio-hero-from: #b04a68; --bio-hero-to: #7f2e47; --bio-hero-eyebrow: #ffe3ea; }
.bio-season-hero--autumn { --bio-hero-from: #9a5a1a; --bio-hero-to: #6b3a0c; --bio-hero-eyebrow: #ffe2b8; }
.bio-season-hero__inner { padding-top: 18px; padding-bottom: 16px; }
.bio-season-hero__eyebrow {
    color: var(--bio-hero-eyebrow);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
    margin: 0 0 6px;
    text-transform: uppercase;
}
.bio-season-hero__title { color: #fff; font-size: 27px; font-weight: 700; line-height: 1.15; margin: 0 0 8px; }
.bio-season-hero__date { align-items: center; color: #f3e6e9; display: flex; font-size: 15px; gap: 8px; margin: 0 0 12px; }
.bio-season-hero__date svg { flex: none; }
.bio-season-hero__btn {
    align-items: center;
    background: #fff;
    border-radius: 22px;
    color: var(--bio-hero-to);
    display: inline-flex;
    font-size: 15px;
    font-weight: 600;
    height: 44px;
    padding: 0 18px;
    text-decoration: none;
}
.bio-season-hero__btn:hover, .bio-season-hero__btn:focus { background: #fbf6ec; color: var(--bio-hero-to); }
@media (min-width: 992px) {
    .bio-season-hero__inner { align-items: center; display: flex; gap: 40px; padding-top: 36px; padding-bottom: 34px; }
    .bio-season-hero__text { flex: 1; }
    .bio-season-hero__title { font-size: 40px; }
    .bio-season-hero__date { font-size: 17px; margin-bottom: 0; }
}

.bio-season-rail { margin-top: 10px; }
.bio-season-rail__sub { color: #5f5f5f; font-size: 13px; margin: 0 0 10px; }
.bio-season-rail__head { align-items: baseline; display: flex; gap: 12px; justify-content: space-between; }
.bio-season-rail__head a { color: #6f9416; font-size: 14px; font-weight: 600; white-space: nowrap; }