/* 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: 3.2em;
    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 */