.hero-conference {
    position: relative;
    background: url(bg.jpg) center bottom / 100% auto no-repeat, #1b003e;
    background-size: cover;
    overflow: hidden;
    min-height: 560px;
    display: flex;
    align-items: center;
}

/* ── Breadcrumb ─────────────────────────────────────────────────────── */
.hero-conference__breadcrumb {
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    z-index: 2;
    font-family: 'EYInterstate', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: var(--wp--preset--color--white);
}

/* hide home icon — text only in this hero */
.hero-conference__breadcrumb .hl-bc-home-icon {
    display: none;
}

/* all text/links white */
.hero-conference__breadcrumb .hl-bc-text,
.hero-conference__breadcrumb a,
.hero-conference__breadcrumb span {
    color: var(--wp--preset--color--white);
}

.hero-conference__breadcrumb a {
    text-decoration: none;
    font-weight: 300;
}

.hero-conference__breadcrumb a:hover {
    text-decoration: underline;
}

/* current page crumb — normal weight (matches Figma bold) */
.hero-conference__breadcrumb .hl-bc-item--page {
    font-weight: 700;
}

/* hide JS extras not needed in hero */
.hero-conference__breadcrumb .hl-bc-ellipsis {
    display: none;
}

@media (max-width: 768px) {
    .hero-conference__breadcrumb {
        top: 16px;
    }
}

/* ── Inner layout ───────────────────────────────────────────────────── */
.hero-conference__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding-top: 56px;
    padding-bottom: 72px;
    width: 100%;
}

/* ── Three yellow dots ──────────────────────────────────────────────── */
.hero-conference__dots {
    display: flex;
    gap: 10px;
    align-items: center;
}

.hero-conference__dots span {
    display: block;
    width: 12px;
    height: 12px;
    background: var(--wp--preset--color--yellow);
    flex-shrink: 0;
}

/* ── Content ────────────────────────────────────────────────────────── */
.hero-conference__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    color: var(--wp--preset--color--white);
    width: 100%;
    max-width: 640px;
    text-align: center;
}

/* ── Title ──────────────────────────────────────────────────────────── */
.hero-conference__title {
    font-family: 'EYInterstate', sans-serif;
    font-weight: 400;
    font-size: 56px;
    line-height: 1;
    color: var(--wp--preset--color--white);
    margin: 0;
}

/* ── Quote block ────────────────────────────────────────────────────── */
.hero-conference__quote {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    width: 100%;
}

.hero-conference__desc {
    font-family: 'EYInterstate', sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    line-height: 1.55;
    color: var(--wp--preset--color--white);
    margin: 0;
    text-align: left;
    width: 100%;
}

.hero-conference__sign {
    font-family: 'EYInterstate', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: var(--wp--preset--color--white);
    margin: 0;
    white-space: nowrap;
}

/* ── Mobile ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .hero-conference {
        min-height: 500px;
        background:
            url(bg-mobile-right.jpg) right top / 50% auto no-repeat,
            url(bg-mobile-left.jpg) left top / 50% auto no-repeat,
            #1b003e;
    }

    .hero-conference__inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hero-conference__content {
        max-width: 312px;
    }

    .hero-conference__title {
        font-size: 32px;
    }

    .hero-conference__desc {
        font-size: 16px;
        line-height: 1.5;
    }
}


@media (max-width:479px) {
    .hero-conference {
        background:
            url(bg-mobile-right.jpg) right bottom / 50% auto no-repeat,
            url(bg-mobile-left.jpg) left bottom / 50% auto no-repeat,
            #1b003e;
    }
}