/* Kompaktnejšie horné bloky informačných stránok podľa vzhľadu rubrík. */

.sg-info-hero__inner {
    padding-top: clamp(22px, 3vw, 38px);
    padding-bottom: clamp(22px, 3vw, 38px);
}

.sg-info-hero::before {
    top: -190px;
    right: 7%;
    width: 350px;
    height: 350px;
}

.sg-info-eyebrow {
    font-size: 0.72rem;
    letter-spacing: 0.1em;
}

.sg-info-eyebrow::before {
    width: 34px;
}

.sg-info-hero h1 {
    max-width: 820px;
    margin: 10px 0 12px;
    font-size: clamp(2.25rem, 4.4vw, 4.35rem);
    line-height: 0.98;
    letter-spacing: -0.025em;
}

.sg-info-hero p {
    max-width: 720px;
    font-size: 0.98rem;
    line-height: 1.45;
}

@media (max-width: 680px) {
    .sg-info-hero__inner {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .sg-info-hero h1 {
        font-size: clamp(2.1rem, 11vw, 3.45rem);
    }

    .sg-info-hero p {
        font-size: 0.94rem;
    }
}