@import url("https://use.typekit.net/zmc8vly.css");

.section__button{
    font-family: degular-display, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .1ch
}


.layout__line,
.scroll__content,
.scroll__stage,
.scroll__stage.js-mobile,
canvas.webgl {
    top: 0;
    left: 0;
    width: 100%
}

.layout__line,
.scroll__stage,
canvas.webgl {
    position: fixed
}

.scroll__content,
.scroll__stage.js-mobile {
    position: absolute
}

body::-webkit-scrollbar {
    display: none
}

canvas.webgl {
    pointer-events: none;
    mix-blend-mode: screen
}

@media (max-width:64em) {
    canvas.webgl {
        opacity: .7
    }
}

.scroll__stage {
    height: 100vh
}

.scroll__stage.js-mobile {
    height: auto
}

.scroll__stage.js-mobile .scroll__content {
    position: relative
}

.scroll__content {
    will-change: transform
}


.section__title {
    text-align: left;
    text-transform: uppercase;
    opacity: .9
}

@media (max-width:64em) {
    .section__title {
        width: 100%
    }
}

.section__title-number {
    font-size: min(36vw, 24rem)
}

.section__title-text {
    font-size: min(18vw, 12rem);
    padding-left: .1ch
}

.section__title-arrow {
    font-size: min(9vw, 6rem);
    color: #0101ec;
    margin-top: 1ch;
    line-height: 1
}

.section__title-arrow span {
    display: inline-block;
    transform: rotate(90deg)
}

.section__paragraph {
    align-self: flex-end;
    max-width: 20ch;
    font-size: 1.4rem
}

@media (max-width:64em) {
    .section__paragraph {
        font-size: 1.2rem
    }
}



.ani-home {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .ani-home iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body {
    background: #272727;
  }

  canvas.webgl {
    position: fixed;
    pointer-events: none;
    mix-blend-mode: luminosity;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    }