@charset "UTF-8";

@keyframes new-strict__animation-circle {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes new-strict__unique-animation__items_moving-x {
    0% {
        transform: translateX(0);
        opacity: 0
    }

    .25%,
    99.75% {
        opacity: 1
    }

    to {
        transform: translateX(-29000px);
        opacity: 0
    }
}

@keyframes new-strict__unique-animation__id-1000 {
    0% {
        transform: translateY(-35vh);
        opacity: 0
    }

    3%,
    50% {
        transform: translateY(0);
        opacity: 1
    }

    50.001%,
    to {
        opacity: 0
    }
}

@keyframes new-strict__unique-animation__id-1000_addition {

    0%,
    46%,
    to {
        opacity: 1
    }

    47%,
    99.99% {
        opacity: 0
    }
}

@keyframes new-strict__unique-animation__id-1000_slide-13 {
    0% {
        transform: translateY(-35vh);
        opacity: 0
    }

    4%,
    48% {
        transform: translateY(0);
        opacity: 1
    }

    52%,
    to {
        opacity: 0
    }
}

@keyframes new-strict__credits-icon {
    0% {
        transform: scale(1)
    }

    8% {
        transform: scale(.7);
        opacity: 1
    }

    80% {
        transform: scale(5);
        opacity: 0
    }

    82% {
        transform: scale(0);
        opacity: 0
    }

    90%,
    to {
        transform: scale(1);
        opacity: 95
    }
}

@keyframes new-strict__underlay-image-2 {

    0%,
    55%,
    to {
        opacity: 0
    }

    10%,
    45% {
        opacity: 1
    }

    0% {
        transform: scale(1) rotate(0)
    }

    67% {
        transform: scale(1.1) rotate(3deg)
    }
}

@keyframes new-strict__underlay-image-3 {

    0%,
    38%,
    to {
        opacity: 0
    }

    32%,
    4% {
        opacity: 1
    }

    0% {
        transform: scale(1) rotate(0)
    }

    40% {
        transform: scale(1.1) rotate(3deg)
    }
}

@keyframes new-strict__image_effect-1 {

    0%,
    to {
        transform: translate(0, 0)
    }

    25% {
        transform: translate(100%, 0)
    }

    50% {
        transform: translate(100%, 100%)
    }

    75% {
        transform: translate(0, 100%)
    }
}

@keyframes new-strict__image_effect-2 {

    0%,
    to {
        transform: translate(0, 0)
    }

    25% {
        transform: translate(-100%, 0)
    }

    50% {
        transform: translate(-100%, -100%)
    }

    75% {
        transform: translate(0, -100%)
    }
}

.new-strict {
    --changeable-color-01: var(--black);
    --changeable-color-02: var(--white);
    --changeable-color-03: var(--white_alpha-30);
    --changeable-color-04: var(--white_alpha-60);
    --max-width-wrapper: 1400px
}

.new-strict_style-white {
    --changeable-color-01: #f5f5f7;
    --changeable-color-02: #1d1d1f;
    --changeable-color-03: var(--black_alpha-30);
    --changeable-color-04: var(--changeable-color-02)
}

.new-strict_style-white .new-strict__image img {
    background-color: transparent
}

.new-strict_wrapper-1200 {
    --max-width-wrapper: 1200px
}

.new-strict .wrapper {
    max-width: var(--max-width-wrapper)
}

.new-strict .longread-section {
    position: relative;
    z-index: 2
}

.new-strict .longread-section::after {
    content: "";
    display: block;
    position: absolute;
    height: var(--g-150);
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, var(--changeable-color-01), transparent)
}

.new-strict .longread-section:not(#header) {
    background: var(--changeable-color-01)
}

.new-strict .longread-section:last-of-type::after {
    content: unset
}

.new-strict .link::after {
    content: "›";
    display: inline-block;
    vertical-align: top;
    font-size: 130%;
    line-height: .8;
    transition: .15s var(--timing-function_default);
    will-change: transform
}

.new-strict .link:hover,
.new-strict .link:hover::after {
    transform: translateX(4px)
}

.new-strict__backdrop {
    position: fixed;
    background: var(--changeable-color-01);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1
}

.new-strict__backdrop .delay-01 {
    animation-delay: 2s !important
}

.new-strict__backdrop .delay-02 {
    animation-delay: 4s !important
}

.new-strict__backdrop .delay-03 {
    animation-delay: 6s !important
}

.new-strict__backdrop .delay-04 {
    animation-delay: 8s !important
}

.new-strict__backdrop .delay-05 {
    animation-delay: 10s !important
}

.new-strict__backdrop .delay-06 {
    animation-delay: 12s !important
}

.new-strict__backdrop .delay-07 {
    animation-delay: 14s !important
}

.new-strict__backdrop .delay-08 {
    animation-delay: 16s !important
}

.new-strict__backdrop .delay-09 {
    animation-delay: 18s !important
}

.new-strict__logo {
    position: relative
}

.new-strict__logo-rays {
    display: grid;
    justify-content: center;
    align-content: center;
    position: absolute;
    width: 1px;
    height: 1px;
    top: 50%;
    left: 50%
}

.new-strict__logo-rays img {
    width: 100vw;
    height: 100vw;
    opacity: .3;
    transform-origin: center;
    animation: new-strict__animation-circle 50s linear infinite
}

.new-strict__unique-animation__circle {
    --animation-duration: 3s;
    animation: new-strict__animation-circle 3s linear infinite
}

.new-strict__unique-animation__items {
    image-rendering: pixelated;
    box-shadow: 0 15px 35px var(--black_alpha-50)
}

.new-strict__unique-animation__items_moving-x {
    background-repeat: repeat;
    background-size: auto 100%;
    image-rendering: pixelated;
    width: 30000px;
    height: var(--img-item-size, calc(var(--g-50) * 1.6));
    animation: new-strict__unique-animation__items_moving-x 200s linear infinite;
    will-change: transform, opacity;
    transform-origin: center
}

.new-strict__unique-animation__items_moving-x:not(:first-of-type) {
    margin-top: var(--g-20)
}

.new-strict__unique-animation__items_moving-x:nth-child(2) {
    animation-duration: 190s
}

.new-strict__unique-animation__items_moving-x:nth-child(3) {
    animation-duration: 300s
}

.new-strict__unique-animation__items_moving-reverse {
    animation-direction: reverse
}

.new-strict__unique-animation__items_moving-size-large {
    --img-item-size: calc(var(--g-50) * 2.4)
}

.new-strict__unique-animation__id-1000 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--g-100)*11.5);
    opacity: 0;
    animation: new-strict__unique-animation__id-1000 15s linear infinite !important;
    will-change: opacity, transform
}

.new-strict__unique-animation__id-1000__background {
    display: inline-block;
    position: relative;
    width: calc(var(--g-100)*11.5);
    margin-right: auto;
    margin-left: auto
}

.new-strict__unique-animation__id-1000_addition {
    animation: new-strict__unique-animation__id-1000_addition 15s linear infinite !important;
    will-change: opacity, transform
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(1) {
    animation-delay: .5s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(2) {
    animation-delay: 1s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(3) {
    animation-delay: 1.5s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(4) {
    animation-delay: 2s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(5) {
    animation-delay: 2.5s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(6) {
    animation-delay: 3s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(7) {
    animation-delay: 3.5s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(8) {
    animation-delay: 4s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(9) {
    animation-delay: 4.5s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(10) {
    animation-delay: 5s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(11) {
    animation-delay: 5.5s !important
}

.new-strict__unique-animation__id-1000_slide:nth-of-type(12) {
    animation-delay: 6s !important
}

.new-strict__unique-animation__id-1000_slide-13 {
    animation: new-strict__unique-animation__id-1000_slide-13 15s linear infinite !important;
    animation-delay: 6.9s !important
}

@media (min-width:1200px) {
    .new-strict__unique-grid__id-1000 img {
        margin: calc(-1*var(--g-15)) !important
    }

    .new-strict__unique-grid__id-1000 img:nth-child(even) {
        position: relative;
        top: calc(-1*var(--g-50))
    }

    .new-strict__unique-grid__id-1000 img:nth-child(odd) {
        position: relative;
        top: var(--g-25)
    }
}

.new-strict__chapter {
    border-radius: var(--g-75);
    padding: var(--g-150)0;
    margin-top: var(--g-150)
}

.new-strict__chapter_style-white {
    background: var(--white)
}

.new-strict__chapter_style-black {
    background: var(--black)
}

.new-strict__chapter_alt {
    border-radius: var(--g-75) var(--g-75)0 0
}

.new-strict__separator {
    position: relative;
    background: linear-gradient(to top, var(--changeable-color-01), transparent, var(--changeable-color-01));
    padding: var(--g-150)0;
    min-height: calc(var(--g-50)*15);
    z-index: 2
}

.new-strict__section-heading {
    font-family: "Unbounded", "Montserrat", "sans-serif";
    font-weight: 800;
    font-size: var(--size-96);
    color: var(--changeable-color-02);
    padding: var(--g-75)
}

.new-strict__section-heading:hover .new-strict__section-heading__link {
    opacity: .15
}

.new-strict__section-heading__link {
    display: inline-block;
    opacity: 0;
    transform: scale(1);
    transition: all .15s var(--timing-function_default)
}

.new-strict__section-heading__link img {
    width: var(--g-100)
}

.new-strict__section-heading__link:hover {
    opacity: .5 !important;
    transform: scale(1.1)
}

.new-strict__section-heading__link:active {
    opacity: .3 !important;
    transform: scale(.9)
}

.new-strict__credits h2 {
    font-weight: 500 !important
}

.new-strict__credits-icon {
    animation: 4s new-strict__credits-icon infinite linear
}

.new-strict__card {
    border: 4px solid var(--white_alpha-20);
    border-radius: var(--g-25);
    padding: var(--g-75);
    height: 100%
}

.new-strict__card:not(:first-of-type) {
    margin-top: var(--g-50)
}

.new-strict__card_style-neopolimorf {
    --color-1: var(--white_alpha-5);
    --color-2: var(--white_alpha-5);
    border-color: transparent;
    background: linear-gradient(90deg, var(--color-1), transparent, var(--color-2))
}

.new-strict__card_style-orange {
    --color-1: var(--orange-400_alpha-10);
    --color-2: var(--red-600_alpha-10)
}

.new-strict__card_style-green {
    --color-1: var(--green-550_alpha-10);
    --color-2: var(--green-550_alpha-10)
}

.new-strict__card_style-violet {
    --color-1: var(--purple-300_alpha-10);
    --color-2: var(--purple-700_alpha-10)
}

.new-strict__card_style-gold {
    --color-1: var(--orange-400_alpha-10);
    --color-2: var(--orange-400_alpha-10)
}

.new-strict__card_style-black {
    background: linear-gradient(90deg, var(--black_alpha-80), var(--black_alpha-50), var(--black_alpha-80));
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px)
}

.new-strict__card_style-white {
    border: unset;
    background: var(--white)
}

.new-strict__card_style-light-green {
    border: unset;
    background: #f5fce8
}

.new-strict__card_style-light-red {
    border: unset;
    background: #fff6f4
}

.new-strict__card_style-light-blue {
    border: unset;
    background: #f0fbff
}

.new-strict__card_style-light-orange {
    border: unset;
    background: #fcfae8
}

.new-strict__card_style-light-violet {
    border: unset;
    background: #f5f5ff
}

.new-strict__card_style-transparent {
    border-color: transparent;
    background: 0 0
}

.new-strict__card-subheading {
    font-size: var(--size-32);
    font-weight: 600;
    color: var(--changeable-color-04)
}

.new-strict__card-heading {
    font-size: var(--size-48);
    font-weight: 600;
    color: var(--changeable-color-02);
    margin-top: var(--g-10)
}

.new-strict__card-paragraph {
    font-size: var(--size-20);
    font-weight: 500;
    color: var(--changeable-color-03);
    margin-top: var(--g-10)
}

.new-strict__card-underlay {
    position: relative;
    border-radius: var(--g-25);
    height: 100%;
    overflow: hidden
}

.new-strict__card-underlay__content {
    position: relative;
    z-index: 1
}

.new-strict__card-underlay__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    transform-origin: center;
    will-change: transform, opacity;
    perspective: 500px
}

.new-strict__card-underlay__image[class*=new-strict__underlay-image_animate] {
    top: -100%;
    height: 300%
}

.new-strict__card-underlay__image_animate-2 {
    animation: new-strict__underlay-image-2 6s linear infinite both
}

.new-strict__card-underlay__image_animate-3 {
    animation: new-strict__underlay-image-3 9s linear infinite both
}

.new-strict__card-underlay__image:nth-of-type(2) {
    animation-delay: 3s
}

.new-strict__card-underlay__image:nth-of-type(3) {
    animation-delay: 6s
}

.new-strict__card__feature-point {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: var(--g-15);
    font-size: var(--size-32);
    font-weight: 500;
    color: var(--white_alpha-40)
}

.new-strict__card__feature-point span {
    font-weight: 600
}

.new-strict__image {
    --color-1: transparent;
    --color-2: transparent;
    position: relative;
    width: 100%;
    max-width: 1800px;
    margin-right: auto;
    margin-left: auto
}

.new-strict__image_effect-double::after,
.new-strict__image_effect-double::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background-color: var(--default-color);
    width: 50%;
    height: 75%;
    opacity: .5;
    filter: blur(250px);
    will-change: transform, opacity, filter;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
    transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.new-strict__image_effect-double::before {
    --default-color: var(--color-1);
    top: 0;
    left: 0;
    animation: 5s new-strict__image_effect-1 infinite ease-in-out
}

.new-strict__image_effect-double::after {
    --default-color: var(--color-2);
    bottom: 0;
    right: 0;
    animation: 6s new-strict__image_effect-2 infinite ease-in-out
}

.new-strict__image_style-pink {
    --color-1: #FFA1B3;
    --color-2: #D601E9
}

.new-strict__image_style-violet {
    --color-1: #FF55FF;
    --color-2: #6D2FC3
}

.new-strict__image_style-cyan {
    --color-1: #54C7CB;
    --color-2: #085F5F
}

.new-strict__image_style-blue {
    --color-1: #55FFFF;
    --color-2: #0077FF
}

.new-strict__image_style-orange {
    --color-1: #FFA42A;
    --color-2: #FF3600
}

.new-strict__image_style-gold {
    --color-1: #FAFF00;
    --color-2: #FFA42A
}

.new-strict__image img {
    display: block;
    position: relative;
    border-radius: var(--g-25);
    background-color: #000;
    width: 100%;
    object-fit: cover;
    z-index: 1
}

@media (max-width:560px) {
    * {
        animation: unset !important
    }
}