.aspot-ds-2025 {
    position: relative;
    overflow: hidden;
    display: flex;
    --UNIT: calc(100cqw / 1920);
    background-color: #240502;
    container-type: inline-size;
    text-decoration: none;
    --FONT-GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
        sans-serif;
    --FONT-GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
        Arial, sans-serif;
}

.aspot-ds-2025:focus-visible::after {
    content: " ";
    box-shadow: 0 0 0 3px #fff, 0 0 0 12px #6893d2 !important;
    position: absolute;
    top: 6px;
    left: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    box-sizing: border-box;
    z-index: 100000;
    border-radius: 6px;
}

.aspot-ds-2025 * {
    box-sizing: border-box;
}

.aspot-ds-2025 img {
    display: block;
    width: 100%;
    height: auto;
}

.aspot-ds-2025__background {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.aspot-ds-2025__logo {
    position: absolute;
    left: calc(72 * var(--UNIT));
    top: calc(404 * var(--UNIT));
    width: calc(69 * var(--UNIT));
    z-index: 2;
}

.aspot-ds-2025__title {
    margin: 0;
    position: absolute;
    left: calc(259 * var(--UNIT));
    top: calc(155 * var(--UNIT));
    font-size: calc(50 * var(--UNIT));
    line-height: calc(50 * var(--UNIT));
    color: #fff;
    z-index: 2;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-weight: normal;
}

.aspot-ds-2025__content {
    margin-left: calc(1286 * var(--UNIT));
    padding-bottom: calc(65 * var(--UNIT));
    width: calc(500 * var(--UNIT));
    height: calc(600 * var(--UNIT));
    display: flex;
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.aspot-ds-2025__text-1 {
    margin: 0;
    font-size: calc(22 * var(--UNIT));
    line-height: calc(28 * var(--UNIT));
    color: #fff;
    text-transform: uppercase;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-weight: normal;
}

.aspot-ds-2025__text-1 span {
    display: inline-block;
}

.aspot-ds-2025__text-2 {
    margin: 0;
    margin-bottom: calc(24 * var(--UNIT));
    font-size: calc(16 * var(--UNIT));
    line-height: calc(28 * var(--UNIT));
    color: #fff;
    text-transform: uppercase;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-weight: normal;
}

.aspot-ds-2025__link {
    font-size: 11px;
    color: #fff;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: underline;
}


@media (max-width:761px) {
    .aspot-ds-2025 {
        --UNIT: calc(100cqw / 376);
    }

    .aspot-ds-2025__logo {
        position: absolute;
        left: calc(20 * var(--UNIT));
        top: calc(333 * var(--UNIT));
        width: calc(40 * var(--UNIT));
        z-index: 2;
    }

    .aspot-ds-2025__title {
        left: calc(180 * var(--UNIT));
        top: calc(39 * var(--UNIT));
        font-size: calc(25 * var(--UNIT));
        line-height: calc(25 * var(--UNIT));
    }

    .aspot-ds-2025__content {
        margin-left: calc(55 * var(--UNIT));
        padding-top: calc(372 * var(--UNIT));
        padding-bottom: calc(14 * var(--UNIT));
        width: calc(266 * var(--UNIT));
        height: auto;
        align-items: center;
        text-align: center;
    }

    .aspot-ds-2025__text-1 {
        font-size: calc(13.8 * var(--UNIT));
        line-height: calc(15.6 * var(--UNIT));
    }

    .aspot-ds-2025__text-2 {
        margin-bottom: calc(8 * var(--UNIT));
        font-size: calc(10 * var(--UNIT));
        line-height: calc(15.6 * var(--UNIT));
    }

    .aspot-ds-2025__link {
        font-size: 11px;
        line-height: 1.4em;
    }
}