@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://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__figcaptions div,
.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__figcaptions div,
.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 !important; }

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

p {
  text-wrap: pretty; }

h1,
h2,
.h1,
.h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Serif Text", serif;
  line-height: 1.2;
  text-wrap: pretty; }

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

strong,
.bold {
  font-weight: bolder; }

em,
.italic {
  font-style: italic;
  margin: 0 !important; }

:root {
  --primary: #020a21;
  --secondary: #64508c;
  --ternary: #ececec;
  --background: #f8f8f8;
  --background-secondary: #f2eae8;
  --background-ternary: #f7f4f4;
  --hover: #eae8ef;
  --topbar-background: #f8f8f88b;
  --button-primary: #f8f8f8;
  --button-hover: #333444;
  --invert: invert(0); }

.theme-switch.dark {
  --primary: #f8f8f8;
  --secondary: #64508c;
  --ternary: #1e1f33;
  --background: #020a21;
  --background-secondary: #404155;
  --background-ternary: #2f3042;
  --hover: #2c165a;
  --topbar-background: #020a21cf;
  --button-primary: #020a21;
  --button-hover: #d3d3d3;
  --invert: invert(1); }

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

body,
html {
  height: 100%;
  background-color: var(--background);
  scroll-behavior: smooth; }

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

article {
  position: relative;
  overflow-x: hidden;
  padding-top: 8rem;
  min-height: 100vh;
  width: 100%;
  background-color: var(--background);
  border-bottom: 1px solid var(--ternary);
  z-index: 1; }
  @media all and (max-width: 900px) {
    article {
      padding-top: 6rem; } }

h1 {
  font-size: 54px;
  line-height: 54px; }

h2 {
  font-size: 36px; }

h3 {
  font-size: 27px; }

h4 {
  font-size: 18px; }

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

a {
  color: var(--secondary);
  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__figcaptions div, .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; }

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(--ternary); }

@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__figcaptions div 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__figcaptions div 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__figcaptions div 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%); }

.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;
  padding: 1rem 8%;
  border-bottom: 1px solid transparent;
  transition: all 0.5s;
  background: var(--topbar-background);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); }
  .topbar::before {
    content: "";
    position: absolute;
    top: var(--mouse-y);
    left: var(--mouse-x);
    width: 5rem;
    height: 5rem;
    background: radial-gradient(circle, var(--hover), transparent);
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s ease;
    opacity: 0;
    filter: blur(50px); }
  .topbar ul {
    display: flex;
    width: 100%; }
    .topbar ul li {
      width: 33.33%; }
  .topbar svg {
    max-width: -webkit-min-content;
    max-width: min-content;
    max-height: 2rem;
    transition: fill 0.3s; }
  .topbar--brand-logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    justify-content: start; }
    .topbar--brand-logo svg {
      height: 1.2rem;
      padding-bottom: 3px; }
  .topbar--magas-logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .topbar--magas-logo svg {
      height: 1.3rem; }
    .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; }
    .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: 15rem;
      height: 2.2rem;
      justify-content: center;
      border: 1px solid none;
      padding: 0 1.5rem;
      gap: 1rem;
      font-family: "DM Serif Text", serif;
      font-size: 0.8rem;
      transition: all 0.3s;
      overflow: hidden; }
      .topbar--share-container .share-container:hover::before {
        opacity: 1; }
      .topbar--share-container .share-container .line {
        width: 100%;
        height: 1px;
        background-color: var(--primary); }
      .topbar--share-container .share-container ul {
        gap: 0.8rem; }
        .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 {
      padding: 1rem 2rem; }
      .topbar--share-container .share-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 4rem;
        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 {
            stroke-width: 4px; } }
  @media all and (max-width: 900px) {
    .topbar {
      display: flex;
      margin: 0;
      margin-bottom: 2.5rem;
      padding: 0;
      height: 3rem;
      justify-content: space-between; }
      .topbar .share-container {
        padding: 0 !important;
        display: flex;
        justify-content: flex-end; }
      .topbar .topbar--container {
        max-width: 1080px;
        margin: 0 auto;
        justify-content: space-between; } }
    @media all and (max-width: 900px) and (max-width: 1150px) {
      .topbar .topbar--container {
        margin: 0 8%; } }
  @media all and (max-width: 900px) {
      .topbar svg,
      .topbar .topbar--share-container {
        transform: scale(1); } }

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

.invert-topbar-color {
  color: #f8f8f8;
  background: transparent;
  backdrop-filter: blur(0px); }
  .invert-topbar-color svg:not(.share-container svg),
  .invert-topbar-color .share-container {
    filter: invert(100%) brightness(150%); }

.hero {
  max-width: 1080px;
  margin: 0 auto;
  justify-items: center;
  margin-bottom: 5rem;
  position: relative;
  transition: all 0.2s; }
  .hero h1,
  .hero .h1 {
    font-size: var(--LETRA-ESCRITORIO);
    line-height: var(--LETRA-ESCRITORIO); }
  .hero header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: calc(1080px * var(--ANCHO-ESCRITORIO));
    margin: 0 auto;
    margin-bottom: var(--CORTE-ESCRITORIO); }
    .hero header h2 {
      width: 60%;
      margin-top: 1.5rem;
      font-size: 1rem;
      opacity: 0; }
  .hero figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    clip-path: inset(0 0 0 0); }
    .hero figure::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent, transparent, transparent); }
    @media all and (max-width: 900px) {
      .hero figure::before {
        display: none; }
      .hero figure::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent, transparent); } }
    .hero figure .hero__titles-inverted {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: calc(1080px * var(--ANCHO-ESCRITORIO));
      height: 100%;
      position: absolute;
      top: 0;
      z-index: 1; }
      .hero figure .hero__titles-inverted .h2 {
        font-family: "Petrona", sans-serif; }
      .hero figure .hero__titles-inverted * {
        color: var(--background); }
      .hero figure .hero__titles-inverted div {
        line-height: 1.2; }
      .hero figure .hero__titles-inverted div:nth-child(2) {
        font-family: "DM Serif Text", serif;
        font-size: var(--LETRA-ESCRITORIO);
        line-height: var(--LETRA-ESCRITORIO); }
      .hero figure .hero__titles-inverted p {
        width: var(--ANCHO-ESCRITORIO);
        margin-top: 1.5rem; }
    .hero figure img,
    .hero figure video {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: top; }
  @media all and (max-width: 900px) {
    .hero figure {
      height: 75dvh; }
    .hero .prod-type,
    .hero .prod-type-inverted {
      font-size: 0.8rem !important;
      line-height: 0.8rem !important;
      margin: 0 0 0.5rem 0; }
    .hero h1,
    .hero .h1 {
      font-size: 2.8rem !important;
      line-height: 2.8rem !important; } }
  @media all and (max-width: 900px) and (max-width: 450px) {
    .hero h1,
    .hero .h1 {
      font-size: var(--LETRA-MOVIL) !important;
      line-height: var(--LETRA-MOVIL) !important; } }
  @media all and (max-width: 900px) {
    .hero header {
      width: var(--ANCHO-MOVIL);
      margin-bottom: var(--CORTE-MOVIL); }
      .hero header h2 {
        display: none;
        font-size: 0.8rem; }
    .hero .hero__titles-inverted {
      width: var(--ANCHO-MOVIL) !important; }
      .hero .hero__titles-inverted p {
        font-size: 0.8rem;
        line-height: 1rem;
        width: 90% !important;
        position: absolute;
        bottom: 0;
        color: #f8f8f8; } }

.hero-fullscreen {
  margin: 0 auto;
  justify-items: center;
  margin-bottom: 5rem;
  position: relative;
  transition: all 0.2s; }
  .hero-fullscreen h1,
  .hero-fullscreen .h1 {
    font-size: var(--LETRA-ESCRITORIO);
    line-height: var(--LETRA-ESCRITORIO); }
  .hero-fullscreen header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: calc(1080px * var(--ANCHO-ESCRITORIO));
    margin: 0 auto;
    margin-bottom: var(--CORTE-ESCRITORIO); }
    .hero-fullscreen header h2 {
      width: 60%;
      margin-top: 1.5rem;
      font-size: 1rem;
      opacity: 0; }
  .hero-fullscreen figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    clip-path: inset(0 0 0 0); }
    .hero-fullscreen figure::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent, transparent, transparent); }
    @media all and (max-width: 900px) {
      .hero-fullscreen figure::before {
        display: none; }
      .hero-fullscreen figure::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent, transparent); } }
    .hero-fullscreen figure .h2 {
      font-family: "Petrona", sans-serif; }
    .hero-fullscreen figure .hero-fullscreen__titles-inverted {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: calc(1080px * var(--ANCHO-ESCRITORIO));
      height: 100%;
      position: absolute;
      top: 0;
      z-index: 1; }
      .hero-fullscreen figure .hero-fullscreen__titles-inverted * {
        color: var(--background); }
      .hero-fullscreen figure .hero-fullscreen__titles-inverted div {
        line-height: 1.2; }
      .hero-fullscreen figure .hero-fullscreen__titles-inverted div:nth-child(2) {
        font-family: "DM Serif Text", serif;
        font-size: var(--LETRA-ESCRITORIO);
        line-height: var(--LETRA-ESCRITORIO); }
      .hero-fullscreen figure .hero-fullscreen__titles-inverted p {
        width: var(--ANCHO-ESCRITORIO);
        margin-top: 1.5rem; }
    .hero-fullscreen figure img,
    .hero-fullscreen figure video {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: top; }
  @media all and (max-width: 900px) {
    .hero-fullscreen figure {
      height: 75dvh; }
    .hero-fullscreen .prod-type,
    .hero-fullscreen .prod-type-inverted {
      font-size: 0.8rem !important;
      line-height: 0.8rem !important;
      margin: 0 0 0.5rem 0; }
    .hero-fullscreen h1,
    .hero-fullscreen .h1 {
      font-size: 2.8rem !important;
      line-height: 2.8rem !important; } }
  @media all and (max-width: 900px) and (max-width: 450px) {
    .hero-fullscreen h1,
    .hero-fullscreen .h1 {
      font-size: var(--LETRA-MOVIL) !important;
      line-height: var(--LETRA-MOVIL) !important; } }
  @media all and (max-width: 900px) {
    .hero-fullscreen header {
      width: var(--ANCHO-MOVIL);
      margin-bottom: var(--CORTE-MOVIL); }
      .hero-fullscreen header h2 {
        display: none;
        font-size: 0.8rem; }
    .hero-fullscreen .hero-fullscreen__titles-inverted {
      width: var(--ANCHO-MOVIL) !important; }
      .hero-fullscreen .hero-fullscreen__titles-inverted p {
        font-size: 0.8rem;
        line-height: 1rem;
        width: 90% !important;
        position: absolute;
        bottom: 0;
        color: #f8f8f8; } }

.hero-slider {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin-bottom: 5rem !important; }
  .hero-slider header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
    width: calc(1080px * var(--ANCHO-ESCRITORIO));
    margin: 0 auto;
    margin-bottom: var(--CORTE-ESCRITORIO);
    height: -webkit-min-content;
    height: min-content;
    z-index: 0; }
    .hero-slider header h1 {
      font-size: var(--LETRA-ESCRITORIO) !important;
      line-height: var(--LETRA-ESCRITORIO) !important; }
    .hero-slider header h2 {
      font-size: 1rem;
      opacity: 0;
      width: 60%;
      margin-top: 1.5rem; }
  .hero-slider__carousel {
    clip-path: inset(0 0 0 0);
    height: 150dvh; }
    .hero-slider__carousel::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent, transparent, transparent); }
    @media all and (max-width: 900px) {
      .hero-slider__carousel::before {
        display: none; }
      .hero-slider__carousel::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent, transparent); } }
    .hero-slider__carousel .hero-slider__titles-inverted {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: calc(1080px * var(--ANCHO-ESCRITORIO));
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%);
      z-index: 1; }
      .hero-slider__carousel .hero-slider__titles-inverted * {
        color: var(--background); }
      .hero-slider__carousel .hero-slider__titles-inverted .h1 {
        font-size: var(--LETRA-ESCRITORIO) !important;
        line-height: var(--LETRA-ESCRITORIO) !important; }
      .hero-slider__carousel .hero-slider__titles-inverted div {
        font-family: "DM Serif Text", serif;
        line-height: 1.2; }
      .hero-slider__carousel .hero-slider__titles-inverted div:nth-child(2) {
        font-size: 3rem;
        line-height: 3rem; }
      .hero-slider__carousel .hero-slider__titles-inverted .h2 {
        width: 60%;
        margin-top: 1.5rem;
        font-family: "Petrona", sans-serif; }
        @media all and (max-width: 900px) {
          .hero-slider__carousel .hero-slider__titles-inverted .h2 {
            color: white;
            font-size: 1rem !important; } }
    .hero-slider__carousel figure {
      width: 100%;
      height: 100%;
      z-index: 0;
      overflow: hidden;
      position: absolute; }
    .hero-slider__carousel img,
    .hero-slider__carousel video {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: all 1s;
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .hero-slider .slider-dots {
    display: flex;
    justify-content: center;
    gap: 1rem;
    z-index: 999;
    width: 100%;
    position: absolute;
    bottom: -2rem; }
  .hero-slider .slider-dots .dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--ternary);
    cursor: pointer;
    transition: background 0.3s; }
  .hero-slider .slider-dots .dot.active {
    background: var(--primary); }
  @media all and (max-width: 900px) {
    .hero-slider {
      margin: 0 auto; }
      .hero-slider .prod-type,
      .hero-slider .prod-type--inverted {
        font-size: 0.8rem !important;
        line-height: 0.8rem !important;
        margin: 0 0 0.5rem 0; }
      .hero-slider h1 {
        font-size: 2.8rem !important;
        line-height: 2.8rem !important; }
      .hero-slider header {
        margin: 0 auto var(--CORTE-MOVIL) auto;
        width: var(--ANCHO-MOVIL); } }
    @media all and (max-width: 900px) and (max-width: 450px) {
      .hero-slider header h1 {
        font-size: var(--LETRA-MOVIL) !important;
        line-height: var(--LETRA-MOVIL) !important; } }
  @media all and (max-width: 900px) {
        .hero-slider header h2 {
          display: none;
          font-size: 0.8rem; }
      .hero-slider__carousel {
        height: 80dvh; }
      .hero-slider .hero-slider__titles-inverted {
        width: var(--ANCHO-MOVIL); } }
    @media all and (max-width: 900px) and (max-width: 450px) {
      .hero-slider .hero-slider__titles-inverted .h1 {
        font-size: var(--LETRA-MOVIL) !important;
        line-height: var(--LETRA-MOVIL) !important; } }
  @media all and (max-width: 900px) {
        .hero-slider .hero-slider__titles-inverted .h2 {
          font-size: 0.8rem;
          line-height: 1rem;
          width: 90% !important;
          position: absolute;
          bottom: 0;
          color: #f8f8f8; } }

.hero-slider-fullscreen {
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin-bottom: 5rem !important; }
  .hero-slider-fullscreen header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
    width: calc(1080px * var(--ANCHO-ESCRITORIO));
    margin: 0 auto;
    margin-bottom: var(--CORTE-ESCRITORIO);
    height: -webkit-min-content;
    height: min-content;
    z-index: 0; }
    .hero-slider-fullscreen header h1 {
      font-size: var(--LETRA-ESCRITORIO) !important;
      line-height: var(--LETRA-ESCRITORIO) !important; }
    .hero-slider-fullscreen header h2 {
      font-size: 1rem;
      opacity: 0;
      width: 60%;
      margin-top: 1.5rem; }
  .hero-slider-fullscreen__carousel {
    clip-path: inset(0 0 0 0);
    height: 150dvh; }
    .hero-slider-fullscreen__carousel::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent, transparent, transparent); }
    @media all and (max-width: 900px) {
      .hero-slider-fullscreen__carousel::before {
        display: none; }
      .hero-slider-fullscreen__carousel::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent, transparent); } }
    .hero-slider-fullscreen__carousel .hero-slider-fullscreen__titles-inverted {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: calc(1080px * var(--ANCHO-ESCRITORIO));
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%);
      z-index: 1; }
      .hero-slider-fullscreen__carousel .hero-slider-fullscreen__titles-inverted * {
        color: var(--background); }
      .hero-slider-fullscreen__carousel .hero-slider-fullscreen__titles-inverted .h1 {
        font-size: var(--LETRA-ESCRITORIO) !important;
        line-height: var(--LETRA-ESCRITORIO) !important; }
      .hero-slider-fullscreen__carousel .hero-slider-fullscreen__titles-inverted div {
        font-family: "DM Serif Text", serif;
        line-height: 1.2; }
      .hero-slider-fullscreen__carousel .hero-slider-fullscreen__titles-inverted div:nth-child(2) {
        font-size: 3rem;
        line-height: 3rem; }
      .hero-slider-fullscreen__carousel .hero-slider-fullscreen__titles-inverted .h2 {
        width: 60%;
        margin-top: 1.5rem;
        font-family: "Petrona", sans-serif; }
        @media all and (max-width: 900px) {
          .hero-slider-fullscreen__carousel .hero-slider-fullscreen__titles-inverted .h2 {
            color: white;
            font-size: 1rem !important; } }
    .hero-slider-fullscreen__carousel figure {
      width: 100%;
      height: 100%;
      z-index: 0;
      overflow: hidden;
      position: absolute; }
    .hero-slider-fullscreen__carousel img,
    .hero-slider-fullscreen__carousel video {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: all 1s;
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .hero-slider-fullscreen .slider-dots {
    display: flex;
    justify-content: center;
    gap: 1rem;
    z-index: 999;
    width: 100%;
    position: absolute;
    bottom: -2rem; }
  .hero-slider-fullscreen .slider-dots .dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--ternary);
    cursor: pointer;
    transition: background 0.3s; }
  .hero-slider-fullscreen .slider-dots .dot.active {
    background: var(--primary); }
  @media all and (max-width: 900px) {
    .hero-slider-fullscreen {
      margin: 0 auto; }
      .hero-slider-fullscreen .prod-type,
      .hero-slider-fullscreen .prod-type--inverted {
        font-size: 0.8rem !important;
        line-height: 0.8rem !important;
        margin: 0 0 0.5rem 0; }
      .hero-slider-fullscreen h1 {
        font-size: 2.8rem !important;
        line-height: 2.8rem !important; }
      .hero-slider-fullscreen header {
        margin: 0 auto var(--CORTE-MOVIL) auto;
        width: var(--ANCHO-MOVIL); } }
    @media all and (max-width: 900px) and (max-width: 450px) {
      .hero-slider-fullscreen header h1 {
        font-size: var(--LETRA-MOVIL) !important;
        line-height: var(--LETRA-MOVIL) !important; } }
  @media all and (max-width: 900px) {
        .hero-slider-fullscreen header h2 {
          display: none;
          font-size: 0.8rem; }
      .hero-slider-fullscreen__carousel {
        height: 80dvh; }
      .hero-slider-fullscreen .hero-slider-fullscreen__titles-inverted {
        width: var(--ANCHO-MOVIL); } }
    @media all and (max-width: 900px) and (max-width: 450px) {
      .hero-slider-fullscreen .hero-slider-fullscreen__titles-inverted .h1 {
        font-size: var(--LETRA-MOVIL) !important;
        line-height: var(--LETRA-MOVIL) !important; } }
  @media all and (max-width: 900px) {
        .hero-slider-fullscreen .hero-slider-fullscreen__titles-inverted .h2 {
          font-size: 0.8rem;
          line-height: 1rem;
          width: 90% !important;
          position: absolute;
          bottom: 0;
          color: #f8f8f8; } }

.hero-trio {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin-top: -1rem; }
  .hero-trio header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
    width: calc(1080px * var(--ANCHO-ESCRITORIO));
    margin: 0 auto; }
    .hero-trio header h2 {
      font-size: 1rem;
      font-family: "Petrona", sans-serif;
      line-height: 1.2rem;
      width: 100%;
      margin-top: 1.5rem; }
      @media all and (max-width: 900px) {
        .hero-trio header h2 {
          text-wrap: pretty; } }
  .hero-trio__images {
    position: relative;
    min-height: 185vh;
    margin-top: 1.5rem; }
    .hero-trio__images img {
      height: 100vh;
      max-width: 100%;
      object-fit: cover; }
    .hero-trio__images .slide-1 {
      position: absolute;
      left: 0%;
      z-index: 1; }
    .hero-trio__images .slide-2 {
      position: absolute;
      top: 15%;
      right: 0;
      z-index: 2;
      transition: all 0.3s; }
    .hero-trio__images .slide-3 {
      position: absolute;
      top: 40%;
      left: 5%;
      z-index: 3;
      transition: all 0.3s; }
  @media all and (max-width: 900px) {
    .hero-trio .scroll-down {
      display: block; }
    .hero-trio .slide-2 {
      position: absolute;
      top: 15%;
      left: 40px;
      z-index: 2; }
    .hero-trio .slide-3 {
      left: 0;
      right: 20px; }
    .hero-trio figure {
      height: 75dvh; }
    .hero-trio .prod-type,
    .hero-trio .prod-type-inverted {
      font-size: 0.8rem !important;
      line-height: 0.8rem !important;
      margin: 0 0 0.5rem 0; }
    .hero-trio h1 {
      font-size: var(--LETRA-MOVIL) !important;
      line-height: var(--LETRA-MOVIL) !important; }
    .hero-trio header {
      width: 90%; }
      .hero-trio header p {
        font-size: 0.8rem; } }

.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(--ternary); }
  .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: -4rem;
  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: 70dvh;
  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: #64508c !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__figcaptions div, .double-content-fullscreen__figcaptions .double-content .main div, .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 {
      padding: 0.5rem 0;
      transition: all 0.3s; }
    @media all and (max-width: 1150px) {
      .double-content .main figure:first-of-type figcaption, .double-content .main figure:first-of-type figcaption span, figcaption .double-content .main figure:first-of-type span,
      .double-content .main figure:first-of-type figcaption em,
      figcaption .double-content .main figure:first-of-type em,
      .double-content .main figure:first-of-type figcaption strong,
      figcaption .double-content .main figure:first-of-type strong, .double-content .main figure:first-of-type .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content .main figure:first-of-type p, .double-content .main figure:first-of-type .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content .main figure:first-of-type p, .double-content .main figure:first-of-type .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content .main figure:first-of-type p, .double-content .main figure:first-of-type .double-content-fullscreen__figcaptions div, .double-content-fullscreen__figcaptions .double-content .main figure:first-of-type div, .double-content .main figure:first-of-type .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content .main figure:first-of-type p, .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content .main figure:first-of-type p {
        padding-left: 8%; } }
  .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__figcaptions div, .double-content-fullscreen__figcaptions .double-content div, .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;
      padding-left: 8% !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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-packed .main figure div, .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: 1150px) {
      .double-content-packed__figcaption p {
        padding-left: 8%; } }
  @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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-packed-fullscreen .main figure div, .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: 1150px) {
        .double-content-packed-fullscreen__figcaption p {
          padding-left: 8%; } }
  @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; }
      .double-content-fullscreen .main figure img,
      .double-content-fullscreen .main figure video {
        width: 100%;
        object-fit: cover; }
    .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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-fullscreen .main div, .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 {
      padding: 0.5rem 0;
      transition: 0.3s all;
      display: none; }
    .double-content-fullscreen .main figure:first-of-type figcaption, .double-content-fullscreen .main figure:first-of-type figcaption span, figcaption .double-content-fullscreen .main figure:first-of-type span,
    .double-content-fullscreen .main figure:first-of-type figcaption em,
    figcaption .double-content-fullscreen .main figure:first-of-type em,
    .double-content-fullscreen .main figure:first-of-type figcaption strong,
    figcaption .double-content-fullscreen .main figure:first-of-type strong, .double-content-fullscreen .main figure:first-of-type .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-fullscreen .main figure:first-of-type p, .double-content-fullscreen .main figure:first-of-type .double-content-packed__figcaption p, .double-content-packed__figcaption .double-content-fullscreen .main figure:first-of-type p, .double-content-fullscreen .main figure:first-of-type .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .double-content-fullscreen .main figure:first-of-type p, .double-content-fullscreen .main figure:first-of-type .double-content-fullscreen__figcaptions div, .double-content-fullscreen__figcaptions .double-content-fullscreen .main figure:first-of-type div, .double-content-fullscreen .main figure:first-of-type .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .double-content-fullscreen .main figure:first-of-type p, .double-content-fullscreen .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main figure:first-of-type p {
      padding-left: 8%; }
  .double-content-fullscreen__figcaptions {
    max-width: 1080px;
    margin: 0 auto;
    width: 100%;
    padding-top: 1rem;
    display: flex; }
    @media all and (max-width: 1150px) {
      .double-content-fullscreen__figcaptions {
        margin: 0 8%; } }
    @media screen and (max-width: 1150px) {
      .double-content-fullscreen__figcaptions {
        width: auto; } }
    .double-content-fullscreen__figcaptions div {
      width: 50%;
      padding-right: 2rem; }
  @media all and (max-width: 900px) {
    .double-content-fullscreen .double-content-fullscreen__figcaptions {
      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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-fullscreen div, .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;
      padding-left: 8% !important; }
    .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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-vertical .main div, .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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-vertical .main div, .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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-vertical .main div, .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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-vertical-fullscreen .main div, .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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-vertical-fullscreen .main div, .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__figcaptions div, .double-content-fullscreen__figcaptions .double-content-vertical-fullscreen .main div, .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%; } }

.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__figcaptions div, .double-content-fullscreen__figcaptions .single-content figure div, .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;
      width: 66%;
      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__figcaptions div, .double-content-fullscreen__figcaptions .single-content figure div, .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__figcaptions div, .double-content-fullscreen__figcaptions .single-content div, .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: 540px;
  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__figcaptions div, .double-content-fullscreen__figcaptions .single-content-centered figure div, .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; }
      @media all and (max-width: 580px) {
        .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__figcaptions div, .double-content-fullscreen__figcaptions .single-content-centered figure div, .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-left: 8%; } }

.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__figcaptions div, .double-content-fullscreen__figcaptions .single-content-grayscale div, .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__figcaptions div, .double-content-fullscreen__figcaptions .single-content-grayscale div, .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__figcaptions div, .double-content-fullscreen__figcaptions .single-content-fullscreen figure div, .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; }
      @media all and (max-width: 1150px) {
        .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__figcaptions div, .double-content-fullscreen__figcaptions .single-content-fullscreen figure div, .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 {
          padding-left: 8%; } }

.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(--ternary); }
  25% {
    stroke: var(--primary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--ternary); } }
@keyframes secondSoundwaveAnimation {
  0% {
    stroke: var(--ternary); }
  25% {
    stroke: var(--ternary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--ternary); } }
      .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: "DM Serif Text", serif; }
  .text p:not(.related p) {
    margin-bottom: 1rem;
    width: 50%; }
  .text h3 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    position: relative; }
    .text h3::after {
      content: "";
      height: 1px;
      width: 0%;
      background: linear-gradient(to left, var(--primary), transparent);
      position: absolute;
      bottom: 11px;
      right: 96%;
      transition: width 0.5s ease-in-out 0.3s; }
  .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%; }
    .text h3 {
      font-size: 1.8rem; } }

.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;
  border-top: 1px solid var(--ternary);
  border-bottom: 1px solid var(--ternary); }
  @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: 0 auto;
  margin-bottom: 5rem;
  padding: 2rem 0;
  border-top: 1px solid var(--ternary);
  border-bottom: 1px solid var(--ternary); }
  @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: 2rem;
      line-height: 2rem; } }

.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: var(--ternary);
    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; }
  @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: 100dvh; }
    .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: 100dvh;
    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__figcaptions div, .double-content-fullscreen__figcaptions .horizontal-scroll div, .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; }
  @media all and (max-width: 1150px) {
    .horizontal-scroll figure:first-of-type figcaption, .horizontal-scroll figure:first-of-type figcaption span, figcaption .horizontal-scroll figure:first-of-type span,
    .horizontal-scroll figure:first-of-type figcaption em,
    figcaption .horizontal-scroll figure:first-of-type em,
    .horizontal-scroll figure:first-of-type figcaption strong,
    figcaption .horizontal-scroll figure:first-of-type strong, .horizontal-scroll figure:first-of-type .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .horizontal-scroll figure:first-of-type p, .horizontal-scroll figure:first-of-type .double-content-packed__figcaption p, .double-content-packed__figcaption .horizontal-scroll figure:first-of-type p, .horizontal-scroll figure:first-of-type .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .horizontal-scroll figure:first-of-type p, .horizontal-scroll figure:first-of-type .double-content-fullscreen__figcaptions div, .double-content-fullscreen__figcaptions .horizontal-scroll figure:first-of-type div, .horizontal-scroll figure:first-of-type .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .horizontal-scroll figure:first-of-type p, .horizontal-scroll figure:first-of-type .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .horizontal-scroll figure:first-of-type p {
      padding-left: 8%; } }

.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__figcaptions div, .double-content-fullscreen__figcaptions .horizontal-scroll__end div, .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__figcaptions div, .double-content-fullscreen__figcaptions .horizontal-scroll__end div, .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__figcaptions div, .double-content-fullscreen__figcaptions .horizontal-scroll__end div, .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: 20dvh; }
    @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: 20dvh;
    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__figcaptions div, .double-content-fullscreen__figcaptions .mixed-content div, .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__figcaptions div, .double-content-fullscreen__figcaptions .mixed-content div, .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__figcaptions div, .double-content-fullscreen__figcaptions .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container div, .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__figcaptions div, .double-content-fullscreen__figcaptions .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container div, .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__figcaptions div, .double-content-fullscreen__figcaptions .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container div, .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__figcaptions div, .double-content-fullscreen__figcaptions .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container div, .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__figcaptions div, .double-content-fullscreen__figcaptions .mixed-content-offgrid-LTR .mixed-content-offgrid__image div, .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;
          padding-left: 8%; } }
  .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;
  flex-direction: column; }
  .triple-content div {
    display: flex; }
  .triple-content figure {
    width: 100%;
    height: 100%;
    display: flex; }
    .triple-content figure img,
    .triple-content figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .triple-content figcaption, .triple-content figcaption span, figcaption .triple-content span,
  .triple-content figcaption em,
  figcaption .triple-content em,
  .triple-content figcaption strong,
  figcaption .triple-content strong, .triple-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-content p, .triple-content .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-content p, .triple-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-content p, .triple-content .double-content-fullscreen__figcaptions div, .double-content-fullscreen__figcaptions .triple-content div, .triple-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-content p, .triple-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-content p {
    margin-top: 0.2rem;
    padding: 0.5rem 0;
    width: 85%;
    transition: 0.3s all; }
    @media all and (max-width: 1150px) {
      .triple-content figcaption, .triple-content figcaption span, figcaption .triple-content span,
      .triple-content figcaption em,
      figcaption .triple-content em,
      .triple-content figcaption strong,
      figcaption .triple-content strong, .triple-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-content p, .triple-content .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-content p, .triple-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-content p, .triple-content .double-content-fullscreen__figcaptions div, .double-content-fullscreen__figcaptions .triple-content div, .triple-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-content p, .triple-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-content p {
        margin-left: 8%; } }
  @media all and (max-width: 900px) {
    .triple-content div {
      flex-direction: column; }
    .triple-content figcaption, .triple-content figcaption span, figcaption .triple-content span,
    .triple-content figcaption em,
    figcaption .triple-content em,
    .triple-content figcaption strong,
    figcaption .triple-content strong, .triple-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-content p, .triple-content .double-content-packed__figcaption p, .double-content-packed__figcaption .triple-content p, .triple-content .double-content-packed-fullscreen__figcaption p, .double-content-packed-fullscreen__figcaption .triple-content p, .triple-content .double-content-fullscreen__figcaptions div, .double-content-fullscreen__figcaptions .triple-content div, .triple-content .triple-mixed-content__figcaption p, .triple-mixed-content__figcaption .triple-content p, .triple-content .triple-mixed-content-fullscreen__figcaption p, .triple-mixed-content-fullscreen__figcaption .triple-content p {
      width: 85% !important; } }

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

.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__figcaptions div, .double-content-fullscreen__figcaptions .triple-mixed-content div, .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__figcaptions div, .double-content-fullscreen__figcaptions .triple-mixed-content div, .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__figcaptions div, .double-content-fullscreen__figcaptions .triple-mixed-content div, .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__figcaptions div, .double-content-fullscreen__figcaptions .triple-mixed-content-fullscreen div, .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__figcaptions div, .double-content-fullscreen__figcaptions .triple-mixed-content-fullscreen div, .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__figcaptions div, .double-content-fullscreen__figcaptions .triple-mixed-content-fullscreen div, .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%; } }

.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(--ternary);
      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(--button-hover); }
      .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(--ternary); }
        .reel .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; }
      .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(--ternary);
      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(--button-hover); }
@keyframes firstSoundwaveAnimation {
  0% {
    stroke: var(--ternary); }
  25% {
    stroke: var(--primary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--ternary); } }
@keyframes secondSoundwaveAnimation {
  0% {
    stroke: var(--ternary); }
  25% {
    stroke: var(--ternary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--ternary); } }
      .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(--button-primary); }
    .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(--ternary);
          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-top: 20rem;
  margin-bottom: 5rem; }
  .dailymotion-video .first-soundwave {
    stroke: var(--primary); }
  .dailymotion-video .second-soundwave {
    stroke: var(--primary); }
@keyframes firstSoundwaveAnimation {
  0% {
    stroke: var(--ternary); }
  25% {
    stroke: var(--primary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--ternary); } }
@keyframes secondSoundwaveAnimation {
  0% {
    stroke: var(--ternary); }
  25% {
    stroke: var(--ternary); }
  70% {
    stroke: var(--primary); }
  100% {
    stroke: var(--ternary); } }
  .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: var(--background); }
  .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: 16/9 !important; }
    @media screen and (max-width: 900px) {
      .dailymotion-video .video__player,
      .dailymotion-video .v-vlite {
        aspect-ratio: 8/11 !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 .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-video .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-video .v-volumeButton svg {
      fill: var(--primary) !important;
      transform: scale(1) translateY(1px) !important;
      position: relative !important;
      pointer-events: none !important; }
  .dailymotion-video .v-volumeButton:before {
    content: "Activa el sonido";
    position: absolute;
    top: -70%; }
  .dailymotion-video .v-vlite {
    overflow: visible !important; }
  .dailymotion-video .v-time {
    display: none !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; }
  .dailymotion-video .percentage {
    transition: all 0.3s ease;
    background: white;
    height: 1.5%;
    width: var(--vlite-progressValue);
    bottom: 0;
    position: absolute;
    pointer-events: none; }

.dailymotion-video.grid {
  max-width: 1080px; }

.dailymotion-video.vertical {
  max-width: 1080px;
  margin: 0 auto;
  margin-top: 15rem;
  max-width: 50%; }
  .dailymotion-video.vertical .video__player,
  .dailymotion-video.vertical .v-vlite {
    position: relative !important;
    aspect-ratio: 8/11 !important; }

.dailymotion-video.dailymotion-reel {
  max-width: 1080px;
  margin: 0 auto;
  margin-top: 5rem;
  margin-bottom: 10rem; }
  @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 var(--background);
    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: 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;
    border: 2px solid var(--ternary) !important;
    border-radius: 50% !important;
    text-align: center;
    font-family: "DM Serif Text", serif !important;
    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: scale(1) translateY(1px) !important;
      position: relative !important;
      pointer-events: none !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(--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-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(--button-hover);
        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; }

.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__figcaptions div, .double-content-fullscreen__figcaptions .zoom-image div, .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;
  padding: 5rem 0;
  border-top: 1px solid var(--ternary);
  display: flex;
  flex-direction: column; }
  @media all and (max-width: 1150px) {
    .sponsorships {
      margin: 0 8% 5rem 8%; } }
  @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: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 2rem;
      margin-top: 2rem;
      max-width: calc(6 * (150px + 2rem));
      margin-left: auto;
      margin-right: auto;
      filter: invert(1); }
      @media all and (max-width: 900px) {
        .sponsorships__container--logos {
          margin-top: 5rem; } }
      @media all and (max-width: 900px) {
        .sponsorships__container--logos {
          max-width: 100%;
          margin: 1rem 0 0 0;
          gap: 1rem; } }
      .sponsorships__container--logos img {
        max-width: 150px;
        flex: 0 0 auto;
        filter: var(--invert); }
        @media all and (max-width: 900px) {
          .sponsorships__container--logos img {
            max-width: 100px; } }
      .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); }

.parallax {
  margin: 0 auto;
  margin-bottom: 5rem;
  padding-top: 5rem; }
  .parallax .fake-figcaption {
    max-width: 1080px;
    margin: 0 auto;
    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) {
      .parallax .fake-figcaption {
        padding: 1rem 10% !important; } }
  .parallax section {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center; }
    .parallax section .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: top -100px center;
      background-repeat: no-repeat;
      object-fit: cover;
      text-align: center;
      vertical-align: center;
      background-attachment: fixed; }
      @media all and (max-width: 900px) {
        .parallax section .bg {
          background-position: center; } }
      @supports (-webkit-backdrop-filter: none) {
        .parallax section .bg {
          background-attachment: unset !important; } }
  @media all and (max-width: 900px) {
    .parallax {
      margin-top: -5rem;
      margin-bottom: 0; } }

.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; }

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