@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Petrona:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://db.onlinewebfonts.com/c/103155be9ccbfb4de538da5f436755eb?family=NarzissPro");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
figcaption span,
figcaption em,
figcaption strong,
.double-content__fake-figcaptions-wrapper div p,
.double-content-packed__figcaption p,
.double-content-packed-fullscreen__figcaption p,
.double-content-fullscreen__fake-figcaptions-wrapper div p,
.triple-mixed-content__figcaption p,
.triple-mixed-content-fullscreen__figcaption p,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figcaption span,
figcaption em,
figcaption strong,
.double-content__fake-figcaptions-wrapper div p,
.double-content-packed__figcaption p,
.double-content-packed-fullscreen__figcaption p,
.double-content-fullscreen__fake-figcaptions-wrapper div p,
.triple-mixed-content__figcaption p,
.triple-mixed-content-fullscreen__figcaption p,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block; }

*[hidden] {
  display: none; }

body {
  line-height: 1; }

menu,
ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-size: 18px;
  font-weight: 250; }

body {
  font-family: "Petrona", sans-serif;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Serif Text", serif;
  line-height: 1.2;
  font-weight: 100 !important; }

.sans {
  font-family: "Open Sans", sans-serif; }

strong {
  font-weight: 500; }

:root {
  /* titular y subtítulo, textos, logo magas, créditos, enlaces generales */
  --primary: #f8f8f8; 
  /* h3, color raya índice vertical, subsecciones e iconos con enlaces */
  --secondary: #E8D1B1;
  /* fondo general */
  --background: #170041;
  /* fondo noticias relacionadas */
  --background-secondary: #0f062a;
  /* hover noticias relacionadas y separadores */
  --hover: #280075; 
}


* {
  color: var(--primary);
  box-sizing: border-box; }

body,
html {
  height: 100%;
  background-color: var(--background);
  scroll-behavior: auto !important;
  overscroll-behavior: initial; }

a {
  text-decoration: none;
  font-weight: bold; }

article {
  position: relative;
  overflow-x: hidden;
  min-height: 100vh;
  width: 100%;
  background-color: var(--background);
  z-index: 1; }

  h3, h3 span {
    color: var(--secondary);
  }
.carpet-title,
.count-title,
.night-title,
.awards-title,
.end-title,
.welcome-title {
  display: flex;
  flex-direction: column;
  color: var(--secondary);
  font-size: clamp(2.5rem, 5vw, 5rem) !important;
  line-height: clamp(2.3rem, 4.5vw, 4.5rem) !important;
  letter-spacing: -4px;
  font-family: "NarzissPro", serif !important;
  padding-top: 5rem;
  margin: -5rem 0 5rem 0; }
  .carpet-title span,
  .count-title span,
  .night-title span,
  .awards-title span,
  .end-title span,
  .welcome-title span {
    white-space: nowrap; }
  .carpet-title span:nth-child(2),
  .count-title span:nth-child(2),
  .night-title span:nth-child(2),
  .awards-title span:nth-child(2),
  .end-title span:nth-child(2),
  .welcome-title span:nth-child(2) {
    padding-left: 2vw; }
  .carpet-title span:nth-child(3),
  .count-title span:nth-child(3),
  .night-title span:nth-child(3),
  .awards-title span:nth-child(3),
  .end-title span:nth-child(3),
  .welcome-title span:nth-child(3) {
    padding-left: 4vw; }
  .carpet-title span:nth-child(4),
  .count-title span:nth-child(4),
  .night-title span:nth-child(4),
  .awards-title span:nth-child(4),
  .end-title span:nth-child(4),
  .welcome-title span:nth-child(4) {
    padding-left: 6vw; }
  .carpet-title span:nth-child(5),
  .count-title span:nth-child(5),
  .night-title span:nth-child(5),
  .awards-title span:nth-child(5),
  .end-title span:nth-child(5),
  .welcome-title span:nth-child(5) {
    padding-left: 8vw; }
  .carpet-title span:nth-child(6),
  .count-title span:nth-child(6),
  .night-title span:nth-child(6),
  .awards-title span:nth-child(6),
  .end-title span:nth-child(6),
  .welcome-title span:nth-child(6) {
    padding-left: 10vw; }
  .carpet-title span:nth-child(7),
  .count-title span:nth-child(7),
  .night-title span:nth-child(7),
  .awards-title span:nth-child(7),
  .end-title span:nth-child(7),
  .welcome-title span:nth-child(7) {
    padding-left: 12vw; }

h3.carpet-title span {
  color: var(--primary); }

@media all and (max-width: 900px) {
  .carpet-title span,
  .count-title span,
  .night-title span,
  .awards-title span,
  .end-title span,
  .welcome-title span {
    white-space: normal;
  }
}
  
h3.carpet-title{
      margin-left: 30vw;
    transform: scale(1.5);
    margin-top: 5rem;
    margin-bottom: 15rem;
}
@media all and (max-width: 900px) {
  h3.carpet-title {
    margin-left: 18vw;
  }
}
.event-title {
  color: var(--secondary);
  margin: 0 auto;
  font-size: 3vw !important;
  line-height: 3vw;
  font-family: "NarzissPro", serif;
  margin: 5rem 0; }
  .event-title span {
    letter-spacing: 0;
    font-size: 1.2rem;
    font-weight: bolder;
    display: block;
    color: var(--secondary);
    margin-bottom: 0rem; }
  @media all and (max-width: 900px) {
    .event-title {
      font-size: 10vw !important;
      line-height: 8vw; } }

h4 {
  font-size: 18px; }

p {
  font-size: 1rem;
  line-height: 1.4rem; }

a {
  color: var(--primary);
  font-weight: bolder;
  transition: color 0.2s ease; }

button {
  all: unset;
  cursor: pointer; }

figcaption, figcaption span,
figcaption em,
figcaption strong, .double-content__fake-figcaptions-wrapper div p, .double-content-packed__figcaption p, .double-content-packed-fullscreen__figcaption p, .double-content-fullscreen__fake-figcaptions-wrapper div p, .triple-mixed-content__figcaption p, .triple-mixed-content-fullscreen__figcaption p {
  font-size: 0.6rem;
  font-family: "Open Sans", sans-serif;
  max-width: 90%;
  color: darkgray;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  max-width: 100%;
  padding: 0.5rem 0; }

svg:not(.map svg) {
  fill: var(--primary); }

canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  filter: blur(100px); }

.prod-type {
  font-family: "DM Serif Text", serif;
  font-weight: 100 !important;
  line-height: 1.2; }

.modal {
  position: fixed;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  color: var(--primary);
  z-index: 999;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  font-size: 1rem;
  font-family: "Petrona", sans-serif;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 1.5s, opacity 0.5s ease-in-out;
  background-color: var(--ternary);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); }

.show {
  opacity: 0.8;
  visibility: visible;
  transition: opacity 0.5s ease-in-out; }

.spacer {
  margin-bottom: 5rem;
  width: 100%; }

.negative-spacer {
  margin-bottom: -5rem;
  width: 100%; }

.separator {
  margin: 0 auto;
  border-bottom: 1px solid var(--hover); }

@media (max-width: 900px) {
  .desktop-responsive {
    display: none !important; } }

@media (min-width: 901px) {
  .mobile-responsive {
    display: none !important; } }

.zoom-container {
  overflow: hidden;
  height: 100%;
  width: 100%; }

.grayscale {
  filter: grayscale(100%); }

.non-clickable {
  pointer-events: none; }

figcaption span, .double-content__fake-figcaptions-wrapper div p span, .double-content-packed__figcaption p span, .double-content-packed-fullscreen__figcaption p span, .double-content-fullscreen__fake-figcaptions-wrapper div p span, .triple-mixed-content__figcaption p span, .triple-mixed-content-fullscreen__figcaption p span,
figcaption em,
.double-content__fake-figcaptions-wrapper div p em,
.double-content-packed__figcaption p em,
.double-content-packed-fullscreen__figcaption p em,
.double-content-fullscreen__fake-figcaptions-wrapper div p em,
.triple-mixed-content__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p em,
figcaption strong,
.double-content__fake-figcaptions-wrapper div p strong,
.double-content-packed__figcaption p strong,
.double-content-packed-fullscreen__figcaption p strong,
.double-content-fullscreen__fake-figcaptions-wrapper div p strong,
.triple-mixed-content__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p strong {
  display: inline;
  color: darkgray; }

.crop-video {
  transform: scale(1.02);
  clip-path: inset(1%); }

.crop-video-right {
  transform: scale(1.02);
  clip-path: inset(0% 0% 0% 1%); }

.crop-video-left {
  transform: scale(1.02);
  clip-path: inset(0% 1% 0% 0%); }

.crop-video-top {
  transform: scale(1.02);
  clip-path: inset(1% 0% 0% 0%); }

.crop-video-bottom {
  transform: scale(1.02);
  clip-path: inset(0% 0% 1% 0%); }

.overlapped-top {
  margin-top: -20vh !important;
  z-index: 9999;
  position: relative; }
  @media all and (max-width: 900px) {
    .overlapped-top {
      max-width: 350px !important; } }

@media all and (max-width: 900px) {
  .cruz {
    margin-top: -5vh !important;
    max-width: 250px !important; } }

.overlapped-bottom {
  margin-bottom: -10vh !important;
  z-index: 9999;
  position: relative; }
  @media all and (max-width: 900px) {
    .overlapped-bottom {
      max-width: 350px !important; } }

.italic {
  font-style: italic !important; }

@media all and (max-width: 900px) {
  .figcaption-reverse {
    display: flex;
    flex-direction: column !important; } }

@media all and (max-width: 900px) {
  .second-figcaption-reverse {
    display: flex;
    flex-direction: column-reverse !important;
    margin-bottom: 5rem; } }

.parallax-fake-figcaption {
  max-width: 1080px;
  margin: 0 auto;
  font-size: 0.6rem;
  font-family: "Open Sans", sans-serif;
  color: darkgray;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5rem 0; }
  @media all and (max-width: 1150px) {
    .parallax-fake-figcaption {
      margin: 0 8% 5rem 8%; } }

.post-hero-video {
  position: relative; }
  @media all and (max-width: 900px) {
    .post-hero-video {
      max-width: 80% !important;
      margin-left: 10% !important; } }

.thin-version.hard-upper {
  border: 20px solid; }

@media all and (max-width: 900px) {
  .stop-mobile {
    transform: translate3d(0) !important;
    transform: translate(0) !important;
    transform: translateY(-2rem) !important;
    margin-bottom: 3rem; } }

.theme-toggle {
  transition: all 0.3s; }
  .theme-toggle img {
    height: auto;
    width: 2rem; }
  .theme-toggle:hover {
    transform: scale(1.1); }

.topbar {
  --mouse-x: 0px;
  --mouse-y: 0px;
  position: fixed;
  z-index: 9999;
  top: 0;
  height: 4rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid transparent;
  transition: all 0.5s;
  margin: 0 auto; }
  .topbar ul {
    display: flex;
    max-width: 1080px;
    margin: 0 auto;
    width: 100%; }
    .topbar ul li {
      width: 33.33%; }
  .topbar svg {
    max-width: 5rem;
    max-height: 2rem;
    transition: fill 0.3s; }
  .topbar--brand-logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    justify-content: start;
    transition: opacity 0.5s;
    opacity: 0; }
    .topbar--brand-logo svg {
      width: auto !important;
      height: 2rem;
      padding-bottom: 3px;
      display: none; }
    .topbar--brand-logo a img {
      height: 2rem;
      width: auto;
      display: block; }
      @media all and (max-width: 900px) {
        .topbar--brand-logo a img {
          height: 1.5rem; } }
  .topbar--magas-logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .topbar--magas-logo svg {
      height: 1.5rem; }
    .topbar--magas-logo a {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
  .topbar--share-container {
    display: flex;
    justify-content: end;
    align-items: center;
    transition: fill 0.3s, opacity 0.5s;
    opacity: 0; }
    .topbar--share-container svg:hover {
      fill: var(--secondary); }
    .topbar--share-container .share-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 12rem;
      height: 2.2rem;
      justify-content: center;
      border: 1px solid none;
      gap: 1rem;
      font-family: "DM Serif Text", serif;
      font-size: 0.8rem;
      transition: all 0.3s;
      overflow: hidden; }
      .topbar--share-container .share-container .line {
        width: 100%;
        height: 1px;
        background-color: var(--primary); }
      .topbar--share-container .share-container ul {
        gap: 0.5rem; }
        .topbar--share-container .share-container ul li {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .topbar--share-container .share-container ul li svg {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            max-width: 1rem !important; }
        .topbar--share-container .share-container ul .instagram svg {
          transform: scale(1.15); }
        .topbar--share-container .share-container ul .share svg {
          transform: scale(0.9); }
  .topbar .share-mobile {
    display: none; }
  @media all and (max-width: 1180px) {
    .topbar--share-container .share-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 1rem;
      padding: 0;
      border: none; }
      .topbar--share-container .share-container .line {
        width: 0; }
      .topbar--share-container .share-container ul,
      .topbar--share-container .share-container ul li,
      .topbar--share-container .share-container span,
      .topbar--share-container .share-container .line {
        display: none; }
      .topbar--share-container .share-container .share-mobile {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        border-radius: 50%; }
        .topbar--share-container .share-container .share-mobile svg {
          fill: var(--primary); } }
  @media all and (max-width: 900px) {
    .topbar {
      padding: 0 8%; }
      .topbar svg,
      .topbar .topbar--share-container {
        transform: scale(1); } }

.background {
  background: transparent;
  backdrop-filter: blur(0px); }

.color {
  filter: invert(100%) brightness(150%); }

.topbar--container {
  max-width: 1100px !important; }

.hero {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 100vh; }
  @media all and (max-width: 900px) {
    .hero {
      margin-bottom: 0; } }
  .hero__title {
    z-index: 1;
    text-align: center; }
    .hero__title .hero__title--svg {
      width: 100vw;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: absolute;
      inset: 0; }
      .hero__title .hero__title--svg svg {
        width: 100%; }
        @media all and (max-width: 900px) {
          .hero__title .hero__title--svg svg {
            min-width: 55%; } }
    .hero__title .scroll-down-svg {
      transition: all 0.3s ease-in-out;
      opacity: 0;
      width: 2rem;
      stroke: transparent;
      animation: blink182 1.5s infinite 2.3s;
      transform: translateY(100px);
      margin-top: -2rem; }
@keyframes blink182 {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }
    .hero__title--content {
      padding: 1rem;
      opacity: 0; }
      @media all and (max-width: 900px) {
        .hero__title--content {
          margin-top: -3rem; } }
      .hero__title--content * {
        font-family: "NarzissPro", serif !important; }
      .hero__title--content h1 {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        font-size: 4.3rem;
        line-height: 3.8rem;
        letter-spacing: -4px;
        color: var(--primary);
        text-wrap: balance; }
        @media (max-width: 1150px) {
          .hero__title--content h1 {
            font-size: 3.5rem;
            line-height: 3rem; } }
        @media (max-width: 900px) {
          .hero__title--content h1 {
            font-size: 3.5rem;
            line-height: 2.8rem; } }
        @media (max-width: 600px) {
          .hero__title--content h1 {
            font-size: 2.1rem;
            line-height: 1.8rem;
            letter-spacing: 0;
            width: 80%;
            margin-bottom: 1rem;
            text-wrap: balance; } }
      .hero__title--content h2 {
        width: 45%;
        margin: 0 auto;
        font-size: 1.2rem;
        line-height: 1.2rem;
        margin-top: 2rem;
        text-wrap: pretty;
        font-family: "Petrona", serif !important;
        font-weight: 250 !important; }
        @media all and (max-width: 900px) {
          .hero__title--content h2 {
            width: 80%;
            font-size: 0.9rem;
            line-height: 0.7rem;
            margin-top: 1rem; } }
      .hero__title--content h3 {
        width: 100%;
        padding: 0 8rem;
        font-size: 1.5vw;
        text-align: center;
        color: white;
        margin-top: 2rem; }
  .hero__background {
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0; }
    .hero__background::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 102%;
      background: linear-gradient(to bottom, #4a050142 60%, var(--background)); }
    .hero__background::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -20rem;
      width: 100%;
      height: 20rem;
      background: linear-gradient(to bottom, var(--background), transparent); }
    .hero__background video {
      display: flex;
      width: 100% !important;
      height: 100%;
      max-height: 100vh !important;
      object-fit: cover; }

.XII-logo path {
  opacity: 0;
  fill: none !important;
  stroke: white !important;
  stroke-width: 1 !important; }

.credits {
  max-width: 1080px;
  margin: 0 auto;
  margin: 5rem auto 5rem auto;
  border-top: 2px solid var(--ternary);
  border-bottom: 2px solid var(--ternary); }
  .credits .main {
    display: flex;
    justify-content: center;
    min-height: max-content;
    min-height: -webkit-max-content; }
    @media all and (max-width: 1150px) {
      .credits .main {
        margin: 0 8%; } }
  .credits__title {
    padding-left: 0 !important;
    font-size: 1.2rem;
    margin-right: 21vw;
    width: 10rem;
    font-family: "DM Serif Text", serif;
    height: 100%;
    padding-top: 2rem; }
  .credits__marquee {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    align-items: start;
    gap: 1rem;
    padding: 2rem 0; }
  .credits div p,
  .credits div a {
    display: block;
    font-size: 1rem;
    color: var(--primary); }
    .credits div p:hover,
    .credits div a:hover {
      color: var(--secondary); }
  .credits div span {
    font-size: 0.8rem;
    font-family: "Open Sans", sans-serif;
    color: var(--primary); }
  @media all and (max-width: 900px) {
    .credits {
      margin-bottom: 2rem;
      margin-top: -1.5rem; }
      .credits .main {
        flex-direction: column;
        align-items: start; }
      .credits__title {
        font-size: 1.2rem;
        padding-top: 1rem; }
      .credits__marquee {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
        align-items: start;
        gap: 0.5rem;
        column-gap: 1rem;
        padding: 1rem 0; } }
  .credits em,
  .credits .italic {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    display: block; }

.credits-one {
  max-width: 1080px;
  margin: 0 auto;
  margin: 5rem auto 5rem auto;
  border-top: 2px solid var(--ternary);
  border-bottom: 2px solid var(--ternary);
  display: flex;
  justify-content: space-between;
  padding: 1rem 0; }
  .credits-one div p,
  .credits-one div a {
    display: block;
    font-size: 1rem;
    color: var(--primary); }
    .credits-one div p:hover,
    .credits-one div a:hover {
      color: var(--secondary); }
  .credits-one div span {
    font-size: 0.8rem;
    font-family: "Open Sans", sans-serif;
    color: var(--primary); }
  @media all and (max-width: 900px) {
    .credits-one {
      margin-bottom: 2rem;
      margin-top: -1.5rem;
      flex-direction: column; } }
  @media all and (max-width: 900px) and (max-width: 1150px) {
    .credits-one {
      margin: 0 8% 5rem 8%; } }
  @media all and (max-width: 900px) {
      .credits-one .main {
        flex-direction: column;
        align-items: start; }
      .credits-one__title {
        font-size: 1.2rem;
        padding-top: 1rem; }
      .credits-one__marquee {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
        align-items: start;
        gap: 0.5rem;
        column-gap: 1rem;
        padding: 1rem 0; } }
  .credits-one em,
  .credits-one .italic {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    display: block; }
  .credits-one .date {
    margin: 0;
    display: flex; }
    @media all and (max-width: 900px) {
      .credits-one .date {
        margin-top: 1rem; } }
    .credits-one .date .modification-date {
      transform: scale(1); }
    .credits-one .date span,
    .credits-one .date p {
      font-family: "Open Sans", sans-serif;
      color: darkgray;
      font-size: 0.8rem; }

.credits-duo {
  max-width: 1080px;
  margin: 0 auto;
  margin: 5rem auto 5rem auto;
  border-top: 2px solid var(--ternary);
  border-bottom: 2px solid var(--ternary); }
  .credits-duo .main {
    display: flex;
    justify-content: center;
    min-height: max-content;
    min-height: -webkit-max-content; }
    @media all and (max-width: 1150px) {
      .credits-duo .main {
        margin: 0 8%; } }
  .credits-duo__title {
    padding-left: 0 !important;
    font-size: 1.2rem;
    margin-right: 21vw;
    width: 10rem;
    font-family: "DM Serif Text", serif;
    height: 100%;
    padding-top: 2rem; }
  .credits-duo__marquee {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(10rem, 1fr));
    align-items: start;
    gap: 1rem;
    padding: 2rem 0; }
  .credits-duo div p,
  .credits-duo div a {
    display: block;
    font-size: 1rem;
    color: var(--primary); }
    .credits-duo div p:hover,
    .credits-duo div a:hover {
      color: var(--secondary); }
  .credits-duo div span {
    font-size: 0.8rem;
    font-family: "Open Sans", sans-serif;
    color: var(--primary); }
  @media all and (max-width: 900px) {
    .credits-duo {
      margin-bottom: 2rem;
      margin-top: -1.5rem; }
      .credits-duo .main {
        flex-direction: column;
        align-items: start; }
      .credits-duo__title {
        font-size: 1.2rem;
        padding-top: 1rem; }
      .credits-duo__marquee {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
        align-items: start;
        gap: 0.5rem;
        column-gap: 1rem;
        padding: 1rem 0; } }
  .credits-duo em,
  .credits-duo .italic {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    display: block; }

.credits-extended {
  max-width: 1080px;
  margin: 0 auto;
  margin: 10rem auto 0rem auto;
  border-top: 2px solid var(--hover); }
  .credits-extended .main {
    display: flex;
    justify-content: center;
    min-height: max-content;
    min-height: -webkit-max-content; }
    @media all and (max-width: 1150px) {
      .credits-extended .main {
        margin: 0 8%; } }
  .credits-extended .credits__title {
    padding-left: 0 !important;
    font-size: 1.2rem;
    margin-right: 21vw;
    width: 10rem;
    font-family: "DM Serif Text", serif;
    height: 100%;
    padding-top: 5rem; }
  .credits-extended .credits__marquee {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    align-items: start;
    gap: 1rem;
    padding: 5rem 0 5rem 0; }
  .credits-extended div p,
  .credits-extended div a {
    display: block;
    font-size: 1rem;
    color: var(--primary);
    font-family: "DM Serif Text", serif; }
    .credits-extended div p:hover,
    .credits-extended div a:hover {
      color: var(--secondary); }
  .credits-extended div span {
    font-size: 0.8rem;
    font-family: "Open Sans", sans-serif;
    color: var(--primary); }
  @media all and (max-width: 900px) {
    .credits-extended .main {
      flex-direction: column;
      align-items: start; }
    .credits-extended .credits__title {
      font-size: 1.2rem;
      margin: 1rem 0;
      padding-top: 3rem; }
    .credits-extended .credits__marquee {
      display: grid;
      width: 100%;
      grid-template-columns: 1fr 1fr;
      align-items: start;
      gap: 1rem;
      padding: 2rem 0 5rem 0; } }
  .credits-extended em,
  .credits-extended .italic {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    display: block; }

.credits-animated {
  max-width: 1080px;
  margin: 0 auto;
  margin: 5rem auto 5rem auto;
  border-top: 2px solid var(--ternary);
  border-bottom: 2px solid var(--ternary); }
  .credits-animated .main {
    height: 10rem;
    display: flex;
    overflow: hidden; }
    @media all and (max-width: 1150px) {
      .credits-animated .main {
        margin: 0 8%; } }
  .credits-animated div p,
  .credits-animated div a {
    display: block;
    font-size: 1rem;
    color: var(--primary); }
    .credits-animated div p:hover,
    .credits-animated div a:hover {
      color: var(--secondary); }
  .credits-animated div span {
    font-size: 0.8rem;
    font-family: "Open Sans", sans-serif;
    color: var(--primary); }
  .credits-animated__title {
    position: relative;
    padding: 0 3rem 0 0 !important;
    font-size: 1.2rem;
    width: 10rem;
    margin-right: 1rem;
    background-color: var(--background);
    z-index: 999;
    font-family: "DM Serif Text", serif;
    display: flex;
    align-items: center; }
    .credits-animated__title:after {
      position: absolute;
      content: "";
      left: 100%;
      height: 100%;
      width: 5rem;
      background: linear-gradient(to right, var(--background), transparent); }
  .credits-animated__marquee {
    display: flex;
    width: -webkit-max-content;
    width: max-content; }
    .credits-animated__marquee div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      flex-shrink: 0;
      height: 100%;
      padding: 0 1.5rem;
      white-space: nowrap; }
      @media all and (max-width: 900px) {
        .credits-animated__marquee div {
          padding: 0 1rem; } }
      @media all and (max-width: 450px) {
        .credits-animated__marquee div {
          padding: 0 0.5rem; } }
      .credits-animated__marquee div p {
        font-size: 1rem;
        color: var(--primary);
        font-family: "DM Serif Text", serif; }
      .credits-animated__marquee div span {
        font-size: 0.8rem;
        font-family: "Open Sans", sans-serif;
        color: var(--primary); }
  @media all and (max-width: 900px) {
    .credits-animated .main {
      flex-direction: column;
      justify-content: center;
      height: -webkit-max-content;
      height: max-content; }
    .credits-animated__title {
      width: min-content;
      width: -webkit-min-content;
      height: 5rem; }
    .credits-animated__marquee {
      min-height: 5rem; } }
  .credits-animated em,
  .credits-animated .italic {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    display: block; }

.date {
  max-width: 1080px;
  margin: 0 auto;
  margin-top: 0rem;
  margin-bottom: 5rem;
  gap: 2rem; }
  @media all and (max-width: 1150px) {
    .date {
      margin: 0 8% 5rem 8%; } }
  .date span,
  .date p {
    font-family: "Open Sans", sans-serif;
    color: darkgray;
    font-size: 0.8rem; }
  .date .modification-date {
    transform: scale(0); }

.footer {
  --mouse-x: 0px;
  --mouse-y: 0px;
  margin: 0 auto;
  background: #000;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  z-index: 0; }
  .footer:hover::before {
    opacity: 1; }
  .footer * {
    color: #f8f8f8;
    font-weight: lighter;
    text-align: center; }
  .footer svg {
    fill: #f8f8f8 !important; }
  .footer a {
    width: 1rem;
    height: 1rem;
    z-index: 999; }
  .footer__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Petrona", sans-serif;
    font-size: 1.5rem;
    font-weight: 100; }
    .footer__logo svg {
      display: flex;
      height: 1.3rem;
      width: -webkit-min-content;
      width: min-content;
      max-width: 5rem;
      margin: 0 0.3rem; }
  .footer__branded {
    align-items: center;
    justify-content: center;
    text-align: center; }
    .footer__branded p {
      color: darkgray;
      font-family: "Petrona", sans-serif;
      margin-top: -1rem; }
    .footer__branded svg {
      display: flex;
      width: 7rem;
      padding: 1rem 0; }
  .footer__social {
    font-family: "Petrona", sans-serif; }
    .footer__social ul {
      display: flex;
      gap: 1rem; }
    .footer__social svg {
      height: 1.5rem;
      width: 1.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: fill 0.3s; }
      .footer__social svg:hover {
        fill: var(--secondary) !important; }
    .footer__social--tik-tok svg {
      transform: scale(0.9) translateX(-0.5rem); }
    .footer__social--twitter svg {
      transform: scale(0.8) translateX(0.2rem); }
    .footer__social--instagram svg {
      transform: scale(0.9); }
  .footer address {
    font-family: "Petrona", sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    color: darkgray;
    text-transform: uppercase; }
  @media all and (max-width: 900px) {
    .footer__logo p {
      font-size: 0.9rem; }
    .footer address {
      font-size: 0.8rem;
      padding: 0 1rem; } }

.double-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem; }
  .double-content .main {
    display: flex; }
    .double-content .main figure {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative;
      margin-right: -1px;
      width: 50%; }
      .double-content .main figure img,
      .double-content .main figure video {
        width: 100%;
        object-fit: cover;
        display: block; }
    .double-content .main figcaption, .double-content .main figcaption span, figcaption .double-content .main span,
    .double-content .main figcaption em,
    figcaption .double-content .main em,
    .double-content .main figcaption strong,
    figcaption .double-content .main strong, .double-content .main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content .main p, .double-content .main .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content .main p, .double-content .main .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content .main p, .double-content .main .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content .main p, .double-content .main .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content .main p, .double-content .main .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content .main p {
      text-align: center;
      padding: 0.5rem 1rem;
      text-wrap: pretty;
      transition: all 0.3s; }
  .double-content__fake-figcaptions-wrapper div {
    display: grid;
    grid-column: 2 / 8;
    grid-template-columns: 1fr 1fr;
    height: 2rem;
    width: 100%; }
    .double-content__fake-figcaptions-wrapper div p {
      margin-top: 0.5rem; }
  @media all and (max-width: 900px) {
    .double-content__fake-figcaptions-wrapper {
      display: none; }
    .double-content figcaption, .double-content figcaption span, figcaption .double-content span,
    .double-content figcaption em,
    figcaption .double-content em,
    .double-content figcaption strong,
    figcaption .double-content strong, .double-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content p, .double-content .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content p, .double-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content p, .double-content .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content p, .double-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content p, .double-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content p {
      display: flex !important;
      justify-content: center !important; }
    .double-content figure:first-of-type {
      flex-direction: column-reverse; }
    .double-content .main {
      flex-direction: column; }
      .double-content .main figure {
        width: 100%; } }

.double-content-packed {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem; }
  .double-content-packed .main {
    display: flex; }
    .double-content-packed .main figure {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative;
      margin-right: -1px;
      width: 50%; }
      .double-content-packed .main figure img,
      .double-content-packed .main figure video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .double-content-packed .main figure figcaption, .double-content-packed .main figure figcaption span, figcaption .double-content-packed .main figure span,
      .double-content-packed .main figure figcaption em,
      figcaption .double-content-packed .main figure em,
      .double-content-packed .main figure figcaption strong,
      figcaption .double-content-packed .main figure strong, .double-content-packed .main figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-packed .main figure p, .double-content-packed .main figure .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-packed .main figure p, .double-content-packed .main figure .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-packed .main figure p, .double-content-packed .main figure .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-packed .main figure p, .double-content-packed .main figure .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-packed .main figure p, .double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-packed .main figure p {
        display: none;
        padding: 0.5rem 0; }
  .double-content-packed__figcaption p {
    margin-top: 0.5rem;
    transition: all 0.3s; }
  @media all and (max-width: 900px) {
    .double-content-packed .main {
      flex-direction: column; }
      .double-content-packed .main figure {
        width: 100%; } }

.double-content-packed-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem; }
  .double-content-packed-fullscreen .main {
    display: flex; }
    .double-content-packed-fullscreen .main figure {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative;
      margin-right: -1px;
      width: 50%; }
      .double-content-packed-fullscreen .main figure img,
      .double-content-packed-fullscreen .main figure video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .double-content-packed-fullscreen .main figure figcaption, .double-content-packed-fullscreen .main figure figcaption span, figcaption .double-content-packed-fullscreen .main figure span,
      .double-content-packed-fullscreen .main figure figcaption em,
      figcaption .double-content-packed-fullscreen .main figure em,
      .double-content-packed-fullscreen .main figure figcaption strong,
      figcaption .double-content-packed-fullscreen .main figure strong, .double-content-packed-fullscreen .main figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-packed-fullscreen .main figure p, .double-content-packed-fullscreen .main figure .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-packed-fullscreen .main figure p, .double-content-packed-fullscreen .main figure .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-packed-fullscreen .main figure p, .double-content-packed-fullscreen .main figure .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-packed-fullscreen .main figure p, .double-content-packed-fullscreen .main figure .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-packed-fullscreen .main figure p, .double-content-packed-fullscreen .main figure .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-packed-fullscreen .main figure p {
        display: none;
        padding: 0.5rem 0; }
  .double-content-packed-fullscreen__figcaption {
    max-width: 1080px;
    margin: 0 auto; }
    .double-content-packed-fullscreen__figcaption p {
      margin-top: 0.5rem;
      transition: all 0.3s; }
  @media all and (max-width: 900px) {
    .double-content-packed-fullscreen .main {
      flex-direction: column; }
      .double-content-packed-fullscreen .main figure {
        width: 100%; } }

.double-content-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem; }
  .double-content-fullscreen .main {
    display: flex; }
    .double-content-fullscreen .main figure {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative;
      margin-right: -1px;
      width: 50%; }
      .double-content-fullscreen .main figure img,
      .double-content-fullscreen .main figure video {
        width: 100%;
        object-fit: cover;
        display: block; }
    .double-content-fullscreen .main figcaption, .double-content-fullscreen .main figcaption span, figcaption .double-content-fullscreen .main span,
    .double-content-fullscreen .main figcaption em,
    figcaption .double-content-fullscreen .main em,
    .double-content-fullscreen .main figcaption strong,
    figcaption .double-content-fullscreen .main strong, .double-content-fullscreen .main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-fullscreen .main p, .double-content-fullscreen .main .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-fullscreen .main p, .double-content-fullscreen .main .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-fullscreen .main p, .double-content-fullscreen .main .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-fullscreen .main p, .double-content-fullscreen .main .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-fullscreen .main p, .double-content-fullscreen .main .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main p {
      text-align: center;
      padding: 0.5rem 0;
      transition: all 0.3s; }
  .double-content-fullscreen__fake-figcaptions-wrapper div {
    display: grid;
    grid-column: 2 / 8;
    grid-template-columns: 1fr 1fr;
    height: 2rem;
    width: 100%; }
    .double-content-fullscreen__fake-figcaptions-wrapper div p {
      margin-top: 0.5rem; }
  @media all and (max-width: 900px) {
    .double-content-fullscreen__fake-figcaptions-wrapper {
      display: none; }
    .double-content-fullscreen figcaption, .double-content-fullscreen figcaption span, figcaption .double-content-fullscreen span,
    .double-content-fullscreen figcaption em,
    figcaption .double-content-fullscreen em,
    .double-content-fullscreen figcaption strong,
    figcaption .double-content-fullscreen strong, .double-content-fullscreen .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-fullscreen p, .double-content-fullscreen .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-fullscreen p, .double-content-fullscreen .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-fullscreen p, .double-content-fullscreen .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-fullscreen p, .double-content-fullscreen .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-fullscreen p, .double-content-fullscreen .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-fullscreen p {
      display: flex !important;
      justify-content: center; }
    .double-content-fullscreen figure:first-of-type {
      flex-direction: column-reverse; }
    .double-content-fullscreen .main {
      flex-direction: column; }
      .double-content-fullscreen .main figure {
        width: 100%; } }

.double-content-vertical {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem; }
  .double-content-vertical .main {
    display: flex;
    flex-direction: column; }
    .double-content-vertical .main figure {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative;
      margin-right: -1px; }
      .double-content-vertical .main figure img {
        width: 100%;
        object-fit: cover; }
    .double-content-vertical .main .zoom-in {
      width: 100%;
      height: 100%; }
    .double-content-vertical .main figcaption, .double-content-vertical .main figcaption span, figcaption .double-content-vertical .main span,
    .double-content-vertical .main figcaption em,
    figcaption .double-content-vertical .main em,
    .double-content-vertical .main figcaption strong,
    figcaption .double-content-vertical .main strong, .double-content-vertical .main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-vertical .main p, .double-content-vertical .main .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-vertical .main p, .double-content-vertical .main .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-vertical .main p, .double-content-vertical .main .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-vertical .main p, .double-content-vertical .main .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-vertical .main p, .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p {
      max-width: 1080px;
      margin: 0 auto;
      width: 100%;
      padding: 0.5rem 0;
      transition: 0.3s all; }
      @media screen and (max-width: 1150px) {
        .double-content-vertical .main figcaption, .double-content-vertical .main figcaption span, figcaption .double-content-vertical .main span,
        .double-content-vertical .main figcaption em,
        figcaption .double-content-vertical .main em,
        .double-content-vertical .main figcaption strong,
        figcaption .double-content-vertical .main strong, .double-content-vertical .main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-vertical .main p, .double-content-vertical .main .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-vertical .main p, .double-content-vertical .main .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-vertical .main p, .double-content-vertical .main .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-vertical .main p, .double-content-vertical .main .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-vertical .main p, .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p {
          width: auto; } }
      @media all and (max-width: 1150px) {
        .double-content-vertical .main figcaption, .double-content-vertical .main figcaption span, figcaption .double-content-vertical .main span,
        .double-content-vertical .main figcaption em,
        figcaption .double-content-vertical .main em,
        .double-content-vertical .main figcaption strong,
        figcaption .double-content-vertical .main strong, .double-content-vertical .main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-vertical .main p, .double-content-vertical .main .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-vertical .main p, .double-content-vertical .main .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-vertical .main p, .double-content-vertical .main .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-vertical .main p, .double-content-vertical .main .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-vertical .main p, .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p {
          margin: 0 8%; } }

.double-content-vertical-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem; }
  .double-content-vertical-fullscreen .main {
    display: flex;
    flex-direction: column; }
    .double-content-vertical-fullscreen .main figure {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative;
      margin-right: -1px; }
      .double-content-vertical-fullscreen .main figure img {
        width: 100%;
        object-fit: cover; }
    .double-content-vertical-fullscreen .main figcaption, .double-content-vertical-fullscreen .main figcaption span, figcaption .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main figcaption em,
    figcaption .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main figcaption strong,
    figcaption .double-content-vertical-fullscreen .main strong, .double-content-vertical-fullscreen .main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p {
      max-width: 1080px;
      margin: 0 auto;
      width: 100%;
      padding: 0.5rem 0;
      transition: 0.3s all; }
      @media screen and (max-width: 1150px) {
        .double-content-vertical-fullscreen .main figcaption, .double-content-vertical-fullscreen .main figcaption span, figcaption .double-content-vertical-fullscreen .main span,
        .double-content-vertical-fullscreen .main figcaption em,
        figcaption .double-content-vertical-fullscreen .main em,
        .double-content-vertical-fullscreen .main figcaption strong,
        figcaption .double-content-vertical-fullscreen .main strong, .double-content-vertical-fullscreen .main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p {
          width: auto; } }
      @media all and (max-width: 1150px) {
        .double-content-vertical-fullscreen .main figcaption, .double-content-vertical-fullscreen .main figcaption span, figcaption .double-content-vertical-fullscreen .main span,
        .double-content-vertical-fullscreen .main figcaption em,
        figcaption .double-content-vertical-fullscreen .main em,
        .double-content-vertical-fullscreen .main figcaption strong,
        figcaption .double-content-vertical-fullscreen .main strong, .double-content-vertical-fullscreen .main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p, .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p {
          margin: 0 8%; } }

.double-content-zigzag.awards-version .first-figure {
  width: 95%;
  margin-left: 5%; }
.double-content-zigzag.awards-version .second-figure {
  width: 95%;
  margin-top: 60%;
  margin-left: 0%; }
  .double-content-zigzag.awards-version .second-figure img,
  .double-content-zigzag.awards-version .second-figure video {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.double-content-zigzag.thin-version .first-figure {
  width: 110%; }
.double-content-zigzag.thin-version .second-figure {
  width: 110%;
  margin-left: -10%; }
  .double-content-zigzag.thin-version .second-figure img,
  .double-content-zigzag.thin-version .second-figure video {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.double-content-zigzag {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative; }
  @media all and (max-width: 1150px) {
    .double-content-zigzag {
      margin: 0 8%; } }
  .double-content-zigzag .first-figure {
    z-index: 1;
    height: fit-content;
    width: 150%; }
    .double-content-zigzag .first-figure img,
    .double-content-zigzag .first-figure video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .double-content-zigzag .second-figure {
    z-index: 10;
    margin-top: 125%;
    height: fit-content;
    width: 150%;
    margin-left: -50%; }
    .double-content-zigzag .second-figure img,
    .double-content-zigzag .second-figure video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .double-content-zigzag figcaption, .double-content-zigzag figcaption span, figcaption .double-content-zigzag span,
  .double-content-zigzag figcaption em,
  figcaption .double-content-zigzag em,
  .double-content-zigzag figcaption strong,
  figcaption .double-content-zigzag strong, .double-content-zigzag .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-zigzag p, .double-content-zigzag .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-zigzag p, .double-content-zigzag .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-zigzag p, .double-content-zigzag .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .double-content-zigzag p, .double-content-zigzag .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-zigzag p, .double-content-zigzag .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-zigzag p {
    padding: 0.5rem 0; }

.single-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem; }
  .single-content figure {
    width: 100%; }
    .single-content figure img,
    .single-content figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .single-content figure figcaption, .single-content figure figcaption span, figcaption .single-content figure span,
    .single-content figure figcaption em,
    figcaption .single-content figure em,
    .single-content figure figcaption strong,
    figcaption .single-content figure strong, .single-content figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content figure p, .single-content figure .double-content-packed__figcaption p, .double-content-packed__figcaption .single-content figure p, .single-content figure .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .single-content figure p, .single-content figure .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .single-content figure p, .single-content figure .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .single-content figure p, .single-content figure .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .single-content figure p {
      padding: 0.5rem 0;
      transition: 0.3s all; }
      @media all and (max-width: 1150px) {
        .single-content figure figcaption, .single-content figure figcaption span, figcaption .single-content figure span,
        .single-content figure figcaption em,
        figcaption .single-content figure em,
        .single-content figure figcaption strong,
        figcaption .single-content figure strong, .single-content figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content figure p, .single-content figure .double-content-packed__figcaption p, .double-content-packed__figcaption .single-content figure p, .single-content figure .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .single-content figure p, .single-content figure .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .single-content figure p, .single-content figure .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .single-content figure p, .single-content figure .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .single-content figure p {
          margin-left: 8%; } }
  @media all and (max-width: 900px) {
    .single-content figcaption, .single-content figcaption span, figcaption .single-content span,
    .single-content figcaption em,
    figcaption .single-content em,
    .single-content figcaption strong,
    figcaption .single-content strong, .single-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content p, .single-content .double-content-packed__figcaption p, .double-content-packed__figcaption .single-content p, .single-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .single-content p, .single-content .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .single-content p, .single-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .single-content p, .single-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .single-content p {
      width: 85% !important; } }

.single-content-centered {
  max-width: 640px;
  margin: 0 auto;
  margin-bottom: 5rem; }
  .single-content-centered figure {
    width: 100%; }
    .single-content-centered figure img,
    .single-content-centered figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .single-content-centered figure figcaption, .single-content-centered figure figcaption span, figcaption .single-content-centered figure span,
    .single-content-centered figure figcaption em,
    figcaption .single-content-centered figure em,
    .single-content-centered figure figcaption strong,
    figcaption .single-content-centered figure strong, .single-content-centered figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content-centered figure p, .single-content-centered figure .double-content-packed__figcaption p, .double-content-packed__figcaption .single-content-centered figure p, .single-content-centered figure .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .single-content-centered figure p, .single-content-centered figure .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .single-content-centered figure p, .single-content-centered figure .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .single-content-centered figure p, .single-content-centered figure .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .single-content-centered figure p {
      padding: 0.5rem 0;
      width: 100%;
      transition: 0.3s all; }

.single-content-grayscale {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  position: relative; }
  .single-content-grayscale figcaption, .single-content-grayscale figcaption span, figcaption .single-content-grayscale span,
  .single-content-grayscale figcaption em,
  figcaption .single-content-grayscale em,
  .single-content-grayscale figcaption strong,
  figcaption .single-content-grayscale strong, .single-content-grayscale .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content-grayscale p, .single-content-grayscale .double-content-packed__figcaption p, .double-content-packed__figcaption .single-content-grayscale p, .single-content-grayscale .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .single-content-grayscale p, .single-content-grayscale .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .single-content-grayscale p, .single-content-grayscale .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .single-content-grayscale p, .single-content-grayscale .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .single-content-grayscale p {
    margin-top: 0.5rem !important; }
    @media all and (max-width: 1150px) {
      .single-content-grayscale figcaption, .single-content-grayscale figcaption span, figcaption .single-content-grayscale span,
      .single-content-grayscale figcaption em,
      figcaption .single-content-grayscale em,
      .single-content-grayscale figcaption strong,
      figcaption .single-content-grayscale strong, .single-content-grayscale .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content-grayscale p, .single-content-grayscale .double-content-packed__figcaption p, .double-content-packed__figcaption .single-content-grayscale p, .single-content-grayscale .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .single-content-grayscale p, .single-content-grayscale .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .single-content-grayscale p, .single-content-grayscale .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .single-content-grayscale p, .single-content-grayscale .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .single-content-grayscale p {
        margin: 0 8%; } }
  .single-content-grayscale figure:not(.absolute) video {
    filter: brightness(120%) grayscale(100%) blur(10px);
    height: auto; }
  .single-content-grayscale figure {
    width: 100%;
    margin: 0 auto; }
    @media all and (max-width: 900px) {
      .single-content-grayscale figure {
        width: 100%; } }
    .single-content-grayscale figure img,
    .single-content-grayscale figure video {
      object-fit: cover;
      width: 100%;
      height: auto; }
  .single-content-grayscale .absolute {
    position: absolute;
    scale: 0.8;
    inset: 0;
    margin: auto;
    translate: 0 -1rem; }

.single-content-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem; }
  .single-content-fullscreen figure {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr; }
    .single-content-fullscreen figure img,
    .single-content-fullscreen figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .single-content-fullscreen figure figcaption, .single-content-fullscreen figure figcaption span, figcaption .single-content-fullscreen figure span,
    .single-content-fullscreen figure figcaption em,
    figcaption .single-content-fullscreen figure em,
    .single-content-fullscreen figure figcaption strong,
    figcaption .single-content-fullscreen figure strong, .single-content-fullscreen figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content-fullscreen figure p, .single-content-fullscreen figure .double-content-packed__figcaption p, .double-content-packed__figcaption .single-content-fullscreen figure p, .single-content-fullscreen figure .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .single-content-fullscreen figure p, .single-content-fullscreen figure .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .single-content-fullscreen figure p, .single-content-fullscreen figure .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .single-content-fullscreen figure p, .single-content-fullscreen figure .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .single-content-fullscreen figure p {
      max-width: 1080px;
      margin: 0 auto;
      padding: 0.5rem 0;
      width: 100%;
      transition: 0.3s all; }

.related {
  all: unset;
  cursor: pointer;
  background: var(--ternary);
  width: 50%;
  min-height: fit-content;
  min-height: -webkit-fit-content;
  height: 5rem;
  display: flex;
  margin: 1rem 0 2rem 0;
  overflow: hidden;
  transition: background 0.3s; }
  .related picture {
    width: 50%;
    min-width: 7rem;
    overflow: hidden; }
  .related img {
    aspect-ratio: 4/3;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s;
    transform: scale(1.05); }
  .related:hover {
    background: var(--hover); }
    .related:hover img {
      transform: scale(1); }
  .related div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .related p {
    z-index: 1;
    padding: 0 2rem;
    font-family: "DM Serif Text", serif;
    line-height: 1.2rem;
    font-size: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden; }
  @media (width <= 1200px) {
    .related p {
      line-height: 1rem;
      font-size: 0.9rem;
      padding: 0 1.5rem; } }
  @media all and (max-width: 900px) {
    .related {
      width: 100%; } }
  @media all and (max-width: 450px) {
    .related picture {
      min-width: 5rem; }
    .related p {
      padding: 0 0.8rem;
      font-size: 0.8rem; } }

:root {
  --color-action: var(--secondary);
  --progressbar-value: 0; }

.video-fullscreen {
  margin: 0 auto;
  margin-top: 15rem;
  margin-bottom: 5rem; }
  .video-fullscreen .player {
    color: #fff;
    font-size: 0.8rem;
    transition: all 0.3s;
    position: relative; }
    .video-fullscreen .player button {
      color: inherit;
      border: 0;
      background: none;
      cursor: pointer; }
    .video-fullscreen .player input:focus,
    .video-fullscreen .player button:focus {
      outline: 0; }
    .video-fullscreen .player__volume {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 50%;
      transform: translate(-50%, -200%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      border: 2px solid var(--ternary);
      border-radius: 50%;
      aspect-ratio: 1/1;
      font-family: "DM Serif Text", serif;
      font-weight: lighter; }
@keyframes firstSoundwaveAnimation {
  0% {
    stroke: var(--secondary); }
  25% {
    stroke: var(--primary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--secondary); } }
@keyframes secondSoundwaveAnimation {
  0% {
    stroke: var(--secondary); }
  25% {
    stroke: var(--secondary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--secondary); } }
      .video-fullscreen .player__volume .unmuted svg .bar,
      .video-fullscreen .player__volume .unmuted svg .bar-spacing {
        scale: 0; }
      .video-fullscreen .player__volume .unmuted svg .first-soundwave {
        animation: firstSoundwaveAnimation 2s infinite; }
      .video-fullscreen .player__volume .unmuted svg .second-soundwave {
        animation: secondSoundwaveAnimation 2s infinite; }
      .video-fullscreen .player__volume button {
        display: flex;
        align-items: center;
        justify-content: center; }
        .video-fullscreen .player__volume button svg {
          fill: var(--primary);
          transform: scale(0.8) translateY(2px); }
          .video-fullscreen .player__volume button svg * {
            stroke: var(--primary);
            transition: scale 0.5s; }
          .video-fullscreen .player__volume button svg .bar,
          .video-fullscreen .player__volume button svg .bar-spacing {
            transform-origin: center; }
          .video-fullscreen .player__volume button svg .bar-spacing {
            stroke: var(--button-primary); }
        .video-fullscreen .player__volume button::after {
          content: "";
          width: 2px;
          height: 180%;
          background: var(--ternary);
          position: absolute;
          top: 100%;
          left: 50%;
          transform: translate(-50%);
          border-radius: 50px; }
          @media all and (max-width: 900px) {
            .video-fullscreen .player__volume button::after {
              height: 120%; } }
        .video-fullscreen .player__volume button::before {
          content: "Activa\A el audio";
          white-space: pre;
          line-height: 1rem;
          width: min-content;
          width: -webkit-min-content;
          text-align: center;
          position: absolute;
          font-size: 1rem;
          top: -100%;
          left: 50%;
          transform: translate(-50%); }
    .video-fullscreen .player__video {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      position: relative;
      z-index: 1; }
    .video-fullscreen .player__controls {
      display: flex;
      flex-direction: row-reverse;
      align-items: flex-end;
      width: 100%;
      padding: 2rem;
      position: absolute;
      transform: translateY(-100%);
      transition: all 0.5s;
      opacity: 0;
      gap: 1rem; }
    .video-fullscreen .player:hover .video-fullscreen .player__controls {
      opacity: 1;
      transition: all 0.5s; }
    .video-fullscreen .player__progress {
      display: flex;
      align-items: center;
      height: 2px;
      background: rgba(255, 255, 255, 0.4);
      width: 100%;
      transition: height 300ms;
      position: absolute;
      bottom: 2px;
      left: 0;
      z-index: 1;
      cursor: pointer;
      overflow: visible; }
      .video-fullscreen .player__progress:before {
        content: "";
        background: var(--color-action);
        background-color: var(--ternary);
        width: var(--progressbar-value);
        height: 300%;
        display: block;
        transition: width 500ms; }
      .video-fullscreen .player__progress:hover {
        height: 4px; }
  @media all and (max-width: 900px) {
    .video-fullscreen {
      margin-top: 15rem; }
      .video-fullscreen .player__range:hover .player__range-input {
        max-width: 50px;
        width: auto;
        overflow: visible;
        visibility: visible; }
      .video-fullscreen .player__controls--right .player__button {
        display: none; }
      .video-fullscreen .player .player__play-pause {
        gap: 1.5rem; }
      .video-fullscreen .player__progress {
        height: 4px; }
      .video-fullscreen .player__volume {
        transform: translate(-50%, -200%);
        width: 3rem; }
        .video-fullscreen .player__volume button:after {
          height: 150%; }
        .video-fullscreen .player__volume button:before {
          top: -100%; } }

.vimeo-video {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem; }
  .vimeo-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.text {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem; }
  @media all and (max-width: 1150px) {
    .text {
      margin: 0 8% 5rem 8%; } }
  .text .line {
    height: 0.5rem;
    width: 30%;
    background: var(--primary);
    margin: 2rem 0; }
  .text .first-letter:first-letter {
    font-size: 3rem;
    font-family: "NarzissPro", serif; }
  .text p:not(.related p) {
    margin-bottom: 1rem;
    width: 50%; }
  .text h3.animate-line::after {
    width: 50%; }
  .text .question {
    font-family: "DM Serif Text", serif;
    font-size: 1.1rem;
    margin-top: 2rem; }
  @media all and (max-width: 900px) {
    .text p:not(.related p) {
      width: 100%; } }

.first-letter:not(p) {
  font-size: 3rem;
  font-family: "DM Serif Text", serif;
  margin-right: -0.2rem; }

.quote {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  padding: 2rem 0; }
  @media all and (max-width: 1150px) {
    .quote blockquote {
      margin: 0 8%; } }
  .quote cite {
    font-family: "DM Serif Text", serif;
    font-size: 3rem;
    line-height: 3rem; }
  .quote p {
    margin-top: 2rem;
    font-style: italic; }
  @media all and (max-width: 900px) {
    .quote cite {
      font-size: 2rem;
      line-height: 2rem; } }

.quote-animated {
  max-width: 1080px;
  margin: 5rem auto;
  padding: 2rem 0;
    border-top: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary); }
  @media all and (max-width: 1150px) {
    .quote-animated blockquote {
      margin: 0 8%; } }
  .quote-animated cite {
    font-family: "DM Serif Text", serif;
    font-size: 3rem;
    line-height: 3rem;
    background: none;
    background-image: linear-gradient(pink, pink);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: background-size 3s ease-in; }
  .quote-animated .marked {
    background-size: 100% 100%; }
  .quote-animated p {
    margin-top: 2rem;
    font-style: italic; }
  @media all and (max-width: 900px) {
    .quote-animated cite {
      font-size: 1.5rem;
      line-height: 1.1rem; } }

.quote-animated-portrait {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  display: flex;
  gap: 5%; }
  @media all and (max-width: 900px) {
    .quote-animated-portrait {
      flex-direction: column; } }
  .quote-animated-portrait figure {
    width: 25%; }
    @media all and (max-width: 900px) {
      .quote-animated-portrait figure {
        width: 100%;
        padding: 0 8%;
        border-top: 2px solid var(--ternary);
        padding-top: 2rem; } }
    .quote-animated-portrait figure img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: grayscale(100%); }
  .quote-animated-portrait blockquote {
    padding: 2rem 0;
    border-top: 2px solid var(--ternary);
    border-bottom: 2px solid var(--ternary);
    width: 70%; }
    @media all and (max-width: 900px) {
      .quote-animated-portrait blockquote {
        width: 100%;
        border-top: none;
        margin-top: 2rem; } }
    @media all and (max-width: 1150px) {
      .quote-animated-portrait blockquote {
        padding: 0 8%;
        padding-bottom: 2rem; } }
  .quote-animated-portrait cite {
    font-family: "DM Serif Text", serif;
    font-size: 2.5rem;
    line-height: 2.5rem;
    background: none;
    background-image: linear-gradient(#ba9c53, #ba9c53);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: background-size 3s ease-in; }
    @media all and (max-width: 900px) {
      .quote-animated-portrait cite {
        font-size: 1.5rem !important;
        line-height: 1.5rem !important; } }
  .quote-animated-portrait .marked {
    background-size: 100% 100%; }
  .quote-animated-portrait p {
    margin-top: 2rem;
    font-style: italic; }
  @media all and (max-width: 900px) {
    .quote-animated-portrait cite {
      font-size: 2rem;
      line-height: 2rem; } }

.redirect {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  padding-top: 5rem; }
  @media all and (max-width: 1150px) {
    .redirect {
      margin: 0 8% 5rem 8%; } }
  .redirect h3 {
    margin-bottom: 1rem; }
  .redirect ul {
    display: flex;
    gap: 1rem; }
  .redirect a {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .redirect__news-item {
    background: #0f032a;
    flex: 1 1 0;
    transition: all 0.3s; }
    .redirect__news-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transform: scale(1.05);
      transition: all 0.3s; }
    .redirect__news-item picture {
      overflow: hidden;
      height: 12rem; }
    .redirect__news-item:hover {
      background: var(--hover); }
      .redirect__news-item:hover img {
        transform: scale(1); }
    .redirect__news-item--info {
      padding: 1rem;
      min-height: 8rem;
      overflow: hidden; }
      .redirect__news-item--info strong,
      .redirect__news-item--info h4 {
        font-size: 0.7rem;
        margin-bottom: 0.5rem;
        font-family: "Open Sans", sans-serif;
        text-transform: uppercase;
        font-weight: bold; }
      .redirect__news-item--info h3 {
        font-size: 1.2rem;
        line-height: 1.2rem;
      color: var(--primary); }
      .redirect h3{
        color: var(--primary);
      }
  @media all and (max-width: 900px) {
    .redirect ul {
      flex-direction: column;
      gap: 3rem; }
    .redirect .redirect__news-item--info {
      min-height: auto; } }

.horizontal-scroll {
  max-width: 1080px;
  margin: 0 auto; }
  .horizontal-scroll__gallery {
    display: flex;
    flex-wrap: nowrap; }
  .horizontal-scroll figure {
    position: relative;
    transition: height 0.3s ease-in-out;
    height: 100vh; }
    .horizontal-scroll figure::after {
      content: "";
      position: absolute;
      inset: 0;
      width: 100%;
      height: f;
      background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.5));
      z-index: 999; }
  .horizontal-scroll img,
  .horizontal-scroll video {
    transition: height 0.3s ease-in-out;
    height: 100vh;
    flex-shrink: 0;
    object-fit: cover; }
  .horizontal-scroll img,
  .horizontal-scroll video {
    margin-right: -1px; }
  .horizontal-scroll figcaption, .horizontal-scroll figcaption span, figcaption .horizontal-scroll span,
  .horizontal-scroll figcaption em,
  figcaption .horizontal-scroll em,
  .horizontal-scroll figcaption strong,
  figcaption .horizontal-scroll strong, .horizontal-scroll .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .horizontal-scroll p, .horizontal-scroll .double-content-packed__figcaption p, .double-content-packed__figcaption .horizontal-scroll p, .horizontal-scroll .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .horizontal-scroll p, .horizontal-scroll .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .horizontal-scroll p, .horizontal-scroll .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .horizontal-scroll p, .horizontal-scroll .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .horizontal-scroll p {
    display: none; }

.horizontal-scroll__end--container {
  display: none;
  position: relative;
  filter: invert(100%) grayscale(100%) contrast(150%); }
  @media all and (max-width: 900px) {
    .horizontal-scroll__end--container {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      transform: translateY(-140%); }
      .horizontal-scroll__end--container svg {
        height: 0.5rem;
        margin-bottom: 0.5rem;
        rotate: 90deg;
        animation: blink 2s infinite;
        mix-blend-mode: difference; }
    @keyframes blink {
      0% {
        opacity: 0;
        transform: translateX(5px); }
      50% {
        opacity: 1;
        transform: translateX(-5px); }
      100% {
        opacity: 0;
        transform: translateX(-5px); } } }

.horizontal-scroll__end figcaption, .horizontal-scroll__end figcaption span, figcaption .horizontal-scroll__end span,
.horizontal-scroll__end figcaption em,
figcaption .horizontal-scroll__end em,
.horizontal-scroll__end figcaption strong,
figcaption .horizontal-scroll__end strong, .horizontal-scroll__end .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .horizontal-scroll__end p, .horizontal-scroll__end .double-content-packed__figcaption p, .double-content-packed__figcaption .horizontal-scroll__end p, .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .horizontal-scroll__end p, .horizontal-scroll__end .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .horizontal-scroll__end p, .horizontal-scroll__end .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .horizontal-scroll__end p, .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0.5rem 0;
  margin-bottom: 5rem; }
  @media all and (max-width: 1150px) {
    .horizontal-scroll__end figcaption, .horizontal-scroll__end figcaption span, figcaption .horizontal-scroll__end span,
    .horizontal-scroll__end figcaption em,
    figcaption .horizontal-scroll__end em,
    .horizontal-scroll__end figcaption strong,
    figcaption .horizontal-scroll__end strong, .horizontal-scroll__end .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .horizontal-scroll__end p, .horizontal-scroll__end .double-content-packed__figcaption p, .double-content-packed__figcaption .horizontal-scroll__end p, .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .horizontal-scroll__end p, .horizontal-scroll__end .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .horizontal-scroll__end p, .horizontal-scroll__end .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .horizontal-scroll__end p, .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p {
      margin: 0 8%; } }
  @media all and (max-width: 900px) {
    .horizontal-scroll__end figcaption, .horizontal-scroll__end figcaption span, figcaption .horizontal-scroll__end span,
    .horizontal-scroll__end figcaption em,
    figcaption .horizontal-scroll__end em,
    .horizontal-scroll__end figcaption strong,
    figcaption .horizontal-scroll__end strong, .horizontal-scroll__end .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .horizontal-scroll__end p, .horizontal-scroll__end .double-content-packed__figcaption p, .double-content-packed__figcaption .horizontal-scroll__end p, .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .horizontal-scroll__end p, .horizontal-scroll__end .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .horizontal-scroll__end p, .horizontal-scroll__end .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .horizontal-scroll__end p, .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p {
      margin-top: -2.5rem; } }

.product {
  max-width: 1080px;
  margin: 0 auto;
  color: var(--primary);
  height: 100%; }
  @media all and (max-width: 1150px) {
    .product {
      margin: 0 8%; } }
  .product .single-content-fullscreen,
  .product .double-content-vertical {
    margin: 0; }
  .product__container {
    display: flex;
    width: 100%;
    height: 100%; }
    .product__container > div {
      width: 50%;
      height: 100vh; }
    .product__container .brand-container {
      display: flex;
      align-items: center;
      justify-content: center; }
    .product__container--image {
      height: 85vh !important; }
      .product__container--image img,
      .product__container--image video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .product__container--info {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f2ebe9;
      background: var(--ternary);
      flex-direction: column;
      height: 85vh !important; }
      .product__container--info img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
      .product__container--info .product__container--info-wrapper:nth-child(1) {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 60%;
        padding: 2rem;
        width: 100%; }
      .product__container--info .product__container--info-wrapper:nth-child(2) {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 40%;
        width: 100%; }
      .product__container--info .COA {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%; }
        .product__container--info .COA .brand-container svg,
        .product__container--info .COA .brand-container img {
          padding-top: 1rem;
          margin: 0 auto;
          width: 5rem;
          fill: var(--primary); }
        .product__container--info .COA span {
          margin-top: 1rem;
          font-size: 0.6rem;
          text-transform: uppercase;
          font-family: "Open Sans", sans-serif !important;
          letter-spacing: 3px;
          line-height: 1rem;
          padding: 0 10%;
          font-weight: 100; }
          @media all and (max-width: 900px) {
            .product__container--info .COA span {
              padding: 0 10%; } }
  .product__container--trio > div:nth-child(1) {
    background: var(--background-secondary); }
  .product__container--trio > div:nth-child(2) {
    background: var(--background-ternary); }
  @media all and (max-width: 900px) {
    .product__container--trio {
      flex-direction: column; }
      .product__container--trio > div {
        width: 100%; } }
  .product__container--flattened {
    height: 100%;
    width: 100%; }
    .product__container--flattened .product__container--info {
      all: unset;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      min-height: max-content;
      min-height: -webkit-max-content;
      width: 100%;
      background: var(--background-secondary);
      height: auto !important;
      padding: 2rem 0; }
    .product__container--flattened .product__container--info-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 0 !important;
      height: -webkit-max-content !important;
      height: max-content !important; }
      .product__container--flattened .product__container--info-wrapper img {
        padding: 1rem 0; }
    .product__container--flattened .COA {
      padding: 0; }
    @media all and (max-width: 900px) {
      .product__container--flattened .product__container--info {
        flex-direction: column; }
      .product__container--flattened .product__container--info-wrapper:nth-child(1) {
        padding: 2rem 2rem 0 2rem !important; }
      .product__container--flattened .product__container--info-wrapper:nth-child(2) {
        padding: 0 !important; }
      .product__container--flattened .COA {
        padding: 2rem !important; } }
  @media all and (max-width: 900px) {
    .product .product__container {
      display: flex;
      flex-direction: column; }
      .product .product__container div {
        width: 100%;
        height: -webkit-max-content;
        height: max-content;
        display: flex; }
    .product .product__container-RTL {
      flex-direction: column-reverse; } }

.product-fullscreen {
  margin: 0 auto; }
  .product-fullscreen .single-content-fullscreen,
  .product-fullscreen .double-content-vertical {
    margin: 0; }
  @media all and (max-width: 900px) {
    .product-fullscreen .product__container {
      display: flex;
      flex-direction: column; }
      .product-fullscreen .product__container div {
        width: 100%;
        height: -webkit-max-content;
        height: max-content;
        display: flex; }
    .product-fullscreen .product__container-RTL {
      flex-direction: column-reverse; } }

.product__container--double-cards {
  margin: 0 auto;
  display: flex;
  width: 100%; }
  @media all and (max-width: 900px) {
    .product__container--double-cards {
      flex-direction: column; } }
  .product__container--double-cards .product__container--double-cards__visual {
    width: 50%;
    display: flex;
    max-height: 100vh;
    min-height: 50vh;
    align-items: center;
    justify-content: center; }
    @media all and (max-width: 900px) {
      .product__container--double-cards .product__container--double-cards__visual {
        width: 100%; } }
    .product__container--double-cards .product__container--double-cards__visual img,
    .product__container--double-cards .product__container--double-cards__visual video {
      width: 100%;
      height: 100%;
      min-height: 50vh;
      object-position: center;
      object-fit: cover; }
  .product__container--double-cards .product__container--double-cards__cards {
    display: flex;
    width: 50%;
    flex-direction: column; }
    @media all and (max-width: 900px) {
      .product__container--double-cards .product__container--double-cards__cards {
        width: 100%;
        height: 100%; } }
    .product__container--double-cards .product__container--double-cards__cards--first {
      background: var(--background-secondary);
      height: 50%;
      width: 100%;
      display: flex;
      padding: 0 10%; }
      @media all and (max-width: 900px) {
        .product__container--double-cards .product__container--double-cards__cards--first {
          padding: 0 5%;
          min-height: 50vh;
          flex-direction: column; } }
      .product__container--double-cards .product__container--double-cards__cards--first .img-wrapper {
        height: 100%;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem; }
        .product__container--double-cards .product__container--double-cards__cards--first .img-wrapper img {
          height: 100%;
          object-fit: cover;
          transform: scale(0.8); }
        @media all and (max-width: 900px) {
          .product__container--double-cards .product__container--double-cards__cards--first .img-wrapper {
            width: 100%;
            padding: 0; }
            .product__container--double-cards .product__container--double-cards__cards--first .img-wrapper img {
              transform: scale(0.6);
              margin-bottom: -2rem; } }
      .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        @media all and (max-width: 900px) {
          .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper {
            width: 100%; }
            .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper button {
              transform: scale(0.8); } }
        .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper .brand-container:not(:empty) {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0.5rem 0; }
          .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper .brand-container:not(:empty) svg {
            max-width: 30%;
            max-height: 70%;
            filter: var(--invert); }
          @media all and (max-width: 900px) {
            .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper .brand-container:not(:empty) {
              padding: 0; } }
        .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper span {
          margin-top: 1rem;
          font-size: 0.6rem;
          text-transform: uppercase;
          font-family: "Open Sans", sans-serif !important;
          letter-spacing: 3px;
          line-height: 1rem;
          padding: 0 10%;
          font-weight: 100;
          text-align: center; }
          @media all and (max-width: 900px) {
            .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper span {
              margin-top: 0;
              margin-bottom: 3rem; } }
    .product__container--double-cards .product__container--double-cards__cards--second {
      background: var(--background-ternary);
      height: 50%;
      display: flex;
      padding: 0 10%; }
      @media all and (max-width: 900px) {
        .product__container--double-cards .product__container--double-cards__cards--second {
          padding: 0 5%;
          min-height: 50vh;
          flex-direction: column; } }
      .product__container--double-cards .product__container--double-cards__cards--second .img-wrapper {
        height: 100%;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem; }
        .product__container--double-cards .product__container--double-cards__cards--second .img-wrapper img {
          height: 100%;
          object-fit: cover;
          transform: scale(0.8); }
        @media all and (max-width: 900px) {
          .product__container--double-cards .product__container--double-cards__cards--second .img-wrapper {
            width: 100%;
            padding: 0; }
            .product__container--double-cards .product__container--double-cards__cards--second .img-wrapper img {
              transform: scale(0.6);
              margin-bottom: -2rem; } }
      .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        @media all and (max-width: 900px) {
          .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper {
            width: 100%; }
            .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper button {
              transform: scale(0.8); } }
        .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper .brand-container:not(:empty) {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0.5rem 0; }
          .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper .brand-container:not(:empty) svg {
            max-width: 30%;
            max-height: 70%; }
          @media all and (max-width: 900px) {
            .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper .brand-container:not(:empty) {
              padding: 0; } }
        .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper span {
          margin-top: 1rem;
          font-size: 0.6rem;
          text-transform: uppercase;
          font-family: "Open Sans", sans-serif !important;
          letter-spacing: 3px;
          line-height: 1rem;
          padding: 0 10%;
          font-weight: 100;
          text-align: center; }
          @media all and (max-width: 900px) {
            .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper span {
              margin-top: 0;
              margin-bottom: 3rem; } }

.product__container--six .product__container--trio:nth-of-type(1) .product__container--info:nth-of-type(1) {
  background-color: var(--background-secondary); }
.product__container--six .product__container--trio:nth-of-type(1) .product__container--info:nth-of-type(2) {
  background-color: var(--background-ternary); }
.product__container--six .product__container--trio:nth-of-type(1) .product__container--info:nth-of-type(3) {
  background-color: var(--background-secondary); }
.product__container--six .product__container--trio:nth-of-type(2) .product__container--info:nth-of-type(1) {
  background-color: var(--background-ternary); }
.product__container--six .product__container--trio:nth-of-type(2) .product__container--info:nth-of-type(2) {
  background-color: var(--background-secondary); }
.product__container--six .product__container--trio:nth-of-type(2) .product__container--info:nth-of-type(3) {
  background-color: var(--background-ternary); }

.brand-container svg {
  height: min-content;
  height: -webkit-min-content;
  max-height: 4rem;
  min-width: 8rem;
  fill: var(--primary); }

.btn {
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-around;
  border-radius: 50px;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-family: "DM Serif Text", serif;
  color: var(--button-primary);
  transition: all 0.3s ease;
  min-width: 7rem; }
  .btn svg {
    fill: var(--button-primary);
    width: 100%;
    max-width: 2rem; }
  .btn:hover {
    background: var(--button-hover); }

.btn-light {
  background: var(--button-primary);
  color: var(--primary); }
  .btn-light svg {
    fill: var(--primary); }

.btn-dark {
  background: var(--primary);
  color: var(--button-primary); }
  .btn-dark svg {
    fill: var(--button-primary); }

.acknowledgments {
  margin: 0 auto;
  background: var(--ternary);
  padding: 5rem 0; }
  .acknowledgments p {
    width: 50%; }
  .acknowledgments__container {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 20vh; }
    @media all and (max-width: 1150px) {
      .acknowledgments__container {
        margin: 0 8%; } }
    .acknowledgments__container--title {
      font-size: 1.2rem;
      font-weight: bolder;
      font-family: "DM Serif Text", serif;
      margin-bottom: 1rem; }
  @media all and (max-width: 900px) {
    .acknowledgments p {
      width: 100%; } }

.acknowledgments-tree {
  margin: 0 auto;
  background: var(--ternary);
  padding: 5rem 0;
  justify-content: center; }
  .acknowledgments-tree p {
    margin-bottom: 1rem;
    width: 100%;
    text-align: center; }
    @media all and (max-width: 900px) {
      .acknowledgments-tree p {
        font-size: 0.7rem;
        line-height: 0.8rem;
        margin-top: 0.3rem; } }
  .acknowledgments-tree__container {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 20vh;
    max-width: 40%; }
    @media all and (max-width: 900px) {
      .acknowledgments-tree__container {
        max-width: 80%; } }
    .acknowledgments-tree__container--title {
      font-size: 1.2rem;
      font-weight: bolder;
      font-family: "DM Serif Text", serif;
      margin-bottom: 1rem;
      text-align: center; }
    .acknowledgments-tree__container--subtitle {
      font-size: 0.8rem;
      font-weight: bolder;
      text-align: center;
      font-family: "DM Serif Text", serif; }
      @media all and (max-width: 900px) {
        .acknowledgments-tree__container--subtitle {
          font-size: 0.7rem;
          line-height: 0.7rem; } }
  @media all and (max-width: 900px) {
    .acknowledgments-tree p {
      width: 100%; } }
  .acknowledgments-tree .credits-column {
    display: flex;
    justify-content: center;
    gap: 2rem; }
    @media all and (max-width: 900px) {
      .acknowledgments-tree .credits-column {
        gap: 0.5rem;
        justify-content: center; }
        .acknowledgments-tree .credits-column p {
          font-size: 0.7rem;
          line-height: 0.7rem; } }

.mixed-content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 5rem; }
  .mixed-content figure {
    height: 100%; }
  .mixed-content img,
  .mixed-content video {
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .mixed-content__grid {
    display: flex;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto; }
    @media all and (max-width: 1150px) {
      .mixed-content__grid {
        margin: 0 8%;
        width: auto; } }
  .mixed-content figcaption, .mixed-content figcaption span, figcaption .mixed-content span,
  .mixed-content figcaption em,
  figcaption .mixed-content em,
  .mixed-content figcaption strong,
  figcaption .mixed-content strong, .mixed-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .mixed-content p, .mixed-content .double-content-packed__figcaption p, .double-content-packed__figcaption .mixed-content p, .mixed-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .mixed-content p, .mixed-content .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .mixed-content p, .mixed-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .mixed-content p, .mixed-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .mixed-content p {
    max-width: 1080px;
    margin: 0 auto; }
    @media all and (max-width: 1150px) {
      .mixed-content figcaption, .mixed-content figcaption span, figcaption .mixed-content span,
      .mixed-content figcaption em,
      figcaption .mixed-content em,
      .mixed-content figcaption strong,
      figcaption .mixed-content strong, .mixed-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .mixed-content p, .mixed-content .double-content-packed__figcaption p, .double-content-packed__figcaption .mixed-content p, .mixed-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .mixed-content p, .mixed-content .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .mixed-content p, .mixed-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .mixed-content p, .mixed-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .mixed-content p {
        margin: 0 8%; } }

.mixed-content-offgrid-RTL {
  display: grid;
  grid-template-columns: 1fr minmax(0, 540px) minmax(0, 540px) 1fr; }
  .mixed-content-offgrid-RTL .mixed-content-offgrid__video {
    grid-column: 2 / 3;
    display: flex;
    justify-content: center;
    align-items: start;
    width: 100%;
    height: 50%; }
  .mixed-content-offgrid-RTL .mixed-content-offgrid__image {
    grid-column: 3 / 5;
    display: flex;
    flex-direction: column;
    min-width: 50%; }
  .mixed-content-offgrid-RTL .mixed-content-offgrid__image figure *,
  .mixed-content-offgrid-RTL .mixed-content-offgrid__video figure * {
    width: 100%; }
  .mixed-content-offgrid-RTL video,
  .mixed-content-offgrid-RTL img {
    object-fit: cover;
    width: 100%; }
  @media screen and (width <= 1150px) {
    .mixed-content-offgrid-RTL {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .mixed-content-offgrid-RTL .mixed-content-offgrid__video {
        min-height: 0; } }

.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) {
  margin-bottom: 5rem; }
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container {
    padding: 0.5rem 0;
    display: flex;
    justify-content: end;
    max-width: 1080px;
    margin: 0 auto; }
    @media all and (max-width: 900px) {
      .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container {
        justify-content: start; } }
    @media all and (max-width: 1150px) {
      .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container {
        margin: 0 8%; } }
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption span, figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption em,
    figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption strong,
    figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed__figcaption p, .double-content-packed__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p {
      max-width: 50%; }
      @media all and (max-width: 900px) {
        .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption span, figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
        .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption em,
        figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
        .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption strong,
        figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed__figcaption p, .double-content-packed__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p {
          max-width: 85%; } }

.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) {
  margin-bottom: 5rem; }
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container {
    padding: 0.5rem 0;
    display: flex;
    max-width: 1080px;
    margin: 0 auto; }
    @media all and (max-width: 1150px) {
      .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container {
        margin: 0 8%; } }
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption span, figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption em,
    figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption strong,
    figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed__figcaption p, .double-content-packed__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p {
      max-width: 50%; }
      @media all and (max-width: 900px) {
        .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption span, figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
        .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption em,
        figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
        .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption strong,
        figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed__figcaption p, .double-content-packed__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p, .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p {
          max-width: 85%; } }

.mixed-content-offgrid-LTR {
  display: grid;
  grid-template-columns: 1fr minmax(0, 540px) minmax(0, 540px) 1fr; }
  .mixed-content-offgrid-LTR .mixed-content-offgrid__video {
    grid-column: 3 / 4;
    width: 100%;
    height: 50%; }
  .mixed-content-offgrid-LTR .mixed-content-offgrid__image {
    grid-column: 1 / 3;
    display: flex;
    flex-direction: column;
    min-width: 50%; }
    @media all and (max-width: 900px) {
      .mixed-content-offgrid-LTR .mixed-content-offgrid__image {
        flex-direction: column-reverse; }
        .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption, .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption span, figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image span,
        .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption em,
        figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image em,
        .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption strong,
        figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image strong, .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .mixed-content-offgrid-LTR .mixed-content-offgrid__image p, .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content-packed__figcaption p, .double-content-packed__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p, .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p, .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .mixed-content-offgrid-LTR .mixed-content-offgrid__image p, .mixed-content-offgrid-LTR .mixed-content-offgrid__image .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p, .mixed-content-offgrid-LTR .mixed-content-offgrid__image .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p {
          padding-bottom: 0.5rem; } }
  .mixed-content-offgrid-LTR .mixed-content-offgrid__image img,
  .mixed-content-offgrid-LTR .mixed-content-offgrid__video video {
    width: 100%; }
  .mixed-content-offgrid-LTR video {
    object-fit: cover;
    height: 100%; }
  @media screen and (width <= 1150px) {
    .mixed-content-offgrid-LTR {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .mixed-content-offgrid-LTR .mixed-content-offgrid__video {
        min-height: 0; } }

.mixed-content-offgrid__video img {
  width: 100%; }

.triple-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  display: flex; }
  @media all and (max-width: 1150px) {
    .triple-content {
      margin: 0 8% 5rem 8%; } }
  .triple-content figure {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .triple-content figure figcaption, .triple-content figure figcaption span, figcaption .triple-content figure span,
    .triple-content figure figcaption em,
    figcaption .triple-content figure em,
    .triple-content figure figcaption strong,
    figcaption .triple-content figure strong, .triple-content figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-content figure p, .triple-content figure .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-content figure p, .triple-content figure .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-content figure p, .triple-content figure .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .triple-content figure p, .triple-content figure .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-content figure p, .triple-content figure .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-content figure p {
      padding: 0.5rem 0; }
    .triple-content figure img,
    .triple-content figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  @media all and (max-width: 900px) {
    .triple-content {
      flex-direction: column;
      gap: 2rem; } }

.triple-content-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem;
  display: flex; }
  @media all and (max-width: 1150px) {
    .triple-content-fullscreen {
      margin: 0 8% 5rem 8%; } }
  .triple-content-fullscreen figure {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .triple-content-fullscreen figure figcaption, .triple-content-fullscreen figure figcaption span, figcaption .triple-content-fullscreen figure span,
    .triple-content-fullscreen figure figcaption em,
    figcaption .triple-content-fullscreen figure em,
    .triple-content-fullscreen figure figcaption strong,
    figcaption .triple-content-fullscreen figure strong, .triple-content-fullscreen figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-content-fullscreen figure p, .triple-content-fullscreen figure .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-content-fullscreen figure p, .triple-content-fullscreen figure .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-content-fullscreen figure p, .triple-content-fullscreen figure .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .triple-content-fullscreen figure p, .triple-content-fullscreen figure .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-content-fullscreen figure p, .triple-content-fullscreen figure .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen figure p {
      padding: 0.5rem 0; }
    .triple-content-fullscreen figure img,
    .triple-content-fullscreen figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  @media all and (max-width: 900px) {
    .triple-content-fullscreen {
      flex-direction: column;
      gap: 2rem; } }

.triple-mixed-content {
  margin: 0 auto;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column; }
  .triple-mixed-content div {
    display: flex; }
    .triple-mixed-content div figure {
      width: 50%; }
  .triple-mixed-content__grid {
    max-width: 1080px;
    margin: 0 auto; }
  .triple-mixed-content figure {
    display: flex;
    flex-direction: column; }
  .triple-mixed-content__grid {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto; }
  .triple-mixed-content figcaption, .triple-mixed-content figcaption span, figcaption .triple-mixed-content span,
  .triple-mixed-content figcaption em,
  figcaption .triple-mixed-content em,
  .triple-mixed-content figcaption strong,
  figcaption .triple-mixed-content strong, .triple-mixed-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-mixed-content p, .triple-mixed-content .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-mixed-content p, .triple-mixed-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-mixed-content p, .triple-mixed-content .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .triple-mixed-content p, .triple-mixed-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-mixed-content p, .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p {
    max-width: 1080px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 0.5rem; }
    @media all and (max-width: 1150px) {
      .triple-mixed-content figcaption, .triple-mixed-content figcaption span, figcaption .triple-mixed-content span,
      .triple-mixed-content figcaption em,
      figcaption .triple-mixed-content em,
      .triple-mixed-content figcaption strong,
      figcaption .triple-mixed-content strong, .triple-mixed-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-mixed-content p, .triple-mixed-content .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-mixed-content p, .triple-mixed-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-mixed-content p, .triple-mixed-content .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .triple-mixed-content p, .triple-mixed-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-mixed-content p, .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p {
        margin: 0 8%; } }
    @media screen and (max-width: 1150px) {
      .triple-mixed-content figcaption, .triple-mixed-content figcaption span, figcaption .triple-mixed-content span,
      .triple-mixed-content figcaption em,
      figcaption .triple-mixed-content em,
      .triple-mixed-content figcaption strong,
      figcaption .triple-mixed-content strong, .triple-mixed-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-mixed-content p, .triple-mixed-content .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-mixed-content p, .triple-mixed-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-mixed-content p, .triple-mixed-content .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .triple-mixed-content p, .triple-mixed-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-mixed-content p, .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p {
        width: auto; } }
  .triple-mixed-content__figcaption {
    width: 100%;
    padding-top: 0.5rem;
    max-width: 1080px;
    margin: 0 auto; }
  @media all and (max-width: 900px) {
    .triple-mixed-content div {
      flex-direction: column; }
      .triple-mixed-content div figure {
        width: 100%; } }

.triple-mixed-content-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column; }
  .triple-mixed-content-fullscreen div {
    display: flex; }
    .triple-mixed-content-fullscreen div figure {
      width: 50%; }
  .triple-mixed-content-fullscreen figure {
    display: flex;
    flex-direction: column; }
  .triple-mixed-content-fullscreen__grid {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto; }
  .triple-mixed-content-fullscreen figcaption, .triple-mixed-content-fullscreen figcaption span, figcaption .triple-mixed-content-fullscreen span,
  .triple-mixed-content-fullscreen figcaption em,
  figcaption .triple-mixed-content-fullscreen em,
  .triple-mixed-content-fullscreen figcaption strong,
  figcaption .triple-mixed-content-fullscreen strong, .triple-mixed-content-fullscreen .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p {
    max-width: 1080px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 0.5rem; }
    @media all and (max-width: 1150px) {
      .triple-mixed-content-fullscreen figcaption, .triple-mixed-content-fullscreen figcaption span, figcaption .triple-mixed-content-fullscreen span,
      .triple-mixed-content-fullscreen figcaption em,
      figcaption .triple-mixed-content-fullscreen em,
      .triple-mixed-content-fullscreen figcaption strong,
      figcaption .triple-mixed-content-fullscreen strong, .triple-mixed-content-fullscreen .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p {
        margin: 0 8%; } }
    @media screen and (max-width: 1150px) {
      .triple-mixed-content-fullscreen figcaption, .triple-mixed-content-fullscreen figcaption span, figcaption .triple-mixed-content-fullscreen span,
      .triple-mixed-content-fullscreen figcaption em,
      figcaption .triple-mixed-content-fullscreen em,
      .triple-mixed-content-fullscreen figcaption strong,
      figcaption .triple-mixed-content-fullscreen strong, .triple-mixed-content-fullscreen .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-mixed-content-fullscreen p, .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p {
        width: auto; } }
  .triple-mixed-content-fullscreen__figcaption {
    width: 100%;
    padding-top: 0.5rem;
    max-width: 1080px;
    margin: 0 auto; }
  @media all and (max-width: 900px) {
    .triple-mixed-content-fullscreen div {
      flex-direction: column; }
      .triple-mixed-content-fullscreen div figure {
        width: 100%; } }

.triple-content-zigzag {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3rem; }
  @media all and (max-width: 1150px) {
    .triple-content-zigzag {
      margin: 0 8% 5rem 8%; } }
  .triple-content-zigzag figure {
    width: 30rem;
    max-width: 100%; }
    .triple-content-zigzag figure img,
    .triple-content-zigzag figure video {
      object-fit: cover;
      width: 100%;
      height: 100%; }
    @media all and (max-width: 900px) {
      .triple-content-zigzag figure {
        transform: translate(0) !important;
        margin: 0 !important; } }
  .triple-content-zigzag figure:nth-child(2) {
    margin: -10% 55%;
    z-index: 90;
    width: 35rem; }
  .triple-content-zigzag .third-figure {
    margin-top: -20rem; }
  @media all and (max-width: 900px) {
    .triple-content-zigzag figure:nth-child(2) {
      margin: 0;
      margin-top: 15rem; }
    .triple-content-zigzag .third-figure {
      margin-top: 5rem; } }

.reel {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 10rem;
  margin-top: 5rem; }
  @media all and (max-width: 1150px) {
    .reel {
      margin: 0 8% 10rem 8%; } }
  .reel .player {
    color: #fff;
    font-size: 0.8rem;
    transition: all 0.3s;
    position: relative;
    max-height: 85vh;
    aspect-ratio: 9/16;
    margin: 0 auto; }
    .reel .player__like {
      position: absolute;
      cursor: pointer;
      bottom: 0;
      left: 50%;
      transform: translate(10%, 120%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      border: 2px solid var(--secondary);
      border-radius: 50%;
      aspect-ratio: 1/1;
      font-family: "DM Serif Text", serif;
      font-weight: lighter;
      transition: all 0.3s; }
      .reel .player__like:hover {
        border-color: var(--secondary); }
      .reel .player__like button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2rem; }
        .reel .player__like button:after {
          content: "";
          border-radius: 50%;
          margin: 0 auto;
          position: absolute;
          width: 4rem;
          height: 4rem;
          z-index: -1;
          transform: scale(0);
          border: 2px solid var(--secondary); }
        .reel .player__like button svg {
          fill: var(--secondary);
          transform: translate(0, 2px);
          width: 1.2rem;
          height: 1.4rem;
          transition: all 0.3s;
          stroke-width: 1.2px;
          position: relative; }
      .reel .player__like.is-active svg {
        animation: heart-pulse 0.5s ease forwards, heart-beat 1s infinite ease 0.5s;
        fill: var(--secondary); }
      .reel .player__like.is-active button:after {
        animation: circle-pulse 1s ease forwards;
        opacity: 0.5; }
    .reel .player__volume {
      position: absolute;
      cursor: pointer;
      bottom: 0;
      left: 50%;
      transform: translate(-110%, 120%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      border: 2px solid var(--secondary);
      border-radius: 50%;
      aspect-ratio: 1/1;
      font-family: "DM Serif Text", serif;
      font-weight: lighter;
      transition: all 0.3s; }
      .reel .player__volume:hover {
        border-color: var(--secondary); }
@keyframes firstSoundwaveAnimation {
  0% {
    stroke: var(--secondary); }
  25% {
    stroke: var(--primary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--secondary); } }
@keyframes secondSoundwaveAnimation {
  0% {
    stroke: var(--secondary); }
  25% {
    stroke: var(--secondary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--secondary); } }
      .reel .player__volume .unmuted svg .bar,
      .reel .player__volume .unmuted svg .bar-spacing {
        scale: 0; }
      .reel .player__volume .unmuted svg .first-soundwave {
        animation: firstSoundwaveAnimation 2s infinite; }
      .reel .player__volume .unmuted svg .second-soundwave {
        animation: secondSoundwaveAnimation 2s infinite; }
      .reel .player__volume button {
        display: flex;
        align-items: center;
        justify-content: center; }
        .reel .player__volume button svg {
          fill: var(--primary);
          transform: scale(0.9) translateY(2px); }
          .reel .player__volume button svg * {
            stroke: var(--primary);
            transition: scale 0.5s; }
          .reel .player__volume button svg .bar,
          .reel .player__volume button svg .bar-spacing {
            transform-origin: center; }
          .reel .player__volume button svg .bar-spacing {
            stroke: var(--secondary); }
    .reel .player .clip-path-wrapper {
      height: 100%;
      width: 100%;
      clip-path: inset(0 round 25px); }
      .reel .player .clip-path-wrapper video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .reel .player .clip-path-wrapper button {
        color: inherit;
        border: 0;
        background: none;
        cursor: pointer; }
      .reel .player .clip-path-wrapper input:focus,
      .reel .player .clip-path-wrapper button:focus {
        outline: 0; }
      .reel .player .clip-path-wrapper__video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain; }
      .reel .player .clip-path-wrapper__controls {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-end;
        width: 100%;
        padding: 2rem;
        position: absolute;
        transform: translateY(-100%);
        transition: all 0.5s;
        opacity: 0;
        gap: 1rem; }
      .reel .player .clip-path-wrapper:hover .reel .player .clip-path-wrapper__controls {
        opacity: 1;
        transition: all 0.5s; }
      .reel .player .clip-path-wrapper__progress {
        display: flex;
        align-items: center;
        height: 2px;
        background: rgba(255, 255, 255, 0.4);
        width: 100%;
        transition: height 300ms;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        cursor: pointer;
        overflow: visible; }
        .reel .player .clip-path-wrapper__progress:before {
          content: "";
          background: var(--color-action);
          background-color: var(--secondary);
          width: var(--progressbar-value);
          height: 300%;
          display: block;
          transition: width 500ms; }
        .reel .player .clip-path-wrapper__progress:hover {
          height: 4px; }
@keyframes heart-pulse {
  10% {
    transform: scale(0.2) translate(0, 10px); }
  50% {
    transform: scale(1.5) translate(0, 2px); }
  100% {
    transform: scale(1) translate(0, 2px); } }
@keyframes heart-beat {
  0% {
    transform: scale(1) translate(0, 2px); }
  50% {
    transform: scale(1.1) translate(0, 2px); }
  100% {
    transform: scale(1) translate(0, 2px); } }
@keyframes circle-pulse {
  0% {
    transform: scale(0); }
  50% {
    transform: scale(1);
    background: radial-gradient(transparent, var(--secondary));
    opacity: 0; }
  100% {
    opacity: 0; } }
  @media all and (max-width: 900px) {
    .reel {
      margin-bottom: 10rem; }
      .reel .player__range:hover .player__range-input {
        max-width: 50px;
        width: auto;
        overflow: visible;
        visibility: visible; }
      .reel .player__controls--right .player__button {
        display: none; }
      .reel .player .player__play-pause {
        gap: 1.5rem; }
      .reel .player__progress {
        height: 4px; } }

.index {
  position: fixed;
  overflow: hidden;
  z-index: 9999;
  top: 50%;
  transform: translate(0, -50%);
  background: var(--topbar-background);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  font-size: 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 0.7rem;
  padding: 2rem 0;
  transition: all 0.3s; }
  .index__title {
    margin-bottom: 0.5em;
    font-weight: 800;
    font-size: 0.8rem;
    font-weight: bold !important; }
  .index:before {
    position: absolute;
    content: "";
    width: 0.5rem;
    height: 2rem;
    border-radius: 5px;
    background: var(--secondary);
    right: -0.25rem; }
  .index a {
    color: var(--primary);
    transition: all 0.3s; }
    .index a:hover {
      color: var(--secondary); }
  .index ul {
    margin-bottom: 2rem; }
  .index * {
    transition: all 0.3s;
    opacity: 0;
    font-weight: 400; }
  .index:hover {
    padding: 2rem 1rem;
    width: 7rem; }
    .index:hover * {
      opacity: 1; }
  .index svg {
    transform: scale(1.3); }
  .index .dark-mode-icon path {
    fill: white !important; }

.section-legend {
  font-size: clamp(2rem, 4vw, 3rem);
  border-bottom: 3px solid var(--ternary);
  margin-bottom: 5rem;
  font-family: "Petrona", sans-serif;
  width: fit-content;
  width: -webkit-fit-content;
  text-transform: uppercase;
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  padding: 0 10%; }
  .section-legend > span:first-child {
    line-height: 1rem; }
  .section-legend ol {
    list-style: decimal;
    font-size: 0.8rem;
    padding-left: 1rem;
    padding-bottom: 1rem; }
    .section-legend ol span {
      font-size: 0.7rem;
      color: gray;
      font-style: italic;
      text-transform: lowercase;
      margin-left: 0.5rem; }
    .section-legend ol ul {
      transform: scale(0.8); }

.dailymotion-video {
  margin: 0 auto;
  margin-bottom: 5rem; }
  .dailymotion-video .first-soundwave {
    stroke: var(--primary); }
  .dailymotion-video .second-soundwave {
    stroke: var(--primary); }
@keyframes firstSoundwaveAnimation {
  0% {
    stroke: rgba(0, 0, 0, 0.2); }
  25% {
    stroke: var(--primary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: rgba(0, 0, 0, 0.2); } }
@keyframes secondSoundwaveAnimation {
  0% {
    stroke: rgba(0, 0, 0, 0.2); }
  25% {
    stroke: rgba(0, 0, 0, 0.2); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: rgba(0, 0, 0, 0.2); } }
  .dailymotion-video .bar,
  .dailymotion-video .bar-spacing {
    transition: transform 0.3s ease !important;
    transform-origin: center;
    transform-box: fill-box;
    transform: scale(0.9); }
  .dailymotion-video .bar-spacing {
    stroke: transparent; }
  .dailymotion-video #bar {
    stroke: var(--primary); }
  .dailymotion-video .unmuted .bar,
  .dailymotion-video .unmuted .bar-spacing {
    transform: scale(0); }
  .dailymotion-video .unmuted .first-soundwave {
    animation: firstSoundwaveAnimation 2s infinite !important; }
  .dailymotion-video .unmuted .second-soundwave {
    animation: secondSoundwaveAnimation 2s infinite !important; }
  .dailymotion-video .video__player,
  .dailymotion-video .v-vlite {
    position: relative !important;
    aspect-ratio: 3/2 !important; }
    @media screen and (max-width: 900px) {
      .dailymotion-video .video__player,
      .dailymotion-video .v-vlite {
        aspect-ratio: 3/2 !important; } }
  .dailymotion-video .pause,
  .dailymotion-video .play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 4rem;
    z-index: 999999999;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s; }
    .dailymotion-video .pause div,
    .dailymotion-video .play div {
      width: 10rem;
      height: 10rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3); }
      .dailymotion-video .pause div svg,
      .dailymotion-video .play div svg {
        fill: var(--primary);
        max-width: 4rem;
        max-height: 4rem; }
  .dailymotion-video .play svg {
    margin-left: 0.5rem; }
  .dailymotion-video .v-volumeButton {
    position: absolute !important;
    height: 3rem !important;
    width: 3rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    bottom: 0 !important;
    right: 2.5% !important;
    border-radius: 50% !important;
    text-align: center;
    font-family: "DM Serif Text", serif !important;
    line-height: 1rem;
    transform: translate(0%, -50%) !important; }
    .dailymotion-video .v-volumeButton svg {
      fill: var(--primary) !important;
      transform: scale(2) translateY(-5px) !important;
      position: relative !important;
      pointer-events: none !important;
      border-radius: 50% !important;
      position: relative; }
    @media all and (max-width: 900px) {
      .dailymotion-video .v-volumeButton {
        height: 2.2rem !important;
        width: 2.2rem !important; }
        .dailymotion-video .v-volumeButton svg {
          transform: scale(1.5) translate(-2px, -5px) !important; } }
  .dailymotion-video .v-vlite {
    overflow: visible !important; }
  .dailymotion-video .v-time {
    display: none !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translate(-50%, -100%) !important;
    width: 100% !important;
    text-align: center !important;
    color: var(--primary) !important;
    font-size: 1.2rem !important; }
  .dailymotion-video .v-playPauseButton {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important; }
    .dailymotion-video .v-playPauseButton svg {
      transition: all 0.3s !important;
      width: 20% !important;
      height: 20% !important;
      opacity: 0 !important; }
  .dailymotion-video .v-video .v-controlBar .v-progressBar {
    position: absolute !important;
    height: 1rem !important;
    display: flex;
    margin-left: -1px !important;
    align-items: center !important;
    justify-content: center;
    top: calc(100% - 1rem) !important;
    width: 100% !important;
    border-radius: 0; }
  .dailymotion-video input[type="range"] {
    opacity: 0;
    cursor: pointer; }
  .dailymotion-video .progress-bar {
    transition: width 0.3s ease;
    background: rgba(0, 0, 0, 0.4);
    height: 1.5%;
    width: 100%;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    z-index: 99999; }
  .dailymotion-video .percentage {
    transition: all 0.3s ease;
    background: white;
    height: 1.5%;
    width: var(--vlite-progressValue);
    bottom: 0;
    position: absolute;
    pointer-events: none;
    z-index: 99999; }

.dailymotion-video.vertical {
  margin-bottom: 5rem; }
  .dailymotion-video.vertical .video__player,
  .dailymotion-video.vertical .v-vlite {
    position: relative !important;
    aspect-ratio: 2/3 !important;
    max-width: 50vw; }
    @media all and (max-width: 900px) {
      .dailymotion-video.vertical .video__player,
      .dailymotion-video.vertical .v-vlite {
        max-width: 100vw; } }

.dailymotion-video.grid {
  max-width: 1080px; }
  .dailymotion-video.grid .video__player,
  .dailymotion-video.grid .v-vlite {
    position: relative !important;
    aspect-ratio: 3/4 !important;
    max-width: 100vw; }

.dailymotion-video.horizontal {
  margin: 0 auto;
  margin-top: 5rem;
  margin-bottom: 5rem; }
  .dailymotion-video.horizontal .video__player,
  .dailymotion-video.horizontal .v-vlite {
    position: relative !important;
    aspect-ratio: 3/4 !important; }

.dailymotion-video.custom {
  margin: 0 auto;
  margin-top: 5rem;
  margin-bottom: 5rem; }
  .dailymotion-video.custom .video__player,
  .dailymotion-video.custom .v-vlite {
    position: relative !important;
    aspect-ratio: 4/3 !important; }

.dailymotion-video.horizontal.grid {
  max-width: 1080px;
  margin: 0 auto;
  margin-top: 15rem;
  margin-bottom: 5rem; }
  .dailymotion-video.horizontal.grid .video__player,
  .dailymotion-video.horizontal.grid .v-vlite {
    position: relative !important;
    aspect-ratio: 3/4 !important; }

.dailymotion-videos {
  display: flex; }
  .dailymotion-videos .dailymotion-video.vertical {
    width: 50vw !important; }
    .dailymotion-videos .dailymotion-video.vertical .video__player,
    .dailymotion-videos .dailymotion-video.vertical .v-vlite {
      width: 50vw !important; }
  @media all and (max-width: 900px) {
    .dailymotion-videos {
      flex-direction: column;
      margin-bottom: 5rem; }
      .dailymotion-videos .dailymotion-video.vertical {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 auto !important;
        margin-bottom: 0rem !important; }
        .dailymotion-videos .dailymotion-video.vertical .video__player,
        .dailymotion-videos .dailymotion-video.vertical .v-vlite {
          max-width: 100vw !important;
          width: 100vw !important; } }

.double-content-packed-fullscreen .dailymotion-video.vertical {
  width: 50vw !important;
  margin: 0 !important; }
  .double-content-packed-fullscreen .dailymotion-video.vertical .video__player,
  .double-content-packed-fullscreen .dailymotion-video.vertical .v-vlite {
    width: 50vw !important; }
@media all and (max-width: 900px) {
  .double-content-packed-fullscreen {
    flex-direction: column; }
    .double-content-packed-fullscreen .dailymotion-video.vertical {
      width: 100vw !important;
      max-width: 100vw !important;
      margin: 0 !important; }
      .double-content-packed-fullscreen .dailymotion-video.vertical .video__player,
      .double-content-packed-fullscreen .dailymotion-video.vertical .v-vlite {
        max-width: 100vw !important;
        width: 100vw !important; } }

.dailymotion-video:not(.dailymotion-videos .dailymotion-video)
> .video__player {
  margin: 0 auto; }

.v-iconUnpressed,
.v-iconPressed {
  opacity: 0 !important; }

.no-audio {
  pointer-events: none !important; }
  .no-audio svg,
  .no-audio .progress-bar,
  .no-audio .percentage {
    opacity: 0 !important; }
.dailymotion-video.dailymotion-reel {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 10rem;
  margin-top: 5rem;
}

@media all and (max-width: 1150px) {
  .dailymotion-video.dailymotion-reel {
    margin: 0 8% 10rem 8%;
  }
}

.dailymotion-video.dailymotion-reel .video__player,
.dailymotion-video.dailymotion-reel .v-vlite {
  position: relative !important;
  aspect-ratio: 9/16 !important;
  max-height: 85vh;
  margin: 0 auto;
}

.dailymotion-video.dailymotion-reel .video__player {
  pointer-events: none !important;
  cursor: alias !important;
}

.dailymotion-video.dailymotion-reel .video__player::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 10px solid #170041;
  border-radius: 25px;
  pointer-events: none;
  z-index: 999999;
  box-sizing: border-box;
}

.dailymotion-video.dailymotion-reel .percentage,
.dailymotion-video.dailymotion-reel .progress-bar,
.dailymotion-video.dailymotion-reel .video__player:before,
.dailymotion-video.dailymotion-reel .pause,
.dailymotion-video.dailymotion-reel .play {
  display: none;
}

.dailymotion-video.dailymotion-reel .v-volumeButton {
  position: absolute !important;
  height: 4rem !important;
  width: 4rem !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: calc(100% + 0.8rem) !important;
  left: 50% !important;
  border: 2px solid var(--primary) !important;
  border-radius: 50% !important;
  text-align: center;
  font-weight: lighter !important;
  line-height: 1rem !important;
  transform: translate(-110%, 0%) !important;
  transition: all 0.3s;
  pointer-events: all !important;
}

.dailymotion-video.dailymotion-reel .v-volumeButton:hover {
  border-color: var(--button-hover) !important;
}

.dailymotion-video.dailymotion-reel .v-volumeButton svg {
  fill: var(--primary) !important;
  transform: none !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  translate: -50% -50% !important;
  pointer-events: none !important;
  width: 1.4rem !important;
  height: 1.4rem !important;
}

@media all and (max-width: 900px) {
  .dailymotion-video.dailymotion-reel .v-volumeButton {
    height: 4rem !important;
    width: 4rem !important;
  }
  .dailymotion-video.dailymotion-reel .v-volumeButton svg {
    width: 1.2rem !important;
    height: 1.4rem !important;
  }
}
.dailymotion-video.dailymotion-reel .v-volumeButton .v-iconUnpressed {
  opacity: 1 !important;
}
.dailymotion-video.dailymotion-reel .v-volumeButton .v-iconPressed {
  opacity: 0 !important;
}
.dailymotion-video.dailymotion-reel .v-volumeButton.v-controlPressed .v-iconUnpressed {
  opacity: 0 !important;
}
.dailymotion-video.dailymotion-reel .v-volumeButton.v-controlPressed .v-iconPressed {
  opacity: 1 !important;
}

.dailymotion-video.dailymotion-reel .v-volumeButton:before {
  display: none;
}

.dailymotion-video.dailymotion-reel .player__like {
  position: absolute;
  cursor: pointer;
  bottom: 0;
  left: 50%;
  transform: translate(10%, 120%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  border: 2px solid var(--primary);
  border-radius: 50%;
  aspect-ratio: 1/1;
  font-weight: lighter;
  transition: all 0.3s;
  pointer-events: all !important;
}

.dailymotion-video.dailymotion-reel .player__like:hover {
  border-color: var(--button-hover);
}

.dailymotion-video.dailymotion-reel .player__like button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
}

.dailymotion-video.dailymotion-reel .player__like button:after {
  content: "";
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  width: 4rem;
  height: 4rem;
  z-index: -1;
  transform: scale(0);
  border: 2px solid var(--ternary);
}

.dailymotion-video.dailymotion-reel .player__like button svg {
  fill: var(--primary);
  transform: translate(0, 2px);
  width: 1.2rem;
  height: 1.4rem;
  transition: all 0.3s;
  stroke-width: 1.2px;
  position: relative;
}

.dailymotion-video.dailymotion-reel .player__like.is-active svg {
  animation: heart-pulse 0.5s ease forwards, heart-beat 1s infinite ease 0.5s;
  fill: var(--secondary);
}

.dailymotion-video.dailymotion-reel .player__like.is-active button:after {
  animation: circle-pulse 1s ease forwards;
  opacity: 0.5;
}


.dailymotion-video2.dailymotion-reel2 {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 10rem;
  margin-top: 5rem; }
  @media all and (max-width: 1150px) {
    .dailymotion-video2.dailymotion-reel2 {
      margin: 0 8% 10rem 8%; } }
  .dailymotion-video2.dailymotion-reel2 .video__player,
  .dailymotion-video2.dailymotion-reel2 .v-vlite {
    position: relative !important;
    aspect-ratio: 9/16 !important;
    max-height: 85vh;
    margin: 0 auto; }
  .dailymotion-video2.dailymotion-reel2 .video__player {
    pointer-events: none !important;
    cursor: alias !important; }
  .dailymotion-video2.dailymotion-reel2 .video__player::after {
    content: "";
    position: absolute;
    inset: 0;
    outline: 10px solid white;
    border-radius: 25px;
    pointer-events: none;
    z-index: 999999;
    box-sizing: border-box; }
  .dailymotion-video2.dailymotion-reel2 .percentage,
  .dailymotion-video2.dailymotion-reel2 .progress-bar,
  .dailymotion-video2.dailymotion-reel2 .video__player:before,
  .dailymotion-video2.dailymotion-reel2 .pause,
  .dailymotion-video2.dailymotion-reel2 .play {
    display: none; }
  .dailymotion-video2.dailymotion-reel2 .v-volumeButton {
    position: absolute !important;
    height: 3.775rem !important;
    width: 3.775rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: calc(100% + 0.76rem) !important;
    left: 50% !important;
    text-align: center;
    font-family: "DM Serif Text", serif !important;
    font-weight: lighter !important;
    line-height: 1rem !important;
    transform: translate(-110%, 20%) !important;
    transition: all 0.3s;
    pointer-events: all !important; }
    .dailymotion-video2.dailymotion-reel2 .v-volumeButton circle {
      opacity: 0; }
    .dailymotion-video2.dailymotion-reel2 .v-volumeButton:hover {
      border-color: var(--button-hover) !important; }
    .dailymotion-video2.dailymotion-reel2 .v-volumeButton svg {
      fill: var(--primary) !important;
      transform: scale(1.8) translateY(1px) !important;
      position: relative !important;
      pointer-events: none !important; }
  .dailymotion-video2.dailymotion-reel2 .v-volumeButton:before {
    display: none; }
  .dailymotion-video2.dailymotion-reel2 .player__like {
    position: absolute;
    cursor: pointer;
    bottom: 0;
    left: 50%;
    transform: translate(10%, 139%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    border: 2px solid var(--ternary);
    border-radius: 50%;
    aspect-ratio: 1/1;
    font-family: "DM Serif Text", serif;
    font-weight: lighter;
    transition: all 0.3s;
    pointer-events: all !important; }
    .dailymotion-video2.dailymotion-reel2 .player__like:hover {
      border-color: var(--button-hover); }
    .dailymotion-video2.dailymotion-reel2 .player__like button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2rem; }
      .dailymotion-video2.dailymotion-reel2 .player__like button:after {
        content: "";
        border-radius: 50%;
        margin: 0 auto;
        position: absolute;
        width: 4rem;
        height: 4rem;
        z-index: -1;
        transform: scale(0);
        border: 2px solid var(--ternary); }
      .dailymotion-video2.dailymotion-reel2 .player__like button svg {
        fill: var(--button-hover);
        transform: translate(0, 2px);
        width: 1.2rem;
        height: 1.4rem;
        transition: all 0.3s;
        stroke-width: 1.2px;
        position: relative; }
    .dailymotion-video2.dailymotion-reel2 .player__like.is-active svg {
      animation: heart-pulse 0.5s ease forwards, heart-beat 1s infinite ease 0.5s;
      fill: var(--secondary); }
    .dailymotion-video2.dailymotion-reel2 .player__like.is-active button:after {
      animation: circle-pulse 1s ease forwards;
      opacity: 0.5; }

.dailymotion-video2 {
  margin: 0 auto;
  margin-top: 20rem;
  margin-bottom: 5rem; }
  .dailymotion-video2 .first-soundwave {
    stroke: var(--primary); }
  .dailymotion-video2 .second-soundwave {
    stroke: var(--primary); }
@keyframes firstSoundwaveAnimation {
  0% {
    stroke: var(--secondary); }
  25% {
    stroke: var(--primary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--secondary); } }
@keyframes secondSoundwaveAnimation {
  0% {
    stroke: var(--secondary); }
  25% {
    stroke: var(--secondary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--secondary); } }
  .dailymotion-video2 .bar,
  .dailymotion-video2 .bar-spacing {
    transition: transform 0.3s ease !important;
    transform-origin: center;
    transform-box: fill-box;
    transform: scale(0.9); }
  .dailymotion-video2 .bar-spacing {
    stroke: var(--background); }
  .dailymotion-video2 #bar {
    stroke: var(--primary); }
  .dailymotion-video2 .unmuted .bar,
  .dailymotion-video2 .unmuted .bar-spacing {
    transform: scale(0); }
  .dailymotion-video2 .unmuted .first-soundwave {
    animation: firstSoundwaveAnimation 2s infinite !important; }
  .dailymotion-video2 .unmuted .second-soundwave {
    animation: secondSoundwaveAnimation 2s infinite !important; }
  .dailymotion-video2 .video__player,
  .dailymotion-video2 .v-vlite {
    position: relative !important;
    aspect-ratio: 3/4 !important; }
    @media screen and (max-width: 900px) {
      .dailymotion-video2 .video__player,
      .dailymotion-video2 .v-vlite {
        aspect-ratio: 3/4 !important; } }
  .dailymotion-video2 .pause,
  .dailymotion-video2 .play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 4rem;
    z-index: 999999999;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s; }
    .dailymotion-video2 .pause div,
    .dailymotion-video2 .play div {
      width: 10rem;
      height: 10rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3); }
      .dailymotion-video2 .pause div svg,
      .dailymotion-video2 .play div svg {
        fill: var(--primary);
        max-width: 4rem;
        max-height: 4rem; }
  .dailymotion-video2 .play svg {
    margin-left: 0.5rem; }
  .dailymotion-video2 .video__player:before {
    content: "";
    position: absolute;
    height: 5rem;
    width: 2px;
    background: linear-gradient(to top, var(--ternary), transparent);
    top: -5rem;
    left: 50%;
    transform: translate(-50%);
    font-family: "DM Serif Text", serif; }
  .dailymotion-video2 .v-volumeButton {
    position: absolute !important;
    height: 4rem !important;
    width: 4rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: -5rem !important;
    left: 50% !important;
    border: 2px solid var(--ternary) !important;
    border-radius: 50% !important;
    text-align: center;
    font-family: "DM Serif Text", serif !important;
    line-height: 1rem;
    transform: translate(-50%, -100%) !important; }
    .dailymotion-video2 .v-volumeButton svg {
      fill: var(--primary) !important;
      transform: scale(1) translateY(1px) !important;
      position: relative !important;
      pointer-events: none !important; }
  .dailymotion-video2 .v-volumeButton:before {
    content: "Activa el sonido";
    position: absolute;
    top: -70%; }
  .dailymotion-video2 .v-vlite {
    overflow: visible !important; }
  .dailymotion-video2 .v-time {
    display: none !important; }
  .dailymotion-video2 .v-playPauseButton {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important; }
    .dailymotion-video2 .v-playPauseButton svg {
      transition: all 0.3s !important;
      width: 20% !important;
      height: 20% !important;
      opacity: 0 !important; }
  .dailymotion-video2 .v-video .v-controlBar .v-progressBar {
    position: absolute !important;
    height: 1rem !important;
    display: flex;
    margin-left: -1px !important;
    align-items: center !important;
    justify-content: center;
    top: calc(100% - 1rem) !important;
    width: 100% !important;
    border-radius: 0; }
  .dailymotion-video2 input[type="range"] {
    opacity: 0;
    cursor: pointer; }
  .dailymotion-video2 .progress-bar {
    transition: width 0.3s ease;
    background: rgba(0, 0, 0, 0.4);
    height: 1.5%;
    width: 100%;
    bottom: 0;
    position: absolute;
    pointer-events: none; }
  .dailymotion-video2 .percentage {
    transition: all 0.3s ease;
    background: white;
    height: 1.5%;
    width: var(--vlite-progressValue);
    bottom: 0;
    position: absolute;
    pointer-events: none; }

.zoom-image {
  max-width: 1080px;
  margin: 0 auto;
  cursor: crosshair; }
  .zoom-image figure.zoom {
    background-position: 50% 50%;
    position: relative;
    margin-bottom: 5rem;
    height: 100%;
    width: 100%;
    overflow: hidden;
    cursor: zoom-in; }
  .zoom-image .fake-figcaption {
    font-size: 0.6rem;
    font-family: "Open Sans", sans-serif;
    padding: 0.5rem 0;
    color: darkgray;
    letter-spacing: 1px;
    text-transform: uppercase; }
    @media all and (max-width: 900px) {
      .zoom-image .fake-figcaption {
        padding: 1rem 10% !important; } }
  .zoom-image figcaption, .zoom-image figcaption span, figcaption .zoom-image span,
  .zoom-image figcaption em,
  figcaption .zoom-image em,
  .zoom-image figcaption strong,
  figcaption .zoom-image strong, .zoom-image .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .zoom-image p, .zoom-image .double-content-packed__figcaption p, .double-content-packed__figcaption .zoom-image p, .zoom-image .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .zoom-image p, .zoom-image .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .zoom-image p, .zoom-image .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .zoom-image p, .zoom-image .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .zoom-image p {
    display: none; }
  .zoom-image figure.zoom img:hover {
    opacity: 0; }
  .zoom-image figure.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
    height: 100%; }

.zoom-icon {
  width: auto !important;
  display: flex;
  justify-content: center; }
  .zoom-icon div {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--ternary);
    background: var(--background);
    border-radius: 50%;
    padding: 1rem;
    width: 5rem;
    height: 5rem;
    position: relative;
    margin-top: -3rem; }
    .zoom-icon div:before {
      content: "";
      position: absolute;
      top: -50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 2px;
      height: 100px;
      border-radius: 50%;
      background-color: var(--ternary);
      z-index: -1; }
    .zoom-icon div svg {
      height: 2rem;
      position: relative; }
      .zoom-icon div svg path {
        fill: var(--primary); }

.sponsorships {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: -10rem; }
  @media all and (max-width: 1150px) {
    .sponsorships {
      margin: 0 8% 5rem 8%;
      margin-top: -8rem;
      margin-bottom: -8rem; } }
  @media all and (max-width: 900px) {
    .sponsorships {
      padding: 5rem 0 0 0; } }
  .sponsorships p {
    width: 60%;
    padding-right: 10%; }
    @media all and (max-width: 900px) {
      .sponsorships p {
        width: 100%; } }
  .sponsorships__container {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1; }
    .sponsorships__container--title {
      font-size: 1.2rem;
      font-weight: bolder;
      font-family: "DM Serif Text", serif;
      margin-bottom: 1rem; }
    .sponsorships__container--logos {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      justify-items: center;
      align-items: center;
      gap: 2rem;
      margin-bottom: 5rem; }
      @media all and (max-width: 900px) {
        .sponsorships__container--logos {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          justify-items: center;
          align-items: center;
          max-width: 100%;
          margin: 2rem 0 2rem 0;
          gap: 1.5rem; } }
      .sponsorships__container--logos img {
        max-width: 200px;
        flex: 0 0 auto; }
        @media all and (max-width: 900px) {
          .sponsorships__container--logos img {
            max-width: 100%;
            width: 100%; } }
      .sponsorships__container--logos .philip.mob {
        display: none; }
        @media all and (max-width: 900px) {
          .sponsorships__container--logos .philip.mob {
            display: block; } }
      .sponsorships__container--logos .iberdrola img {
        margin-top: -0.5rem; }
        @media all and (max-width: 900px) {
          .sponsorships__container--logos .iberdrola img {
            margin-top: 0; } }
  @media (min-width: 1200px) {
    .sponsorships--logos {
      grid-template-columns: repeat(6, 1fr); } }
  @media all and (max-width: 900px) {
    .sponsorships p {
      width: 100%; } }
  .sponsorships .morris {
    transform: scale(1.4); }

.logos {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
  flex-wrap: wrap;
  align-items: center; }
  @media all and (max-width: 900px) {
    .logos {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto auto;
      justify-items: center;
      max-width: 300px;
      margin: 0 auto 5rem auto; }
      .logos figure {
        display: flex;
        justify-content: center; }
        .logos figure img {
          width: 90%; }
      .logos figure:nth-child(5) {
        grid-column: 1 / -1;
        justify-self: center;
        transform: scale(0.7); } }

.parallax-revealer {
  margin: 0 auto; }
  .parallax-revealer .parallax-slide img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    display: flex; }

.CTA {
  max-width: 1080px;
  margin: 0 auto;
  margin: 2rem auto;
  margin-top: -3rem;
  height: auto;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  color: #000;
  background: #f0f0f0; }
  @media all and (max-width: 1150px) {
    .CTA {
      margin: 0 8% 5rem 8%; } }
  .CTA:hover img {
    transform: scale(1.025); }
  .CTA:hover .btn {
    -webkit-mask-position: 0%;
    mask-position: 0%; }
  .CTA .btn {
    background-color: var(--secondary);
    margin-bottom: 1rem;
    color: white;
    transition: mask-position 1s, -webkit-mask-position 1s, background-color 0.5s;
    -webkit-mask-image: linear-gradient(45deg, #000 25%, rgba(0, 0, 0, 0.5) 50%, #000 75%);
    mask-image: linear-gradient(45deg, #000 25%, rgba(0, 0, 0, 0.5) 50%, #000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 120%;
    mask-position: 120%; }
    .CTA .btn:hover {
      background-color: var(--secondary); }
    .CTA .btn svg {
      fill: white; }
  @media all and (max-width: 900px) {
    .CTA {
      flex-direction: column; } }
  .CTA__cover {
    display: flex;
    align-items: center;
    justify-content: center; }
    .CTA__cover img {
      width: 100%;
      height: auto;
      mix-blend-mode: multiply !important;
      transition: all 0.3s; }
      @media all and (max-width: 900px) {
        .CTA__cover img {
          width: 70%; } }
    .CTA__cover--info {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 50%;
      font-size: 2rem;
      line-height: 2rem;
      transform: translateX(-30%); }
      @media all and (max-width: 900px) {
        .CTA__cover--info {
          font-size: 1.5rem;
          line-height: 1.5rem;
          transform: translateX(-40%); } }
      .CTA__cover--info span {
        white-space: nowrap;
        font-family: "DM Serif Text", serif;
        color: black; }
      .CTA__cover--info span:nth-child(2) {
        color: var(--secondary); }
  .CTA__CTA {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 40%; }
    .CTA__CTA span {
      color: black; }
    @media all and (max-width: 900px) {
      .CTA__CTA {
        width: 100%;
        padding-bottom: 1rem;
        padding-top: 1rem; } }

.progress {
  --height: 0.15rem;
  width: 100%;
  height: var(--height);
  position: fixed;
  z-index: 9999999999;
  left: 0;
  top: 0;
  background: #d4d4d480;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); }
  @media all and (max-width: 900px) {
    .progress {
      --height: 0.1rem; } }
  .progress .progress-bar {
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
    height: var(--height);
    transition: width 0.5s ease-out;
    width: 0%;
    background: #64508c; }

.vertical-nav {
  height: 100dvh;
  width: 4rem;
  position: fixed;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: all 0.3s; }
  .vertical-nav * {
    font-weight: 100 !important; }
  .vertical-nav ul {
    writing-mode: vertical-lr;
    text-orientation: sideways-right;
    gap: 2rem;
    display: flex; }
    .vertical-nav ul li {
      position: relative;
      transform: rotate(180deg);
      font-size: 0.9rem;
      font-family: "NarzissPro", serif;
      opacity: 0.3;
      display: flex; }
      .vertical-nav ul li .marker {
        width: 0.5rem;
        height: 0.5rem;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
        margin-left: 8px;
        background-color: var(--secondary);
        transition: all 1s;
        transform: scale(0);
        background-clip: content-box;
        display: none; }
      @media all and (max-width: 900px) {
        .vertical-nav ul li {
          font-size: 0;
          opacity: 0.7; } }
      .vertical-nav ul li::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        margin-left: -1px;
        width: 0.5rem;
        height: 0.5rem;
        background-color: white;
        opacity: 0;
        padding: 0.5rem;
        background-clip: content-box;
        pointer-events: none; }
        @media all and (max-width: 900px) {
          .vertical-nav ul li::before {
            opacity: 0.5;
            pointer-events: initial; } }
      .vertical-nav ul li::after {
        content: "";
        position: absolute;
        bottom: 50%;
        left: -70%;
        transform: rotate(90deg) scale(0);
        width: 1.5rem;
        height: 3px;
        background-color: var(--secondary);
        display: block; }
        @media all and (max-width: 900px) {
          .vertical-nav ul li::after {
            display: none; } }
      .vertical-nav ul li:hover {
        opacity: 1; }
        .vertical-nav ul li:hover::after {
          transition: all 0.3s;
          transform: rotate(90deg) scale(1); }
      .vertical-nav ul li a {
        cursor: pointer; }
      .vertical-nav ul li svg {
        max-height: 1rem;
        max-width: 1rem;
        transform: rotate(90deg); }
    .vertical-nav ul .active {
      transition: opacity 0.3s;
      opacity: 1;
      font-size: 0.8rem; }
      @media all and (max-width: 900px) {
        .vertical-nav ul .active .marker {
          display: block;
          transform: scale(1); } }
      .vertical-nav ul .active::after {
        transition: all 1s;
        transform: rotate(90deg) scale(1); }
      .vertical-nav ul .active::before {
        display: none; }
  @media all and (max-width: 900px) {
    .vertical-nav {
      width: 4%; }
      .vertical-nav li {
        margin-left: 9%; } }

.tiles {
  position: relative;
  height: 30vh;
  width: 100vw;
  margin: 5rem 0;
  overflow: hidden; }
  @media all and (max-width: 900px) {
    .tiles {
      height: 50vh; } }
  .tiles::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, var(--background) 0%, transparent 20%, transparent 80%, var(--background) 100%);
    z-index: 2;
    pointer-events: none; }

.tiles video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 90%;
  max-width: auto;
  z-index: 1;
  pointer-events: none; }

.tiles-bg {
  position: absolute;
  inset: 0;
  background-image: url("https://s1.elespanol.com/upload/arte/especiales/laalfombraroja/img/tiles.png");
  background-size: cover;
  background-position: center;
  filter: brightness(0.6);
  z-index: 1;
  pointer-events: none; }

.mouse-blob {
  position: absolute;
  pointer-events: none;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  left: 0;
  top: 0;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 70%, transparent 100%);
  filter: blur(30px);
  transition: opacity 0.2s;
  z-index: 0;
  /* Debajo del fondo */ }

.map {
  position: fixed;
  right: 0;
  bottom: -1.7rem;
  z-index: 99999999999;
  width: auto;
  transform: scale(0.5);
  transform-origin: bottom right; }
  .map svg {
    transition: all 0.7s ease;
    opacity: 0; }
  @media all and (max-width: 900px) {
    .map {
      position: fixed;
      bottom: -12rem;
      left: 0;
      right: 0;
      top: auto;
      width: 100%;
      height: auto;
      transform: none !important;
      transform-origin: unset;
      pointer-events: none; }
      .map svg {
        display: block;
        width: 100%; }
      .map #El-parador,
      .map #Puerta,
      .map #Palacio {
        display: none; } }

.map-shadow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 110%;
  height: 110%;
  background: linear-gradient(150deg, transparent 45%, black);
  z-index: 0;
  pointer-events: none;
  opacity: 0; }
  @media all and (max-width: 900px) {
    .map-shadow {
      position: absolute;
      bottom: 10vh;
      left: 0;
      width: 100%;
      height: 30vh;
      background: linear-gradient(to bottom, transparent, #170100) !important;
      z-index: 0;
      pointer-events: none;
      opacity: 0; } }


  @media all and (max-width: 900px) {
    .map-appearance {
      margin-top: -4rem !important; } }

.sextuple-content {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr); }
  .sextuple-content figure {
    display: flex;
    flex-direction: column; }
    .sextuple-content figure img,
    .sextuple-content figure video {
      width: 100%;
      height: auto;
      object-fit: cover; }
    .sextuple-content figure figcaption, .sextuple-content figure figcaption span, figcaption .sextuple-content figure span,
    .sextuple-content figure figcaption em,
    figcaption .sextuple-content figure em,
    .sextuple-content figure figcaption strong,
    figcaption .sextuple-content figure strong, .sextuple-content figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .sextuple-content figure p, .sextuple-content figure .double-content-packed__figcaption p, .double-content-packed__figcaption .sextuple-content figure p, .sextuple-content figure .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .sextuple-content figure p, .sextuple-content figure .double-content-fullscreen__fake-figcaptions-wrapper div p, .double-content-fullscreen__fake-figcaptions-wrapper div .sextuple-content figure p, .sextuple-content figure .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .sextuple-content figure p, .sextuple-content figure .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .sextuple-content figure p {
      margin-top: 0.2rem;
      padding: 0.5rem 1.5rem;
      transition: 0.3s all; }
  .sextuple-content figure:nth-child(1),
  .sextuple-content figure:nth-child(2),
  .sextuple-content figure:nth-child(3) {
    flex-direction: column-reverse; }

@media all and (max-width: 900px) {
  .sextuple-content {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    row-gap: 2rem; }
    .sextuple-content figure:nth-child(1),
    .sextuple-content figure:nth-child(2),
    .sextuple-content figure:nth-child(3) {
      flex-direction: column; } }

.end-map-scroll {
  height: 1px; }

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

/* ─── DOUBLE-CONTENT-PARALLAX-RTL ───────────────── */
.double-content-parallax-rtl {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
  position: relative;
}
.double-content-parallax-rtl figure {
  height: 100%;
  width: 52.5%;
}
.double-content-parallax-rtl figure img,
.double-content-parallax-rtl figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.double-content-parallax-rtl .first-figure {
  position: absolute;
  left: 0;
  z-index: -1;
}
.double-content-parallax-rtl .second-figure {
  padding-top: 5rem;
  z-index: 2;
}

@media (max-width: 900px) {
  .double-content-parallax-rtl {
    flex-direction: column;
    padding-bottom: 0;
  }
  .double-content-parallax-rtl .first-figure {
    position: relative;
    transform: translate(0) !important;
    width: 100%;
  }
  .double-content-parallax-rtl .second-figure {
    display: flex;
    flex-direction: column-reverse;
    transform: translate(0) !important;
    width: 100%;
    padding: 0 10%;
  }
  
}


/* ─── DOUBLE-CONTENT-PARALLAX-LTR-CENTERED ───────────────── */
.double-content-parallax-ltr-centered {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  z-index: 2;
  position: relative;
}
.double-content-parallax-ltr-centered figure {
  height: 100%;
  width: 52.5%;
}
.double-content-parallax-ltr-centered figure img,
.double-content-parallax-ltr-centered figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.double-content-parallax-ltr-centered .second-figure {
  position: absolute;
  right: 0;
  z-index: -1;
}
.double-content-parallax-ltr-centered .first-figure {
  padding-top: 5rem;
}

@media (max-width: 900px) {
  .double-content-parallax-ltr-centered {
    flex-direction: column;
    padding-bottom: 0;
  }
  .double-content-parallax-ltr-centered .first-figure {
    display: flex;
    flex-direction: column-reverse;
    transform: translate(0) !important;
    width: 100%;
    padding: 0 10%;
  }
  .double-content-parallax-ltr-centered .second-figure {
    position: relative;
    transform: translate(0) !important;
    width: 100%;
  }
}

/* ─── DOUBLE-CONTENT-PARALLAX-RTL-CENTERED ───────────────── */
.double-content-parallax-rtl-centered {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
  position: relative;
}
.double-content-parallax-rtl-centered figure {
  height: 100%;
  width: 52.5%;
}
.double-content-parallax-rtl-centered figure img,
.double-content-parallax-rtl-centered figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.double-content-parallax-rtl-centered .first-figure {
  position: absolute;
  left: 0;
  z-index: -1;
}
.double-content-parallax-rtl-centered .second-figure {
  padding-top: 5rem;
  z-index: 2;
}

@media (max-width: 900px) {
  .double-content-parallax-rtl-centered {
    flex-direction: column;
    padding-bottom: 0;
  }
  .double-content-parallax-rtl-centered .first-figure {
    position: relative;
    transform: translate(0) !important;
    width: 100%;
  }
  .double-content-parallax-rtl-centered .second-figure {
    display: flex;
    flex-direction: column-reverse;
    transform: translate(0) !important;
    width: 100%;
    padding: 0 10%;
  }
}
/* ─── CENTERED-CONTENT-GRAYSCALE ──────────────────────────── */

.centered-content-grayscale figcaption{
  padding: 0.5rem 0;
}
@media all and (max-width: 900px) {
  .centered-content-grayscale {
    margin-top: -5rem !important;
    margin-bottom: 5rem !important; } }
.centered-content-grayscale {
  margin: 0 auto;
  margin-bottom: 5rem;
  position: relative; }
  .centered-content-grayscale figure {
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 1;
    max-width: 80%; }
    @media all and (max-width: 900px) {
      .centered-content-grayscale figure {
        max-width: 100%; } }
    .centered-content-grayscale figure img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .centered-content-grayscale .absolute {
    position: absolute;
    scale: 0.8;
    inset: 0;
    margin: auto;
    translate: 0 -1rem; }


.six-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.six-content figure {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.six-content figure.top figcaption {
  order: -1;
  padding: 0.5rem 0;
}

.six-content figure.bottom figcaption {
  padding: 0.5rem 0;
}

.six-content figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media all and (max-width: 900px) {
  .six-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .six-content figure.top figcaption {
    order: 1;
  }
}

.six-content-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.six-content-fullscreen figure {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.six-content-fullscreen figure.top figcaption {
  order: -1;
  padding: 0.5rem 0;
}

.six-content-fullscreen figure.bottom figcaption {
  padding: 0.5rem 0;
}

.six-content-fullscreen figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media all and (max-width: 1150px) {
  .six-content-fullscreen {
    margin: 0 8% 5rem 8%;
  }
}

@media all and (max-width: 900px) {
  .six-content-fullscreen {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .six-content-fullscreen figure.top figcaption {
    order: 1;
  }
}

/* ─── DOUBLE-CONTENT-PARALLAX-RTL ───────────────── */
.double-content-parallax-rtl {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
  position: relative;
}
.double-content-parallax-rtl figure {
  height: 100%;
  width: 52.5%;
}
.double-content-parallax-rtl figure img,
.double-content-parallax-rtl figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.double-content-parallax-rtl .first-figure {
  position: absolute;
  left: 0;
  z-index: -1;
}
.double-content-parallax-rtl .second-figure {
  padding-top: 5rem;
  z-index: 2;
}

@media (max-width: 900px) {
  .double-content-parallax-rtl {
    flex-direction: column;
    padding-bottom: 0;
  }
  .double-content-parallax-rtl .first-figure {
    position: relative;
    transform: translate(0) !important;
    width: 100%;
  }
  .double-content-parallax-rtl .second-figure {
    display: flex;
    flex-direction: column-reverse;
    transform: translate(0) !important;
    width: 100%;
    padding: 0 10%;
  }
  
}


/* ─── DOUBLE-CONTENT-PARALLAX-LTR-CENTERED ───────────────── */
.double-content-parallax-ltr-centered {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  z-index: 2;
  position: relative;
}
.double-content-parallax-ltr-centered figure {
  height: 100%;
  width: 52.5%;
}
.double-content-parallax-ltr-centered figure img,
.double-content-parallax-ltr-centered figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.double-content-parallax-ltr-centered .second-figure {
  position: absolute;
  right: 0;
  z-index: -1;
}
.double-content-parallax-ltr-centered .first-figure {
  padding-top: 5rem;
}

@media (max-width: 900px) {
  .double-content-parallax-ltr-centered {
    flex-direction: column;
    padding-bottom: 0;
  }
  .double-content-parallax-ltr-centered .first-figure {
    display: flex;
    flex-direction: column-reverse;
    transform: translate(0) !important;
    width: 100%;
    padding: 0 10%;
  }
  .double-content-parallax-ltr-centered .second-figure {
    position: relative;
    transform: translate(0) !important;
    width: 100%;
  }
}

/* ─── DOUBLE-CONTENT-PARALLAX-RTL-CENTERED ───────────────── */
.double-content-parallax-rtl-centered {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
  position: relative;
}
.double-content-parallax-rtl-centered figure {
  height: 100%;
  width: 52.5%;
}
.double-content-parallax-rtl-centered figure img,
.double-content-parallax-rtl-centered figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.double-content-parallax-rtl-centered .first-figure {
  position: absolute;
  left: 0;
  z-index: -1;
}
.double-content-parallax-rtl-centered .second-figure {
  padding-top: 5rem;
  z-index: 2;
}

@media (max-width: 900px) {
  .double-content-parallax-rtl-centered {
    flex-direction: column;
    padding-bottom: 0;
  }
  .double-content-parallax-rtl-centered .first-figure {
    position: relative;
    transform: translate(0) !important;
    width: 100%;
  }
  .double-content-parallax-rtl-centered .second-figure {
    display: flex;
    flex-direction: column-reverse;
    transform: translate(0) !important;
    width: 100%;
    padding: 0 10%;
  }
}

/* ─── DOUBLE-CONTENT-PARALLAX-LTR ───────────────── */
.double-content-parallax-ltr {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  z-index: 2;
  position: relative;
}
.double-content-parallax-ltr figure {
  height: 100%;
  width: 52.5%;
}
.double-content-parallax-ltr figure img,
.double-content-parallax-ltr figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.double-content-parallax-ltr .second-figure {
  position: absolute;
  right: 0;
  z-index: -1;
}
.double-content-parallax-ltr .first-figure {
  padding-top: 5rem;
}

@media (max-width: 900px) {
  .double-content-parallax-ltr {
    flex-direction: column;
    padding-bottom: 0;
  }
  .double-content-parallax-ltr .first-figure {
    display: flex;
    flex-direction: column-reverse;
    transform: translate(0) !important;
    width: 100%;
    padding: 0 10%;
  }
  .double-content-parallax-ltr .second-figure {
    position: relative;
    transform: translate(0) !important;
    width: 100%;
  }
  
}

/* ─── DOUBLE-CONTENT-PARALLAX-RTL ───────────────── */
.double-content-parallax-rtl {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
  position: relative;
}
.double-content-parallax-rtl figure {
  height: 100%;
  width: 52.5%;
}
.double-content-parallax-rtl figure img,
.double-content-parallax-rtl figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.double-content-parallax-rtl .first-figure {
  position: absolute;
  left: 0;
  z-index: -1;
}
.double-content-parallax-rtl .second-figure {
  padding-top: 5rem;
  z-index: 2;
}

@media (max-width: 900px) {
  .double-content-parallax-rtl {
    flex-direction: column;
    padding-bottom: 0;
  }
  .double-content-parallax-rtl .first-figure {
    position: relative;
    transform: translate(0) !important;
    width: 100%;
  }
  .double-content-parallax-rtl .second-figure {
    display: flex;
    flex-direction: column-reverse;
    transform: translate(0) !important;
    width: 100%;
    padding: 0 10%;
  }
  
}


/* ─── DOUBLE-CONTENT-PARALLAX-LTR-CENTERED ───────────────── */
.double-content-parallax-ltr-centered {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  z-index: 2;
  position: relative;
}
.double-content-parallax-ltr-centered figure {
  height: 100%;
  width: 52.5%;
}
.double-content-parallax-ltr-centered figure img,
.double-content-parallax-ltr-centered figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.double-content-parallax-ltr-centered .second-figure {
  position: absolute;
  right: 0;
  z-index: -1;
}
.double-content-parallax-ltr-centered .first-figure {
  padding-top: 5rem;
}

@media (max-width: 900px) {
  .double-content-parallax-ltr-centered {
    flex-direction: column;
    padding-bottom: 0;
  }
  .double-content-parallax-ltr-centered .first-figure {
    display: flex;
    flex-direction: column-reverse;
    transform: translate(0) !important;
    width: 100%;
    padding: 0 10%;
  }
  .double-content-parallax-ltr-centered .second-figure {
    position: relative;
    transform: translate(0) !important;
    width: 100%;
  }
}


.double-content-vertical-centered {
  max-width: 640px;
  margin: 0 auto;
  margin-bottom: 5rem;
}

.double-content-vertical-centered .main {
  display: flex;
  flex-direction: column;
}

.double-content-vertical-centered .main figure {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-right: -1px;
}

.double-content-vertical-centered .main figure img {
  width: 100%;
  object-fit: cover;
}

.double-content-vertical-centered .main .zoom-in {
  width: 100%;
  height: 100%;
}

.double-content-vertical-centered .main figcaption {
  padding: 0.5rem 0;
  transition: 0.3s all;
}

.double-content-vertical-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem;
}

.double-content-vertical-fullscreen .main {
  display: flex;
  flex-direction: column;
}

.double-content-vertical-fullscreen .main figure {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-right: -1px;
}

.double-content-vertical-fullscreen .main figure img {
  width: 100%;
  object-fit: cover;
}

.double-content-vertical-fullscreen .main figcaption {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0.5rem 0;
  transition: 0.3s all;
}

@media screen and (max-width: 1150px) {
  .double-content-vertical-fullscreen .main figcaption {
    width: auto;
  }
}

@media all and (max-width: 1150px) {
  .double-content-vertical-fullscreen .main figcaption {
    margin: 0 8%;
  }
}

.double-content-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem;
}

.double-content-fullscreen .main {
  display: flex;
}

.double-content-fullscreen .main figure {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-right: -1px;
  width: 50%;
}

.double-content-fullscreen .main figure img,
.double-content-fullscreen .main figure video {
  width: 100%;
  object-fit: cover;
  display: block;
}

.double-content-fullscreen .main figcaption,
.double-content-fullscreen .main figcaption span,
.double-content-fullscreen .main figcaption em,
.double-content-fullscreen .main figcaption strong {
  text-align: center;
  padding: 0.5rem 0;
  transition: all 0.3s;
}

.double-content-fullscreen__fake-figcaptions-wrapper div {
  display: grid;
  grid-column: 2/8;
  grid-template-columns: 1fr 1fr;
  height: 2rem;
  width: 100%;
}

.double-content-fullscreen__fake-figcaptions-wrapper div p {
  margin-top: 0.5rem;
}

@media all and (max-width: 900px) {
  .double-content-fullscreen__fake-figcaptions-wrapper {
    display: none;
  }

  .double-content-fullscreen figure:first-of-type {
    flex-direction: column-reverse;
  }

  .double-content-fullscreen .main {
    flex-direction: column;
  }

  .double-content-fullscreen .main figure {
    width: 100%;
  }
}

.four-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}

.four-content figure {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.four-content figure.top figcaption {
  order: -1;
  padding: 0.5rem 0;
}

.four-content figure.bottom figcaption {
  padding: 0.5rem 0;
}

.four-content figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media all and (max-width: 900px) {
  .four-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .four-content figure.top figcaption {
    order: 1;
  }
}

.parallax {
  margin-bottom: 5rem;
}

.parallax section {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: inset(0);
}

.parallax section .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: -1;
}

@supports (-webkit-touch-callout: none) {
  .parallax section .bg {
    background-attachment: scroll;
    top: -20%;
    height: 140%;
    will-change: transform;
  }
}

@media (max-width: 1023px) {
  .parallax section .bg {
    background-attachment: scroll;
    top: 0;
    height: 140%;
    will-change: transform;
  }
}

@media (max-width: 900px) {
  .parallax section .bg {
    background-position: center;
  }
}
em{
  font-style: italic;
}