.i-phone-13-mini-16,
.i-phone-13-mini-16 * {
  box-sizing: border-box;
}


.i-phone-13-mini-16 {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  left: 0;
  padding-top: 20vw;
  
}
.text-01 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 7.46vw;
  font-weight: 300;
  position: relative;
  width: 90.40vw;
  height: 14.13vw;  
}
.text-02 {
  color: #000000;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 7.46vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  width: 67.46vw;
  height: 11.73vw;
  margin-top: 10vw;
  z-index: 1;
  
}
.frame-76 {
  display: flex;
  flex-direction: row;
  gap: 1.60vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;margin-top: -10vw;
  
}


    .image-switcher {
      position: relative;
      width: 25.867vw;  /* задайте нужную ширину */
      height: 38.667vw; /* задайте нужную высоту */
      overflow: hidden;
    } 


        .image-switcher::before,
    .image-switcher::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      opacity: 0;
      transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    }

    .image-switcher::before {
      background-image: var(--img1);
      transform: translateY(-20px);
    }

    .image-switcher::after {
      background-image: var(--img2);
      transform: translateY(20px);
    }

    .image-switcher.show-first::before,
    .image-switcher.show-second::after {
      opacity: 1;
      transform: translateY(0);
    }







._2025-11-14-23-40-08-1 {
  flex-shrink: 0;
  width: 40.79vw;
  height: 21.60vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 153/81;margin-top: 10vw;
  
}
._029-cae-3-bad-9423471-fcc-3-aa-722148-fd-9-1 {
  flex-shrink: 0;
  width: 25.86vw;
  height: 38.66vw;
  position: relative;
  object-fit: cover;
}
.text-03 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.66vw;
  line-height: 5.33vw;
  font-weight: 300;
  position: relative;
  width: 500vw;
  margin-top: 5vw;
  
}
.text-04 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
  width: 75.46vw;
  height: 17.33vw;margin-top: 5vw;
  
}
.text-05 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;right: 24vw;
  margin-top: 3vw;
  
}
.text-06 {
  color: #000000;
  text-align: left;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 6.40vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  width: 31.73vw;
  height: 5.60vw;margin-top: 3vw;
  right: 10vw;
  
  
}
._02773-eadeb-27-b-06-b-7-b-8-a-3292-d-24-a-1-a-3-f-1 {
  flex-shrink: 0;
  width: 31.73vw;
  height: 39.20vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 119/147;margin-top: -22vw;
  left: 25vw;
  
  
}
.text-07 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
  width: 37.33vw;
  height: 12.26vw;margin-top: 7vw;
  right: 20vw;
  
  
}
.text-08 {
  color: #000000;
  text-align: left;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 10.66vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  width: 53.06vw;
  height: 4.80vw;margin-top: -5vw;
  left: 15vw;
  
  
}
.text-09 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.46vw;
  line-height: 4.00vw;
  font-weight: 300;
  position: relative;
  width: 62.66vw;margin-top: 10vw;
  right: 10vw;
  
  
}
.frame-77 {
  background: #000000;
  padding: 3.20vw 10.13vw 3.20vw 10.13vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 62.40vw;
  height: 13.06vw;
  position: relative;margin-top: 10vw;
  left: 10vw;
  cursor: pointer;
  
  
  
}
.text-10 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  font-weight: 300;
  position: relative;
}
.text-11 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.73vw;
  font-weight: 300;
  position: relative;
  width: 40.53vw;
  height: 7.19vw;margin-top: 5vw;
  left: 10vw;
  
  
}
.text-12 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 6.93vw;
  font-weight: 300;
  position: relative;
  width: 64.00vw;
  height: 6.93vw;margin-top: 20vw;
  left: 15vw;

  
  
}
.text-13 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 6.93vw;
  font-weight: 300;
  text-transform: lowercase;
  position: relative;
  margin-top: 30vw;right: 8vw;
  z-index: 3;
  
  
}
.text-14 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 6.93vw;
  font-weight: 300;
  text-transform: lowercase;
  position: relative;margin-top: 10vw;
  right: 6vw;
  z-index: 3;
  
  
}
.rectangle-33 {
  background: #ffffff;
  flex-shrink: 0;
  width: 61.33vw;
  height: 7.19vw;
  position: relative;
  margin-top: -30vw;
  z-index: 2;right: 5vw;
  
  
}
.rectangle-40 {
  background: #ffffff;
  flex-shrink: 0;
  width: 64.53vw;
  height: 7.19vw;
  position: relative;margin-top: 9vw;
  z-index: 2;
  right: 2vw;
  
  
}
._02-ff-6-ff-37471-ac-2-c-7426-e-26-e-4-f-7-ac-14-b-0-a-7-f-4-e-4-abea-6-a-78212-ce-059-e-024110-d-1-photoroom-1 {
  flex-shrink: 0;
  width: 51.73vw;
  height: 77.60vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 194/291;margin-top: -52vw;
  left: 40vw;
  
  
}
.text-15 {
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.33vw;
  font-weight: 300;
  position: relative;
  width: 58.40vw;
  height: 16.80vw;margin-top: 20vw;
  z-index: 5;
  
}
.text-15-span {
  color: #000000;
}
.text-15-span2 {
  color: #ffffff;
}
.rectangle-24 {
  flex-shrink: 0;
  width: 41.60vw;
  height: 4.00vw;
  position: relative;
  overflow: visible;margin-top: -5.5vw;
  
}
.arrow-1 {
  flex-shrink: 0;
  width: 4.93vw;
  height: 5.00vw;
  position: relative;
  overflow: visible;
  margin-top: -5vw;
  right: 20.5vw;
  
  
  
}
.group-24 {
  flex-shrink: 0;
  width: 6.14vw;
  height: 5.89vw;
  position: relative;
  overflow: visible;margin-top: 10vw;
  
}
.text-16 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.20vw;
  font-weight: 300;
  position: relative;
  width: 22.13vw;
  height: 3.20vw;margin-top: 2vw;
  
}
.frame-82 {
  display: flex;
  flex-direction: row;
  gap: 14.4vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;margin-top: 20vw;
  
}
.frame-80 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 29.6vw;
  position: relative;
}
._44732-d-2-f-648-ed-58-bac-3107-ae-6-b-301-e-5-c-photoroom-9 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  object-fit: cover;
  z-index: 2;
  height: 60.533vw;
  width: 29.6vw;
}
._2025-11-15-01-36-42-1 {
  border-radius: 2.66vw;
  flex-shrink: 0;
  position: relative;
  object-fit: cover;
  margin-top: -58.9vw;
    width: 27vw;
    height: 57vw;
    object-fit: fill;
  
}
.text-17 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.73vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
  height: 3.73vw;margin-top: 5vw;
  
}
.frame-79 {
  display: flex;
  flex-direction: row;
  gap: 1.60vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;margin-top: 3vw;
  
}
.text-18 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.66vw;
  font-weight: 300;
  position: relative;
  width: 11.73vw;
  height: 2.66vw;
}
.arrow-12 {
  width: 5.60vw;
  height: 2.00vw;
}
.frame-81 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 41.33vw;
  position: relative;
}
.text-19 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.73vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
  height: 3.73vw;
}
.text-20 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.66vw;
  font-weight: 300;
  position: relative;
  width: 11.73vw;
  height: 2.66vw;
}
.arrow-122 {
  flex-shrink: 0;
  width: 5.60vw;
  height: 0.00vw;
  position: relative;
  overflow: visible;
}
.frame-78 {
  background: #000000;
  padding: 3.46vw 5.06vw 3.46vw 5.06vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 62.40vw;
  height: 13.60vw;
  position: relative;margin-top: 15vw;
  cursor: pointer;
  
}
.text-21 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  font-weight: 300;
  position: relative;
}
._3583-f-6-a-450791279-c-86-b-5-a-72-a-4725-d-57-1 {
  border-radius: 8.79vw;
  flex-shrink: 0;
  width: 108.26vw;
  height: 73.59vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 276/406;margin-top: 20vw;
  
}
.text-22 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
  width: 69.86vw;margin-top: -20vw;
  
}
.frame-83 {
  background: rgba(217, 217, 217, 0);
  border-radius: 9.86vw;
  border-style: solid;
  border-color: #575434;
  border-width: 0.26vw;
  padding: 2.13vw 1.06vw 2.13vw 1.06vw;
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 95.46vw;
  height: 34.40vw;
  position: relative;margin-top: 7vw;
  
}
.text-23 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
  width: 70.39vw;
  height: 13.06vw;
}
.text-24 {
  color: #000000;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 5.33vw;
  letter-spacing: 0.12em;
  font-weight: 400;
  position: relative;
  width: 69.06vw;
  height: 13.60vw;left: 12vw;
  
}
.frame-89 {
  display: flex;
  flex-direction: row;
  gap: 4.80vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;margin-top: 5vw;
  
}
.frame-88 {
  display: flex;
  flex-direction: column;
  gap: 3.20vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 42.66vw;
  position: relative;
}
.frame-84 {
  padding: 3.73vw 3.20vw 3.73vw 3.20vw;
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 20.80vw;
  position: relative;
}
.group-22 {
  flex-shrink: 0;
  width: 42.66vw;
  height: 20.80vw;
  position: static;
}
.rectangle-31 {
  background: #ffffff;
  border-radius: 5.33vw;
  border-style: solid;
  border-color: #5b5736;
  border-width: 0.26vw;
  width: 42.66vw;
  height: 20.80vw;
  position: absolute;
  left: 0.00vw;
  top: 0.00vw;
}
.text-25 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  width: 14.39vw;
  height: 6.93vw;
}
.text-26 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.13vw;
  font-weight: 300;
  position: relative;
  width: 32.21vw;
  height: 5.73vw;
}
.frame-87 {
  background: #ffffff;
  border-radius: 5.33vw;
  border-style: solid;
  border-color: #5b5736;
  border-width: 0.26vw;
  padding: 3.46vw 4.00vw 3.46vw 4.00vw;
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 20.80vw;
  position: relative;
}
.frame-86 {
  display: flex;
  flex-direction: row;
  gap: 1.86vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text-27 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  width: 4.35vw;
  height: 6.81vw;
}
.frame-85 {
  display: flex;
  flex-direction: row;
  gap: 0.53vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.text-28 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.13vw;
  font-weight: 300;
  position: relative;
  width: 32.21vw;
  height: 5.73vw;
}
._62-b-2-ddb-9988486-bec-1-c-6-da-1264-fca-0-b-4-1 {
  border-radius: 8.00vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0.26vw;
  flex-shrink: 0;
  width: 41.33vw;
  height: 50.40vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 155/189;
}
.text-29 {
  color: #363636;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.53vw;
  font-weight: 300;
  position: relative;
  width: 72.53vw;
  height: 7.73vw;margin-top: 10vw;
  left: 10vw;
  
  
}
.text-30 {
  color: #000000;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 8.53vw;
  letter-spacing: 0.09em;
  font-weight: 400;
  position: relative;
  height: 6.13vw;margin-top: 5vw;
  left: 10vw;
  
  
}
.text-31 {
  color: #363636;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.53vw;
  font-weight: 300;
  position: relative;
  width: 72.53vw;
  height: 16.80vw;margin-top: 4vw;
  left: 10vw;
  
  
}
.frame-90 {
  background: #000000;
  padding: 2.66vw 2.33vw 2.66vw 2.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 50.66vw;
  height: 9.33vw;
  position: relative;margin-top: 5vw;
  
}
.text-32 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.73vw;
  font-weight: 300;
  position: relative;
}
.frame-91 {
  background: #000000;
  padding: 2.66vw 5.06vw 2.66vw 5.06vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 50.93vw;
  height: 9.33vw;
  position: relative;
}
.text-33 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.73vw;
  font-weight: 300;
  position: relative;
}
.frame-92 {
  background: #808080;
  padding: 0.0 5.06vw 0.0 5.06vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 62.40vw;
  height: 13.60vw;
  position: relative;
}
.text-34 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  font-weight: 300;
  position: relative;
}
.frame-93 {
  background: #1e1e1e;
  display: flex;
  flex-direction: column;
  gap: 1.60vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 17vw;
  width: 100vw;
  
}
.text-35 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 5.33vw;
  font-weight: 300;
  position: relative;
  margin-top: 10vw;
  
}
.text-36 {
  color: #ffffff;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 3.73vw;
  letter-spacing: 0.11em;
  font-weight: 400;
  position: relative;
  width: 48.80vw;
}
._57-d-193-c-852-fd-1-cb-92-b-11-bca-688-a-1-ea-68-photoroom-1 {
  flex-shrink: 0;
  width: 15.20vw;
  height: 15.20vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.text-37-16 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.13vw;
  font-weight: 300;
  position: relative;
  width: 98.40vw;
  height: 10.40vw;
  margin-bottom: 20vw
}

.text-37-16-span2 {
  text-decoration: underline;
}







.frame-95 {
  background: #f2eee9;
  border-radius: 11.733vw;
  border-style: solid;
  border-color: #363636;
  border-width: 0.267vw;
  padding: 13.067vw 3.2vw 13.067vw 3.2vw;
  display: flex;
  flex-direction: column;
  gap: 5.467vw;
  align-items: flex-start;
  justify-content: flex-start;
  width: 70.4vw;
  height: 83.467vw;
  position: relative;
}
.frame-94 {
  padding: 0vw 0vw 0vw 2.667vw;
  display: flex;
  flex-direction: row;
  gap: 20vw;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.c-1-f-1-c-959-e-32-c-97-f-47-b-1-dfe-88-ee-6082-a-1-1 {
  flex-shrink: 0;
  width: 27.467vw;
  height: 41.333vw;
  position: relative;
  object-fit: cover;
}
.text-0000001 {
  color: #000000;
  text-align: left;
  font-family: "DaysOne-Regular", sans-serif;
  font-size: 6.4vw;
  font-weight: 800;
  position: relative;
}
.text-514664465 {
  color: #000000;
  text-align: left;
  font-family: "DaysOne-Regular", sans-serif;
  font-size: 3.733vw;
  line-height: 5.333vw;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}


    .swiper {
      width: 100vw;
      margin-top: 10vw;
      
    }



.swiper-wrapper {
  padding-left: 3vw;
}


.accordion-container {
  width: 97.86vw;
  margin-top: 7vw;
  
}

.accordion-item {
  gap: 2vw;
}

.accordion-header {
  cursor: pointer;
  font-family: "ProximaNova-Light", sans-serif;
  display: flex;
  justify-content: flex-end;
  width: 90vw;
  align-items: center;
  gap: 7vw;
  
}

.header-text {
  color: #000000;
  font-size: 8.53vw;
  font-weight: 300;
}

.header-icon {
  width: 5.33vw;
  height: 5.56vw;
  transition: 0.4s ease-out;
}


.header-icon.open{
  rotate: 180deg;
}
.accordion-content {
  background: #f3f3f3;
  padding: 0vw 1.06vw;
  width: 80vw;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out, padding 0.4s ease-out;
    margin-left: 10vw;
    

}

.accordion-content.open {
  max-height: 133.333vw;
  padding-top: 4vw;
  padding-bottom: 4vw;
  margin-top: 4vw;
  margin-bottom: 2vw;
  
}

.content-text {
  margin: 0;
  color: #363636;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  line-height: 1.6;
}

.divider {
  width: 100%;
  border-top: 0.26vw solid #000000;
  margin-top: -0.26vw;
}


    .text-marquee {
      width: 100%;
      overflow: hidden;
      padding: 2.667vw 0;
      position: relative;
      height: 20vw;
    }

    .marquee-content {
      display: inline-block;
      white-space: nowrap;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-family: Arial, sans-serif;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.66vw;
      /* Создаём дублированный текст для плавного цикла */
      content: attr(data-text) "   " attr(data-text) "   " attr(data-text);
    }

    /* Анимация движения */
    @keyframes marquee {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-100%);
      }
    }


    .reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: 
    opacity 1s ease-out,
    transform 1s ease-out;
  will-change: opacity, transform;
}

.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}