.slide-custom-title {
    font-size: clamp(30px, calc(84 / 1920 * 100vw), 84px);
    font-weight: 800;
    line-height: 1.1;
    max-width: clamp(32px, calc(750 / 1920 * 100vw), 750px);
}

.slide-custom-desc {
    font-size: clamp(14px, calc(18 / 1920 * 100vw), 18px);
    line-height: clamp(20px, calc(29 / 1920 * 100vw), 29px);
    padding-top: 21px;
    font-weight: 400;
    max-width: 510px;
    text-shadow: 0 0 11px black;
}


.lp-30-let .slider-slick-template-5 .slider-content-template-2 .slide-description {
    margin-top: clamp(76px, calc(130 / 1920 * 100vw), 130px);
}

#anniversary-story {
    .anniversary-story__inner {
        padding-top: clamp(50px, calc(130 / 1920 * 100vw), 130px);
        padding-bottom: clamp(50px, calc(175 / 1920 * 100vw), 175px);
        display: flex;
        gap: clamp(15px, calc(110 / 1920 * 100vw), 110px);
    }

    .anniversary-story__media {
        display: flex;
        flex: 1 1 clamp(200px, calc(690 / 1920 * 100vw), 690px);
        max-width: clamp(200px, calc(690 / 1920 * 100vw), 690px);
        justify-content: flex-end;
        align-items: flex-start;
    }

    .anniversary-story__content {
        flex: 1 1 60%;
        padding-top: clamp(0px, calc(33 / 1920 * 100vw), 33px);
        position: relative;
    }

    .anniversary-story__headline {
        font-size: clamp(19px, calc(65 / 1920 * 100vw), 65px);
        font-weight: bold;
        line-height: 1.0;
    }

    .anniversary-story__text {
        font-size: clamp(17px, calc(19 / 1920 * 100vw), 19px);
        font-style: italic;
        margin-top: 30px;
        font-weight: 500;
        line-height: 1.5;
        padding-bottom: clamp(15px, calc(45 / 1920 * 100vw), 45px);
    }

    .anniversary-story__signature {
        position: absolute;
        right: 0;
        bottom: -50px;
    }

    @media (min-width: 1700px) {
        .anniversary-story__signature {
            right: calc(clamp(0px, calc(90 / 1920 * 100vw), 90px) * -1);
            bottom: calc(clamp(0px, calc(90 / 1920 * 100vw), 90px) * -1);
        }
    }

    .anniversary-story__signature img {
        width: clamp(150px, calc(380 / 1920 * 100vw), 380px);
    }

    .anniversary-story__video-preview {
        position: relative;
        display: block;
        color: inherit;
        text-decoration: none;
        cursor: pointer;
    }

    .anniversary-story__video-image {
        display: block;
    }

    .anniversary-story__video-preview:hover .anniversary-story__video-icon img {
        transform: translate3d(-50%, -50%, 0) scale(1.04);
    }

    .anniversary-story__video-icon {
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .anniversary-story__video-icon img {
        width: clamp(45px, calc(95 / 1920 * 100vw), 95px);
        transform: translate3d(-50%, -50%, 0);
        transition: transform 0.2s ease;
    }

    .anniversary-story__lightgallery-video {
        display: none;
    }

    @media (max-width: 991px) {
        .anniversary-story__inner {
            flex-direction: column;
            align-items: flex-start;
            gap: 34px;
            padding-top: 58px;
            padding-bottom: 72px;
        }

        .anniversary-story__media {
            flex: 0 1 auto;
            width: 100%;
            max-width: none;
            justify-content: flex-start;
        }

        .anniversary-story__video-preview {
            width: min(100%, 380px);
        }

        .anniversary-story__content {
            flex: 0 1 auto;
            width: 100%;
            padding-top: 0;
        }

        .anniversary-story__headline {
            line-height: 0.98;
        }

        .anniversary-story__text {
            margin-top: 24px;
            padding-bottom: 0;
        }

        .anniversary-story__signature {
            position: static;
            margin-top: 28px;
            display: flex;
            justify-content: flex-end;
        }

        .anniversary-story__signature img {
            width: min(100%, 250px);
        }
    }

    @media (max-width: 575px) {
        .anniversary-story__inner {
            gap: 26px;
            padding-top: 44px;
            padding-bottom: 56px;
        }

        .anniversary-story__video-preview {
            width: min(100%, 288px);
        }

        .anniversary-story__video-icon img {
            width: 62px;
        }

        .anniversary-story__headline {
            line-height: 0.95;
        }

        .anniversary-story__text {
            margin-top: 26px;
            font-size: 15px;
            line-height: 1.45;
        }

        .anniversary-story__signature {
            margin-top: 22px;
        }

        .anniversary-story__signature img {
            width: min(100%, 172px);
        }
    }
}

#zako-grow-img {
    & {
        padding-top: 110px;
        padding-bottom: 110px;
        margin-bottom: clamp(20px, calc(50 / 1920 * 100vw), 50px);
    }

    .zako-grow-img__intro {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 32px 113px;
        margin-bottom: 84px;
        max-width: 1350px;
    }

    @media (min-width: 992px) {
        .zako-grow-img__title {
            flex: 0 1 500px;
            min-width: 320px;
            max-width: 560px;
        }
    }

    .zako-grow-img__title {


        margin: 0;
        white-space: normal;
    }

    @media (min-width: 992px) {

        .zako-grow-img__description {
            flex: 1 1 620px;
            min-width: 340px;
            max-width: 720px;
        }
    }

    .zako-grow-img__description {

        margin: 0;
        color: #111111;
        font-size: clamp(15px, calc(19 / 1920 * 100vw), 19px);
    }

    .zako-grow-img__location-title {
        margin: 0 0  clamp(20px, calc(40 / 1920 * 100vw), 40px) 0;
        color: #004b87;
        font-size: clamp(30px, calc(42 / 1920 * 100vw), 42px);
        font-weight: 800;
        line-height: 1.1;
        text-align: center;
    }

    .zako-grow-img__comparison {
        display: flex;
        gap: 12px;
        align-items: center;
        position: relative;
    }

    .zako-grow-img__figure {
        flex-grow: 1;
        width: 50%;
        margin: 0 0 44px 0;
    }

    .zako-grow-img__image {
        display: block;
        width: 100%;
        height: auto;
    }

    .zako-grow-img__year {
        margin-top: 25px;
        color: #004b87;
        font-size: clamp(24px, calc(36 / 1920 * 100vw), 36px);
        font-weight: 600;
        text-align: center;
    }


    .zako-grow-img__chevron {
        width: 78px;
        height: 80px;
        border-radius: 50%;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 1;
        left: calc(50% - 37px);
        top: calc(50% - 100px);
    }


    .zako-grow-img__chevron img {
        display: block;
        width: 25px;
        height: 40px;
        position: absolute;
    }

    @media (max-width: 991px) {
        .zako-grow-img__chevron img {
            display: block;
            width: 25px;
            height: clamp(27px, calc(40 / 1920 * 100vw), 40px);
            position: absolute;
        }

        .zako-grow-img__chevron {
            width: clamp(45px, calc(78 / 1920 * 100vw), 78px);
            height: clamp(46px, calc(80 / 1920 * 100vw), 80px);
        }
    }

}

@media (max-width: 991px) {

    #zako-grow-img {
        padding-top: 80px;
        padding-bottom: clamp(45px, calc(80 / 1920 * 100vw), 80px);

        .zako-grow-img__intro {
            flex-direction: column;
            gap: 24px;
            margin-bottom: 48px;
        }

        .zako-grow-img__title,
        .zako-grow-img__description {
            min-width: 0;
            max-width: none;
        }

        .zako-grow-img__location + .zako-grow-img__location {
            margin-top: 40px;
        }

        .zako-grow-img__comparison {
            flex-direction: column;
            align-items: center;
            gap: 0;
        }

        .zako-grow-img__figure {
            width: 100%;
            max-width: 450px;
            margin: 0;
            display: flex;
            flex-direction: column;
        }

        .zako-grow-img__chevron {
            margin: -20px 0;
            position: static;
            left: auto;
            top: auto;
            z-index: 2;
        }

        .zako-grow-img__chevron img {
            transform: rotate(90deg);
        }

        .zako-grow-img__year {
            margin-top: 12px;
        }

        .zako-grow-img__figure:first-of-type .zako-grow-img__year {
            order: -1;
            margin-top: 0;
            margin-bottom: 12px;
        }
    }
}

.tojezako-stories-bg {
    background: linear-gradient(0deg, #fafbfb, #f6fbfd);
}
#tojezako-stories {
    & {
        padding-top: clamp(35px, calc(72 / 1920 * 100vw), 72px);
        padding-bottom:clamp(60px, calc(144 / 1920 * 100vw), 144px);
    }

    .tojezako-stories__intro {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 40px clamp(24px, calc(237 / 1920 * 100vw), 237px);
        margin-bottom: 103px;
    }

    @media (min-width: 992px) {
        .tojezako-stories__headline {
            flex: 0 1 400px;
            min-width: 400px;
            max-width: 450px;
        }
    }

    @media (min-width: 992px) {
        .tojezako-stories__copy {
            flex: 1 1 620px;
            display: grid;
            gap: 18px;
            min-width: 340px;
            max-width: 703px;
        }
    }

    .tojezako-stories__copy {
        display: grid;
        gap: 18px;
    }

    .tojezako-stories__title {
        margin: 0;
        white-space: normal;
    }

    .tojezako-stories__description {
        margin-bottom: 3px;
        font-size: clamp(15px, calc(19 / 1920 * 100vw), 19px);
    }

    .tojezako-stories__subtitle {
        margin: 0 0 32px 0;
        color: var(--g-color-2);
        font-size: clamp(19px, calc(32 / 1920 * 100vw), 32px);
        font-weight: 800;
        text-align: center;
    }

    .tojezako-stories__arrow {
        display: block;
        width: 26px;
        height: 34px;
        max-width: none;
    }

    .tojezako-stories__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        grid-auto-flow: dense;
        margin-top: clamp(24px, calc(94 / 1920 * 100vw), 94px);
    }

    .tojezako-stories__card {
        margin: 0;
    }

    .tojezako-stories__card--wide {
        grid-column: span 2;
    }

    .tojezako-stories__link {
        display: block;
        color: inherit;
        text-decoration: none;
        height: 100%;
    }

    .tojezako-stories__content {
        display: block;
    }

    .tojezako-stories__media {
        width: 100%;
        overflow: hidden;
        background: #eaf4f9;
        height: 100%;
    }

    .tojezako-stories__card--wide .tojezako-stories__media {
        aspect-ratio: 980 / 630;
    }

    .tojezako-stories__card--narrow .tojezako-stories__media {
        aspect-ratio: 490 / 633;
    }

    .tojezako-stories__image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1);
        transform-origin: center;
        transition: transform 0.35s ease;
    }

    .tojezako-stories__card:hover .tojezako-stories__image,
    .tojezako-stories__card:focus-within .tojezako-stories__image {
        transform: scale(1.04);
    }

    .tojezako-stories__card-title {
        margin-top: 12px;
        color: #004b87;
        font-size: clamp(15px, calc(19 / 1920 * 100vw), 19px);
        font-weight: 700;
        line-height: 1.3;
    }
}

@media (max-width: 991px) {
    #tojezako-stories {

        .tojezako-stories__intro {
            flex-direction: column;
            gap: 24px;
            margin-bottom: 36px;
        }

        .tojezako-stories__headline,
        .tojezako-stories__copy {
            min-width: 0;
            max-width: none;
        }

        .tojezako-stories__description {
            font-size: clamp(14px, calc(16 / 1920 * 100vw), 16px);
        }

        .tojezako-stories__subtitle {
            margin-bottom: 24px;
        }

        .tojezako-stories__arrow {
            width: 13px;
            height: 17px;
        }

        .tojezako-stories__card-title {
            font-size: clamp(14px, calc(16 / 1920 * 100vw), 16px);
        }
    }
}

@media (max-width: 767px) {
    #tojezako-stories {
        .tojezako-stories__grid {
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .tojezako-stories__card--wide {
            grid-column: auto;
        }

        .tojezako-stories__card--wide .tojezako-stories__media,
        .tojezako-stories__card--narrow .tojezako-stories__media {
            aspect-ratio: 16 / 11;
        }
    }
}

#central-body .effects.left-bottom-screw-effect:before {
    width: 32.5%;
}

#experiences {
    & {
        position: relative;
        overflow: hidden;
        padding: 113px 0 259px 0;
        isolation: isolate;
        background: #014376;
    }

    &:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(1, 67, 118, 0.92) 0%, rgba(1, 67, 118, 0.9) 44%, rgba(1, 67, 118, 0.83) 100%);
        z-index: 1;
    }

    .experiences__background {
        position: absolute;
        inset: 0;
        z-index: 0;
    }

    .experiences__background-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .experiences__container {
        position: relative;
        z-index: 2;
    }

    .experiences__header {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 36px 123px;
        margin-bottom: 120px;
    }

    @media (min-width: 992px) {
        .experiences__title {
            flex: 0 1 565px;
            min-width: 350px;
            max-width: 565px;
        }

        .experiences__intro {
            flex: 1 1 620px;
            min-width: 360px;
            max-width: 720px;
        }
    }

    .experiences__title {
        margin: 0;
        color: #ffffff;
    }

    .experiences__title-accent {
        color: #29b8ff;
    }

    .experiences__intro {
        padding-top: 12px;
        color: #ffffff;
        font-size: clamp(15px, calc(19 / 1920 * 100vw), 19px);
    }

    .experiences__intro p {
        margin: 0;
    }

    .experiences__intro p + p {
        margin-top: 30px;
    }

    .experiences__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        align-items: stretch;
    }

    .experiences__card {
        height: 100%;
        padding: clamp(32px, calc(45 / 1920 * 100vw), 45px) clamp(32px, calc(52 / 1920 * 100vw), 52px) clamp(32px, calc(45 / 1920 * 100vw), 45px);
        background: #ffffff;
        display: flex;
        flex-direction: column;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    }

    .experiences__icon-box {
        margin-bottom: 39px;
    }

    .experiences__icon {
        display: block;
        height: clamp(65px, calc(135 / 1920 * 100vw), 135px);
    }

    .experiences__card-title {
        margin: 0 0 12px 0;
        color: var(--g-color-2);
        font-size: clamp(22px, calc(29 / 1920 * 100vw), 29px);
        font-weight: 800;
        line-height: 1.25;
    }

    .experiences__card-text {
        margin: 0;
        font-size: clamp(14px, calc(17 / 1920 * 100vw), 17px);
    }

    @media (max-width: 1399px) {
        & {
            padding: 96px 0 88px 0;
        }

        .experiences__header {
            gap: 32px 56px;
        }

        .experiences__grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
        }
    }

    @media (max-width: 991px) {
        & {
            padding: 80px 0;
        }

        .experiences__header {
            flex-direction: column;
            gap: 28px;
            margin-bottom: 40px;
        }

        .experiences__title,
        .experiences__intro {
            min-width: 0;
            max-width: none;
        }

        .experiences__title {
            font-size: clamp(34px, calc(48 / 768 * 100vw), 48px);
        }

        .experiences__intro {
            font-size: clamp(14px, calc(17 / 1920 * 100vw), 17px);
            line-height: 1.7;
        }

        .experiences__grid {
            grid-template-columns: 1fr;
            gap: 16px;
        }
    }

    @media (max-width: 575px) {
        & {
            padding: 68px 0;
        }

        .experiences__card {
            padding: 24px 20px 22px;
        }

        .experiences__icon-box {
            margin-bottom: 14px;
        }

        .experiences__card-text {
            line-height: 1.6;
        }
    }

    .ruler-bg-container {
        position: absolute;
        width: 100%;
        z-index: 9;
        bottom: clamp(20px, calc(70 / 1920 * 100vw), 70px);
    }
}

#teaser {
    & {
        position: relative;
        overflow: hidden;
        padding: clamp(55px, calc(145 / 1920 * 100vw), 145px) 0 clamp(55px, calc(134 / 1920 * 100vw), 134px) 0;
        isolation: isolate;
        background: #082744;
    }

    &:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(5, 28, 49, 0.96) 0%, rgba(5, 28, 49, 0.9) 38%, rgba(5, 28, 49, 0.72) 100%);
        z-index: 1;
    }

    .teaser__background {
        position: absolute;
        inset: 0;
        z-index: 0;
    }

    .teaser__background-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .teaser__container {
        position: relative;
        z-index: 2;
        max-width: 1110px;
        text-align: center;
        color: #ffffff;
    }

    .teaser__title {
        max-width: 800px;
        margin: 0 auto;
        color: #ffffff;
        font-size: clamp(40px, calc(90 / 1920 * 100vw), 90px);
        line-height: 1;
    }

    .teaser__title-accent {
        color: #1fb6ff;
    }

    .teaser__lead {
        max-width: 980px;
        margin: clamp(32px, calc(52 / 1920 * 100vw), 52px) auto clamp(42px, calc(92 / 1920 * 100vw), 92px);
        color: #ffffff;
        font-size: clamp(24px, calc(55 / 1920 * 100vw), 55px);
        font-weight: 800;
        line-height: 1.12;
    }

    .teaser__text {
        margin: 0 auto;
        color: white;
        font-size: clamp(16px, calc(24 / 1920 * 100vw), 24px);
        line-height: 1.3;
    }

    .teaser__text + .teaser__text {
        margin-top: clamp(24px, calc(32 / 1920 * 100vw), 32px);
    }

    .teaser__text--strong {
        max-width: 977px;
        margin-top: 34px;
    }

    .teaser__text--strong strong {
        font-weight: 800;
    }
}

#lp-30-let-banner {
    position: relative;
    background: #014376ED;
    padding: clamp(50px, calc(90 / 1920 * 100vw), 90px) 0 clamp(10px, calc(40 / 1920 * 100vw), 40px) 0;
}