@layer pages {
    .staldia-sd-overview {
        z-index: 1;
        gap: 3rem 10rem;
    }
    .staldia-sd-overview:before,
    .staldia-cases-section:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background: #fff;
        border-radius: 30px;
        z-index: -1;
    }
    .staldia-sd-overview:before {
        height: calc(100% + 30px);
    }
    .staldia-sd-overview-content {
        max-width: 800px;
        margin-left: auto;
    }
    .staldia-sd-points .staldia-section-title:after { font-size: min(70px, 15.5vw); }
    .staldia-sd-points .staldia-section-title-main-label { padding-left: 0; }
    .staldia-sd-points .staldia-section-title-main-label:before {
        display: none;
    }
    .staldia-sd-points-link-list {
        --border: 2px solid rgb(var(--color-shadow-sand-rgb) / .5);
    }
    .staldia-sd-points-link-anchor {
        position: relative;
        width: 100%;
        padding: 1rem 2.5rem 1rem .5rem;
        border-bottom: var(--border);
        transition: background .5s;
    }
    .staldia-sd-points-link-item:first-child .staldia-sd-points-link-anchor {
        border-top: var(--border);
    }
    .staldia-sd-points-link-anchor:hover {
        background: rgb(var(--color-bg-sub-rgb) / .5);
    }
    .staldia-sd-points-link-icon-container {
        width: 3rem;
        height: 3rem;
    }
    .staldia-sd-points-link-arrow {
        position: absolute;
        width: 1.5rem;
        height: 1.5rem;
        background: var(--color-accent);
        border-radius: 50%;
        top: 50%;
        right: .5rem;
        transform: translateY(-50%);
    }
    .staldia-sd-points-link-arrow:before {
        content: "";
        position: absolute;
        width: .33rem;
        height: .33rem;
        top: 50%;
        left: 50%;
        --border: 2px solid var(--color-text-on-accent);
        border-bottom: var(--border);
        border-right: var(--border);
        transform: translate(-50%, -75%) rotate(45deg);
    }
    .staldia-sd-points-content-item:before {
        position: relative;
        content: attr(data-number);
        display: block;
        font-family: var(--font-serif-en);
        font-size: 9.375rem;
        color: var(--color-accent);
        z-index: 1;
        line-height: 1;
    }
    .staldia-sd-points-content-section {
        padding: 3rem var(--layout-padding-horizontal-base);
        border-radius: 10px;
        margin-top: -2rem;
    }
    .staldia-sd-points-content-title { justify-content: center; }
    .staldia-sd-points-content-title-line {
        width: 100%;
        text-align: center;
    }
    .staldia-sd-points-content-icon-container {
        order: -1;
        background: var(--color-bg);
        margin-inline: auto;
        border-radius: 50%;
        width: 6rem;
        height: 6rem;
        padding: 1.25rem;
    }
    .staldia-cases-section {
        position: relative;
        z-index: 1;
    }
    .staldia-cases-section .staldia-article-card { padding: 0; }
    .staldia-cases-section .staldia-slider-scroll-bar {
        background: var(--color-bg);
    }
    @media (min-width: 900px) {
        .staldia-sd-overview {
            grid-template-columns: auto 1fr;
        }
        .staldia-sd-points-content-title-line {
            width: unset;
            text-align: unset;
        }
        .staldia-sd-points-link-list {
            grid-template-columns: repeat(3, 1fr);
            border-top: var(--border);
            border-bottom: var(--border);
        }
        .staldia-sd-points-link-anchor,
        .staldia-sd-points-link-item:first-child .staldia-sd-points-link-anchor {
            border-block: none;
            border-left: var(--border);
            padding-left: 1.5rem;
            padding-right: 4rem;
        }
        .staldia-sd-points-link-item:first-child .staldia-sd-points-link-anchor {
            border-left: none;
        }
        .staldia-sd-points-link-arrow { right: 1.5rem; }
        .staldia-sd-points-content-item {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 6.25rem;
        }
        .staldia-sd-points-content-item:before {
            font-size: 12.5rem;
            position: sticky;
            top: calc(var(--layout-site-header-height) + 1.5rem);
            line-height: .75;
            align-self: start;
        }
        .staldia-sd-points-content-section { margin-top: 0; }
        .staldia-sd-points-content-header {
            grid-template-columns: auto 1fr;
        }
        .staldia-sd-points-content-title { justify-content: start; }
    }
}