.net14 {
    background: #f5f5f5;
    font-family: 'Maven Pro', Arial, sans-serif;
    padding: 40px 20px 96px;
}

.net14-container {
    max-width: 1520px;
    margin: 0 auto;
    container-type: inline-size;
}

.net14-card {
    position: relative;
    display: block;
    margin: 0 0 21px;
}

.net14-card img {
    display: block;
    width: 100%;
    height: auto;
}

a.net14-card {
    transition: opacity .2s ease;
}

a.net14-card:hover {
    opacity: .92;
}

.net14-card-text {
    position: absolute;
    bottom: 23.9%;
    display: block;
    color: #fff;
}

.net14-card-text--left {
    left: 12.71%;
}

.net14-card-text--right {
    left: 53.82%;
}

.net14-card-title {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 58px;
    font-size: 3.82cqw;
    line-height: 1.12;
    max-width: 40cqw;
}

.net14-card-copy {
    display: block;
    margin-top: 20px;
    margin-top: 1.32cqw;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.12cqw;
    line-height: 1.35;
    max-width: 465px;
    max-width: 30.6cqw;
}

.net14-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    margin-top: 2.3cqw;
    width: 192px;
    width: 12.63cqw;
    height: 53px;
    height: 3.49cqw;
    border-radius: 999px;
    background: #fff;
    color: #1d1d1b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 16px;
    font-size: 1.05cqw;
    transition: background .2s ease, color .2s ease;
}

a.net14-card:hover .net14-btn {
    background: #1d1d1b;
    color: #fff;
}

.net14-card--cmc .net14-btn {
    background: #1d1d1b;
    color: #fff;
}

a.net14-card--cmc:hover .net14-btn {
    background: #fff;
    color: #1d1d1b;
}

.net14-card--nagradna .net14-nagradna-top {
    position: absolute;
    top: 13.8%;
    left: 12.9%;
    color: #fff;
    font-family: 'AkkoPro', 'Maven Pro', Arial, sans-serif;
    font-weight: 600;
}

.net14-nagradna-big {
    display: block;
    text-transform: uppercase;
    font-size: 67px;
    font-size: 4.41cqw;
    line-height: 1;
}

.net14-nagradna-sub {
    display: block;
    margin-top: 6px;
    margin-top: .4cqw;
    font-size: 46px;
    font-size: 3.03cqw;
    line-height: 1;
}

.net14-card--nagradna .net14-nagradna-bottom {
    position: absolute;
    bottom: 11.5%;
    left: 12.78%;
    color: #fff;
    font-family: 'AkkoPro', 'Maven Pro', Arial, sans-serif;
    font-weight: 600;
}

.net14-nagradna-note {
    display: block;
    font-size: 16px;
    font-size: 1.05cqw;
    line-height: 1.2;
}

.net14-nagradna-prize {
    display: block;
    margin-top: 8px;
    margin-top: .53cqw;
    font-size: 26px;
    font-size: 1.71cqw;
    line-height: 1.19;
}

.net14-text {
    max-width: 1116px;
    margin: 26px auto 32px;
    color: #1d1d1b;
    font-size: clamp(13px, 1vw, 20px);
    line-height: 1.3;
}

.net14-text p {
    margin: 0 0 1.17em;
}

.net14-text p:last-child {
    margin-bottom: 0;
}

.net14-closing {
    margin: 32px auto 0;
}

@media (prefers-reduced-motion: no-preference) {

    .net14-anim .net14-card,
    .net14-anim .net14-text {
        opacity: 0;
        transform: translateY(42px);
        transition: opacity .7s ease, transform .75s cubic-bezier(.22, .61, .36, 1);
    }

    .net14-anim .net14-card.in-view,
    .net14-anim .net14-text.in-view {
        opacity: 1;
        transform: none;
    }

    .net14-anim .net14-card--hero {
        transform: scale(1.035);
        filter: blur(12px);
        transition: opacity .9s ease, transform 1.1s cubic-bezier(.22, .61, .36, 1), filter .9s ease;
    }

    .net14-anim .net14-card--hero.in-view {
        transform: none;
        filter: blur(0);
    }

    .net14-anim .net14-card-title,
    .net14-anim .net14-card-copy,
    .net14-anim .net14-btn,
    .net14-anim .net14-nagradna-top,
    .net14-anim .net14-nagradna-bottom {
        opacity: 0;
        transform: translateY(26px);
        transition: opacity .6s ease, transform .6s cubic-bezier(.22, .61, .36, 1);
    }

    .net14-anim .net14-card.in-view .net14-card-title,
    .net14-anim .net14-card.in-view .net14-nagradna-top {
        opacity: 1;
        transform: none;
        transition-delay: .25s;
    }

    .net14-anim .net14-card.in-view .net14-card-copy,
    .net14-anim .net14-card.in-view .net14-nagradna-bottom {
        opacity: 1;
        transform: none;
        transition-delay: .4s;
    }

    .net14-anim .net14-card.in-view .net14-btn {
        opacity: 1;
        transform: none;
        transition: opacity .6s ease .55s, transform .6s cubic-bezier(.22, .61, .36, 1) .55s, background .2s ease, color .2s ease;
    }
}