@font-face {
  font-family: als_sirius_pro_regular;
  src:
    url('assets/fonts/ALSSiriusPro-Regular.woff'),
    url('assets/fonts/ALSSiriusPro-Regular.woff2');
}

@font-face {
  font-family: als_sirius_pro_bold;
  src:
    url('assets/fonts/ALSSiriusPro-Bold.woff'),
    url('assets/fonts/ALSSiriusPro-Bold.woff2');
}


.als-text-title h1 {
  font-family: als_sirius_pro_regular;
  font-size: 42px;
  line-height: 1.1;
  color: #3B424D;
}

.announce {
  font-size: 24px;
}

.announce__text {
  font-family: als_sirius_pro_regular;
}
.announce__text.video {
  max-width: 1300px;
}

.announce__text h3,
.announce__text .h3 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 22px;
}

.announce__text {
  font-size: 28px;
  line-height: 1.5;
}

.announce__text a {
  color: #272E39;
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 4px;
  text-decoration-color: #D1E020;
  text-decoration-skip-ink: none;
  touch-action: manipulation;
  border: none;

  &:hover {
    color: #D1E020;
  }
}

.anons-page,
.announce{
  color: #000000;
  background-color: #F8F1EA;
}

.announce__text.text-block {
  max-width: 600px;
}

.text-block-note {
  display: flex;
  gap: 11px;
}

.text-block-note .muted {
  opacity: 0.6;
  margin-bottom: 4em;
}

.text-block-note svg {
  margin-top: 11px;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  opacity: 0.6;
}

.photogallery3d-book-note {
  margin-top: -80px;
}

.kerranova-wrapper {
  padding: 60px 0;
}

.kerranova-wrapper.main { background-color: #E6DAD0; }
.kerranova-wrapper.materials { background-color: #F9F5F3; }
.kerranova-wrapper.collection { background-color: #fbf5f0; }
.kerranova-wrapper.articles {
  background-color: #E6DAD0;
  padding-bottom: 30px;
}
.kerranova-wrapper.ready { background-color: #3B424D; }
.kerranova-wrapper.faces { padding-top: 0; padding-bottom: 0; }

.kerranova-wrapper.hidden,
.kerranova-wrapper.hidden2,
.credits.with-days,
.credits.with-days a {
  color: #F3EBE4;
  border-color: #F3EBE4;
}

.kerranova-wrapper.hidden {
  background-color: #3C414C;
}

.kerranova-wrapper.hidden2,
.credits.with-days {
  background-color: #444B5A;
}

.kerranova-app-block-with-image__bg {
  width: 100%;
  height: auto;
}

.kerranova-product-advantages {
  position: relative;
}

.kerranova-product-advantages .announce__text.image {
  max-width: 1440px;
}

.kerranova-product-advantages-content {
  position: absolute;
  inset: 0 0 0 0;
}

.kerranova-product-advantages-content .announce__text {
  position: relative;
  height: 100%;
}

.kerranova_addons-wrapper {
  position: relative;
  overflow: hidden;
}

.kerranova_addons-video {
  transform: scale(1.05);
}

.kerranova_cover-video-wrapper {
  overflow: hidden;
}

.kerranova_cover-video {
  transform: scale(1.1);
}

.kerranova_ready-video {
  border-radius: 20px;
  corner-shape: squircle;
}

.kerranova-product-advantages-text {
  position: absolute;
  right: 0;
}

.kerranova-product-advantages-text.top {
  top: 40px;
  width: 400px;
}
.kerranova-product-advantages-text.bottom {
  bottom: 20px;
  width: 400px;
}

.photogallery3d-book-wrapper {
  position: relative;
  overflow: hidden;
}

.photogallery3d-book.ready {
  transform: scale(1.1);
}

@media (max-width: 1200px) {
  .kerranova-product-advantages-text.top,
  .kerranova-product-advantages-text.bottom {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .kerranova-product-advantages-text.top {
    top: 60px;
  }
  .kerranova-product-advantages-text.bottom {
    bottom: 140px;
  }

  .photogallery3d-book-note {
    margin-top: -20px;
  }
}

@media (max-width: 750px) {
  .kerranova-product-advantages-text.top,
  .kerranova-product-advantages-text.bottom {
    transform: unset;
    left: unset;
    width: auto;
  }

  .kerranova-wrapper.faces {
    margin-top: -250px;
  }


  .kerranova-wrapper {
    padding: 20px 0 20px;
  }

  .text-block-note .muted {
    margin-bottom: 3em;
  }

  .kerranova-product-advantages-text.bottom {
    bottom: 260px;
  }
}

@media (min-width: 750px) {
  .als-text-title h1 {
    font-size: 84px;
  }

  .announce {
    font-size: 30px;
  }

  .announce__text h3,
  .announce__text .h3 {
    font-size: 50px;
  }
}

@media (max-width: 576px) {
  .announce__text {
    font-size: 20px;
  }

  .kerranova-wrapper.faces {
    margin-top: -350px;
  }

  .kerranova-product-advantages-text.bottom {
    bottom: 360px;
  }
}