/* service-head — band paddings (reference .cesta-strana-a: 118px top, 40px bottom; ≤900px 92px top) */
.service-head__band {
    padding-top: 118px;
    padding-bottom: 40px;
}

/* concentric rings centred at 84% / 20px of the section, fading outward */
/* positioned here, not with BS top/start utilities (they are !important) */
.service-head__rings {
    position: absolute;
    left: 84%;
    top: 20px;
    width: 0;
    height: 0;
}

.service-head__ring {
    transform: translate(-50%, -50%);
    border-width: 0;
}

.service-head__ring--core {
    width: 100px;
    height: 100px;
}

.service-head__ring--one {
    width: 316px;
    height: 316px;
    border-width: 50px;
    border-style: solid;
}

.service-head__ring--two {
    width: 532px;
    height: 532px;
    border-width: 50px;
    border-style: solid;
}

.service-head__title {
    max-width: 15em;
    letter-spacing: -0.01em;
}

/* breadcrumb: 6px / 10px gaps, "/" separator */
.service-head__crumbs {
    gap: 6px 10px;
    font-size: 0.9rem;
    margin-bottom: 22px;
}

.service-head__crumb + .service-head__crumb::before {
    content: "/";
    margin-right: 10px;
}

/* split row: photo .8fr / copy 1.2fr above 900px */
.service-head__split {
    gap: 26px;
}

.service-head__split > * {
    min-width: 0;
}

.service-head__frame {
    margin: 36px auto 46px;
    max-width: 86%;
}

.service-head__img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.service-head__lead {
    max-width: 66ch;
}

/* fact list: label column 170px */
.service-head__facts {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
}

.service-head__value {
    margin-bottom: 10px;
    overflow-wrap: anywhere;
}

@media (min-width: 641px) {
    .service-head__facts {
        grid-template-columns: minmax(0, 170px) minmax(0, 1fr);
        gap: 8px 20px;
    }

    .service-head__value {
        margin-bottom: 0;
    }
}

@media (min-width: 769px) {
    .service-head__frame {
        max-width: 560px;
        margin: 44px 28px 54px;
    }
}

@media (min-width: 901px) {
    .service-head__split {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        gap: 56px;
    }
}

@media (max-width: 900px) {
    .service-head__band {
        padding-top: 92px;
    }
}

/* prose sheet — 68ch reading column, ring bullets, pressable CTA (no colors) */
.prose-sheet__col {
    max-width: 68ch;
}

.prose-sheet__h2 {
    letter-spacing: -0.01em;
}

.prose-sheet__item {
    padding: 0 0 0.875rem 2.5rem;
}

.prose-sheet__ring {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.28em;
}

.prose-sheet__cta {
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.prose-sheet__cta:active {
    transform: translate(5px, 6px);
    box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
    .prose-sheet__cta {
        transition: none;
    }
}