/* Font */
@import url("https://fonts.googleapis.com/css2?family=Gloock&family=Petrona:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Petrona:ital,wght@0,100..900;1,100..900&display=swap");
/* CMS */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}

/* Blanco*/
/* Gris */
/* Negro */
/* Ocre */
/* Rojo */
/* Azul */
/* Azul oscuro */
/* Rosa */
/* Variables MagasIN */
:root {
  --color-primary: #000000;
  --color-secondary: #0a0e19;
  --color-ternary: #a4acb5;
  --color-background: #fafafa;
  --color-background-modal: rgba(0, 0, 0, 0.5);
  --color-primary-modal: #fafafa;
  --color-primary-caption: #9b9b9b #000000;
  --color-separators: #000000;
}

.theme-switch.dark {
  --color-primary: #fafafa;
  --color-secondary: #9370db;
  --color-ternary: #303b54;
  --color-background: #020a21;
  --color-background-modal: rgba(255, 255, 255, 0.5);
  --color-primary-modal: #020a21;
  --color-primary-caption: rgba(255, 255, 255, 0.8);
  --color-separators: #9370db;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

[data-inviewport=scale-in] {
  transition: 2s;
  transform: translate(0px, -50px);
  opacity: 0;
}

[data-inviewport=scale-in].is-inViewport {
  transform: translate(0px, 0px);
  opacity: 1;
}

[data-inviewport=scale-in-lateral] {
  transition: 2s;
  transform: translate(-50px, 0px);
  opacity: 0;
}

[data-inviewport=scale-in-lateral].is-inViewport {
  transform: translate(0px, 0px);
  opacity: 1;
}

[data-inviewport=scale-in-lateral-right] {
  transition: 2s;
  transform: translate(50px, 0px);
  opacity: 0;
}

[data-inviewport=scale-in-lateral-right].is-inViewport {
  transform: translate(0px, 0px);
  opacity: 1;
}

[data-inviewport=opacity] {
  transition: 3s;
  opacity: 0;
}

[data-inviewport=opacity].is-inViewport {
  opacity: 1;
}

[data-inviewport=opacity-1] {
  transition: 1.2s;
  transition-timing-function: ease;
  opacity: 0;
  transform: translateY(20px);
}

[data-inviewport=opacity-1].is-inViewport {
  opacity: 1;
  transform: translateY(0px);
}

[data-inviewport=opacity-2] {
  transition: 1.8s;
  transition-timing-function: ease;
  opacity: 0;
  transform: translateY(20px);
}

[data-inviewport=opacity-2].is-inViewport {
  opacity: 1;
  transform: translateY(0px);
}

[data-inviewport=opacity-3] {
  transition: 2s;
  transition-timing-function: ease;
  opacity: 0;
  transform: translateY(20px);
}

[data-inviewport=opacity-3].is-inViewport {
  opacity: 1;
  transform: translateY(0px);
}

[data-inviewport=fade-rotate] {
  transition: 2s;
  opacity: 0;
}

[data-inviewport=fade-rotate].is-inViewport {
  transform: rotate(180deg);
  opacity: 1;
}

.mod {
  display: none;
}

html,
body,
.theme-switch {
  font-size: 17px;
  background-color: var(--color-background);
}
html h1,
body h1,
.theme-switch h1 {
  font-size: 3em;
  font-family: "Gloock", serif;
  color: var(--color-primary);
}
html h2,
body h2,
.theme-switch h2 {
  font-family: "Gloock", serif;
  font-size: 2.5em;
  line-height: 1.4em;
}
html h3,
body h3,
.theme-switch h3 {
  font-family: "Gloock", serif;
  font-size: 4em;
  font-weight: 400;
}
html h5,
body h5,
.theme-switch h5 {
  font-family: "Gloock", serif;
  font-size: 1.8em;
  font-weight: 400;
}
html img,
body img,
.theme-switch img {
  max-width: initial;
  width: 100%;
}
html a,
body a,
.theme-switch a {
  text-decoration: none;
  color: var(--color-primary);
}
html h3.text--h3,
body h3.text--h3,
.theme-switch h3.text--h3 {
  font-size: 1.8em;
  font-weight: 300;
  padding-bottom: 4%;
}
html .sma--sou p,
html .big--sou p,
body .sma--sou p,
body .big--sou p,
.theme-switch .sma--sou p,
.theme-switch .big--sou p {
  color: var(--color-primary-caption);
  font-size: 0.8rem;
}
html p,
body p,
.theme-switch p {
  font-family: "Petrona", serif;
  color: var(--color-primary);
  line-height: 1.8em;
}
html p a,
body p a,
.theme-switch p a {
  text-decoration: none;
  color: var(--color-primary);
}
html p i,
body p i,
.theme-switch p i {
  font-style: italic;
}
html p b,
body p b,
.theme-switch p b {
  font-weight: 700;
}
html p b i,
body p b i,
.theme-switch p b i {
  font-style: italic;
}
html .story,
body .story,
.theme-switch .story {
  padding-top: 0px;
}
html .NuevoVertical,
body .NuevoVertical,
.theme-switch .NuevoVertical {
  padding-top: 0px;
}
html .Story.Corazon,
body .Story.Corazon,
.theme-switch .Story.Corazon {
  padding-top: 0 !important;
}
@media all and (max-width: 1200px) {
  html h1,
  body h1,
  .theme-switch h1 {
    font-size: 4em;
  }
  html h2,
  body h2,
  .theme-switch h2 {
    font-size: 2em;
  }
}
@media all and (max-width: 1024px) {
  html h2,
  body h2,
  .theme-switch h2 {
    font-size: 2em;
  }
  html h3.text--h3,
  body h3.text--h3,
  .theme-switch h3.text--h3 {
    font-size: 1.7em;
    font-weight: 300;
    padding-bottom: 3%;
  }
}
@media all and (max-width: 600px) {
  html,
  body,
  .theme-switch {
    font-size: 17.5px;
  }
  html h1,
  body h1,
  .theme-switch h1 {
    font-size: 2.8em;
  }
  html h2,
  body h2,
  .theme-switch h2 {
    font-size: 1.5em;
  }
  html h3,
  body h3,
  .theme-switch h3 {
    font-size: 2em;
  }
  html h3.text--h3,
  body h3.text--h3,
  .theme-switch h3.text--h3 {
    font-size: 1.4em;
    font-weight: 300;
    padding-bottom: 4%;
  }
  html p,
  body p,
  .theme-switch p {
    line-height: 1.7em;
  }
}
@media all and (max-width: 450px) {
  html h3.text--h3,
  body h3.text--h3,
  .theme-switch h3.text--h3 {
    font-size: 1.4em;
    font-weight: 300;
    padding-bottom: 15%;
  }
}
@media all and (max-width: 328px) {
  html h3.text--h3,
  body h3.text--h3,
  .theme-switch h3.text--h3 {
    font-size: 1.3em;
    font-weight: 300;
    padding-bottom: 8%;
  }
}

.topbar__mg {
  height: 62px;
  -webkit-box-align: center;
  align-items: center;
  display: grid;
  width: 100%;
  z-index: 10;
  grid-template-columns: 33% 33% 33%;
  justify-content: space-evenly;
  padding: 0 28px;
  position: fixed;
  top: 0;
  background: var(--color-background);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.topbar__mg .theme-toggle {
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.topbar__logo {
  position: relative;
  display: grid;
  align-content: center;
  justify-content: space-around;
  justify-items: center;
}
.topbar__logo svg {
  max-width: 100px;
  height: 26px;
  fill: var(--color-primary);
  display: flex;
}
.topbar__sha .modal {
  position: fixed;
  top: 90dvh;
  right: 50%;
  transform: translateX(50%);
  background-color: var(--color-background-modal);
  color: var(--color-primary-modal);
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
  opacity: 0;
  font-family: "Petrona", serif;
  visibility: hidden;
  transition: visibility 0s linear 1.5s, opacity 0.5s ease-in-out;
}
.topbar__sha .show {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-in-out;
}
.topbar__sha .sha__svg {
  display: flex;
  flex-direction: row-reverse;
}
.topbar__sha .sha__svg a {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  cursor: pointer;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-left: 8px;
  aspect-ratio: 1/1;
}
.topbar__sha .sha__svg a .sha__cop {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.topbar__sha .sha__svg a .sha__cop svg {
  fill: var(--color-primary);
}
.topbar__sha .sha__svg a .sha__tiktok {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.topbar__sha .sha__svg a .sha__tiktok svg {
  fill: var(--color-primary);
}
.topbar__sha .sha__svg a .sha__insta {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.topbar__sha .sha__svg a .sha__insta svg {
  fill: var(--color-primary);
}
@media all and (max-width: 600px) {
  .topbar__mg {
    grid-template-columns: 0.5% 50% 50%;
    padding: 0 18px 0 30px;
  }
  .topbar__sha .sha__svg {
    margin-right: 0px;
  }
  .topbar__sha .sha__svg a {
    transition: 1s all;
  }
  .topbar__sha .sha__svg svg {
    height: 38px;
  }
  .topbar__sha .sha__svg .sha__cop svg {
    height: 20px;
  }
  .topbar__logo {
    justify-content: start;
  }
  .topbar__logo svg {
    margin-top: 8%;
  }
}

header[data-js-scroll=false].topbar__mg {
  background-color: var(--color-background);
  transition-delay: 1s;
  transition: 0.5s;
  border-bottom: 0.4px solid var(--color-ternary);
}
header[data-js-scroll=false].topbar__mg .topbar__logo svg {
  fill: var(--color-primary);
  stroke: var(--color-primary);
  stroke-width: 1px;
  stroke-dasharray: 450;
  stroke-dashoffset: 450;
  z-index: 1;
  transform: scale(1.2);
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
header[data-js-scroll=false].topbar__mg .topbar__sha {
  opacity: 0;
  animation: fadeIn 2s forwards;
}
header[data-js-scroll=false].topbar__mg .topbar__sha .sha__svg a {
  border: 1px solid var(--color-primary);
}
header[data-js-scroll=false].topbar__mg .topbar__sha .sha__svg a .sha__cop svg {
  fill: var(--color-primary);
}
header[data-js-scroll=false].topbar__mg .topbar__sha .sha__svg a .sha__tiktok svg {
  fill: var(--color-primary);
}
header[data-js-scroll=false].topbar__mg .topbar__sha .sha__svg a .sha__insta svg {
  fill: var(--color-primary);
}

.container {
  height: 100%;
}

.header__mg {
  width: 100%;
  height: 100vh;
  position: relative;
  transform-style: inherit;
  display: grid;
  grid-template-columns: 20% 60% 20%;
  overflow: hidden;
  padding-top: 70px;
}
.header__mg::before {
  position: absolute;
  width: 3px;
  height: 18%;
  background-color: var(--color-background);
  content: "";
  bottom: 0;
  left: 50%;
  z-index: 1;
}
.header__mg .header__title {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.header__mg .header__title div {
  width: 100%;
  white-space: nowrap;
  font-size: 1.5vw;
}
.header__mg .header__title .name__surname {
  line-height: 3.5em;
}
.header__mg .header__title .name__surname--name {
  padding-right: 45%;
}
.header__mg .header__title .name__surname--surname {
  padding-left: 3%;
}
.header__mg .header__title .name__phrase__short--phrase {
  padding-left: 30%;
}
.header__mg .header__title .name__phrase__mid h1 {
  align-items: unset;
}
.header__mg .header__title .name__phrase__mid--phrase {
  padding-left: 20%;
}
.header__mg .header__title .long__title--phrase {
  padding-left: 30%;
}
.header__mg .header__title .triple__title__mid {
  line-height: 4.1em;
}
.header__mg .header__title .triple__title__mid--second {
  padding-left: 2%;
}
.header__mg .header__title .triple__title__mid--third {
  padding-left: 40%;
}
.header__mg .header__title .triple__title__big--second {
  padding-left: 20%;
}
.header__mg .header__title .triple__title__big--third {
  padding-left: 50%;
}
.header__mg video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.header__mg video.mob {
  display: none;
}
.header__mg .header__img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header__mg h1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 2;
}
.header__mg .stiker {
  transform: translateZ(0.25px) scale(0.9);
  transform-origin: -10% 250%;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  color: var(--color-background);
  font-size: 1.8em;
  font-family: "Gloock", serif;
  z-index: 2;
}
.header__mg .stiker::before {
  position: absolute;
  width: 129%;
  height: 3px;
  background-color: var(--color-background);
  content: "";
  top: 60px;
  left: -80px;
}
@media all and (max-width: 1200px) {
  .header__mg .stiker {
    transform: translateZ(0.25px) scale(0.9);
    transform-origin: 260% 130%;
    font-weight: 100;
  }
  .header__mg .stiker::before {
    margin-top: 8px;
    left: -138px;
    width: 169%;
  }
  .header__mg .header__title .name__surname {
    width: 70%;
  }
  .header__mg .header__title .name__surname--name {
    padding-right: 55%;
  }
  .header__mg .header__title .name__surname--surname {
    padding-left: 2%;
  }
}
@media all and (max-width: 1024px) {
  .header__mg .header__title .name__surname {
    padding: 0% 0%;
    font-size: 1.2em;
  }
  .header__mg .header__title .name__surname--name {
    padding-right: 60%;
  }
  .header__mg .header__title .name__surname--surname {
    padding-left: 5%;
  }
  .header__mg .header__title .name__phrase__mid {
    font-size: 1.5vw;
  }
  .header__mg .header__title .name__phrase__mid--phrase {
    white-space: normal;
  }
  .header__mg .header__title .long__title {
    font-size: 2vw;
  }
}
@media all and (max-width: 850px) {
  .header__mg .header__title .name__surname--name {
    padding-right: 60%;
  }
  .header__mg .header__title .name__surname--surname {
    padding-left: 5%;
  }
  .header__mg .header__title .name__phrase__short h1 {
    font-size: 6em;
    width: 80%;
  }
  .header__mg .header__title .name__phrase__short--phrase {
    padding-left: 20%;
  }
  .header__mg .header__title .name__phrase__mid {
    font-size: 1.5vw;
  }
  .header__mg .header__title .name__phrase__mid--phrase {
    white-space: normal;
  }
  .header__mg .header__title .triple__title__mid {
    line-height: 5em;
  }
  .header__mg .header__title .triple__title__mid h1 {
    font-size: 5em;
  }
}
@media all and (max-width: 600px) {
  .header__mg {
    height: 90vh;
    padding: 15vh 8%;
    grid-template-columns: 100%;
    grid-template-rows: 20% 80%;
  }
  .header__mg .header__title .name__surname {
    line-height: 2.8em;
    font-size: 4vw;
  }
  .header__mg .header__title .name__surname--name {
    padding-right: 40%;
  }
  .header__mg .header__title .name__surname--surname {
    padding-left: 20%;
  }
  .header__mg .header__title .name__phrase__mid {
    font-size: 2.8vw;
  }
  .header__mg .header__title .name__phrase__mid--phrase {
    padding-left: 30%;
    white-space: normal;
  }
  .header__mg .header__title .long__title {
    font-size: 3vw;
  }
  .header__mg .header__title .long__title h1 {
    align-items: unset;
  }
  .header__mg .header__title .long__title--phrase {
    padding-left: 20%;
  }
  .header__mg .header__title .triple__title__mid {
    line-height: 6.1em;
  }
  .header__mg .header__title .triple__title__mid h1 {
    font-size: 6em;
  }
  .header__mg .header__title .triple__title__mid--second {
    padding-left: 2%;
  }
  .header__mg .header__title .triple__title__mid--third {
    padding-left: 40%;
  }
  .header__mg .header__title .triple__title__big h1 {
    align-items: unset;
    font-size: 4em;
  }
  .header__mg .header__title .triple__title__big--third {
    padding-left: 30%;
  }
  .header__mg video.desk {
    display: block;
  }
  .header__mg video.mod {
    display: block;
  }
  .header__mg .stiker {
    transform: translateZ(0.25px) scale(0.75);
    transform-origin: 0% 250%;
    font-weight: 100;
  }
  .header__mg .stiker::before {
    margin-top: 2px;
    left: -138px;
    width: 169%;
  }
  .header__mg::before {
    left: 28%;
  }
  .header__mg h1 {
    justify-content: center;
  }
  .header__mg .stiker {
    flex-direction: column-reverse;
    font-size: 1.8em;
  }
  .header__mg .stiker::before {
    height: 3px;
    top: 119px;
    width: 60%;
    left: -110px;
  }
}
@media all and (max-width: 450px) {
  .header__mg .header__title .name__surname {
    line-height: 3em;
    margin-left: 20%;
  }
  .header__mg .header__title .name__surname h1 {
    font-size: 3em;
  }
  .header__mg .header__title .name__surname--name {
    padding-right: 60%;
  }
  .header__mg .header__title .name__surname--surname {
    padding-left: 5%;
  }
  .header__mg .header__title .name__phrase__mid {
    font-size: 3.5vw;
  }
  .header__mg .header__title .long__title h1 {
    align-items: unset;
  }
  .header__mg .header__title .long__title--phrase {
    padding-left: 20%;
  }
  .header__mg .header__title .triple__title__mid {
    line-height: 7em;
  }
  .header__mg .header__title .triple__title__mid h1 {
    font-size: 7em;
  }
}
@media all and (max-width: 328px) {
  .header__mg .header__title .name__surname--name {
    padding-right: 60%;
  }
  .header__mg .header__title .name__surname--surname {
    padding-left: 5%;
  }
}

#img__header {
  position: relative;
}
#img__header h1 {
  transform: translateZ(0.25px) scale(0.75);
  transform-origin: 55% 155%;
}
#img__header .stiker {
  transform: translateZ(0.25px) scale(0.75);
  transform-origin: 50% 100%;
}
#img__header .vid--header {
  position: absolute;
}
@media all and (max-width: 1200px) {
  #img__header .stiker {
    transform-origin: 180% 50%;
  }
  #img__header h1 {
    transform-origin: 50% 150%;
  }
}
@media all and (max-width: 850px) {
  #img__header h1 {
    transform-origin: 10% 150%;
  }
}
@media all and (max-width: 600px) {
  #img__header h1 {
    transform-origin: 0% 80%;
  }
  #img__header .stiker {
    transform-origin: 0% 250%;
  }
}

.header__sub {
  position: relative;
  padding-bottom: 142px;
  padding-top: 86px;
}
.header__sub::before {
  position: absolute;
  width: 3px;
  height: 100%;
  background-color: var(--color-background);
  content: "";
  bottom: 0;
  left: 50%;
}
.header__sub h2 {
  width: 35vw;
  margin-left: 55%;
}
@media all and (max-width: 1024px) {
  .header__sub {
    padding-bottom: 120px;
  }
  .header__sub h2 {
    width: 40vw;
  }
}
@media all and (max-width: 600px) {
  .header__sub {
    padding-bottom: 72px;
    padding-top: 86px;
  }
  .header__sub::before {
    left: 28%;
  }
  .header__sub h2 {
    width: 60vw;
    margin-left: 35%;
  }
}

@keyframes expand {
  to {
    height: 100%;
  }
}
@keyframes appear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.header__long {
  margin-top: 6%;
  margin-bottom: 10%;
  position: relative;
  color: var(--color-primary);
}
.header__long::after {
  position: absolute;
  width: 4px;
  height: 0%;
  background-color: var(--color-separators);
  content: "";
  top: -6%;
  left: 50.01%;
  z-index: 1;
  animation: expand 1s forwards;
}
.header__long--firstcontainer {
  height: 90vh;
  display: grid;
  grid-template-columns: 50% 50%;
  opacity: 0;
  animation: appear 1s forwards;
  animation-delay: 0.5s;
}
.header__long--firstcontainer .slider-caption {
  display: none;
}
.header__long--firstcontainer--title {
  margin-left: 15%;
  display: flex;
}
.header__long--firstcontainer--title--item {
  position: absolute;
  max-width: 40%;
  z-index: 2;
  align-self: center;
}
.header__long--firstcontainer--title--item span {
  font-family: Gloock;
  font-size: 1.7em;
  opacity: 0;
  transform: translateY(25px) !important;
  animation: appear 1.5s forwards;
  animation-delay: 0.5s;
}
.header__long--firstcontainer--title--item h1 {
  margin-top: 3%;
}
.header__long--firstcontainer--side {
  height: calc(100% + 8vh);
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.header__long--firstcontainer--side img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.75s ease-in;
}
.header__long .slider-dots {
  display: none;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
  z-index: 99999;
  padding: 1rem 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.header__long .slider-dots .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fafafa;
  cursor: pointer;
  transition: background 0.3s;
}
.header__long .slider-dots .dot.active {
  background: #9370db;
}
.header__long--secondcontainer {
  position: relative;
  min-height: 30vh;
  display: grid;
  grid-template-columns: 50% 50%;
  padding-bottom: 20vh;
}
.header__long--secondcontainer::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  left: 50.01%;
  z-index: 0;
  opacity: 0;
  animation: appear 1s forwards;
  animation-delay: 1s;
}
.header__long--secondcontainer--side h2 {
  max-width: 600px;
  padding-left: 8%;
  padding-top: 20%;
}
@media all and (max-width: 1400px) {
  .header__long--firstcontainer--title--item h1 {
    font-size: 3em;
  }
}
@media all and (max-width: 1200px) {
  .header__long--secondcontainer--side h2 {
    margin-top: 0%;
  }
}
@media all and (max-width: 1024px) {
  .header__long {
    margin-top: 0px;
  }
  .header__long .slider-caption {
    transform: translateY(25px);
    opacity: 0;
    animation: appear 0.5s forwards;
    animation-delay: 1s;
  }
  .header__long--firstcontainer--title {
    transform: translateY(25px);
    opacity: 0;
    animation: appear 0.5s forwards;
    animation-delay: 1.5s;
  }
  .header__long--firstcontainer--title--item h1 {
    font-size: 3em;
  }
  .header__long .slider-dots {
    bottom: 78%;
  }
  .header__long .slider-dots .dot {
    width: 5px;
    height: 5px;
  }
  .header__long::after {
    display: none;
  }
  .header__long--firstcontainer {
    grid-template-columns: 100%;
    height: unset;
    margin-bottom: 10%;
  }
  .header__long--firstcontainer--title {
    display: unset;
    margin-top: -3.8vh;
    margin-right: 0%;
    margin-left: 0%;
    z-index: 2;
  }
  .header__long--firstcontainer--title--item {
    position: relative;
    max-width: unset;
  }
  .header__long--firstcontainer--title--item span {
    display: none;
  }
  .header__long--firstcontainer--title--item h1 {
    width: 80%;
    font-size: 2em;
    margin: 8%;
  }
  .header__long--firstcontainer--side {
    height: 70vh;
    grid-area: 1;
    width: 100%;
    margin-bottom: 28px;
  }
  .header__long--firstcontainer--side .slider-caption {
    display: block;
    margin-left: 8%;
    color: #ffffff;
    position: absolute;
    bottom: -7px;
    z-index: 2;
    font-family: Gloock;
    font-size: 1.7em;
  }
  .header__long--firstcontainer--side img {
    width: 100%;
  }
  .header__long--firstcontainer--side .img-ani-1, .header__long--firstcontainer--side .img-ani-2, .header__long--firstcontainer--side .img-ani-3, .header__long--firstcontainer--side .img-ani-4 {
    width: 100%;
    height: 70vh;
  }
  .header__long--secondcontainer {
    padding-bottom: 72px;
    grid-template-columns: 28% 72%;
  }
  .header__long--secondcontainer::after {
    left: 28%;
  }
  .header__long--secondcontainer--side h2 {
    font-size: 2em;
    width: 60vw;
  }
}
@media all and (max-width: 600px) {
  .header__long--firstcontainer--side .slider-caption {
    font-size: 1.5em;
  }
  .header__long--secondcontainer {
    grid-template-columns: 28% 72%;
    padding-bottom: 0;
  }
  .header__long--secondcontainer::after {
    left: 28%;
  }
  .header__long--secondcontainer--side h2 {
    margin: 0;
    font-size: 1.5em;
    padding-top: 0 !important;
  }
}
@media all and (max-width: 328px) {
  .header__long h1 {
    transition: all 0.3s;
    font-size: 1.5rem !important;
  }
}

.header__long__video {
  margin-top: 0%;
  margin-bottom: 10%;
  position: relative;
  color: var(--color-primary);
}
.header__long__video::after {
  position: absolute;
  width: 4px;
  height: 0%;
  background-color: var(--color-separators);
  content: "";
  top: -6%;
  left: 50.01%;
  z-index: 1;
  animation: expand 1s forwards;
}
.header__long__video--firstcontainer {
  height: 90vh;
  display: grid;
  grid-template-columns: 50% 50%;
  opacity: 0;
  animation: appear 1s forwards;
  animation-delay: 0.5s;
}
.header__long__video--firstcontainer .slider-caption {
  display: none;
}
.header__long__video--firstcontainer--title {
  margin-left: 15%;
  display: flex;
}
.header__long__video--firstcontainer--title--item {
  position: absolute;
  max-width: 40%;
  z-index: 2;
  align-self: center;
}
.header__long__video--firstcontainer--title--item span {
  font-family: Gloock;
  font-size: 1.7em;
  opacity: 0;
  transform: translateY(25px) !important;
  animation: appear 1.5s forwards;
  animation-delay: 0.5s;
}
.header__long__video--firstcontainer--title--item h1 {
  margin-top: 3%;
}
.header__long__video--firstcontainer--side {
  height: calc(100% + 8vh);
  z-index: 1;
  background-color: var(--color-secondary);
  position: relative;
  overflow: hidden;
}
.header__long__video--firstcontainer--side video {
  height: 100%;
  object-fit: cover;
  z-index: 1;
  position: relative;
  width: 50vw;
  max-height: 100vh;
}
.header__long__video--secondcontainer {
  position: relative;
  min-height: 30vh;
  display: grid;
  grid-template-columns: 50% 50%;
  padding-bottom: 20vh;
}
.header__long__video--secondcontainer::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  left: 50.01%;
  z-index: 0;
  opacity: 0;
  animation: appear 1s forwards;
  animation-delay: 1s;
}
.header__long__video--secondcontainer--side h2 {
  max-width: 600px;
  padding-left: 8%;
  padding-top: 20%;
}
@media all and (max-width: 1400px) {
  .header__long__video--firstcontainer--title--item h1 {
    font-size: 3em;
  }
}
@media all and (max-width: 1200px) {
  .header__long__video--secondcontainer--side h2 {
    margin-top: 0%;
  }
}
@media all and (max-width: 1024px) {
  .header__long__video {
    margin-top: 0px;
  }
  .header__long__video .slider-caption {
    transform: translateY(25px);
    opacity: 0;
    animation: appear 0.5s forwards;
    animation-delay: 1s;
  }
  .header__long__video--firstcontainer--title {
    transform: translateY(25px);
    opacity: 0;
    animation: appear 0.5s forwards;
    animation-delay: 1.5s;
  }
  .header__long__video--firstcontainer--title--item h1 {
    font-size: 3em;
  }
  .header__long__video::after {
    display: none;
  }
  .header__long__video--firstcontainer {
    grid-template-columns: 100%;
    height: unset;
    margin-bottom: 10%;
  }
  .header__long__video--firstcontainer--title {
    display: unset;
    margin-top: -3.8vh;
    margin-right: 0%;
    margin-left: 0%;
    z-index: 2;
  }
  .header__long__video--firstcontainer--title--item {
    position: relative;
    max-width: unset;
  }
  .header__long__video--firstcontainer--title--item span {
    display: none;
  }
  .header__long__video--firstcontainer--title--item h1 {
    width: 80%;
    font-size: 2em;
  }
  .header__long__video--firstcontainer--side {
    height: 70vh;
    grid-area: 1;
    width: 100%;
    margin-bottom: 28px;
  }
  .header__long__video--firstcontainer--side .slider-caption {
    display: block;
    margin-left: 8%;
    color: #ffffff;
    position: absolute;
    bottom: -7px;
    z-index: 2;
    font-family: Gloock;
    font-size: 1.7em;
  }
  .header__long__video--firstcontainer--side video {
    width: 100%;
  }
  .header__long__video--firstcontainer--side .img-ani-1, .header__long__video--firstcontainer--side .img-ani-2, .header__long__video--firstcontainer--side .img-ani-3, .header__long__video--firstcontainer--side .img-ani-4 {
    width: 100%;
    height: 70vh;
  }
  .header__long__video--secondcontainer {
    padding-bottom: 72px;
    grid-template-columns: 28% 72%;
  }
  .header__long__video--secondcontainer::after {
    left: 28%;
  }
  .header__long__video--secondcontainer--side h2 {
    font-size: 2em;
    width: 60vw;
  }
}
@media all and (max-width: 600px) {
  .header__long__video--secondcontainer {
    grid-template-columns: 28% 72%;
  }
  .header__long__video--secondcontainer::after {
    left: 28%;
  }
  .header__long__video--secondcontainer--side h2 {
    margin: 0;
    font-size: 1.5em;
    padding-top: 0;
  }
}

.slide--a,
.slide--a:before {
  background: 50% 50%/cover;
}

#vid--content1 .content__1--text {
  transform: translateZ(0.25px) scale(0.75);
  transform-origin: 50% 100%;
}

.slide--b {
  position: relative;
  padding: 25vh 10%;
  min-height: 100vh;
  width: 100vw;
  transform-style: inherit;
}

.time {
  max-width: 1000px;
  margin: 0 auto;
  padding-right: 15%;
  display: grid;
  color: var(--color-primary);
  margin-top: 72px;
  margin-bottom: 56px;
  font-family: "Petrona", serif;
}
.time .author__time {
  display: flex;
  flex-direction: column;
}
.time .author__time .time__class {
  padding-bottom: 6px;
}
.time .author__time span {
  padding-bottom: 6px;
}
@media all and (max-width: 1200px) {
  .time {
    margin-left: 10%;
  }
}
@media all and (max-width: 600px) {
  .time .author__time {
    font-size: 0.8em;
  }
}

.author__tit {
  border-top: 0.5px solid var(--color-ternary);
  padding-top: 72px;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 56px;
  padding-right: 15%;
  margin: 0 auto;
  max-width: 1000px;
  padding-bottom: 68px;
  line-height: 1.6em;
  font-size: 1.25em;
  font-family: "Gloock", serif;
  color: var(--color-primary);
}
@media all and (max-width: 1024px) {
  .author__tit {
    padding-left: 8%;
    padding-bottom: 0;
  }
}

.author {
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 56px;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: minmax(0, auto);
}
.author__ite {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  margin: 0% 0% !important;
  font-family: "Petrona", serif;
  color: var(--color-primary);
}
.author__ite--name {
  padding-bottom: 6px;
  color: var(--color-primary);
  font-size: 1em;
  margin-bottom: 4px;
  line-height: 1.4em;
  font-weight: 400;
}
.author__ite a {
  margin-bottom: 4px;
  line-height: 1.2em;
  font-weight: 800;
  color: #9370db;
}
.author__ite--insta {
  font-size: 0.75em;
}
.author__ite--insta span {
  line-height: 1.2;
}
@media all and (max-width: 1200px) {
  .author {
    max-width: 800px;
    margin-top: 100px;
  }
}
@media all and (max-width: 850px) {
  .author {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 120px;
    padding: 0 8%;
  }
  .author__ite--insta {
    grid-template-columns: 10% 90%;
  }
}
@media all and (max-width: 600px) {
  .author {
    margin-bottom: 0px;
    margin-top: 72px;
    margin-left: 0%;
  }
  .author__ite span {
    font-size: 0.8em;
    margin: 0 !important;
  }
  .author__ite a {
    font-size: 1em;
    margin-bottom: 20%;
  }
}
@media all and (max-width: 450px) {
  .author__ite {
    margin-left: 5%;
  }
  .author__ite a {
    margin-bottom: 20%;
  }
}
@media all and (max-width: 328px) {
  .author__ite {
    margin-left: 5%;
  }
  .author__ite--insta span {
    display: none;
  }
  .author__ite a {
    margin-bottom: 20%;
  }
}

.ask {
  font-family: "Gloock", serif;
  font-size: 1.2em;
  padding-bottom: 32px;
  line-height: 1.4em;
  position: relative;
  font-weight: bold;
}
.ask--sub {
  font-family: "Gloock", serif;
  font-size: 1.2em;
  padding-bottom: 8px;
  line-height: 1.7em;
}

.wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding-right: 25%;
  margin-bottom: 86px;
}
.wrapper__vid {
  max-width: 95%;
  margin: 0 auto;
  padding: 86px 86px;
  border-radius: 50px;
  padding-bottom: 100px;
}
.wrapper__vid .vid__iframe {
  border-radius: 30px;
  overflow: hidden;
}
.wrapper__vid .vid__iframe iframe {
  height: 80vh;
  width: 100%;
}
.wrapper__vid .vid__tittle {
  font-family: "Gloock", serif;
  font-size: 1.6em;
  margin-bottom: 86px;
  position: relative;
  display: flex;
  align-items: center;
}
.wrapper__vid .vid__tittle::before {
  position: absolute;
  width: 51%;
  bottom: 0;
  left: -370px;
  height: 2px;
  content: "";
}
.wrapper__vid .vid__tittle .vid__play {
  /*border: 2px solid $bla;*/
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 18px;
}
.wrapper__vid .vid__tittle .vid__play svg {
  margin-left: 7px;
}
@media all and (max-width: 1024px) {
  .wrapper__vid .vid__tittle {
    margin-bottom: 28px;
  }
  .wrapper__vid .vid__tittle::before {
    height: 0px;
  }
}
@media all and (max-width: 600px) {
  .wrapper__vid .vid__tittle__vid {
    padding: 0px 15px;
    width: 100%;
    margin-bottom: 86px;
  }
  .wrapper__vid .vid__tittle__vid .vid__tittle {
    margin-bottom: 28px;
    padding: 0px 0px;
  }
  .wrapper__vid .vid__tittle__vid .vid__tittle .vid__play {
    height: 50px;
    width: 50px;
    display: inherit;
  }
  .wrapper__vid .vid__tittle__vid .vid__iframe iframe {
    height: 50vh;
  }
}
@media all and (max-width: 1200px) {
  .wrapper {
    max-width: 800px;
  }
}
@media all and (max-width: 1024px) {
  .wrapper {
    max-width: 700px;
  }
  .wrapper__vid {
    max-width: 100%;
  }
  .wrapper__vid .vid__tittle {
    margin-bottom: 28px;
  }
  .wrapper__vid .vid__tittle::before {
    height: 0px;
  }
}
@media all and (max-width: 850px) {
  .wrapper {
    padding: 0 8%;
    max-width: 100%;
    margin-top: 11%;
  }
}

.marg--text {
  margin-bottom: 12px;
}
.marg--to {
  margin-top: 100px;
  margin-bottom: 12px;
}
.marg--bt {
  margin-bottom: 120px;
}
.marg--two {
  margin-top: 180px;
  margin-bottom: 12px;
}
.marg--end {
  margin-bottom: 300px;
}
@media all and (max-width: 1024px) {
  .marg--two {
    margin-top: 100px;
  }
}
@media all and (max-width: 600px) {
  .marg--to {
    margin-top: 56px;
  }
  .marg--two {
    margin-top: 56px;
    margin-bottom: 8px;
  }
  .marg--text {
    margin-bottom: 28px;
  }
  .marg--bt {
    margin-bottom: 32px;
  }
  .marg--end {
    margin-bottom: 100px;
  }
}

.capital {
  font-size: 5.5em;
  font-family: "Petrona", serif;
  padding-right: 3px;
  color: var(--color-primary);
}

.content__text__four {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__text__four::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__text__four h3 {
  font-size: 2.5em;
}
.content__text__four--ite {
  width: 100%;
  height: auto;
}
.content__text__four--big {
  width: 100%;
  height: 120vh;
}
.content__text__four--big .big--img {
  overflow: hidden;
  position: relative;
  z-index: 3;
  height: 100%;
}
.content__text__four--big .big--img figure {
  height: 100%;
}
.content__text__four--big .big--img figure img {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
.content__text__four--big .big--sou {
  width: 50vw;
  margin: inherit;
  margin-top: 38px;
}
.content__text__four--big .big--sou p {
  margin: 0 auto;
  width: 80%;
}
.content__text__four--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  position: absolute;
  gap: 20%;
  width: 100%;
  height: 80%;
  z-index: 4;
  padding: 10% 15%;
}
.content__text__four--grid > *:last-child, .content__text__four--grid :nth-last-child(2) {
  color: var(--color-primary);
  align-items: flex-end;
}
.content__text__four--grid :nth-child(1) {
  align-items: flex-start;
}
.content__text__four--grid :nth-child(2) {
  align-items: flex-start;
  justify-content: flex-start;
  align-self: flex-start;
  justify-self: flex-start;
}
.content__text__four--text {
  font-family: "Gloock", serif;
  color: #ffffff;
  display: flex;
  justify-content: flex-start;
}
.content__text__four--sou {
  position: absolute;
  margin: 38px 38px 38px 5%;
  width: 40%;
}
@media all and (max-width: 1200px) {
  .content__text__four--ite {
    height: 90vh;
  }
  .content__text__four--grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  .content__text__four--text {
    display: contents;
  }
  .content__text__four--text h3 {
    display: contents;
  }
  .content__text__four .big--img {
    height: inherit;
  }
  .content__text__four .big--img figure {
    height: 90vh;
  }
}
@media all and (max-width: 850px) {
  .content__text__four--ite {
    height: 90vh;
  }
  .content__text__four .big--img {
    height: inherit;
  }
  .content__text__four .big--img figure {
    height: 90vh;
  }
  .content__text__four .big--sou p {
    margin: 0 auto;
    width: 80%;
  }
}
@media all and (max-width: 600px) {
  .content__text__four {
    padding-top: 10vh;
    padding-bottom: 38vh;
  }
  .content__text__four::before {
    left: 28%;
    z-index: 0;
  }
  .content__text__four--ite {
    width: 100%;
    height: 60vh;
  }
  .content__text__four--ite .big--img {
    height: inherit;
  }
  .content__text__four--ite .big--img figure {
    height: 60vh;
  }
  .content__text__four--sou {
    left: 28%;
    width: 55%;
    margin: 38px;
  }
}

.content__full__width {
  position: relative;
  width: 100%;
  padding-top: 18vh;
  padding-bottom: 12vh;
  margin-bottom: 120px;
}
.content__full__width::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__full__width--img {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.content__full__width--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 3;
}
.content__full__width--title {
  position: relative;
  height: 120vh;
  width: 100%;
  overflow: hidden;
}
.content__full__width--h3 {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100%;
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.content__full__width--h3 h3 {
  color: #ffffff;
  z-index: 3;
  margin-top: 90px;
  font-family: "Gloock", serif;
}
.content__full__width .big--sou {
  width: 40vw;
  margin: 38px 5%;
}
@media all and (max-width: 1200px) {
  .content__full__width--h3 {
    width: 800px;
  }
}
@media all and (max-width: 1024px) {
  .content__full__width--h3 {
    width: 700px;
  }
  .content__full__width--title .content__full__width --h3 {
    padding: 0 30px;
    max-width: 100%;
  }
}
@media all and (max-width: 600px) {
  .content__full__width {
    padding-bottom: 8vh;
    padding-top: 10vh;
  }
  .content__full__width::before {
    left: 28%;
    z-index: 1;
  }
  .content__full__width .big--sou {
    width: auto;
    margin: 38px 38px 38px 35%;
  }
  .content__full__width--ite .content__full__width--big {
    width: 100%;
    height: 50vh;
  }
  .content__full__width--ite .content__full__width--big .big--img {
    height: inherit;
  }
  .content__full__width--ite .content__full__width--big .big--sou {
    width: auto;
    margin-left: 28%;
  }
  .content__full__width--ite .content__full__width--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .content__full__width--title {
    height: 100vh;
  }
  .content__full__width--title .content__full__width --h3 h3 {
    margin-bottom: 10px;
  }
  .content__full__width--img {
    height: 80vh;
  }
  .content__full__width--ver .content__full__width --img {
    height: 120vh;
  }
}

.content__full__width__autoheight {
  position: relative;
  width: 100%;
  padding-top: 18vh;
  padding-bottom: 12vh;
  margin-bottom: 120px;
  /*
  @include standard__mobile {
    &--ite {
      .content__full__width--big {
        .big--sou {
          margin: 5% 2% 2% 30% !important;
        }
      }
    }
  }*/
}
.content__full__width__autoheight::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__full__width__autoheight .big--sou {
  width: 40vw;
  margin: 38px 5%;
}
.content__full__width__autoheight--ite {
  z-index: 3;
  position: relative;
}
.content__full__width__autoheight--img {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.content__full__width__autoheight--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 3;
}
.content__full__width__autoheight--title {
  position: relative;
  height: 120vh;
  width: 100%;
  overflow: hidden;
}
.content__full__width__autoheight--h3 {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100%;
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.content__full__width__autoheight--h3 h3 {
  color: #ffffff;
  z-index: 3;
  margin-top: 90px;
  font-family: "Gloock", serif;
}
.content__full__width__autoheight--ver {
  position: relative;
  width: 100%;
  padding-top: 18vh;
  padding-bottom: 15vh;
}
.content__full__width__autoheight--ver::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__full__width__autoheight--ver .content__full__width__autoheight --img {
  height: 200vh;
  overflow: hidden;
  position: relative;
}
.content__full__width__autoheight--ver .content__full__width__autoheight --img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 3;
}
@media all and (max-width: 1200px) {
  .content__full__width__autoheight--h3 {
    width: 800px;
  }
}
@media all and (max-width: 1024px) {
  .content__full__width__autoheight--h3 {
    width: 700px;
  }
  .content__full__width__autoheight--title .content__full__width__autoheight --h3 {
    padding: 0 30px;
    max-width: 100%;
  }
}
@media all and (max-width: 600px) {
  .content__full__width__autoheight {
    padding-bottom: 8vh;
    padding-top: 10vh;
  }
  .content__full__width__autoheight--ite .content__full__width__autoheight--big {
    width: 100%;
  }
  .content__full__width__autoheight--ite .content__full__width__autoheight--big .big--img {
    height: 80%;
  }
  .content__full__width__autoheight--ite .content__full__width__autoheight--big .big--sou {
    width: auto;
    margin: 38px 38px 38px 35%;
  }
  .content__full__width__autoheight::before {
    left: 28%;
    z-index: 1;
  }
  .content__full__width__autoheight--title {
    height: 100vh;
  }
  .content__full__width__autoheight--title .content__full__width__autoheight --h3 h3 {
    margin-bottom: 10px;
  }
  .content__full__width__autoheight--ver .content__full__width__autoheight --img {
    height: 120vh;
  }
}

.content__full__width__autoheight__video {
  position: relative;
  width: 100%;
  padding-top: 18vh;
  padding-bottom: 12vh;
  margin-bottom: 120px;
}
.content__full__width__autoheight__video::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__full__width__autoheight__video .big--sou {
  width: 40vw;
  margin: 38px 5%;
}
.content__full__width__autoheight__video--ite {
  z-index: 3;
  position: relative;
}
.content__full__width__autoheight__video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 3;
}
.content__full__width__autoheight__video--title {
  position: relative;
  height: 120vh;
  width: 100%;
  overflow: hidden;
}
.content__full__width__autoheight__video--h3 {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100%;
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.content__full__width__autoheight__video--h3 h3 {
  color: #ffffff;
  z-index: 3;
  margin-top: 90px;
  font-family: "Gloock", serif;
}
.content__full__width__autoheight__video--ver {
  position: relative;
  width: 100%;
  padding-top: 18vh;
  padding-bottom: 15vh;
}
.content__full__width__autoheight__video--ver::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__full__width__autoheight__video--ver .content__full__width__autoheight --img {
  height: 200vh;
  overflow: hidden;
  position: relative;
}
.content__full__width__autoheight__video--ver .content__full__width__autoheight --img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 3;
}
@media all and (max-width: 1200px) {
  .content__full__width__autoheight__video--h3 {
    width: 800px;
  }
}
@media all and (max-width: 1024px) {
  .content__full__width__autoheight__video--h3 {
    width: 700px;
  }
  .content__full__width__autoheight__video--title .content__full__width__autoheight --h3 {
    padding: 0 30px;
    max-width: 100%;
  }
}
@media all and (max-width: 600px) {
  .content__full__width__autoheight__video {
    padding-bottom: 8vh;
    padding-top: 10vh;
  }
  .content__full__width__autoheight__video--ite .content__full__width__autoheight--big {
    width: 100%;
  }
  .content__full__width__autoheight__video--ite .content__full__width__autoheight--big .big--img {
    height: 80%;
  }
  .content__full__width__autoheight__video--ite .content__full__width__autoheight--big .big--sou {
    width: auto;
    margin: 38px 38px 38px 35%;
  }
  .content__full__width__autoheight__video::before {
    left: 28%;
    z-index: 1;
  }
  .content__full__width__autoheight__video--title {
    height: 100vh;
  }
  .content__full__width__autoheight__video--title .content__full__width__autoheight --h3 h3 {
    margin-bottom: 10px;
  }
  .content__full__width__autoheight__video--ver .content__full__width__autoheight --img {
    height: 120vh;
  }
}

.content__full__width__double {
  position: relative;
  padding-top: 18vh;
  padding-bottom: 12vh;
  display: grid;
  margin-bottom: 120px;
}
.content__full__width__double::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__full__width__double--first {
  z-index: 1;
}
.content__full__width__double--first--img {
  width: 100%;
  height: auto;
}
.content__full__width__double--first--img figure {
  display: flex;
}
.content__full__width__double--first--text {
  display: grid;
  margin: 38px 5%;
  width: 40%;
}
.content__full__width__double--second {
  z-index: 1;
}
.content__full__width__double--second--img {
  width: 100%;
  height: auto;
}
.content__full__width__double--second--img figure {
  display: flex;
}
.content__full__width__double--second--text {
  display: grid;
}
.content__full__width__double--second--text p {
  justify-self: flex-end;
  margin: 38px 5%;
  width: 40%;
}
@media all and (max-width: 600px) {
  .content__full__width__double {
    padding-bottom: 8vh;
    padding-top: 10vh;
  }
  .content__full__width__double::before {
    left: 28%;
  }
  .content__full__width__double--first--text {
    display: grid;
    width: 100%;
    margin: unset;
  }
  .content__full__width__double--first--text p {
    justify-self: flex-end;
    margin: 38px 38px 38px 35%;
  }
  .content__full__width__double--second--text {
    display: grid;
    width: 100%;
    margin: unset;
  }
  .content__full__width__double--second--text p {
    justify-self: flex-end;
    width: 58%;
    margin: 38px;
  }
}
@media all and (max-width: 450px) {
  .content__full__width__double--first--text p {
    width: 50%;
  }
  .content__full__width__double--second--text p {
    width: 50%;
  }
}

.content__full__width__double__video {
  position: relative;
  padding-top: 18vh;
  padding-bottom: 12vh;
  display: grid;
  margin-bottom: 120px;
}
.content__full__width__double__video::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__full__width__double__video--first {
  z-index: 1;
}
.content__full__width__double__video--first--img {
  width: 100%;
  height: auto;
}
.content__full__width__double__video--first--img figure {
  display: flex;
}
.content__full__width__double__video--first--text {
  display: grid;
  margin: 38px 5%;
  width: 40%;
}
.content__full__width__double__video--second {
  z-index: 1;
}
.content__full__width__double__video--second--vid {
  width: 100%;
  height: auto;
}
.content__full__width__double__video--second--vid video {
  display: flex;
  width: 100%;
  object-fit: contain;
}
.content__full__width__double__video--second--text {
  display: grid;
}
.content__full__width__double__video--second--text p {
  justify-self: flex-end;
  margin: 38px 5%;
  width: 40%;
}
@media all and (max-width: 600px) {
  .content__full__width__double__video {
    padding-bottom: 8vh;
    padding-top: 10vh;
  }
  .content__full__width__double__video::before {
    left: 28%;
  }
  .content__full__width__double__video--first--text {
    display: grid;
    width: 100%;
    margin: unset;
  }
  .content__full__width__double__video--first--text p {
    justify-self: flex-end;
    margin: 38px 38px 38px 35%;
  }
  .content__full__width__double__video--second--text {
    display: grid;
    width: 100%;
    margin: unset;
  }
  .content__full__width__double__video--second--text p {
    justify-self: flex-end;
    width: 58%;
    margin: 38px;
  }
}
@media all and (max-width: 450px) {
  .content__full__width__double__video--first--text p {
    width: 50%;
  }
  .content__full__width__double__video--second--text p {
    width: 50%;
  }
}

.content__center__img {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__center__img::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__center__img--ite {
  justify-items: end;
  position: relative;
  z-index: 1;
  margin-left: 20%;
  margin-right: 20%;
}
.content__center__img .big--sou {
  margin: 38px 0px;
  width: 40%;
}
.content__center__img--big {
  width: 100%;
  height: auto;
}
.content__center__img img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: initial;
  object-fit: initial;
}
@media all and (max-width: 1024px) {
  .content__center__img {
    width: 100%;
  }
  .content__center__img--ite {
    margin-left: 0%;
    margin-right: 0%;
  }
  .content__center__img--big {
    display: grid;
  }
  .content__center__img--big .big--sou {
    width: 40%;
    justify-self: flex-end;
    margin: 38px;
  }
}
@media all and (max-width: 600px) {
  .content__center__img {
    padding-bottom: 8vh;
    padding-top: 10vh;
  }
  .content__center__img::before {
    left: 28%;
  }
  .content__center__img--big .big--sou {
    width: 58%;
  }
}
@media all and (max-width: 450px) {
  .content__center__img--big .big--sou {
    width: 50%;
  }
}
@media all and (max-width: 328px) {
  .content__center__img--big .big--sou {
    width: 45%;
  }
}

.content__center__video {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__center__video::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 0;
}
.content__center__video--ite {
  justify-items: end;
  position: relative;
  z-index: 1;
  margin-left: 20%;
  margin-right: 20%;
}
.content__center__video .big--sou {
  margin: 38px 0px;
  width: 40%;
}
.content__center__video--big {
  width: 100%;
  height: auto;
}
.content__center__video video {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: initial;
  object-fit: initial;
}
@media all and (max-width: 1024px) {
  .content__center__video {
    width: 100%;
  }
  .content__center__video--ite {
    margin-left: 0%;
    margin-right: 0%;
  }
  .content__center__video--big {
    display: grid;
  }
  .content__center__video--big .big--sou {
    width: 40%;
    justify-self: flex-end;
    margin: 38px;
  }
}
@media all and (max-width: 600px) {
  .content__center__video {
    padding-bottom: 8vh;
    padding-top: 10vh;
  }
  .content__center__video::before {
    left: 28%;
  }
  .content__center__video--big .big--sou {
    width: 58%;
  }
}
@media all and (max-width: 450px) {
  .content__center__video--big .big--sou {
    width: 50%;
  }
}
@media all and (max-width: 328px) {
  .content__center__video--big .big--sou {
    width: 45%;
  }
}

.content__slice__one {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__one::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 3;
}
.content__slice__one--ite {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  overflow: hidden;
}
.content__slice__one--ite .content__slice__one--sma {
  display: flex;
  flex-direction: column;
}
.content__slice__one--ite .content__slice__one--sma .sma--img.ver {
  height: 120vh;
}
.content__slice__one--ite .content__slice__one--sma .sma--img {
  height: auto;
  overflow: hidden;
  position: relative;
}
.content__slice__one--ite .content__slice__one--sma .sma--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__one--ite .content__slice__one--sma .sma--img::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.content__slice__one--ite .content__slice__one--sma .sma--sou {
  width: 80%;
  margin: 38px 10%;
}
.content__slice__one--ite .content__slice__one--big {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 10%;
}
.content__slice__one--ite .content__slice__one--big .big--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__one--ite .content__slice__one--big .big--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__one--ite .content__slice__one--big .big--sou {
  width: 80%;
  margin: 38px 10%;
}
.content__slice__one.end .content__slice__one--ite {
  align-items: end;
}
@media all and (max-width: 600px) {
  .content__slice__one {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__one::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__one--ite {
    grid-template-columns: 100%;
  }
  .content__slice__one--ite .content__slice__one--sma {
    margin-left: 28%;
    flex-direction: column;
  }
  .content__slice__one--ite .content__slice__one--sma .sma--img.ver {
    height: 80vh;
  }
  .content__slice__one--ite .content__slice__one--sma .sma--img {
    height: auto;
    z-index: 0;
    order: 1;
  }
  .content__slice__one--ite .content__slice__one--sma .sma--sou {
    margin: 38px;
  }
  .content__slice__one--ite .content__slice__one--big {
    z-index: 3;
    padding: 0px;
  }
  .content__slice__one--ite .content__slice__one--big .big--img {
    height: 80vh;
    z-index: 4;
    order: 1;
  }
  .content__slice__one--ite .content__slice__one--big .big--sou {
    margin: 38px 38px 38px 35%;
  }
  .content__slice__one--ite .content__slice__one--big .big--sou p {
    width: 65%;
  }
  .content__slice__one--ite.end .content__slice__one--ite .content__slice__one--sma .sma--sou {
    margin-top: 0px;
  }
  .content__slice__one--ite.end .content__slice__one--ite .content__slice__one--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__one--ite.end .content__slice__one--ite .content__slice__one--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
  }
}

.content__slice__one__video {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__one__video::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 3;
}
.content__slice__one__video--ite {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  overflow: hidden;
}
.content__slice__one__video--ite .content__slice__one__video--sma {
  display: flex;
  flex-direction: column;
}
.content__slice__one__video--ite .content__slice__one__video--sma .sma--vid.ver {
  height: 120vh;
}
.content__slice__one__video--ite .content__slice__one__video--sma .sma--vid {
  height: auto;
  overflow: hidden;
  position: relative;
}
.content__slice__one__video--ite .content__slice__one__video--sma .sma--vid video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.content__slice__one__video--ite .content__slice__one__video--sma .sma--vid::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.content__slice__one__video--ite .content__slice__one__video--sma .sma--sou {
  width: 80%;
  margin: 38px 10%;
}
.content__slice__one__video--ite .content__slice__one__video--big {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 10%;
}
.content__slice__one__video--ite .content__slice__one__video--big .big--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__one__video--ite .content__slice__one__video--big .big--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__one__video--ite .content__slice__one__video--big .big--sou {
  width: 80%;
  margin: 38px 10%;
}
.content__slice__one__video.end .content__slice__one__video--ite {
  align-items: end;
}
@media all and (max-width: 600px) {
  .content__slice__one__video {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__one__video::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__one__video--ite {
    grid-template-columns: 100%;
  }
  .content__slice__one__video--ite .content__slice__one__video--sma {
    margin-left: 28%;
    flex-direction: column-reverse;
  }
  .content__slice__one__video--ite .content__slice__one__video--sma .sma--img.ver {
    height: 80vh;
  }
  .content__slice__one__video--ite .content__slice__one__video--sma .sma--img {
    height: auto;
    z-index: 0;
    order: 1;
  }
  .content__slice__one__video--ite .content__slice__one__video--sma .sma--sou {
    margin: 38px;
  }
  .content__slice__one__video--ite .content__slice__one__video--big {
    z-index: 3;
    padding: 0px;
  }
  .content__slice__one__video--ite .content__slice__one__video--big .big--img {
    height: 80vh;
    z-index: 4;
    order: 1;
  }
  .content__slice__one__video--ite .content__slice__one__video--big .big--sou {
    margin: 38px 38px 38px 35%;
  }
  .content__slice__one__video--ite .content__slice__one__video--big .big--sou p {
    width: 65%;
  }
  .content__slice__one__video--ite.end .content__slice__one__video--ite .content__slice__one__video--sma .sma--sou {
    margin-top: 0px;
  }
  .content__slice__one__video--ite.end .content__slice__one__video--ite .content__slice__one__video--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__one__video--ite.end .content__slice__one__video--ite .content__slice__one__video--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
  }
}

.content__slice__two {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__two::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 3;
}
.content__slice__two--ite {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  overflow: hidden;
}
.content__slice__two--ite .content__slice__two--sma {
  display: flex;
  flex-direction: column;
}
.content__slice__two--ite .content__slice__two--sma .sma--img.ver {
  height: 120vh;
}
.content__slice__two--ite .content__slice__two--sma .sma--img {
  height: auto;
  overflow: hidden;
  position: relative;
}
.content__slice__two--ite .content__slice__two--sma .sma--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__two--ite .content__slice__two--sma .sma--img::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.content__slice__two--ite .content__slice__two--sma .sma--sou {
  margin: 38px 38px 38px 10%;
  width: 80%;
}
.content__slice__two--ite .content__slice__two--sma .sma--sou p {
  text-align: start;
  line-height: 1.4em;
}
.content__slice__two--ite .content__slice__two--big {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 10%;
}
.content__slice__two--ite .content__slice__two--big .big--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__two--ite .content__slice__two--big .big--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__two--ite .content__slice__two--big .big--sou {
  margin: 0 auto;
  width: 80%;
  margin-top: 38px;
}
.content__slice__two--ite .content__slice__two--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
}
.content__slice__two.end .content__slice__two--ite {
  align-items: end;
}
@media all and (max-width: 600px) {
  .content__slice__two {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__two::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__two--ite {
    grid-template-columns: 100%;
  }
  .content__slice__two--ite .content__slice__two--sma {
    margin-left: 28%;
    flex-direction: column;
  }
  .content__slice__two--ite .content__slice__two--sma .sma--img.ver {
    height: 80vh;
  }
  .content__slice__two--ite .content__slice__two--sma .sma--img {
    height: auto;
    z-index: 0;
  }
  .content__slice__two--ite .content__slice__two--big {
    z-index: 3;
    padding: 0px;
  }
  .content__slice__two--ite .content__slice__two--big .big--img {
    height: 80vh;
    z-index: 4;
  }
  .content__slice__two--ite .content__slice__two--big .big--sou {
    margin: 38px 38px 38px 35%;
    order: 1;
    width: 60%;
  }
  .content__slice__two--ite.end .content__slice__two--ite .content__slice__two--sma .sma--sou {
    margin-top: 0px;
  }
  .content__slice__two--ite.end .content__slice__two--ite .content__slice__two--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__two--ite.end .content__slice__two--ite .content__slice__two--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
  }
}

.content__slice__two__video {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__two__video::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 3;
}
.content__slice__two__video--ite {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  overflow: hidden;
}
.content__slice__two__video--ite .content__slice__two__video--sma {
  display: flex;
  flex-direction: column;
}
.content__slice__two__video--ite .content__slice__two__video--sma .sma--vid.ver {
  height: 120vh;
}
.content__slice__two__video--ite .content__slice__two__video--sma .sma--vid {
  height: auto;
  overflow: hidden;
  position: relative;
}
.content__slice__two__video--ite .content__slice__two__video--sma .sma--vid video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__two__video--ite .content__slice__two__video--sma .sma--vid::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.content__slice__two__video--ite .content__slice__two__video--sma .sma--sou {
  margin: 38px 38px 38px 10%;
  width: 80%;
}
.content__slice__two__video--ite .content__slice__two__video--sma .sma--sou p {
  text-align: start;
  line-height: 1.4em;
}
.content__slice__two__video--ite .content__slice__two__video--big {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 10%;
}
.content__slice__two__video--ite .content__slice__two__video--big .big--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__two__video--ite .content__slice__two__video--big .big--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__two__video--ite .content__slice__two__video--big .big--sou {
  margin: 0 auto;
  width: 80%;
  margin-top: 38px;
}
.content__slice__two__video--ite .content__slice__two__video--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
}
.content__slice__two__video.end .content__slice__two__video--ite {
  align-items: end;
}
@media all and (max-width: 600px) {
  .content__slice__two__video {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__two__video::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__two__video--ite {
    grid-template-columns: 100%;
  }
  .content__slice__two__video--ite .content__slice__two__video--sma {
    margin-left: 28%;
    flex-direction: column;
  }
  .content__slice__two__video--ite .content__slice__two__video--sma .sma--vid.ver {
    height: 80vh;
  }
  .content__slice__two__video--ite .content__slice__two__video--sma .sma--vid {
    height: auto;
    z-index: 0;
  }
  .content__slice__two__video--ite .content__slice__two__video--big {
    z-index: 3;
    padding: 0px;
  }
  .content__slice__two__video--ite .content__slice__two__video--big .big--img {
    height: 80vh;
    z-index: 4;
  }
  .content__slice__two__video--ite .content__slice__two__video--big .big--sou {
    margin: 38px 38px 38px 35%;
    order: 1;
    width: 60%;
  }
  .content__slice__two__video--ite.end .content__slice__two__video--ite .content__slice__two__video--sma .sma--sou {
    margin-top: 0px;
  }
  .content__slice__two__video--ite.end .content__slice__two__video--ite .content__slice__two__video--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__two__video--ite.end .content__slice__two__video--ite .content__slice__two__video--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
  }
}

.content__slice__three {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__three::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 1;
}
.content__slice__three--ite {
  display: grid;
  width: 100%;
  overflow: hidden;
}
.content__slice__three--big .big--img {
  height: 120vh;
  overflow: hidden;
  position: relative;
}
.content__slice__three--big .big--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 4;
}
.content__slice__three--big .big--sou {
  margin: 38px 38px 38px 5%;
  width: 80%;
}
.content__slice__three--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
  margin-bottom: 38px;
  width: 40%;
}
.content__slice__three--sma {
  width: 50%;
  z-index: 0;
}
.content__slice__three--sma .sma--img.ver {
  height: 140vh;
}
.content__slice__three--sma .sma--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__three--sma .sma--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__three--sma .sma--sou {
  margin: 0 auto;
  width: 80%;
  margin-top: 38px;
}
.content__slice__three--sma .sma--sou p {
  text-align: start;
  line-height: 1.4em;
}
.content__slice__three.end::before {
  z-index: 1;
}
.content__slice__three.end .content__slice__three--ite {
  /*justify-content: end;*/
  justify-items: end;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--sma.ver {
  width: 50%;
  height: auto;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--sma.ver .sma--img.ver {
  z-index: 0;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--sma.ver .sma--sou {
  margin-bottom: 0 auto;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--sma .sma--sou {
  margin-bottom: 38px;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--sma .sma--img {
  z-index: 0;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--sma .sma--img.ver {
  height: 120vh;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--sma img {
  display: flex;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--big {
  width: 100%;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--big .big--img {
  z-index: 3;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--big .big--sou {
  margin: inherit;
}
.content__slice__three.end .content__slice__three--ite .content__slice__three--big .big--sou p {
  margin: 0 auto;
  width: 80%;
}
@media all and (max-width: 1024px) {
  .content__slice__three .big--sou p {
    width: 40%;
  }
}
@media all and (max-width: 600px) {
  .content__slice__three {
    padding-top: 10vh;
  }
  .content__slice__three::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__three--big {
    z-index: 3;
  }
  .content__slice__three--big .big--img {
    height: 60vh;
  }
  .content__slice__three--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__three--big .big--sou p {
    margin: 38px;
    width: 80%;
  }
  .content__slice__three--sma {
    margin-left: 28%;
    width: auto;
  }
  .content__slice__three--sma .sma--img.ver {
    height: 80vh;
  }
  .content__slice__three--sma .sma--img {
    height: 60vh;
    z-index: 0;
  }
  .content__slice__three--sma .sma--sou p {
    width: 100%;
  }
}

.content__slice__four {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__four::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 1;
}
.content__slice__four--ite {
  display: grid;
  width: 100%;
  overflow: hidden;
  grid-template-rows: auto 1fr;
}
.content__slice__four--big .big--img {
  height: 120vh;
  overflow: hidden;
  position: relative;
}
.content__slice__four--big .big--img img {
  position: absolute;
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  z-index: 4;
  object-fit: cover;
}
.content__slice__four--big .big--sou {
  margin: 38px 38px 38px 5%;
  width: 40%;
}
.content__slice__four--sma {
  width: 50%;
  z-index: 0;
  justify-self: flex-end;
}
.content__slice__four--sma .sma--img {
  height: 120vh;
  overflow: hidden;
  position: relative;
}
.content__slice__four--sma .sma--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  min-height: 80vh;
  object-fit: cover;
  height: 100%;
}
.content__slice__four--sma .sma--sou {
  margin: 38px 38px 38px 10%;
  width: 80%;
}
@media all and (max-width: 1200px) {
  .content__slice__four--big .big--img {
    height: 60vh;
  }
  .content__slice__four--big .big--sou {
    margin: 5% 10%;
    width: 30%;
  }
}
@media all and (max-width: 1024px) {
  .content__slice__four::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__four--sma {
    width: 72%;
    position: relative;
  }
  .content__slice__four--sma .sma--img {
    height: 160vh;
  }
  .content__slice__four--big .big--img {
    height: 50vh;
  }
  .content__slice__four--big .big--sou {
    margin-left: 35%;
    width: 50%;
  }
}
@media all and (max-width: 600px) {
  .content__slice__four {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__four::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__four--big .big--img img {
    width: 100%;
    height: 100%;
  }
  .content__slice__four--sma {
    width: 72%;
  }
  .content__slice__four--sma .sma--img {
    height: 80vh;
  }
}

.content__slice__five {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__five::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 1;
}
.content__slice__five--ite {
  display: grid;
  width: 100%;
  overflow: hidden;
}
.content__slice__five--big .big--img {
  height: 120vh;
  overflow: hidden;
  position: relative;
}
.content__slice__five--big .big--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 4;
}
.content__slice__five--big .big--sou {
  margin: 0 auto;
  width: 90%;
}
.content__slice__five--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
  margin-bottom: 38px;
  width: 40%;
}
.content__slice__five--sma {
  width: 50%;
  z-index: 0;
}
.content__slice__five--sma .sma--img {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.content__slice__five--sma .sma--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
}
.content__slice__five--sma .sma--sou {
  margin: 0 auto;
  width: 80%;
  margin-top: 38px;
}
.content__slice__five--sma .sma--sou p {
  text-align: start;
  line-height: 1.4em;
}
@media all and (max-width: 1200px) {
  .content__slice__five .sma--img {
    height: 65vh;
  }
}
@media all and (max-width: 1024px) {
  .content__slice__five {
    padding-top: 10vh;
  }
  .content__slice__five::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__five--sma {
    width: 72%;
    justify-self: end;
    position: relative;
  }
  .content__slice__five--sma .sma--img {
    height: 70vh;
  }
  .content__slice__five--big .big--img {
    height: 70vh;
  }
  .content__slice__five--big .big--sou {
    margin-left: 35%;
    width: 50%;
  }
  .content__slice__five--big .big--sou p {
    width: 100%;
  }
}
@media all and (max-width: 850px) {
  .content__slice__five .sma--img {
    height: 50vh;
  }
}
@media all and (max-width: 600px) {
  .content__slice__five {
    padding-top: 10vh;
  }
  .content__slice__five::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__five--big {
    z-index: 3;
  }
  .content__slice__five--big .big--sou {
    margin: 38px 38px 38px 35%;
    width: 60%;
  }
  .content__slice__five--sma {
    margin-left: 28%;
  }
  .content__slice__five--sma .sma--img {
    height: 50vh;
    z-index: 0;
  }
  .content__slice__five--sma .sma--sou p {
    width: 100%;
  }
}
@media all and (max-width: 450px) {
  .content__slice__five .sma--img {
    height: 40vh;
  }
}
@media all and (max-width: 328px) {
  .content__slice__five .sma--img {
    height: 30vh;
  }
}

.content__slice__six {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__six::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 1;
}
.content__slice__six--ite {
  display: grid;
  width: 100%;
  overflow: hidden;
}
.content__slice__six--big .big--img {
  height: 120vh;
  overflow: hidden;
  position: relative;
}
.content__slice__six--big .big--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 4;
}
.content__slice__six--big .big--sou {
  margin: 0 auto;
  width: 90%;
  margin-top: 3%;
}
.content__slice__six--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
  width: 40%;
}
.content__slice__six--sma {
  width: 50%;
  z-index: 0;
  justify-self: end;
}
.content__slice__six--sma .sma--img {
  height: 50vw;
  overflow: hidden;
  position: relative;
}
.content__slice__six--sma .sma--img img {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
}
.content__slice__six--sma .sma--sou {
  margin: 38px 38px 38px 10%;
}
@media all and (max-width: 1200px) {
  .content__slice__six .sma--img {
    height: 65vh;
  }
}
@media all and (max-width: 1024px) {
  .content__slice__six {
    padding-top: 10vh;
  }
  .content__slice__six::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__six--sma {
    width: 72%;
    position: relative;
  }
  .content__slice__six--big .big--img {
    height: 60vh;
  }
  .content__slice__six--big .big--sou {
    margin: 38px 38px 38px 35%;
    width: 100%;
  }
  .content__slice__six--big .big--sou p {
    width: 60%;
  }
}
@media all and (max-width: 850px) {
  .content__slice__six .sma--img {
    height: 70vw;
  }
}
@media all and (max-width: 600px) {
  .content__slice__six {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__six::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__six--ite .content__slice__six--big {
    z-index: 3;
  }
  .content__slice__six--ite .content__slice__six--big .big--img {
    height: 90vh;
  }
  .content__slice__six--ite .content__slice__six--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__six--ite .content__slice__six--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
    padding-bottom: 38px;
  }
  .content__slice__six--ite .content__slice__six--sma {
    margin-left: 28%;
    width: auto;
  }
  .content__slice__six--ite .content__slice__six--sma .sma--img.ver {
    height: 80vh;
  }
  .content__slice__six--ite .content__slice__six--sma .sma--img {
    height: 60vh;
    z-index: 0;
  }
  .content__slice__six--ite .content__slice__six--sma .sma--sou p {
    width: 100%;
  }
}
@media all and (max-width: 450px) {
  .content__slice__six .sma--img {
    height: 40vh;
  }
}
@media all and (max-width: 328px) {
  .content__slice__six .sma--img {
    height: 30vh;
  }
}

.content__slice__six__video {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__six__video::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 1;
}
.content__slice__six__video--ite {
  display: grid;
  width: 100%;
  overflow: hidden;
}
.content__slice__six__video--big .big--img {
  height: 120vh;
  overflow: hidden;
  position: relative;
}
.content__slice__six__video--big .big--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 4;
}
.content__slice__six__video--big .big--sou {
  margin: 0 auto;
  width: 90%;
  margin-top: 3%;
}
.content__slice__six__video--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
  width: 40%;
}
.content__slice__six__video--sma {
  width: 50%;
  z-index: 0;
  justify-self: end;
}
.content__slice__six__video--sma .sma--img {
  height: 50vw;
  overflow: hidden;
  position: relative;
}
.content__slice__six__video--sma .sma--img video {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.content__slice__six__video--sma .sma--sou {
  margin: 38px 38px 38px 10%;
}
@media all and (max-width: 1200px) {
  .content__slice__six__video .sma--img {
    height: 65vh;
  }
}
@media all and (max-width: 1024px) {
  .content__slice__six__video {
    padding-top: 10vh;
  }
  .content__slice__six__video::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__six__video--sma {
    width: 72%;
    position: relative;
  }
  .content__slice__six__video--big .big--img {
    height: 60vh;
  }
  .content__slice__six__video--big .big--sou {
    margin: 38px 38px 38px 35%;
    width: 100%;
  }
  .content__slice__six__video--big .big--sou p {
    width: 60%;
  }
}
@media all and (max-width: 850px) {
  .content__slice__six__video .sma--img {
    height: 70vw;
  }
}
@media all and (max-width: 600px) {
  .content__slice__six__video {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__six__video::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__six__video--ite .content__slice__six__video--big {
    z-index: 3;
  }
  .content__slice__six__video--ite .content__slice__six__video--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__six__video--ite .content__slice__six__video--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
    padding-bottom: 38px;
  }
  .content__slice__six__video--ite .content__slice__six__video--sma {
    margin-left: 28%;
  }
  .content__slice__six__video--ite .content__slice__six__video--sma .sma--sou p {
    width: 100%;
  }
}

.content__slice__seven {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__seven::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 3;
}
.content__slice__seven--ite {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  overflow: hidden;
}
.content__slice__seven--big {
  display: flex;
  flex-direction: column-reverse;
  height: 160vh;
}
.content__slice__seven--big .big--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__seven--big .big--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__seven--big .big--sou {
  margin: 0 auto;
  width: 80%;
  margin-top: 38px;
}
.content__slice__seven--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
}
.content__slice__seven--sma {
  display: flex;
  flex-direction: column;
}
.content__slice__seven--sma .sma--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__seven--sma .sma--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__seven--sma .sma--sou {
  margin: 38px 38px 38px 10%;
  width: 80%;
}
.content__slice__seven--sma .sma--sou p {
  text-align: start;
  line-height: 1.4em;
}
@media all and (max-width: 600px) {
  .content__slice__seven {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__seven::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__seven--ite {
    grid-template-columns: 100%;
  }
  .content__slice__seven--ite .content__slice__seven--sma {
    margin-left: 28%;
    height: 90vh;
    order: 2;
  }
  .content__slice__seven--ite .content__slice__seven--sma .sma--img.ver {
    height: 80vh;
  }
  .content__slice__seven--ite .content__slice__seven--sma .sma--img {
    z-index: 0;
  }
  .content__slice__seven--ite .content__slice__seven--big {
    z-index: 3;
    padding: 0px;
    height: unset;
  }
  .content__slice__seven--ite .content__slice__seven--big .big--img {
    height: 80vh;
    z-index: 4;
  }
  .content__slice__seven--ite .content__slice__seven--big .big--sou {
    margin: 38px 38px 38px 35%;
    order: 1;
    width: 60%;
  }
  .content__slice__seven--ite.end .content__slice__seven--ite .content__slice__seven--sma .sma--sou {
    margin-top: 0px;
  }
  .content__slice__seven--ite.end .content__slice__seven--ite .content__slice__seven--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__seven--ite.end .content__slice__seven--ite .content__slice__seven--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
  }
}

.content__slice__seven__video {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__seven__video::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 3;
}
.content__slice__seven__video--ite {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  overflow: hidden;
}
.content__slice__seven__video--big {
  display: flex;
  flex-direction: column-reverse;
  height: 160vh;
}
.content__slice__seven__video--big .big--vid {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__seven__video--big .big--vid video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__seven__video--big .big--sou {
  margin: 0 auto;
  width: 80%;
  margin-top: 38px;
}
.content__slice__seven__video--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
}
.content__slice__seven__video--sma {
  display: flex;
  flex-direction: column;
}
.content__slice__seven__video--sma .sma--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__seven__video--sma .sma--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__seven__video--sma .sma--sou {
  margin: 38px 38px 38px 10%;
  width: 80%;
}
.content__slice__seven__video--sma .sma--sou p {
  text-align: start;
  line-height: 1.4em;
}
@media all and (max-width: 600px) {
  .content__slice__seven__video {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__seven__video::before {
    left: 28%;
    z-index: 0;
  }
  .content__slice__seven__video--ite {
    grid-template-columns: 100%;
  }
  .content__slice__seven__video--ite .content__slice__seven__video--sma {
    margin-left: 28%;
    height: 90vh;
    order: 2;
  }
  .content__slice__seven__video--ite .content__slice__seven__video--sma .sma--img.ver {
    height: 80vh;
  }
  .content__slice__seven__video--ite .content__slice__seven__video--sma .sma--img {
    z-index: 0;
  }
  .content__slice__seven__video--ite .content__slice__seven__video--big {
    z-index: 3;
    padding: 0px;
    height: unset;
  }
  .content__slice__seven__video--ite .content__slice__seven__video--big .big--vid {
    height: 80vh;
    z-index: 4;
  }
  .content__slice__seven__video--ite .content__slice__seven__video--big .big--sou {
    margin: 38px 38px 38px 35%;
    order: 1;
    width: 60%;
  }
  .content__slice__seven__video--ite.end .content__slice__seven__video--ite .content__slice__seven__video--sma .sma--sou {
    margin-top: 0px;
  }
  .content__slice__seven__video--ite.end .content__slice__seven__video--ite .content__slice__seven__video--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__seven__video--ite.end .content__slice__seven__video--ite .content__slice__seven__video--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
  }
}
@media all and (max-width: 450px) {
  .content__slice__seven__video .content__slice__seven__video--big .big--vid video {
    object-fit: cover;
  }
}

.content__slice__eight__video {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__eight__video::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 3;
}
.content__slice__eight__video--ite {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  overflow: hidden;
}
.content__slice__eight__video--big {
  display: flex;
  flex-direction: column-reverse;
  height: 160vh;
}
.content__slice__eight__video--big .big--vid {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__eight__video--big .big--vid video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__eight__video--big .big--sou {
  margin: 0 auto;
  width: 80%;
  margin-top: 38px;
}
.content__slice__eight__video--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
}
.content__slice__eight__video--sma {
  display: flex;
  flex-direction: column;
}
.content__slice__eight__video--sma .sma--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__eight__video--sma .sma--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__eight__video--sma .sma--sou {
  margin: 38px 38px 38px 10%;
  width: 80%;
}
.content__slice__eight__video--sma .sma--sou p {
  text-align: start;
  line-height: 1.4em;
}
@media all and (max-width: 600px) {
  .content__slice__eight__video {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__eight__video::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__eight__video--ite {
    grid-template-columns: 100%;
  }
  .content__slice__eight__video--ite .content__slice__eight__video--sma {
    margin-left: 28%;
    flex-direction: column-reverse;
    height: 90vh;
  }
  .content__slice__eight__video--ite .content__slice__eight__video--sma .sma--img.ver {
    height: 80vh;
  }
  .content__slice__eight__video--ite .content__slice__eight__video--sma .sma--img {
    z-index: 0;
  }
  .content__slice__eight__video--ite .content__slice__eight__video--big {
    z-index: 3;
    padding: 0px;
    height: unset;
    flex-direction: column;
    order: 2;
  }
  .content__slice__eight__video--ite .content__slice__eight__video--big .big--vid {
    height: 80vh;
    z-index: 4;
  }
  .content__slice__eight__video--ite .content__slice__eight__video--big .big--sou {
    margin: 38px 38px 38px 35%;
    order: 1;
    width: 60%;
  }
  .content__slice__eight__video--ite.end .content__slice__eight__video--ite .content__slice__eight--sma .sma--sou {
    margin-top: 0px;
  }
  .content__slice__eight__video--ite.end .content__slice__eight__video--ite .content__slice__eight--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__eight__video--ite.end .content__slice__eight__video--ite .content__slice__eight--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
  }
}

.content__slice__eight {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__slice__eight::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 3;
}
.content__slice__eight--ite {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  overflow: hidden;
}
.content__slice__eight--big {
  display: flex;
  flex-direction: column-reverse;
  height: 160vh;
}
.content__slice__eight--big .big--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__eight--big .big--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__eight--big .big--sou {
  margin: 0 auto;
  width: 80%;
  margin-top: 38px;
}
.content__slice__eight--big .big--sou p {
  text-align: start;
  line-height: 1.4em;
}
.content__slice__eight--sma {
  display: flex;
  flex-direction: column;
}
.content__slice__eight--sma .sma--img {
  height: 140vh;
  overflow: hidden;
  position: relative;
}
.content__slice__eight--sma .sma--img figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__slice__eight--sma .sma--sou {
  margin: 38px 38px 38px 10%;
  width: 80%;
}
.content__slice__eight--sma .sma--sou p {
  text-align: start;
  line-height: 1.4em;
}
@media all and (max-width: 600px) {
  .content__slice__eight {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__slice__eight::before {
    left: 28%;
    z-index: 1;
  }
  .content__slice__eight--ite {
    grid-template-columns: 100%;
  }
  .content__slice__eight--ite .content__slice__eight--sma {
    margin-left: 28%;
    flex-direction: column-reverse;
    height: 90vh;
  }
  .content__slice__eight--ite .content__slice__eight--sma .sma--img.ver {
    height: 80vh;
  }
  .content__slice__eight--ite .content__slice__eight--sma .sma--img {
    z-index: 0;
  }
  .content__slice__eight--ite .content__slice__eight--big {
    z-index: 3;
    padding: 0px;
    height: unset;
    flex-direction: column;
    order: 2;
  }
  .content__slice__eight--ite .content__slice__eight--big .big--img {
    height: 80vh;
    z-index: 4;
  }
  .content__slice__eight--ite .content__slice__eight--big .big--sou {
    margin: 38px 38px 38px 35%;
    order: 1;
    width: 60%;
  }
  .content__slice__eight--ite.end .content__slice__eight--ite .content__slice__eight--sma .sma--sou {
    margin-top: 0px;
  }
  .content__slice__eight--ite.end .content__slice__eight--ite .content__slice__eight--big .big--sou {
    margin-left: 28%;
  }
  .content__slice__eight--ite.end .content__slice__eight--ite .content__slice__eight--big .big--sou p {
    margin: 0 auto;
    width: 80%;
    padding-right: 10%;
  }
}

.content__dark__board {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__dark__board::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 1;
}
.content__dark__board--ite {
  display: grid !important;
  grid-template-columns: 50% 50%;
  height: 120vh;
  width: 100%;
  overflow: hidden;
  display: block;
}
.content__dark__board--vid {
  overflow: hidden;
  position: relative;
}
.content__dark__board--vid video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__dark__board--text {
  align-content: center;
  display: grid;
  width: 60%;
  margin: 0 auto;
  background-color: #020a21;
  width: 100%;
  padding: 0 20%;
}
.content__dark__board--text p {
  color: #f3f6f6;
}
.content__dark__board--img {
  overflow: hidden;
  position: relative;
}
.content__dark__board--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media all and (max-width: 1024px) {
  .content__dark__board--text {
    padding: 15%;
    margin: 0 auto;
    padding-right: 15%;
  }
}
@media all and (max-width: 1200px) {
  .content__dark__board--ite {
    height: 140vh;
  }
  .content__dark__board--ite .content__1--text {
    width: 85%;
  }
}
@media all and (max-width: 1024px) {
  .content__dark__board::before {
    left: 28%;
    z-index: 1;
  }
  .content__dark__board--ite {
    grid-template-columns: 100%;
    height: auto;
  }
  .content__dark__board--ite.inverse .content__dark__board--text {
    grid-row-start: 2;
  }
  .content__dark__board--vid {
    height: 100vh;
    z-index: 3;
  }
  .content__dark__board--img {
    height: 80vh;
    z-index: 3;
  }
  .content__dark__board--text {
    margin: 0 auto;
    padding-right: 15%;
    z-index: 2;
  }
}
@media all and (max-width: 600px) {
  .content__dark__board {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__dark__board::before {
    z-index: 0;
  }
  .content__dark__board--ver .content__full__width__autoheight --img {
    height: 120vh;
  }
  .content__dark__board--ite {
    grid-template-columns: 100%;
    height: auto;
  }
  .content__dark__board--ite .content__dark__board--vid {
    height: 80vh;
    z-index: 3;
  }
  .content__dark__board--ite .content__dark__board--img {
    height: 60vh;
    z-index: 3;
  }
  .content__dark__board--ite .content__dark__board--text {
    background-color: #020a21;
    padding: 52px 30px;
    width: 100%;
  }
  .content__dark__board--ite.inverse .content__dark__board--text {
    grid-row-start: 2;
  }
  .content__dark__board--ite.night .content__dark__board--ite .content__dark__board--text {
    padding: 52px 30px;
    width: 100%;
  }
}

.content__light__board {
  padding-top: 18vh;
  padding-bottom: 12vh;
  position: relative;
  margin-bottom: 120px;
}
.content__light__board::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 1;
}
.content__light__board--ite {
  display: grid !important;
  grid-template-columns: 50% 50%;
  height: 120vh;
  width: 100%;
  overflow: hidden;
  display: block;
}
.content__light__board--vid {
  overflow: hidden;
  position: relative;
}
.content__light__board--vid video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content__light__board--text {
  align-content: center;
  display: grid;
  width: 60%;
  margin: 0 auto;
  width: 100%;
  padding: 0 20%;
}
.content__light__board--img {
  overflow: hidden;
  position: relative;
}
.content__light__board--img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media all and (max-width: 1024px) {
  .content__light__board--text {
    padding: 15%;
    margin: 0 auto;
    padding-right: 15%;
  }
}
@media all and (max-width: 1200px) {
  .content__light__board--ite {
    height: 140vh;
  }
  .content__light__board--ite .content__1--text {
    width: 85%;
  }
}
@media all and (max-width: 1024px) {
  .content__light__board::before {
    left: 28%;
    z-index: 1;
  }
  .content__light__board--ite {
    grid-template-columns: 100%;
    height: auto;
  }
  .content__light__board--ite.inverse .content__light__board--text {
    grid-row-start: 2;
  }
  .content__light__board--vid {
    height: 100vh;
    z-index: 3;
  }
  .content__light__board--img {
    height: 80vh;
    z-index: 3;
  }
  .content__light__board--text {
    margin: 0 auto;
    padding-right: 15%;
    z-index: 2;
  }
}
@media all and (max-width: 600px) {
  .content__light__board {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
  .content__light__board::before {
    z-index: 0;
  }
  .content__light__board--ver .content__full__width__autoheight --img {
    height: 120vh;
  }
  .content__light__board--ite {
    grid-template-columns: 100%;
    height: auto;
  }
  .content__light__board--ite .content__light__board--vid {
    height: 80vh;
    z-index: 3;
  }
  .content__light__board--ite .content__light__board--img {
    height: 60vh;
    z-index: 3;
  }
  .content__light__board--ite .content__light__board--text {
    padding: 52px 30px;
    width: 100%;
  }
  .content__light__board--ite.inverse .content__light__board--text {
    grid-row-start: 2;
  }
  .content__light__board--ite.night .content__light__board--ite .content__light__board--text {
    padding: 52px 30px;
    width: 100%;
  }
}

.content__video {
  color: var(--color-primary);
  min-width: 100%;
  padding: 18vh 2vh 12vh 2vh;
  position: relative;
  margin: 0 auto 120px auto;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content__video::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--color-separators);
  content: "";
  bottom: 0;
  left: 50.01%;
  z-index: 1;
}
.content__video--sou {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.content__video--sou h3 {
  grid-column-start: 2;
  font-size: 3em;
  margin: 38px;
}
.content__video video {
  border-radius: 15px;
  z-index: 2;
  max-width: clamp(300px, 1000px, 96vw);
  aspect-ratio: 16/9;
  font-family: "Petrona", serif;
}
.content__video video .vjs-tech {
  border-radius: 15px;
  background-color: #121012;
}
.content__video video .vjs-control-bar {
  background: none;
  margin: 15px;
  max-width: 950px;
}
.content__video video .vjs-play-progress:before {
  display: none;
}
.content__video video .vjs-play-control {
  border: 1px solid #fff;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  bottom: 7px;
}
.content__video video .vjs-volume-panel {
  position: absolute;
  bottom: 490px;
  left: 900px;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 40px;
  height: 40px;
}
.content__video video .vjs-volume-panel-horizontal.vjs-hover,
.content__video video .vjs-volume-panel-horizontal:active {
  width: 40px !important;
}
.content__video video .vjs-icon-placeholder:before {
  padding-top: 5px !important;
}
.content__video video .vjs-volume-horizontal {
  display: none;
}
.content__video video .vjs-picture-in-picture-control {
  display: none;
}
.content__video video .vjs-fullscreen-control {
  position: absolute;
  bottom: 490px;
  left: 850px;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 40px;
  height: 40px;
}
.content__video video .vjs-remaining-time-display {
  font-family: "Petrona", serif;
}
@media all and (max-width: 1024px) {
  .content__video::before {
    left: 28%;
    z-index: 1;
  }
  .content__video .content__video--sou {
    grid-template-columns: 25% 75%;
    font-size: 0.7em;
  }
}
@media all and (max-width: 850px) {
  .content__video {
    max-width: 700px;
  }
}
@media all and (max-width: 600px) {
  .content__video {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }
}
@media all and (max-width: 450px) {
  .content__video {
    max-width: 400px;
  }
}
.content__video .vjs-fullscreen .vjs-control-bar {
  display: none;
}

.content__video__iframe {
  color: var(--color-primary);
  margin: 0 auto;
  border-radius: 50px;
  padding-bottom: 100px;
  /*
  @include standard__mobile {
    &--iframe {
      width: 400px;
    }
  }*/
}
.content__video__iframe svg path {
  fill: var(--color-primary);
}
.content__video__iframe--title {
  font-family: "Gloock", serif;
  font-size: 1.6em;
  margin: 0 auto 86px auto;
  position: relative;
  display: flex;
  align-items: center;
  max-width: 1000px;
}
.content__video__iframe--title::after {
  position: absolute;
  width: 51%;
  bottom: 0;
  left: -370px;
  height: 2px;
  content: "";
}
.content__video__iframe--play {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 18px;
}
.content__video__iframe--iframe {
  border-radius: 30px;
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
}
.content__video__iframe--iframe iframe {
  width: 1000px;
  aspect-ratio: 16/9;
}
@media all and (max-width: 1024px) {
  .content__video__iframe--iframe {
    width: 100vw;
  }
  .content__video__iframe--iframe iframe {
    width: 100vw;
  }
  .content__video__iframe--title {
    margin-left: 10%;
    margin-bottom: 28px;
  }
}
@media all and (max-width: 600px) {
  .content__video__iframe {
    width: 100%;
  }
  .content__video__iframe--title {
    margin-bottom: 28px;
  }
  .content__video__iframe--play {
    height: 50px;
    width: 50px;
    display: inherit;
  }
  .content__video__iframe--iframe {
    width: 100vw;
  }
  .content__video__iframe--iframe iframe {
    width: 100vw;
  }
}

.credit {
  max-width: 1000px;
  border-top: 0.5px solid var(--color-ternary);
  padding-top: 120px;
  margin: 0 auto;
  margin-bottom: 180px;
  margin-top: 180px;
  padding-right: 15%;
  display: grid;
}
.credit__ite {
  display: flex;
  flex-direction: column;
}
.credit__ite span {
  padding-bottom: 21px;
  line-height: 1.6em;
  font-size: 1.2em;
  font-family: "Gloock", serif;
  color: var(--color-primary);
}
@media all and (max-width: 1200px) {
  .credit {
    max-width: 800px;
  }
}
@media all and (max-width: 1024px) {
  .credit {
    max-width: 700px;
  }
}
@media all and (max-width: 850px) {
  .credit {
    max-width: 100%;
    padding: 0 30px;
    padding-top: 120px;
    margin-bottom: 130px;
  }
}
@media all and (max-width: 600px) {
  .credit {
    grid-template-columns: 100%;
    margin-top: 28px;
    margin-bottom: 120px;
  }
  .credit__ite {
    margin-bottom: 56px;
  }
  .credit__ite span {
    font-size: 1em;
  }
  .credit__ite:last-child {
    margin-bottom: 0px;
  }
}

.related {
  padding-bottom: 180px;
  margin: 0 auto;
  border-top: 0.5px solid var(--color-ternary);
  padding-top: 120px;
}
.related__content {
  max-width: 1200px;
  margin: 0 auto;
}
.related__content .related__tit {
  margin: 0 auto;
  max-width: 1000px;
  padding-bottom: 68px;
  line-height: 1.6em;
  font-size: 1.25em;
  font-family: "Gloock", serif;
  color: var(--color-primary);
}
.related__content .related__box {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}
.related__content .related__box .related__new {
  margin: 0 2.5% 0 2.5%;
  background-color: var(--color-primary-modal);
  padding-bottom: 28px;
  border: 1px solid var(--color-primary-caption);
}
.related__content .related__box .related__new a img {
  margin-bottom: 28px;
  height: 25vh;
  width: 100%;
  object-fit: cover;
}
.related__content .related__box .related__new a h3 {
  font-family: "Petrona", serif;
  font-size: 1.3em;
  padding-left: 28px;
  padding-right: 28px;
}
.related__content .related__box .related__new a .related__stiker {
  font-size: 0.8em;
  font-family: "Open Sans", serif;
  margin-bottom: 10px;
  color: var(--color-secondary);
  padding-left: 28px;
  text-transform: uppercase;
}
@media all and (max-width: 1200px) {
  .related__content {
    max-width: 1000px;
  }
  .related__content .related__tit {
    max-width: 800px;
  }
}
@media all and (max-width: 1024px) {
  .related {
    padding-bottom: 100px;
  }
  .related__content {
    max-width: 100%;
  }
  .related__content .related__tit {
    max-width: 700px;
  }
  .related__content .related__box {
    padding: 0% 5%;
  }
}
@media all and (max-width: 850px) {
  .related {
    padding: 0 30px;
    padding-top: 120px;
    padding-bottom: 64px;
  }
  .related__content {
    max-width: 100%;
  }
  .related__content .related__tit {
    max-width: 100%;
  }
  .related__content .related__box {
    grid-template-columns: 100%;
    padding: 0% 0%;
  }
  .related__content .related__box .related__new {
    margin: 0 0 0 0;
    margin-bottom: 8%;
  }
  .related__content .related__box .related__new a img {
    height: 40vh;
  }
}
@media all and (max-width: 600px) {
  .related {
    padding: 0px 30px;
    padding-bottom: 92px;
    padding-top: 110px;
  }
  .related__content .related__tit {
    padding-bottom: 32px;
  }
  .related__content .related__box .related__new {
    margin-bottom: 10%;
  }
  .related__content .related__box .related__new a img {
    height: 25vh;
  }
}

.branded {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
  max-width: 1000px;
  padding-top: 6vh;
  padding-bottom: 8vh;
  border-top: 0.5px solid var(--color-primary-caption);
}
.branded img {
  height: 70px;
  width: auto;
  margin-right: 20px;
}
.branded .branded__box {
  height: auto;
  display: flex;
  align-items: center;
}
.branded .branded__box p {
  margin: 0 20px;
}
.branded .branded__box a {
  width: auto;
  min-width: 160px;
  padding: 12px 16px;
  margin: 5px;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: var(--color-primary);
  background-color: transparent;
  border-radius: 100px;
  border: 1px solid var(--color-primary);
  transition: all 0.2s;
}
.branded .branded__box a:hover {
  background-color: #9370db;
  border: 1px solid #9370db;
  color: #ffffff;
}
@media all and (max-width: 1024px) {
  .branded {
    max-width: 700px;
  }
}
@media all and (max-width: 850px) {
  .branded {
    max-width: 100%;
    margin-top: 30%;
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media all and (max-width: 600px) {
  .branded {
    align-items: inherit;
  }
  .branded .branded__box {
    flex-direction: column;
    align-items: flex-start;
  }
  .branded .branded__box a {
    margin: 20px 0 0 20px;
  }
}

footer {
  height: 60vh;
  background-color: #020a21;
  border-top: 1px solid var(--color-primary-caption);
  width: 100%;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 86px;
}
@media all and (max-width: 600px) {
  footer div {
    width: 60%;
    text-align: center;
    line-height: 1.8em;
  }
}

/*# sourceMappingURL=style.css.map */