@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,
.triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p strong,
.double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div strong,
.double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p strong,
.double-content-packed__figcaption p,
.double-content-packed__figcaption p span,
.double-content-packed__figcaption p em,
.double-content-packed__figcaption p strong,
.double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p strong,
figcaption span,
.triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p span span,
.triple-mixed-content-fullscreen__figcaption p em span,
.triple-mixed-content-fullscreen__figcaption p strong span,
.triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p span span,
.triple-mixed-content__figcaption p em span,
.triple-mixed-content__figcaption p strong span,
.double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div span span,
.double-content-fullscreen__figcaptions div em span,
.double-content-fullscreen__figcaptions div strong span,
.double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p span span,
.double-content-packed-fullscreen__figcaption p em span,
.double-content-packed-fullscreen__figcaption p strong span,
.double-content-packed__figcaption p span,
.double-content-packed__figcaption p span span,
.double-content-packed__figcaption p em span,
.double-content-packed__figcaption p strong span,
.double-content__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p span span,
.double-content__fake-figcaptions-wrapper div p em span,
.double-content__fake-figcaptions-wrapper div p strong span,
figcaption em,
.triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p span em,
.triple-mixed-content-fullscreen__figcaption p em em,
.triple-mixed-content-fullscreen__figcaption p strong em,
.triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p span em,
.triple-mixed-content__figcaption p em em,
.triple-mixed-content__figcaption p strong em,
.double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div span em,
.double-content-fullscreen__figcaptions div em em,
.double-content-fullscreen__figcaptions div strong em,
.double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p span em,
.double-content-packed-fullscreen__figcaption p em em,
.double-content-packed-fullscreen__figcaption p strong em,
.double-content-packed__figcaption p em,
.double-content-packed__figcaption p span em,
.double-content-packed__figcaption p em em,
.double-content-packed__figcaption p strong em,
.double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p span em,
.double-content__fake-figcaptions-wrapper div p em em,
.double-content__fake-figcaptions-wrapper div p strong em,
figcaption strong,
.triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p span strong,
.triple-mixed-content-fullscreen__figcaption p em strong,
.triple-mixed-content-fullscreen__figcaption p strong strong,
.triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p span strong,
.triple-mixed-content__figcaption p em strong,
.triple-mixed-content__figcaption p strong strong,
.double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div span strong,
.double-content-fullscreen__figcaptions div em strong,
.double-content-fullscreen__figcaptions div strong strong,
.double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p span strong,
.double-content-packed-fullscreen__figcaption p em strong,
.double-content-packed-fullscreen__figcaption p strong strong,
.double-content-packed__figcaption p strong,
.double-content-packed__figcaption p span strong,
.double-content-packed__figcaption p em strong,
.double-content-packed__figcaption p strong strong,
.double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p span strong,
.double-content__fake-figcaptions-wrapper div p em strong,
.double-content__fake-figcaptions-wrapper div p strong strong,
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,
.triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p strong,
.double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div strong,
.double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p strong,
.double-content-packed__figcaption p,
.double-content-packed__figcaption p span,
.double-content-packed__figcaption p em,
.double-content-packed__figcaption p strong,
.double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p strong,
figcaption span,
figcaption em,
figcaption strong,
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: "Petrona", sans-serif;
    font-weight: 500 !important;
    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;
}

.mob {
    display: none !important;
}

@media (max-width: 600px) {
    .desk {
        display: none !important;
    }

    .mob {
        display: block !important;
    }
}

:root {
    --primary: #020a21;
    --secondary: #5b688b;
    --ternary: #ececec;
    --background: #f8f8f800;
    --background-secondary: #f2eae8;
    --background-ternary: #f7f4f4;
    --hover: #eae8ef;
    --topbar-background: rgba(248, 248, 248, 0.5450980392);
    --button-primary: #f8f8f8;
    --button-hover: #333444;
    --invert: invert(0);
}

.theme-switch.dark {
    --primary: #000000;
    --secondary: #5b688b;
    --ternary: #252525;
    --background: #00000000;
    --background-secondary: #404155;
    --background-ternary: #2f3042;
    --hover: #69a3f3;
    --topbar-background: rgba(2, 10, 33, 0.1843137255);
    --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;
}

body {
    position: relative;
    min-height: 100vh;
    background-color: #f7f3ed;
}

article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(200vh + 8rem);
    background-image: url("../assets/img/img-background-galaxy-3.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
}

@media (max-width: 768px) {
    article::before {
        background-size: auto;
        height: calc(142vh + 8rem);
    }
}

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: #69a3f3;
    font-weight: bolder;
    transition: color 0.2s ease;
}

button {
    all: unset;
    cursor: pointer;
}

figcaption,
.triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p strong,
.double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div strong,
.double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p strong,
.double-content-packed__figcaption p,
.double-content-packed__figcaption p span,
.double-content-packed__figcaption p em,
.double-content-packed__figcaption p strong,
.double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p strong,
figcaption span,
figcaption em,
figcaption strong {
    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);
}

.prod-type {
    font-family: "Petrona", sans-serif;
    font-weight: 400 !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%;
}

.spacer--oscuro {
    /* el .spacer normal no tiene altura propia (solo margin-bottom), así
       que un background-color no tendría caja donde pintarse. Aquí se
       convierte ese hueco en una caja real del mismo tamaño, para que se
       vea oscura en vez de transparente. */
    height: 5rem;
    margin-bottom: 0;
    background-color: #26272e;
}

.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,
.triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content__figcaption p span,
.double-content-fullscreen__figcaptions div span,
.double-content-packed-fullscreen__figcaption p span,
.double-content-packed__figcaption p span,
.double-content__fake-figcaptions-wrapper div p span,
figcaption em,
.triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content__figcaption p em,
.double-content-fullscreen__figcaptions div em,
.double-content-packed-fullscreen__figcaption p em,
.double-content-packed__figcaption p em,
.double-content__fake-figcaptions-wrapper div p em,
figcaption strong,
.triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content__figcaption p strong,
.double-content-fullscreen__figcaptions div strong,
.double-content-packed-fullscreen__figcaption p strong,
.double-content-packed__figcaption p strong,
.double-content__fake-figcaptions-wrapper div 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); */
    /* sin fondo visible, así que el hueco no debe bloquear clics a lo que
       haya debajo; solo los elementos realmente clicables lo recuperan. */
    pointer-events: none;
}

.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;
    fill: #ffffff !important;
}

body.eclipse-passed .topbar svg {
    fill: #000000 !important;
}

body.eclipse-passed .topbar--share-container .share-container .line {
    background-color: #000000 !important;
}

body.eclipse-passed .topbar--share-container .share-container span {
    color: #000000 !important;
}

body.eclipse-passed .topbar--share-container svg:hover {
    fill: #64508c !important;
}

body.eclipse-passed.topbar-clara .topbar svg {
    fill: #ffffff !important;
}

body.eclipse-passed.topbar-clara .topbar--share-container .share-container .line {
    background-color: #ffffff !important;
}

body.eclipse-passed.topbar-clara .topbar--share-container .share-container span {
    color: #ffffff !important;
}

body.eclipse-passed.topbar-clara .topbar--share-container svg:hover {
    fill: #64508c !important;
}

.eclipse-reprise {
    overflow: hidden;
    /* espacio extra arriba para que el resplandor de la foto pueda
       desvanecerse antes de llegar al borde de la sección, en vez de
       cortarse en seco. */
    padding-top: 12vh;
}

.eclipse-reprise__luna-wrap {
    position: relative;
    display: flex;
    justify-content: center;
}

/* Envuelve solo la luna (+ su fondo negro): así el fondo negro se calcula
   siempre sobre la altura real de la luna, sin verse afectado por el texto
   que va justo debajo (en flujo normal, ver .eclipse-reprise__texto). */
.eclipse-reprise__imagen-wrap {
    position: relative;
}

.eclipse-reprise__fondo-negro {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    /* llega justo hasta el final de la imagen (ni un vh más): el texto ya
       no depende de este fondo, vive en .eclipse-negro-continuo, que tiene
       su propio fondo oscuro sólido. */
    bottom: 0;
    background-color: #26272e;
    z-index: 0;
}

.eclipse-reprise__luna {
    position: relative;
    z-index: 1;
    display: block;
    width: 120vw;
    max-width: 1920px;
    height: auto;
    /* difumina el borde inferior de la foto hacia transparente, para que
       se funda con el fondo negro plano de detrás (.eclipse-reprise__fondo-negro)
       en vez de notarse una línea justo donde termina la imagen. */
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 60px), transparent 100%);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 60px), transparent 100%);
}

@media all and (max-width: 900px) {
    .eclipse-reprise__luna {
        width: 120vw;
        max-width: 960px;
    }
}

.eclipse-negro-continuo {
    background-color: #26272e;
    padding-top: 1rem;
    padding-bottom: 1px;
}

.eclipse-reprise__texto {
    margin-bottom: 5rem;
}

.eclipse-reprise__texto,
.eclipse-reprise__texto * {
    color: #ffffff !important;
}

.eclipse-reprise__texto a {
    color: #69a3f3 !important;
}

.eclipse-negro-continuo .credits-duo__title,
.eclipse-negro-continuo .credits-duo div p,
.eclipse-negro-continuo .credits-duo div a,
.eclipse-negro-continuo .credits-duo div span {
    color: #ffffff;
}

.eclipse-negro-continuo .credits-duo div p:hover,
.eclipse-negro-continuo .credits-duo div a:hover {
    color: #8C8C8C;
}

.eclipse-negro-continuo .redirect h3 {
    color: #ffffff;
}

.video-caption {
    color: #ffffff;
}

.topbar--brand-logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.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 img {
    height: 1.3rem;
    width: auto;
    transition: opacity 0.3s;
}

.topbar--magas-logo a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
}

.topbar--magas-logo__negro {
    display: none;
}

body.eclipse-passed .topbar--magas-logo__blanco {
    display: none;
}

body.eclipse-passed .topbar--magas-logo__negro {
    display: block;
}

body.eclipse-passed.topbar-clara .topbar--magas-logo__blanco {
    display: block;
}

body.eclipse-passed.topbar-clara .topbar--magas-logo__negro {
    display: none;
}

.topbar--share-container {
    display: flex;
    justify-content: end;
    align-items: center;
    transition: fill 0.3s;
}

.topbar--share-container svg:hover {
    fill: #64508c !important;
}

.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;
    pointer-events: auto;
}

.topbar--share-container .share-container:hover::before {
    opacity: 1;
}

.topbar--share-container .share-container .line {
    width: 100%;
    height: 1px;
    background-color: #ffffff !important;
}

.topbar--share-container .share-container span {
    color: #ffffff !important;
}

.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 {
        width: 100%;
        max-width: 1080px;
        margin: 0 auto;
        padding: 0 8%;
        justify-content: space-between;
    }
    
    .topbar ul li {
        width: 33.33%;
        flex-shrink: 0;
    }
    
}
/* 
@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 {
    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: 90%;
    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::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(--primary);
}

.hero figure .hero__titles-inverted div {
    line-height: 1.2;
}

.hero figure .hero__titles-inverted div:nth-child(2) {
    font-family: "Petrona", sans-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: 75vh;
    }

    .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: var(--primary);
    }
}

.hero-fullscreen {
    margin: 0 auto;
    justify-items: center;
    margin-bottom: 5rem;
    position: relative;
    transition: all 0.2s;
}

@media all and (max-width: 600px) {
    .hero-fullscreen {
        margin-bottom: 1rem;  
    }
}

.hero-fullscreen h1,
.hero-fullscreen .h1 {
    font-size: var(--LETRA-ESCRITORIO);
    line-height: var(--LETRA-ESCRITORIO);
}

.hero-fullscreen .hero-fullscreen__mascara-sol {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    clip-path: circle(0px at 0px 0px);
    color: #000000 !important;
    z-index: 1;
}

.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: 3rem;
    position: sticky;
    top: 8rem;
    z-index: 0;
}

.hero-fullscreen header,
.hero-fullscreen header * {
    color: #F5EFE8 !important;
}

.hero-fullscreen header h2 {
    width: 90%;
    margin-top: 1.5rem;
    font-size: 1rem;
}

.hero-fullscreen figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.hero-fullscreen figure .h2 {
    font-family: "Petrona", sans-serif;
}

.hero-fullscreen .scroll-down-helper {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2rem;
    gap: 0.25rem;
    fill: none;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 9998;
    transition: opacity 0.4s ease;
}

.hero-fullscreen .scroll-down-helper.scroll-down-helper--visible {
    opacity: 1;
}

.scroll-down-helper--oculto {
    opacity: 0 !important;
    pointer-events: none;
}

.hero-fullscreen .scroll-down-helper p {
    font-family: "Open Sans", sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    width: 7rem;
    text-align: center;
    color: #000000;
    padding-top: 0.5rem;
    transition: color 0.3s ease;
}

.scroll-down-helper--sobre-luna p {
    color: #ffffff !important;
}

@keyframes scrollBlink {
    0%, 100% { opacity: var(--start-opacity, 1); }
    50% { opacity: 0; }
}

.hero-fullscreen .scroll-down-helper svg {
    animation: scrollBlink 1.5s infinite;
    fill: transparent !important;
}

.hero-fullscreen .scroll-down-helper svg path {
    stroke: #000000;
    transition: stroke 0.3s ease;
}

.scroll-down-helper--sobre-luna svg path {
    stroke: #ffffff !important;
}

.hero-fullscreen .scroll-down-helper svg:nth-child(1) {
    --start-opacity: 0.2;
    animation-delay: 0s;
}

.hero-fullscreen .scroll-down-helper svg:nth-child(2) {
    --start-opacity: 0.4;
    animation-delay: 0.25s;
}

.hero-fullscreen .scroll-down-helper svg:nth-child(3) {
    --start-opacity: 1;
    animation-delay: 0.5s;
}

.hero-fullscreen figure .hero-fullscreen__titles-inverted {
    display: none;
}

.hero-fullscreen figure .hero-fullscreen__titles-inverted * {
    color: var(--primary);
}

.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: "Petrona", sans-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 .hero-fullscreen__eclipse {
    position: relative;
    width: 100%;
    height: 220vh;
}

.hero-fullscreen .hero-fullscreen__sun-anchor {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(10vh);
    z-index: -1;
}

.hero-fullscreen .hero-fullscreen__sun-wrap {
    position: relative;
    will-change: transform;
}

.hero-fullscreen .hero-fullscreen__sun {
    display: block;
    width: 120vw;
    max-width: 1920px;
}

.hero-fullscreen .hero-fullscreen__sun-circle {
    display: block;
    width: 120vw;
    max-width: 1920px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: #ffda6b;
    box-shadow:
        0 0 60px 30px rgba(255, 218, 107, 0.6),
        0 0 150px 80px rgba(255, 218, 107, 0.35),
        0 0 300px 150px rgba(255, 218, 107, 0.15);
    animation: sun-flicker 20s ease-in-out infinite;
}

@keyframes sun-flicker {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.92;
    }
}

.hero-fullscreen .hero-fullscreen__moon-anchor {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(30vh);
    z-index: 2;
}

.hero-fullscreen .hero-fullscreen__moon-wrap {
    position: relative;
}

.hero-fullscreen .hero-fullscreen__moon {
    display: block;
    width: 120vw;
    max-width: 1920px;
    height: auto;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: calc(1080px * var(--ANCHO-ESCRITORIO));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #F5EFE8;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown,
.hero-fullscreen .hero-fullscreen__eclipse-countdown * {
    color: #F5EFE8 !important;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown a {
    color: #69a3f3 !important;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 1rem;
    font-family: "Petrona", sans-serif;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__unit {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__value {
    display: inline-flex;
    font-family: "Petrona", sans-serif;
    font-size: 7rem;
    line-height: 7rem;
    font-variant-numeric: tabular-nums;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__digit {
    position: relative;
    display: inline-block;
    width: 1ch;
    height: 1em;
    overflow: hidden;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__digit:not(:first-child) {
    margin-left: -0.08em;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__digit-track {
    display: flex;
    flex-direction: column;
    transform: translateY(-1em);
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__digit-actual,
.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__digit-siguiente {
    display: block;
    height: 1em;
    line-height: 1em;
    text-align: center;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__digit-track--animar {
    animation: countdown-roll 0.5s cubic-bezier(0.5, 0, 0.2, 1) forwards;
}

@keyframes countdown-roll {
    from {
        transform: translateY(-1em);
    }
    to {
        transform: translateY(0);
    }
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__separator {
    font-family: "Petrona", sans-serif;
    font-size: 7rem;
    line-height: 7rem;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__label {
    font-family: "Petrona", sans-serif;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.3rem;
}

.hero-fullscreen .hero-fullscreen__eclipse-countdown p {
    font-family: "Petrona", sans-serif;
    margin-top: 3.5rem;
    width: 100%;
    padding: 0 1.5rem;
    box-sizing: border-box;
}

@media all and (max-width: 900px) {
    .hero-fullscreen .hero-fullscreen__eclipse {
        height: 100vh;
    }

    .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: 1.5rem;
        top: 6rem;
    }

    .hero-fullscreen header h2 {
        font-size: 0.8rem;
    }

    .hero-fullscreen .hero-fullscreen__sun,
    .hero-fullscreen .hero-fullscreen__sun-circle {
        width: 180vw;
        max-width: 960px;
    }

    .hero-fullscreen .hero-fullscreen__moon {
        width: 180vw;
        max-width: 960px;
    }

    /* en móvil el sol (y por tanto la luna, para que sigan "pegándose" en
       el mismo punto) terminan más arriba que en escritorio. */
    .hero-fullscreen .hero-fullscreen__sun-anchor {
        transform: translateX(-50%) translateY(-10vh);
    }

    .hero-fullscreen .hero-fullscreen__moon-anchor {
        transform: translateX(-50%) translateY(10vh);
    }

    .hero-fullscreen .hero-fullscreen__eclipse-countdown {
        width: 90vw;
    }

    .hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown {
        gap: 0.3rem;
    }

    .hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__value,
    .hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__separator {
        font-size: 2.5rem !important;
        line-height: 2.5rem !important;
    }

    .hero-fullscreen .hero-fullscreen__eclipse-countdown .countdown__label {
        font-size: 0.7rem;
    }

    .hero-fullscreen .hero-fullscreen__eclipse-countdown p {
        font-size: 0.8rem;
        line-height: 1.5;
        width: 90%;
    }
}

.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: 90%;
    margin-top: 1.5rem;
}

.hero-slider__carousel {
    clip-path: inset(0 0 0 0);
    height: 150vh;
}

.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::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(--primary);
}

.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: "Petrona", sans-serif;
    font-weight: 500 !important;
    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: 90%;
    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: 80vh;
    }

    .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: var(--primary);
    }
}

.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: 90%;
    margin-top: 1.5rem;
}

.hero-slider-fullscreen__carousel {
    clip-path: inset(0 0 0 0);
    height: 150vh;
}

.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::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(--primary);
}

.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: "Petrona", sans-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: 90%;
    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: 80vh;
    }

    .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: var(--primary);
    }
}

.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: 75vh;
    }

    .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: 1rem;
    margin-right: 21vw;
    width: 10rem;
    font-family: "Petrona", sans-serif;
    font-weight: 400 !important;
    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: 1rem;
        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: 80vh 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 #B1A698;
    border-bottom: 2px solid #B1A698;
}

.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: "Petrona", sans-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;
    font-weight: 700;
    color: var(--primary);
}

.credits-duo div p:hover,
.credits-duo div a:hover {
    color: #8C8C8C;
}

.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: 1rem;
    margin-right: 21vw;
    width: 10rem;
    font-family: "Petrona", sans-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: "Petrona", sans-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: 1rem;
        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;
    margin-top: 115vh;
    border-top: 2px solid #B1A698;
    border-bottom: 2px solid #B1A698;
}

.credits-animated .main {
    height: 10rem;
    display: flex;
    overflow: hidden;
}

@media all and (max-width: 1150px) {
    .credits-animated .main {
        margin: 0 8%;
    }
}

@media all and (max-width: 900px) {
    .credits-animated {
        margin-top: 80vh;
    }
}

.credits-animated div p,
.credits-animated div a {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    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: #f7f3ed;
    z-index: 999;
    font-family: "Petrona", sans-serif;
    display: flex;
    align-items: center;
}

.credits-animated__title:after {
    position: absolute;
    content: "";
    left: 100%;
    height: 100%;
    width: 5rem;
    background: linear-gradient(to right, #f7f3ed, 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: "Petrona", sans-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 {
    display: flex;
    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;
}

.footer {
    --mouse-x: 0px;
    --mouse-y: 0px;
    margin: 0 auto;
    background: #000000;
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    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,
.footer__logo img {
    display: flex;
    height: 1.3rem;
    width: -webkit-min-content;
    width: min-content;
    max-width: 5rem;
    margin: 0 0.3rem 0.3rem 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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .double-content .main p,
.double-content .main .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .double-content .main span,
.double-content .main .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .double-content .main em,
.double-content .main .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .double-content .main strong,
.double-content .main .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .double-content .main p,
.double-content .main .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .double-content .main span,
.double-content .main .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .double-content .main em,
.double-content .main .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .double-content .main strong,
.double-content .main .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .double-content .main div,
.double-content .main .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .double-content .main span,
.double-content .main .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .double-content .main em,
.double-content .main .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .double-content .main strong,
.double-content .main .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .double-content .main p,
.double-content .main .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .double-content .main span,
.double-content .main .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .double-content .main em,
.double-content .main .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .double-content .main strong,
.double-content .main .double-content-packed__figcaption p,
.double-content-packed__figcaption .double-content .main p,
.double-content .main .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .double-content .main span,
.double-content .main .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .double-content .main em,
.double-content .main .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .double-content .main span,
.double-content .main .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .double-content .main em,
.double-content .main .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .double-content .main strong,
.double-content .main figcaption span,
.double-content .main .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption .double-content .main p span,
.double-content .main .triple-mixed-content-fullscreen__figcaption p span span,
.triple-mixed-content-fullscreen__figcaption p .double-content .main span span,
.double-content .main .triple-mixed-content-fullscreen__figcaption p em span,
.triple-mixed-content-fullscreen__figcaption p .double-content .main em span,
.double-content .main .triple-mixed-content-fullscreen__figcaption p strong span,
.triple-mixed-content-fullscreen__figcaption p .double-content .main strong span,
.triple-mixed-content__figcaption .double-content .main p span,
.double-content-fullscreen__figcaptions .double-content .main div span,
.double-content-packed-fullscreen__figcaption .double-content .main p span,
.double-content-packed__figcaption .double-content .main p span,
.double-content__fake-figcaptions-wrapper div .double-content .main p span,
figcaption .double-content .main span,
.triple-mixed-content-fullscreen__figcaption p .double-content .main span,
.triple-mixed-content-fullscreen__figcaption p span .double-content .main span,
.triple-mixed-content-fullscreen__figcaption p em .double-content .main span,
.triple-mixed-content-fullscreen__figcaption p strong .double-content .main span,
.double-content .main figcaption em,
.double-content .main .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption .double-content .main p em,
.double-content .main .triple-mixed-content-fullscreen__figcaption p span em,
.triple-mixed-content-fullscreen__figcaption p .double-content .main span em,
.double-content .main .triple-mixed-content-fullscreen__figcaption p em em,
.triple-mixed-content-fullscreen__figcaption p .double-content .main em em,
.double-content .main .triple-mixed-content-fullscreen__figcaption p strong em,
.triple-mixed-content-fullscreen__figcaption p .double-content .main strong em,
.triple-mixed-content__figcaption .double-content .main p em,
.double-content-fullscreen__figcaptions .double-content .main div em,
.double-content-packed-fullscreen__figcaption .double-content .main p em,
.double-content-packed__figcaption .double-content .main p em,
.double-content__fake-figcaptions-wrapper div .double-content .main p em,
figcaption .double-content .main em,
.triple-mixed-content-fullscreen__figcaption p .double-content .main em,
.triple-mixed-content-fullscreen__figcaption p span .double-content .main em,
.triple-mixed-content-fullscreen__figcaption p em .double-content .main em,
.triple-mixed-content-fullscreen__figcaption p strong .double-content .main em,
.double-content .main figcaption strong,
.double-content .main .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption .double-content .main p strong,
.double-content .main .triple-mixed-content-fullscreen__figcaption p span strong,
.triple-mixed-content-fullscreen__figcaption p .double-content .main span strong,
.double-content .main .triple-mixed-content-fullscreen__figcaption p em strong,
.triple-mixed-content-fullscreen__figcaption p .double-content .main em strong,
.double-content .main .triple-mixed-content-fullscreen__figcaption p strong strong,
.triple-mixed-content-fullscreen__figcaption p .double-content .main strong strong,
.triple-mixed-content__figcaption .double-content .main p strong,
.double-content-fullscreen__figcaptions .double-content .main div strong,
.double-content-packed-fullscreen__figcaption .double-content .main p strong,
.double-content-packed__figcaption .double-content .main p strong,
.double-content__fake-figcaptions-wrapper div .double-content .main p strong,
figcaption .double-content .main strong,
.triple-mixed-content-fullscreen__figcaption p .double-content .main strong,
.triple-mixed-content-fullscreen__figcaption p span .double-content .main strong,
.triple-mixed-content-fullscreen__figcaption p em .double-content .main strong,
.triple-mixed-content-fullscreen__figcaption p strong .double-content .main strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .double-content .main figure:first-of-type p,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type span,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type em,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .double-content .main figure:first-of-type span,
    .double-content .main figure:first-of-type .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .double-content .main figure:first-of-type em,
    .double-content .main figure:first-of-type .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .double-content .main figure:first-of-type strong,
    .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 .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .double-content .main figure:first-of-type span,
    .double-content .main figure:first-of-type .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .double-content .main figure:first-of-type em,
    .double-content .main figure:first-of-type .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .double-content .main figure:first-of-type strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .double-content .main figure:first-of-type span,
    .double-content .main figure:first-of-type .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .double-content .main figure:first-of-type em,
    .double-content .main figure:first-of-type .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .double-content .main figure:first-of-type strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .double-content .main figure:first-of-type span,
    .double-content .main figure:first-of-type .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .double-content .main figure:first-of-type em,
    .double-content .main figure:first-of-type .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .double-content .main figure:first-of-type span,
    .double-content .main figure:first-of-type .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .double-content .main figure:first-of-type em,
    .double-content .main figure:first-of-type .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .double-content .main figure:first-of-type strong,
    .double-content .main figure:first-of-type figcaption span,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption .double-content .main figure:first-of-type p span,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p span span,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type span span,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p em span,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type em span,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p strong span,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type strong span,
    .triple-mixed-content__figcaption .double-content .main figure:first-of-type p span,
    .double-content-fullscreen__figcaptions .double-content .main figure:first-of-type div span,
    .double-content-packed-fullscreen__figcaption .double-content .main figure:first-of-type p span,
    .double-content-packed__figcaption .double-content .main figure:first-of-type p span,
    .double-content__fake-figcaptions-wrapper div .double-content .main figure:first-of-type p span,
    figcaption .double-content .main figure:first-of-type span,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type span,
    .triple-mixed-content-fullscreen__figcaption p span .double-content .main figure:first-of-type span,
    .triple-mixed-content-fullscreen__figcaption p em .double-content .main figure:first-of-type span,
    .triple-mixed-content-fullscreen__figcaption p strong .double-content .main figure:first-of-type span,
    .double-content .main figure:first-of-type figcaption em,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption .double-content .main figure:first-of-type p em,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p span em,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type span em,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p em em,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type em em,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p strong em,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type strong em,
    .triple-mixed-content__figcaption .double-content .main figure:first-of-type p em,
    .double-content-fullscreen__figcaptions .double-content .main figure:first-of-type div em,
    .double-content-packed-fullscreen__figcaption .double-content .main figure:first-of-type p em,
    .double-content-packed__figcaption .double-content .main figure:first-of-type p em,
    .double-content__fake-figcaptions-wrapper div .double-content .main figure:first-of-type p em,
    figcaption .double-content .main figure:first-of-type em,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type em,
    .triple-mixed-content-fullscreen__figcaption p span .double-content .main figure:first-of-type em,
    .triple-mixed-content-fullscreen__figcaption p em .double-content .main figure:first-of-type em,
    .triple-mixed-content-fullscreen__figcaption p strong .double-content .main figure:first-of-type em,
    .double-content .main figure:first-of-type figcaption strong,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption .double-content .main figure:first-of-type p strong,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p span strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type span strong,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p em strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type em strong,
    .double-content .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p strong strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type strong strong,
    .triple-mixed-content__figcaption .double-content .main figure:first-of-type p strong,
    .double-content-fullscreen__figcaptions .double-content .main figure:first-of-type div strong,
    .double-content-packed-fullscreen__figcaption .double-content .main figure:first-of-type p strong,
    .double-content-packed__figcaption .double-content .main figure:first-of-type p strong,
    .double-content__fake-figcaptions-wrapper div .double-content .main figure:first-of-type p strong,
    figcaption .double-content .main figure:first-of-type strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content .main figure:first-of-type strong,
    .triple-mixed-content-fullscreen__figcaption p span .double-content .main figure:first-of-type strong,
    .triple-mixed-content-fullscreen__figcaption p em .double-content .main figure:first-of-type strong,
    .triple-mixed-content-fullscreen__figcaption p strong .double-content .main figure:first-of-type strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .double-content p,
    .double-content .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .double-content span,
    .double-content .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .double-content em,
    .double-content .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content strong,
    .double-content .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .double-content p,
    .double-content .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .double-content span,
    .double-content .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .double-content em,
    .double-content .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .double-content strong,
    .double-content .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .double-content div,
    .double-content .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .double-content span,
    .double-content .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .double-content em,
    .double-content .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .double-content strong,
    .double-content .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .double-content p,
    .double-content .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .double-content span,
    .double-content .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .double-content em,
    .double-content .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .double-content strong,
    .double-content .double-content-packed__figcaption p,
    .double-content-packed__figcaption .double-content p,
    .double-content .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .double-content span,
    .double-content .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .double-content em,
    .double-content .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .double-content strong,
    .double-content figcaption span,
    .double-content .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption .double-content p span,
    .double-content .triple-mixed-content-fullscreen__figcaption p span span,
    .triple-mixed-content-fullscreen__figcaption p .double-content span span,
    .double-content .triple-mixed-content-fullscreen__figcaption p em span,
    .triple-mixed-content-fullscreen__figcaption p .double-content em span,
    .double-content .triple-mixed-content-fullscreen__figcaption p strong span,
    .triple-mixed-content-fullscreen__figcaption p .double-content strong span,
    .triple-mixed-content__figcaption .double-content p span,
    .double-content-fullscreen__figcaptions .double-content div span,
    .double-content-packed-fullscreen__figcaption .double-content p span,
    .double-content-packed__figcaption .double-content p span,
    figcaption .double-content span,
    .triple-mixed-content-fullscreen__figcaption p .double-content span,
    .triple-mixed-content-fullscreen__figcaption p span .double-content span,
    .triple-mixed-content-fullscreen__figcaption p em .double-content span,
    .triple-mixed-content-fullscreen__figcaption p strong .double-content span,
    .double-content figcaption em,
    .double-content .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption .double-content p em,
    .double-content .triple-mixed-content-fullscreen__figcaption p span em,
    .triple-mixed-content-fullscreen__figcaption p .double-content span em,
    .double-content .triple-mixed-content-fullscreen__figcaption p em em,
    .triple-mixed-content-fullscreen__figcaption p .double-content em em,
    .double-content .triple-mixed-content-fullscreen__figcaption p strong em,
    .triple-mixed-content-fullscreen__figcaption p .double-content strong em,
    .triple-mixed-content__figcaption .double-content p em,
    .double-content-fullscreen__figcaptions .double-content div em,
    .double-content-packed-fullscreen__figcaption .double-content p em,
    .double-content-packed__figcaption .double-content p em,
    figcaption .double-content em,
    .triple-mixed-content-fullscreen__figcaption p .double-content em,
    .triple-mixed-content-fullscreen__figcaption p span .double-content em,
    .triple-mixed-content-fullscreen__figcaption p em .double-content em,
    .triple-mixed-content-fullscreen__figcaption p strong .double-content em,
    .double-content figcaption strong,
    .double-content .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption .double-content p strong,
    .double-content .triple-mixed-content-fullscreen__figcaption p span strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content span strong,
    .double-content .triple-mixed-content-fullscreen__figcaption p em strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content em strong,
    .double-content .triple-mixed-content-fullscreen__figcaption p strong strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content strong strong,
    .triple-mixed-content__figcaption .double-content p strong,
    .double-content-fullscreen__figcaptions .double-content div strong,
    .double-content-packed-fullscreen__figcaption .double-content p strong,
    .double-content-packed__figcaption .double-content p strong,
    figcaption .double-content strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content strong,
    .triple-mixed-content-fullscreen__figcaption p span .double-content strong,
    .triple-mixed-content-fullscreen__figcaption p em .double-content strong,
    .triple-mixed-content-fullscreen__figcaption p strong .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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .double-content span,
    .double-content .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .double-content em,
    .double-content .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .double-content strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .double-content-packed .main figure p,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure span,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure em,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .double-content-packed .main figure span,
.double-content-packed .main figure .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .double-content-packed .main figure em,
.double-content-packed .main figure .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .double-content-packed .main figure strong,
.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 .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .double-content-packed .main figure span,
.double-content-packed .main figure .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .double-content-packed .main figure em,
.double-content-packed .main figure .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .double-content-packed .main figure strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .double-content-packed .main figure span,
.double-content-packed .main figure .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .double-content-packed .main figure em,
.double-content-packed .main figure .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .double-content-packed .main figure strong,
.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__figcaption p span,
.double-content-packed__figcaption p .double-content-packed .main figure span,
.double-content-packed .main figure .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .double-content-packed .main figure em,
.double-content-packed .main figure .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .double-content-packed .main figure strong,
.double-content-packed .main figure figcaption span,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption .double-content-packed .main figure p span,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p span span,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure span span,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p em span,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure em span,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p strong span,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure strong span,
.triple-mixed-content__figcaption .double-content-packed .main figure p span,
.double-content-fullscreen__figcaptions .double-content-packed .main figure div span,
.double-content-packed-fullscreen__figcaption .double-content-packed .main figure p span,
.double-content-packed__figcaption .double-content-packed .main figure p span,
figcaption .double-content-packed .main figure span,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure span,
.triple-mixed-content-fullscreen__figcaption p span .double-content-packed .main figure span,
.triple-mixed-content-fullscreen__figcaption p em .double-content-packed .main figure span,
.triple-mixed-content-fullscreen__figcaption p strong .double-content-packed .main figure span,
.double-content-packed .main figure figcaption em,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption .double-content-packed .main figure p em,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p span em,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure span em,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p em em,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure em em,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p strong em,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure strong em,
.triple-mixed-content__figcaption .double-content-packed .main figure p em,
.double-content-fullscreen__figcaptions .double-content-packed .main figure div em,
.double-content-packed-fullscreen__figcaption .double-content-packed .main figure p em,
.double-content-packed__figcaption .double-content-packed .main figure p em,
figcaption .double-content-packed .main figure em,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure em,
.triple-mixed-content-fullscreen__figcaption p span .double-content-packed .main figure em,
.triple-mixed-content-fullscreen__figcaption p em .double-content-packed .main figure em,
.triple-mixed-content-fullscreen__figcaption p strong .double-content-packed .main figure em,
.double-content-packed .main figure figcaption strong,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption .double-content-packed .main figure p strong,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p span strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure span strong,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p em strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure em strong,
.double-content-packed .main figure .triple-mixed-content-fullscreen__figcaption p strong strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure strong strong,
.triple-mixed-content__figcaption .double-content-packed .main figure p strong,
.double-content-fullscreen__figcaptions .double-content-packed .main figure div strong,
.double-content-packed-fullscreen__figcaption .double-content-packed .main figure p strong,
.double-content-packed__figcaption .double-content-packed .main figure p strong,
figcaption .double-content-packed .main figure strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed .main figure strong,
.triple-mixed-content-fullscreen__figcaption p span .double-content-packed .main figure strong,
.triple-mixed-content-fullscreen__figcaption p em .double-content-packed .main figure strong,
.triple-mixed-content-fullscreen__figcaption p strong .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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .double-content-packed .main figure span,
.double-content-packed .main figure .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .double-content-packed .main figure em,
.double-content-packed .main figure .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .double-content-packed .main figure strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .double-content-packed-fullscreen .main figure p,
.double-content-packed-fullscreen .main figure .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed-fullscreen .main figure span,
.double-content-packed-fullscreen .main figure .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed-fullscreen .main figure em,
.double-content-packed-fullscreen .main figure .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-packed-fullscreen .main figure strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .double-content-packed-fullscreen .main figure span,
.double-content-packed-fullscreen .main figure .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .double-content-packed-fullscreen .main figure em,
.double-content-packed-fullscreen .main figure .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .double-content-packed-fullscreen .main figure strong,
.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 .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .double-content-packed-fullscreen .main figure span,
.double-content-packed-fullscreen .main figure .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .double-content-packed-fullscreen .main figure em,
.double-content-packed-fullscreen .main figure .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .double-content-packed-fullscreen .main figure strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .double-content-packed-fullscreen .main figure span,
.double-content-packed-fullscreen .main figure .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .double-content-packed-fullscreen .main figure em,
.double-content-packed-fullscreen .main figure .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .double-content-packed-fullscreen .main figure strong,
.double-content-packed-fullscreen .main figure figcaption span,
.triple-mixed-content-fullscreen__figcaption .double-content-packed-fullscreen .main figure p span,
.triple-mixed-content__figcaption .double-content-packed-fullscreen .main figure p span,
.double-content-fullscreen__figcaptions .double-content-packed-fullscreen .main figure div span,
.double-content-packed-fullscreen__figcaption .double-content-packed-fullscreen .main figure p span,
figcaption .double-content-packed-fullscreen .main figure span,
.double-content-packed-fullscreen .main figure figcaption em,
.triple-mixed-content-fullscreen__figcaption .double-content-packed-fullscreen .main figure p em,
.triple-mixed-content__figcaption .double-content-packed-fullscreen .main figure p em,
.double-content-fullscreen__figcaptions .double-content-packed-fullscreen .main figure div em,
.double-content-packed-fullscreen__figcaption .double-content-packed-fullscreen .main figure p em,
figcaption .double-content-packed-fullscreen .main figure em,
.double-content-packed-fullscreen .main figure figcaption strong,
.triple-mixed-content-fullscreen__figcaption .double-content-packed-fullscreen .main figure p strong,
.triple-mixed-content__figcaption .double-content-packed-fullscreen .main figure p strong,
.double-content-fullscreen__figcaptions .double-content-packed-fullscreen .main figure div strong,
.double-content-packed-fullscreen__figcaption .double-content-packed-fullscreen .main figure p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .double-content-packed-fullscreen .main figure span,
.double-content-packed-fullscreen .main figure .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .double-content-packed-fullscreen .main figure em,
.double-content-packed-fullscreen .main figure .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .double-content-packed-fullscreen .main figure strong,
.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__figcaption p span,
.double-content-packed__figcaption p .double-content-packed-fullscreen .main figure span,
.double-content-packed-fullscreen .main figure .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .double-content-packed-fullscreen .main figure em,
.double-content-packed-fullscreen .main figure .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .double-content-packed-fullscreen .main figure strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main p,
.double-content-fullscreen .main .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .double-content-fullscreen .main span,
.double-content-fullscreen .main .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .double-content-fullscreen .main em,
.double-content-fullscreen .main .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-fullscreen .main strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .double-content-fullscreen .main span,
.double-content-fullscreen .main .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .double-content-fullscreen .main em,
.double-content-fullscreen .main .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .double-content-fullscreen .main strong,
.double-content-fullscreen .main .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .double-content-fullscreen .main div,
.double-content-fullscreen .main .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .double-content-fullscreen .main span,
.double-content-fullscreen .main .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .double-content-fullscreen .main em,
.double-content-fullscreen .main .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .double-content-fullscreen .main strong,
.double-content-fullscreen .main figcaption span,
.triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main p span,
.triple-mixed-content__figcaption .double-content-fullscreen .main p span,
.double-content-fullscreen__figcaptions .double-content-fullscreen .main div span,
figcaption .double-content-fullscreen .main span,
.double-content-fullscreen .main figcaption em,
.triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main p em,
.triple-mixed-content__figcaption .double-content-fullscreen .main p em,
.double-content-fullscreen__figcaptions .double-content-fullscreen .main div em,
figcaption .double-content-fullscreen .main em,
.double-content-fullscreen .main figcaption strong,
.triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main p strong,
.triple-mixed-content__figcaption .double-content-fullscreen .main p strong,
.double-content-fullscreen__figcaptions .double-content-fullscreen .main div 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .double-content-fullscreen .main span,
.double-content-fullscreen .main .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .double-content-fullscreen .main em,
.double-content-fullscreen .main .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .double-content-fullscreen .main strong,
.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__figcaption p span,
.double-content-packed__figcaption p .double-content-fullscreen .main span,
.double-content-fullscreen .main .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .double-content-fullscreen .main em,
.double-content-fullscreen .main .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .double-content-fullscreen .main strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .double-content-fullscreen .main span,
.double-content-fullscreen .main .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .double-content-fullscreen .main em,
.double-content-fullscreen .main .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .double-content-fullscreen .main strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main figure:first-of-type p,
.double-content-fullscreen .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .double-content-fullscreen .main figure:first-of-type span,
.double-content-fullscreen .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .double-content-fullscreen .main figure:first-of-type em,
.double-content-fullscreen .main figure:first-of-type .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-fullscreen .main figure:first-of-type strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .double-content-fullscreen .main figure:first-of-type span,
.double-content-fullscreen .main figure:first-of-type .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .double-content-fullscreen .main figure:first-of-type em,
.double-content-fullscreen .main figure:first-of-type .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .double-content-fullscreen .main figure:first-of-type strong,
.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 .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .double-content-fullscreen .main figure:first-of-type span,
.double-content-fullscreen .main figure:first-of-type .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .double-content-fullscreen .main figure:first-of-type em,
.double-content-fullscreen .main figure:first-of-type .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .double-content-fullscreen .main figure:first-of-type strong,
.double-content-fullscreen .main figure:first-of-type figcaption span,
.triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main figure:first-of-type p span,
.triple-mixed-content__figcaption .double-content-fullscreen .main figure:first-of-type p span,
.double-content-fullscreen__figcaptions .double-content-fullscreen .main figure:first-of-type div span,
figcaption .double-content-fullscreen .main figure:first-of-type span,
.double-content-fullscreen .main figure:first-of-type figcaption em,
.triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main figure:first-of-type p em,
.triple-mixed-content__figcaption .double-content-fullscreen .main figure:first-of-type p em,
.double-content-fullscreen__figcaptions .double-content-fullscreen .main figure:first-of-type div em,
figcaption .double-content-fullscreen .main figure:first-of-type em,
.double-content-fullscreen .main figure:first-of-type figcaption strong,
.triple-mixed-content-fullscreen__figcaption .double-content-fullscreen .main figure:first-of-type p strong,
.triple-mixed-content__figcaption .double-content-fullscreen .main figure:first-of-type p strong,
.double-content-fullscreen__figcaptions .double-content-fullscreen .main figure:first-of-type div 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .double-content-fullscreen .main figure:first-of-type span,
.double-content-fullscreen .main figure:first-of-type .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .double-content-fullscreen .main figure:first-of-type em,
.double-content-fullscreen .main figure:first-of-type .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .double-content-fullscreen .main figure:first-of-type strong,
.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__figcaption p span,
.double-content-packed__figcaption p .double-content-fullscreen .main figure:first-of-type span,
.double-content-fullscreen .main figure:first-of-type .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .double-content-fullscreen .main figure:first-of-type em,
.double-content-fullscreen .main figure:first-of-type .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .double-content-fullscreen .main figure:first-of-type strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .double-content-fullscreen .main figure:first-of-type span,
.double-content-fullscreen .main figure:first-of-type .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .double-content-fullscreen .main figure:first-of-type em,
.double-content-fullscreen .main figure:first-of-type .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .double-content-fullscreen .main figure:first-of-type strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .double-content-fullscreen p,
    .double-content-fullscreen .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .double-content-fullscreen span,
    .double-content-fullscreen .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .double-content-fullscreen em,
    .double-content-fullscreen .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content-fullscreen strong,
    .double-content-fullscreen .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .double-content-fullscreen p,
    .double-content-fullscreen .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .double-content-fullscreen span,
    .double-content-fullscreen .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .double-content-fullscreen em,
    .double-content-fullscreen .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .double-content-fullscreen strong,
    .double-content-fullscreen figcaption span,
    .triple-mixed-content-fullscreen__figcaption .double-content-fullscreen p span,
    .triple-mixed-content__figcaption .double-content-fullscreen p span,
    figcaption .double-content-fullscreen span,
    .double-content-fullscreen figcaption em,
    .triple-mixed-content-fullscreen__figcaption .double-content-fullscreen p em,
    .triple-mixed-content__figcaption .double-content-fullscreen p em,
    figcaption .double-content-fullscreen em,
    .double-content-fullscreen figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .double-content-fullscreen p strong,
    .triple-mixed-content__figcaption .double-content-fullscreen p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .double-content-fullscreen span,
    .double-content-fullscreen .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .double-content-fullscreen em,
    .double-content-fullscreen .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .double-content-fullscreen strong,
    .double-content-fullscreen .double-content-packed__figcaption p,
    .double-content-packed__figcaption .double-content-fullscreen p,
    .double-content-fullscreen .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .double-content-fullscreen span,
    .double-content-fullscreen .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .double-content-fullscreen em,
    .double-content-fullscreen .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .double-content-fullscreen strong,
    .double-content-fullscreen .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .double-content-fullscreen p,
    .double-content-fullscreen .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .double-content-fullscreen span,
    .double-content-fullscreen .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .double-content-fullscreen em,
    .double-content-fullscreen .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .double-content-fullscreen strong,
    .double-content-fullscreen .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .double-content-fullscreen div,
    .double-content-fullscreen .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .double-content-fullscreen span,
    .double-content-fullscreen .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .double-content-fullscreen em,
    .double-content-fullscreen .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .double-content-fullscreen strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p,
.double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .double-content-vertical .main span,
.double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .double-content-vertical .main em,
.double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-vertical .main strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .double-content-vertical .main span,
.double-content-vertical .main .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .double-content-vertical .main em,
.double-content-vertical .main .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .double-content-vertical .main strong,
.double-content-vertical .main figcaption span,
.triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p span,
.triple-mixed-content__figcaption .double-content-vertical .main p span,
figcaption .double-content-vertical .main span,
.double-content-vertical .main figcaption em,
.triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p em,
.triple-mixed-content__figcaption .double-content-vertical .main p em,
figcaption .double-content-vertical .main em,
.double-content-vertical .main figcaption strong,
.triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p strong,
.triple-mixed-content__figcaption .double-content-vertical .main p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .double-content-vertical .main span,
.double-content-vertical .main .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .double-content-vertical .main em,
.double-content-vertical .main .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .double-content-vertical .main strong,
.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__figcaption p span,
.double-content-packed__figcaption p .double-content-vertical .main span,
.double-content-vertical .main .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .double-content-vertical .main em,
.double-content-vertical .main .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .double-content-vertical .main strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .double-content-vertical .main span,
.double-content-vertical .main .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .double-content-vertical .main em,
.double-content-vertical .main .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .double-content-vertical .main strong,
.double-content-vertical .main .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .double-content-vertical .main div,
.double-content-vertical .main .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .double-content-vertical .main span,
.double-content-vertical .main .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .double-content-vertical .main em,
.double-content-vertical .main .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .double-content-vertical .main strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p,
    .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical .main span,
    .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical .main em,
    .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical .main strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .double-content-vertical .main span,
    .double-content-vertical .main .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .double-content-vertical .main em,
    .double-content-vertical .main .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .double-content-vertical .main strong,
    .double-content-vertical .main figcaption span,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p span,
    .triple-mixed-content__figcaption .double-content-vertical .main p span,
    figcaption .double-content-vertical .main span,
    .double-content-vertical .main figcaption em,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p em,
    .triple-mixed-content__figcaption .double-content-vertical .main p em,
    figcaption .double-content-vertical .main em,
    .double-content-vertical .main figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p strong,
    .triple-mixed-content__figcaption .double-content-vertical .main p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical .main span,
    .double-content-vertical .main .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical .main em,
    .double-content-vertical .main .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical .main strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .double-content-vertical .main span,
    .double-content-vertical .main .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .double-content-vertical .main em,
    .double-content-vertical .main .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .double-content-vertical .main strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical .main span,
    .double-content-vertical .main .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical .main em,
    .double-content-vertical .main .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical .main strong,
    .double-content-vertical .main .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .double-content-vertical .main div,
    .double-content-vertical .main .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .double-content-vertical .main span,
    .double-content-vertical .main .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .double-content-vertical .main em,
    .double-content-vertical .main .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .double-content-vertical .main strong {
        width: auto;
    }
}

@media all and (max-width: 1150px) {

    .double-content-vertical .main figcaption,
    .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p,
    .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical .main span,
    .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical .main em,
    .double-content-vertical .main .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical .main strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .double-content-vertical .main span,
    .double-content-vertical .main .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .double-content-vertical .main em,
    .double-content-vertical .main .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .double-content-vertical .main strong,
    .double-content-vertical .main figcaption span,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p span,
    .triple-mixed-content__figcaption .double-content-vertical .main p span,
    figcaption .double-content-vertical .main span,
    .double-content-vertical .main figcaption em,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p em,
    .triple-mixed-content__figcaption .double-content-vertical .main p em,
    figcaption .double-content-vertical .main em,
    .double-content-vertical .main figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical .main p strong,
    .triple-mixed-content__figcaption .double-content-vertical .main p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical .main span,
    .double-content-vertical .main .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical .main em,
    .double-content-vertical .main .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical .main strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .double-content-vertical .main span,
    .double-content-vertical .main .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .double-content-vertical .main em,
    .double-content-vertical .main .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .double-content-vertical .main strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical .main span,
    .double-content-vertical .main .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical .main em,
    .double-content-vertical .main .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical .main strong,
    .double-content-vertical .main .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .double-content-vertical .main div,
    .double-content-vertical .main .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .double-content-vertical .main span,
    .double-content-vertical .main .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .double-content-vertical .main em,
    .double-content-vertical .main .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .double-content-vertical .main strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p,
.double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .double-content-vertical-fullscreen .main span,
.double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .double-content-vertical-fullscreen .main em,
.double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .double-content-vertical-fullscreen .main strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .double-content-vertical-fullscreen .main span,
.double-content-vertical-fullscreen .main .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .double-content-vertical-fullscreen .main em,
.double-content-vertical-fullscreen .main .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .double-content-vertical-fullscreen .main strong,
.double-content-vertical-fullscreen .main figcaption span,
.triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p span,
.triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p span,
figcaption .double-content-vertical-fullscreen .main span,
.double-content-vertical-fullscreen .main figcaption em,
.triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p em,
.triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p em,
figcaption .double-content-vertical-fullscreen .main em,
.double-content-vertical-fullscreen .main figcaption strong,
.triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p strong,
.triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .double-content-vertical-fullscreen .main span,
.double-content-vertical-fullscreen .main .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .double-content-vertical-fullscreen .main em,
.double-content-vertical-fullscreen .main .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .double-content-vertical-fullscreen .main strong,
.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__figcaption p span,
.double-content-packed__figcaption p .double-content-vertical-fullscreen .main span,
.double-content-vertical-fullscreen .main .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .double-content-vertical-fullscreen .main em,
.double-content-vertical-fullscreen .main .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .double-content-vertical-fullscreen .main strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .double-content-vertical-fullscreen .main span,
.double-content-vertical-fullscreen .main .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .double-content-vertical-fullscreen .main em,
.double-content-vertical-fullscreen .main .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .double-content-vertical-fullscreen .main strong,
.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 .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .double-content-vertical-fullscreen .main span,
.double-content-vertical-fullscreen .main .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .double-content-vertical-fullscreen .main em,
.double-content-vertical-fullscreen .main .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .double-content-vertical-fullscreen .main strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p,
    .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical-fullscreen .main strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .double-content-vertical-fullscreen .main strong,
    .double-content-vertical-fullscreen .main figcaption span,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p span,
    .triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p span,
    figcaption .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main figcaption em,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p em,
    .triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p em,
    figcaption .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p strong,
    .triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical-fullscreen .main strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .double-content-vertical-fullscreen .main strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical-fullscreen .main strong,
    .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 .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .double-content-vertical-fullscreen .main strong {
        width: auto;
    }
}

@media all and (max-width: 1150px) {

    .double-content-vertical-fullscreen .main figcaption,
    .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p,
    .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .double-content-vertical-fullscreen .main strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .double-content-vertical-fullscreen .main strong,
    .double-content-vertical-fullscreen .main figcaption span,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p span,
    .triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p span,
    figcaption .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main figcaption em,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p em,
    .triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p em,
    figcaption .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .double-content-vertical-fullscreen .main p strong,
    .triple-mixed-content__figcaption .double-content-vertical-fullscreen .main p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .double-content-vertical-fullscreen .main strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .double-content-vertical-fullscreen .main strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .double-content-vertical-fullscreen .main strong,
    .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 .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .double-content-vertical-fullscreen .main span,
    .double-content-vertical-fullscreen .main .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .double-content-vertical-fullscreen .main em,
    .double-content-vertical-fullscreen .main .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .double-content-vertical-fullscreen .main strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .single-content figure p,
.single-content figure .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .single-content figure span,
.single-content figure .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .single-content figure em,
.single-content figure .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .single-content figure strong,
.single-content figure .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .single-content figure p,
.single-content figure .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .single-content figure span,
.single-content figure .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .single-content figure em,
.single-content figure .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .single-content figure strong,
.single-content figure figcaption span,
.triple-mixed-content-fullscreen__figcaption .single-content figure p span,
.triple-mixed-content__figcaption .single-content figure p span,
figcaption .single-content figure span,
.single-content figure figcaption em,
.triple-mixed-content-fullscreen__figcaption .single-content figure p em,
.triple-mixed-content__figcaption .single-content figure p em,
figcaption .single-content figure em,
.single-content figure figcaption strong,
.triple-mixed-content-fullscreen__figcaption .single-content figure p strong,
.triple-mixed-content__figcaption .single-content figure p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .single-content figure span,
.single-content figure .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .single-content figure em,
.single-content figure .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .single-content figure strong,
.single-content figure .double-content-packed__figcaption p,
.double-content-packed__figcaption .single-content figure p,
.single-content figure .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .single-content figure span,
.single-content figure .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .single-content figure em,
.single-content figure .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .single-content figure strong,
.single-content figure .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .single-content figure p,
.single-content figure .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .single-content figure span,
.single-content figure .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .single-content figure em,
.single-content figure .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .single-content figure strong,
.single-content figure .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .single-content figure div,
.single-content figure .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .single-content figure span,
.single-content figure .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .single-content figure em,
.single-content figure .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .single-content figure strong {
    padding: 0.5rem 0;
    width: 66%;
    transition: 0.3s all;
}

@media all and (max-width: 1150px) {

    .single-content figure figcaption,
    .single-content figure .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .single-content figure p,
    .single-content figure .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .single-content figure span,
    .single-content figure .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .single-content figure em,
    .single-content figure .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .single-content figure strong,
    .single-content figure .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .single-content figure p,
    .single-content figure .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .single-content figure span,
    .single-content figure .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .single-content figure em,
    .single-content figure .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .single-content figure strong,
    .single-content figure figcaption span,
    .triple-mixed-content-fullscreen__figcaption .single-content figure p span,
    .triple-mixed-content__figcaption .single-content figure p span,
    figcaption .single-content figure span,
    .single-content figure figcaption em,
    .triple-mixed-content-fullscreen__figcaption .single-content figure p em,
    .triple-mixed-content__figcaption .single-content figure p em,
    figcaption .single-content figure em,
    .single-content figure figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .single-content figure p strong,
    .triple-mixed-content__figcaption .single-content figure p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .single-content figure span,
    .single-content figure .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .single-content figure em,
    .single-content figure .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .single-content figure strong,
    .single-content figure .double-content-packed__figcaption p,
    .double-content-packed__figcaption .single-content figure p,
    .single-content figure .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .single-content figure span,
    .single-content figure .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .single-content figure em,
    .single-content figure .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .single-content figure strong,
    .single-content figure .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .single-content figure p,
    .single-content figure .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .single-content figure span,
    .single-content figure .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .single-content figure em,
    .single-content figure .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .single-content figure strong,
    .single-content figure .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .single-content figure div,
    .single-content figure .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .single-content figure span,
    .single-content figure .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .single-content figure em,
    .single-content figure .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .single-content figure strong {
        margin-left: 8%;
    }
}

@media all and (max-width: 900px) {

    .single-content figcaption,
    .single-content .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .single-content p,
    .single-content .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .single-content span,
    .single-content .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .single-content em,
    .single-content .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .single-content strong,
    .single-content .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .single-content p,
    .single-content .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .single-content span,
    .single-content .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .single-content em,
    .single-content .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .single-content strong,
    .single-content figcaption span,
    .triple-mixed-content-fullscreen__figcaption .single-content p span,
    .triple-mixed-content__figcaption .single-content p span,
    figcaption .single-content span,
    .single-content figcaption em,
    .triple-mixed-content-fullscreen__figcaption .single-content p em,
    .triple-mixed-content__figcaption .single-content p em,
    figcaption .single-content em,
    .single-content figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .single-content p strong,
    .triple-mixed-content__figcaption .single-content p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .single-content span,
    .single-content .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .single-content em,
    .single-content .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .single-content strong,
    .single-content .double-content-packed__figcaption p,
    .double-content-packed__figcaption .single-content p,
    .single-content .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .single-content span,
    .single-content .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .single-content em,
    .single-content .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .single-content strong,
    .single-content .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .single-content p,
    .single-content .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .single-content span,
    .single-content .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .single-content em,
    .single-content .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .single-content strong,
    .single-content .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .single-content div,
    .single-content .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .single-content span,
    .single-content .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .single-content em,
    .single-content .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .single-content strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .single-content-centered figure p,
.single-content-centered figure .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .single-content-centered figure span,
.single-content-centered figure .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .single-content-centered figure em,
.single-content-centered figure .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .single-content-centered figure strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .single-content-centered figure span,
.single-content-centered figure .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .single-content-centered figure em,
.single-content-centered figure .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .single-content-centered figure strong,
.single-content-centered figure figcaption span,
.triple-mixed-content-fullscreen__figcaption .single-content-centered figure p span,
.triple-mixed-content__figcaption .single-content-centered figure p span,
figcaption .single-content-centered figure span,
.single-content-centered figure figcaption em,
.triple-mixed-content-fullscreen__figcaption .single-content-centered figure p em,
.triple-mixed-content__figcaption .single-content-centered figure p em,
figcaption .single-content-centered figure em,
.single-content-centered figure figcaption strong,
.triple-mixed-content-fullscreen__figcaption .single-content-centered figure p strong,
.triple-mixed-content__figcaption .single-content-centered figure p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .single-content-centered figure span,
.single-content-centered figure .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .single-content-centered figure em,
.single-content-centered figure .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .single-content-centered figure strong,
.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__figcaption p span,
.double-content-packed__figcaption p .single-content-centered figure span,
.single-content-centered figure .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .single-content-centered figure em,
.single-content-centered figure .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .single-content-centered figure strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .single-content-centered figure span,
.single-content-centered figure .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .single-content-centered figure em,
.single-content-centered figure .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .single-content-centered figure strong,
.single-content-centered figure .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .single-content-centered figure div,
.single-content-centered figure .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .single-content-centered figure span,
.single-content-centered figure .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .single-content-centered figure em,
.single-content-centered figure .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .single-content-centered figure strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .single-content-centered figure p,
    .single-content-centered figure .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .single-content-centered figure span,
    .single-content-centered figure .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .single-content-centered figure em,
    .single-content-centered figure .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .single-content-centered figure strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .single-content-centered figure span,
    .single-content-centered figure .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .single-content-centered figure em,
    .single-content-centered figure .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .single-content-centered figure strong,
    .single-content-centered figure figcaption span,
    .triple-mixed-content-fullscreen__figcaption .single-content-centered figure p span,
    .triple-mixed-content__figcaption .single-content-centered figure p span,
    figcaption .single-content-centered figure span,
    .single-content-centered figure figcaption em,
    .triple-mixed-content-fullscreen__figcaption .single-content-centered figure p em,
    .triple-mixed-content__figcaption .single-content-centered figure p em,
    figcaption .single-content-centered figure em,
    .single-content-centered figure figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .single-content-centered figure p strong,
    .triple-mixed-content__figcaption .single-content-centered figure p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .single-content-centered figure span,
    .single-content-centered figure .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .single-content-centered figure em,
    .single-content-centered figure .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .single-content-centered figure strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .single-content-centered figure span,
    .single-content-centered figure .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .single-content-centered figure em,
    .single-content-centered figure .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .single-content-centered figure strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .single-content-centered figure span,
    .single-content-centered figure .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .single-content-centered figure em,
    .single-content-centered figure .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .single-content-centered figure strong,
    .single-content-centered figure .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .single-content-centered figure div,
    .single-content-centered figure .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .single-content-centered figure span,
    .single-content-centered figure .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .single-content-centered figure em,
    .single-content-centered figure .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .single-content-centered figure strong {
        padding-left: 8%;
    }
}

.single-content-grayscale {
    max-width: 1080px;
    margin: 0 auto;
    margin-bottom: 5rem;
    position: relative;
}

.single-content-grayscale figcaption,
.single-content-grayscale .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .single-content-grayscale p,
.single-content-grayscale .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .single-content-grayscale span,
.single-content-grayscale .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .single-content-grayscale em,
.single-content-grayscale .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .single-content-grayscale strong,
.single-content-grayscale .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .single-content-grayscale p,
.single-content-grayscale .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .single-content-grayscale span,
.single-content-grayscale .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .single-content-grayscale em,
.single-content-grayscale .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .single-content-grayscale strong,
.single-content-grayscale figcaption span,
.triple-mixed-content-fullscreen__figcaption .single-content-grayscale p span,
.triple-mixed-content__figcaption .single-content-grayscale p span,
figcaption .single-content-grayscale span,
.single-content-grayscale figcaption em,
.triple-mixed-content-fullscreen__figcaption .single-content-grayscale p em,
.triple-mixed-content__figcaption .single-content-grayscale p em,
figcaption .single-content-grayscale em,
.single-content-grayscale figcaption strong,
.triple-mixed-content-fullscreen__figcaption .single-content-grayscale p strong,
.triple-mixed-content__figcaption .single-content-grayscale p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .single-content-grayscale span,
.single-content-grayscale .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .single-content-grayscale em,
.single-content-grayscale .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .single-content-grayscale strong,
.single-content-grayscale .double-content-packed__figcaption p,
.double-content-packed__figcaption .single-content-grayscale p,
.single-content-grayscale .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .single-content-grayscale span,
.single-content-grayscale .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .single-content-grayscale em,
.single-content-grayscale .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .single-content-grayscale strong,
.single-content-grayscale .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .single-content-grayscale p,
.single-content-grayscale .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .single-content-grayscale span,
.single-content-grayscale .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .single-content-grayscale em,
.single-content-grayscale .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .single-content-grayscale strong,
.single-content-grayscale .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .single-content-grayscale div,
.single-content-grayscale .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .single-content-grayscale span,
.single-content-grayscale .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .single-content-grayscale em,
.single-content-grayscale .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .single-content-grayscale strong {
    margin-top: 0.5rem !important;
}

@media all and (max-width: 1150px) {

    .single-content-grayscale figcaption,
    .single-content-grayscale .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .single-content-grayscale p,
    .single-content-grayscale .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .single-content-grayscale span,
    .single-content-grayscale .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .single-content-grayscale em,
    .single-content-grayscale .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .single-content-grayscale strong,
    .single-content-grayscale .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .single-content-grayscale p,
    .single-content-grayscale .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .single-content-grayscale span,
    .single-content-grayscale .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .single-content-grayscale em,
    .single-content-grayscale .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .single-content-grayscale strong,
    .single-content-grayscale figcaption span,
    .triple-mixed-content-fullscreen__figcaption .single-content-grayscale p span,
    .triple-mixed-content__figcaption .single-content-grayscale p span,
    figcaption .single-content-grayscale span,
    .single-content-grayscale figcaption em,
    .triple-mixed-content-fullscreen__figcaption .single-content-grayscale p em,
    .triple-mixed-content__figcaption .single-content-grayscale p em,
    figcaption .single-content-grayscale em,
    .single-content-grayscale figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .single-content-grayscale p strong,
    .triple-mixed-content__figcaption .single-content-grayscale p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .single-content-grayscale span,
    .single-content-grayscale .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .single-content-grayscale em,
    .single-content-grayscale .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .single-content-grayscale strong,
    .single-content-grayscale .double-content-packed__figcaption p,
    .double-content-packed__figcaption .single-content-grayscale p,
    .single-content-grayscale .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .single-content-grayscale span,
    .single-content-grayscale .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .single-content-grayscale em,
    .single-content-grayscale .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .single-content-grayscale strong,
    .single-content-grayscale .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .single-content-grayscale p,
    .single-content-grayscale .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .single-content-grayscale span,
    .single-content-grayscale .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .single-content-grayscale em,
    .single-content-grayscale .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .single-content-grayscale strong,
    .single-content-grayscale .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .single-content-grayscale div,
    .single-content-grayscale .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .single-content-grayscale span,
    .single-content-grayscale .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .single-content-grayscale em,
    .single-content-grayscale .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .single-content-grayscale strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .single-content-fullscreen figure p,
.single-content-fullscreen figure .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .single-content-fullscreen figure span,
.single-content-fullscreen figure .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .single-content-fullscreen figure em,
.single-content-fullscreen figure .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .single-content-fullscreen figure strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .single-content-fullscreen figure span,
.single-content-fullscreen figure .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .single-content-fullscreen figure em,
.single-content-fullscreen figure .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .single-content-fullscreen figure strong,
.single-content-fullscreen figure figcaption span,
.triple-mixed-content-fullscreen__figcaption .single-content-fullscreen figure p span,
.triple-mixed-content__figcaption .single-content-fullscreen figure p span,
figcaption .single-content-fullscreen figure span,
.single-content-fullscreen figure figcaption em,
.triple-mixed-content-fullscreen__figcaption .single-content-fullscreen figure p em,
.triple-mixed-content__figcaption .single-content-fullscreen figure p em,
figcaption .single-content-fullscreen figure em,
.single-content-fullscreen figure figcaption strong,
.triple-mixed-content-fullscreen__figcaption .single-content-fullscreen figure p strong,
.triple-mixed-content__figcaption .single-content-fullscreen figure p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .single-content-fullscreen figure span,
.single-content-fullscreen figure .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .single-content-fullscreen figure em,
.single-content-fullscreen figure .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .single-content-fullscreen figure strong,
.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__figcaption p span,
.double-content-packed__figcaption p .single-content-fullscreen figure span,
.single-content-fullscreen figure .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .single-content-fullscreen figure em,
.single-content-fullscreen figure .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .single-content-fullscreen figure strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .single-content-fullscreen figure span,
.single-content-fullscreen figure .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .single-content-fullscreen figure em,
.single-content-fullscreen figure .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .single-content-fullscreen figure strong,
.single-content-fullscreen figure .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .single-content-fullscreen figure div,
.single-content-fullscreen figure .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .single-content-fullscreen figure span,
.single-content-fullscreen figure .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .single-content-fullscreen figure em,
.single-content-fullscreen figure .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .single-content-fullscreen figure strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .single-content-fullscreen figure p,
    .single-content-fullscreen figure .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .single-content-fullscreen figure span,
    .single-content-fullscreen figure .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .single-content-fullscreen figure em,
    .single-content-fullscreen figure .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .single-content-fullscreen figure strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .single-content-fullscreen figure span,
    .single-content-fullscreen figure .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .single-content-fullscreen figure em,
    .single-content-fullscreen figure .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .single-content-fullscreen figure strong,
    .single-content-fullscreen figure figcaption span,
    .triple-mixed-content-fullscreen__figcaption .single-content-fullscreen figure p span,
    .triple-mixed-content__figcaption .single-content-fullscreen figure p span,
    figcaption .single-content-fullscreen figure span,
    .single-content-fullscreen figure figcaption em,
    .triple-mixed-content-fullscreen__figcaption .single-content-fullscreen figure p em,
    .triple-mixed-content__figcaption .single-content-fullscreen figure p em,
    figcaption .single-content-fullscreen figure em,
    .single-content-fullscreen figure figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .single-content-fullscreen figure p strong,
    .triple-mixed-content__figcaption .single-content-fullscreen figure p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .single-content-fullscreen figure span,
    .single-content-fullscreen figure .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .single-content-fullscreen figure em,
    .single-content-fullscreen figure .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .single-content-fullscreen figure strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .single-content-fullscreen figure span,
    .single-content-fullscreen figure .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .single-content-fullscreen figure em,
    .single-content-fullscreen figure .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .single-content-fullscreen figure strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .single-content-fullscreen figure span,
    .single-content-fullscreen figure .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .single-content-fullscreen figure em,
    .single-content-fullscreen figure .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .single-content-fullscreen figure strong,
    .single-content-fullscreen figure .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .single-content-fullscreen figure div,
    .single-content-fullscreen figure .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .single-content-fullscreen figure span,
    .single-content-fullscreen figure .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .single-content-fullscreen figure em,
    .single-content-fullscreen figure .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .single-content-fullscreen figure strong {
        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: "Petrona", sans-serif;
}

.text p:not(.related p) {
    margin-bottom: 1rem;
    width: 50%;
}

.text h3 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    position: relative;
}

/* Reduce el hueco hasta lo que venga justo después (en cualquier tamaño de
   pantalla, no solo móvil), a diferencia de .text--pegado-siguiente que
   solo actúa en móvil. */
.text--sin-espacio {
    margin-bottom: 0.5rem;
}

.text--sin-espacio h3 {
    margin-bottom: 0.5rem;
}

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

    .text--pegado-siguiente {
        margin-bottom: 0;
    }

    .text--pegado-siguiente h3 {
        margin-bottom: 0.5rem;
    }
}

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

.metodologia {
    background: #171b2d;
    padding: 2rem;
}

.metodologia p {
    padding-top: 1rem;
}

.metodologia h3 {
    font-size: 1.8rem;
}

.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: #151515;
    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: #8C8C8C;
}

.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;
    color: #ffffff;
}

.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: 100vh;
}

.horizontal-scroll figure::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: f;
    background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.5));
    z-index: 999;
}

.horizontal-scroll img,
.horizontal-scroll video {
    transition: height 0.3s ease-in-out;
    height: 100vh;
    flex-shrink: 0;
    object-fit: cover;
}

.horizontal-scroll img,
.horizontal-scroll video {
    margin-right: -1px;
}

.horizontal-scroll figcaption,
.horizontal-scroll .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .horizontal-scroll p,
.horizontal-scroll .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .horizontal-scroll span,
.horizontal-scroll .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .horizontal-scroll em,
.horizontal-scroll .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .horizontal-scroll strong,
.horizontal-scroll .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .horizontal-scroll p,
.horizontal-scroll .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .horizontal-scroll span,
.horizontal-scroll .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .horizontal-scroll em,
.horizontal-scroll .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .horizontal-scroll strong,
.horizontal-scroll figcaption span,
.triple-mixed-content-fullscreen__figcaption .horizontal-scroll p span,
.triple-mixed-content__figcaption .horizontal-scroll p span,
figcaption .horizontal-scroll span,
.horizontal-scroll figcaption em,
.triple-mixed-content-fullscreen__figcaption .horizontal-scroll p em,
.triple-mixed-content__figcaption .horizontal-scroll p em,
figcaption .horizontal-scroll em,
.horizontal-scroll figcaption strong,
.triple-mixed-content-fullscreen__figcaption .horizontal-scroll p strong,
.triple-mixed-content__figcaption .horizontal-scroll p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .horizontal-scroll span,
.horizontal-scroll .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .horizontal-scroll em,
.horizontal-scroll .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .horizontal-scroll strong,
.horizontal-scroll .double-content-packed__figcaption p,
.double-content-packed__figcaption .horizontal-scroll p,
.horizontal-scroll .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .horizontal-scroll span,
.horizontal-scroll .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .horizontal-scroll em,
.horizontal-scroll .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .horizontal-scroll strong,
.horizontal-scroll .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .horizontal-scroll p,
.horizontal-scroll .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .horizontal-scroll span,
.horizontal-scroll .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .horizontal-scroll em,
.horizontal-scroll .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .horizontal-scroll strong,
.horizontal-scroll .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .horizontal-scroll div,
.horizontal-scroll .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .horizontal-scroll span,
.horizontal-scroll .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .horizontal-scroll em,
.horizontal-scroll .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .horizontal-scroll strong {
    display: none;
}

@media all and (max-width: 1150px) {

    .horizontal-scroll figure:first-of-type figcaption,
    .horizontal-scroll figure:first-of-type .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll figure:first-of-type p,
    .horizontal-scroll figure:first-of-type .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .horizontal-scroll figure:first-of-type span,
    .horizontal-scroll figure:first-of-type .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .horizontal-scroll figure:first-of-type em,
    .horizontal-scroll figure:first-of-type .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .horizontal-scroll figure:first-of-type strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .horizontal-scroll figure:first-of-type span,
    .horizontal-scroll figure:first-of-type .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .horizontal-scroll figure:first-of-type em,
    .horizontal-scroll figure:first-of-type .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .horizontal-scroll figure:first-of-type strong,
    .horizontal-scroll figure:first-of-type figcaption span,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll figure:first-of-type p span,
    .triple-mixed-content__figcaption .horizontal-scroll figure:first-of-type p span,
    figcaption .horizontal-scroll figure:first-of-type span,
    .horizontal-scroll figure:first-of-type figcaption em,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll figure:first-of-type p em,
    .triple-mixed-content__figcaption .horizontal-scroll figure:first-of-type p em,
    figcaption .horizontal-scroll figure:first-of-type em,
    .horizontal-scroll figure:first-of-type figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll figure:first-of-type p strong,
    .triple-mixed-content__figcaption .horizontal-scroll figure:first-of-type p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .horizontal-scroll figure:first-of-type span,
    .horizontal-scroll figure:first-of-type .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .horizontal-scroll figure:first-of-type em,
    .horizontal-scroll figure:first-of-type .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .horizontal-scroll figure:first-of-type strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .horizontal-scroll figure:first-of-type span,
    .horizontal-scroll figure:first-of-type .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .horizontal-scroll figure:first-of-type em,
    .horizontal-scroll figure:first-of-type .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .horizontal-scroll figure:first-of-type strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .horizontal-scroll figure:first-of-type span,
    .horizontal-scroll figure:first-of-type .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .horizontal-scroll figure:first-of-type em,
    .horizontal-scroll figure:first-of-type .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .horizontal-scroll figure:first-of-type strong,
    .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 .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .horizontal-scroll figure:first-of-type span,
    .horizontal-scroll figure:first-of-type .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .horizontal-scroll figure:first-of-type em,
    .horizontal-scroll figure:first-of-type .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .horizontal-scroll figure:first-of-type strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p,
.horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .horizontal-scroll__end span,
.horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .horizontal-scroll__end em,
.horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .horizontal-scroll__end strong,
.horizontal-scroll__end .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .horizontal-scroll__end p,
.horizontal-scroll__end .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .horizontal-scroll__end span,
.horizontal-scroll__end .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .horizontal-scroll__end em,
.horizontal-scroll__end .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .horizontal-scroll__end strong,
.horizontal-scroll__end figcaption span,
.triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p span,
.triple-mixed-content__figcaption .horizontal-scroll__end p span,
figcaption .horizontal-scroll__end span,
.horizontal-scroll__end figcaption em,
.triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p em,
.triple-mixed-content__figcaption .horizontal-scroll__end p em,
figcaption .horizontal-scroll__end em,
.horizontal-scroll__end figcaption strong,
.triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p strong,
.triple-mixed-content__figcaption .horizontal-scroll__end p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .horizontal-scroll__end span,
.horizontal-scroll__end .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .horizontal-scroll__end em,
.horizontal-scroll__end .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .horizontal-scroll__end strong,
.horizontal-scroll__end .double-content-packed__figcaption p,
.double-content-packed__figcaption .horizontal-scroll__end p,
.horizontal-scroll__end .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .horizontal-scroll__end span,
.horizontal-scroll__end .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .horizontal-scroll__end em,
.horizontal-scroll__end .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .horizontal-scroll__end strong,
.horizontal-scroll__end .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .horizontal-scroll__end p,
.horizontal-scroll__end .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .horizontal-scroll__end span,
.horizontal-scroll__end .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .horizontal-scroll__end em,
.horizontal-scroll__end .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .horizontal-scroll__end strong,
.horizontal-scroll__end .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .horizontal-scroll__end div,
.horizontal-scroll__end .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .horizontal-scroll__end span,
.horizontal-scroll__end .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .horizontal-scroll__end em,
.horizontal-scroll__end .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .horizontal-scroll__end strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p,
    .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .horizontal-scroll__end span,
    .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .horizontal-scroll__end em,
    .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .horizontal-scroll__end strong,
    .horizontal-scroll__end .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .horizontal-scroll__end p,
    .horizontal-scroll__end .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .horizontal-scroll__end span,
    .horizontal-scroll__end .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .horizontal-scroll__end em,
    .horizontal-scroll__end .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .horizontal-scroll__end strong,
    .horizontal-scroll__end figcaption span,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p span,
    .triple-mixed-content__figcaption .horizontal-scroll__end p span,
    figcaption .horizontal-scroll__end span,
    .horizontal-scroll__end figcaption em,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p em,
    .triple-mixed-content__figcaption .horizontal-scroll__end p em,
    figcaption .horizontal-scroll__end em,
    .horizontal-scroll__end figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p strong,
    .triple-mixed-content__figcaption .horizontal-scroll__end p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .horizontal-scroll__end span,
    .horizontal-scroll__end .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .horizontal-scroll__end em,
    .horizontal-scroll__end .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .horizontal-scroll__end strong,
    .horizontal-scroll__end .double-content-packed__figcaption p,
    .double-content-packed__figcaption .horizontal-scroll__end p,
    .horizontal-scroll__end .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .horizontal-scroll__end span,
    .horizontal-scroll__end .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .horizontal-scroll__end em,
    .horizontal-scroll__end .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .horizontal-scroll__end strong,
    .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .horizontal-scroll__end p,
    .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .horizontal-scroll__end span,
    .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .horizontal-scroll__end em,
    .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .horizontal-scroll__end strong,
    .horizontal-scroll__end .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .horizontal-scroll__end div,
    .horizontal-scroll__end .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .horizontal-scroll__end span,
    .horizontal-scroll__end .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .horizontal-scroll__end em,
    .horizontal-scroll__end .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .horizontal-scroll__end strong {
        margin: 0 8%;
    }
}

@media all and (max-width: 900px) {

    .horizontal-scroll__end figcaption,
    .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p,
    .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .horizontal-scroll__end span,
    .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .horizontal-scroll__end em,
    .horizontal-scroll__end .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .horizontal-scroll__end strong,
    .horizontal-scroll__end .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .horizontal-scroll__end p,
    .horizontal-scroll__end .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .horizontal-scroll__end span,
    .horizontal-scroll__end .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .horizontal-scroll__end em,
    .horizontal-scroll__end .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .horizontal-scroll__end strong,
    .horizontal-scroll__end figcaption span,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p span,
    .triple-mixed-content__figcaption .horizontal-scroll__end p span,
    figcaption .horizontal-scroll__end span,
    .horizontal-scroll__end figcaption em,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p em,
    .triple-mixed-content__figcaption .horizontal-scroll__end p em,
    figcaption .horizontal-scroll__end em,
    .horizontal-scroll__end figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .horizontal-scroll__end p strong,
    .triple-mixed-content__figcaption .horizontal-scroll__end p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .horizontal-scroll__end span,
    .horizontal-scroll__end .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .horizontal-scroll__end em,
    .horizontal-scroll__end .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .horizontal-scroll__end strong,
    .horizontal-scroll__end .double-content-packed__figcaption p,
    .double-content-packed__figcaption .horizontal-scroll__end p,
    .horizontal-scroll__end .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .horizontal-scroll__end span,
    .horizontal-scroll__end .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .horizontal-scroll__end em,
    .horizontal-scroll__end .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .horizontal-scroll__end strong,
    .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .horizontal-scroll__end p,
    .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .horizontal-scroll__end span,
    .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .horizontal-scroll__end em,
    .horizontal-scroll__end .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .horizontal-scroll__end strong,
    .horizontal-scroll__end .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .horizontal-scroll__end div,
    .horizontal-scroll__end .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .horizontal-scroll__end span,
    .horizontal-scroll__end .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .horizontal-scroll__end em,
    .horizontal-scroll__end .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .horizontal-scroll__end strong {
        margin-top: -2.5rem;
    }
}

.product {
    max-width: 1080px;
    margin: 0 auto;
    color: var(--primary);
    height: 100%;
}

@media all and (max-width: 1150px) {
    .product {
        margin: 0 8%;
    }
}

.product .single-content-fullscreen,
.product .double-content-vertical {
    margin: 0;
}

.product__container {
    display: flex;
    width: 100%;
    height: 100%;
}

.product__container>div {
    width: 50%;
    height: 100vh;
}

.product__container .brand-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__container--image {
    height: 85vh !important;
}

.product__container--image img,
.product__container--image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product__container--info {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2ebe9;
    background: var(--ternary);
    flex-direction: column;
    height: 85vh !important;
}

.product__container--info img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product__container--info .product__container--info-wrapper:nth-child(1) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 60%;
    padding: 2rem;
    width: 100%;
}

.product__container--info .product__container--info-wrapper:nth-child(2) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 40%;
    width: 100%;
}

.product__container--info .COA {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}

.product__container--info .COA .brand-container svg,
.product__container--info .COA .brand-container img {
    padding-top: 1rem;
    margin: 0 auto;
    width: 5rem;
    fill: var(--primary);
}

.product__container--info .COA span {
    margin-top: 1rem;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif !important;
    letter-spacing: 3px;
    line-height: 1rem;
    padding: 0 10%;
    font-weight: 100;
}

@media all and (max-width: 900px) {
    .product__container--info .COA span {
        padding: 0 10%;
    }
}

.product__container--trio>div:nth-child(1) {
    background: var(--background-secondary);
}

.product__container--trio>div:nth-child(2) {
    background: var(--background-ternary);
}

@media all and (max-width: 900px) {
    .product__container--trio {
        flex-direction: column;
    }

    .product__container--trio>div {
        width: 100%;
    }
}

.product__container--flattened {
    height: 100%;
    width: 100%;
}

.product__container--flattened .product__container--info {
    all: unset;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-height: max-content;
    min-height: -webkit-max-content;
    width: 100%;
    background: var(--background-secondary);
    height: auto !important;
    padding: 2rem 0;
}

.product__container--flattened .product__container--info-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    height: -webkit-max-content !important;
    height: max-content !important;
}

.product__container--flattened .product__container--info-wrapper img {
    padding: 1rem 0;
}

.product__container--flattened .COA {
    padding: 0;
}

@media all and (max-width: 900px) {
    .product__container--flattened .product__container--info {
        flex-direction: column;
    }

    .product__container--flattened .product__container--info-wrapper:nth-child(1) {
        padding: 2rem 2rem 0 2rem !important;
    }

    .product__container--flattened .product__container--info-wrapper:nth-child(2) {
        padding: 0 !important;
    }

    .product__container--flattened .COA {
        padding: 2rem !important;
    }
}

@media all and (max-width: 900px) {
    .product .product__container {
        display: flex;
        flex-direction: column;
    }

    .product .product__container div {
        width: 100%;
        height: -webkit-max-content;
        height: max-content;
        display: flex;
    }

    .product .product__container-RTL {
        flex-direction: column-reverse;
    }
}

.product-fullscreen {
    margin: 0 auto;
}

.product-fullscreen .single-content-fullscreen,
.product-fullscreen .double-content-vertical {
    margin: 0;
}

@media all and (max-width: 900px) {
    .product-fullscreen .product__container {
        display: flex;
        flex-direction: column;
    }

    .product-fullscreen .product__container div {
        width: 100%;
        height: -webkit-max-content;
        height: max-content;
        display: flex;
    }

    .product-fullscreen .product__container-RTL {
        flex-direction: column-reverse;
    }
}

.product__container--double-cards {
    margin: 0 auto;
    display: flex;
    width: 100%;
}

@media all and (max-width: 900px) {
    .product__container--double-cards {
        flex-direction: column;
    }
}

.product__container--double-cards .product__container--double-cards__visual {
    width: 50%;
    display: flex;
    max-height: 100vh;
    min-height: 50vh;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__visual {
        width: 100%;
    }
}

.product__container--double-cards .product__container--double-cards__visual img,
.product__container--double-cards .product__container--double-cards__visual video {
    width: 100%;
    height: 100%;
    min-height: 50vh;
    object-position: center;
    object-fit: cover;
}

.product__container--double-cards .product__container--double-cards__cards {
    display: flex;
    width: 50%;
    flex-direction: column;
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards {
        width: 100%;
        height: 100%;
    }
}

.product__container--double-cards .product__container--double-cards__cards--first {
    background: var(--background-secondary);
    height: 50%;
    width: 100%;
    display: flex;
    padding: 0 10%;
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--first {
        padding: 0 5%;
        min-height: 50vh;
        flex-direction: column;
    }
}

.product__container--double-cards .product__container--double-cards__cards--first .img-wrapper {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.product__container--double-cards .product__container--double-cards__cards--first .img-wrapper img {
    height: 100%;
    object-fit: cover;
    transform: scale(0.8);
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--first .img-wrapper {
        width: 100%;
        padding: 0;
    }

    .product__container--double-cards .product__container--double-cards__cards--first .img-wrapper img {
        transform: scale(0.6);
        margin-bottom: -2rem;
    }
}

.product__container--double-cards .product__container--double-cards__cards--first .info-wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper {
        width: 100%;
    }

    .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper button {
        transform: scale(0.8);
    }
}

.product__container--double-cards .product__container--double-cards__cards--first .info-wrapper .brand-container:not(:empty) {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;
}

.product__container--double-cards .product__container--double-cards__cards--first .info-wrapper .brand-container:not(:empty) svg {
    max-width: 30%;
    max-height: 70%;
    filter: var(--invert);
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper .brand-container:not(:empty) {
        padding: 0;
    }
}

.product__container--double-cards .product__container--double-cards__cards--first .info-wrapper span {
    margin-top: 1rem;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif !important;
    letter-spacing: 3px;
    line-height: 1rem;
    padding: 0 10%;
    font-weight: 100;
    text-align: center;
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--first .info-wrapper span {
        margin-top: 0;
        margin-bottom: 3rem;
    }
}

.product__container--double-cards .product__container--double-cards__cards--second {
    background: var(--background-ternary);
    height: 50%;
    display: flex;
    padding: 0 10%;
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--second {
        padding: 0 5%;
        min-height: 50vh;
        flex-direction: column;
    }
}

.product__container--double-cards .product__container--double-cards__cards--second .img-wrapper {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.product__container--double-cards .product__container--double-cards__cards--second .img-wrapper img {
    height: 100%;
    object-fit: cover;
    transform: scale(0.8);
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--second .img-wrapper {
        width: 100%;
        padding: 0;
    }

    .product__container--double-cards .product__container--double-cards__cards--second .img-wrapper img {
        transform: scale(0.6);
        margin-bottom: -2rem;
    }
}

.product__container--double-cards .product__container--double-cards__cards--second .info-wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper {
        width: 100%;
    }

    .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper button {
        transform: scale(0.8);
    }
}

.product__container--double-cards .product__container--double-cards__cards--second .info-wrapper .brand-container:not(:empty) {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;
}

.product__container--double-cards .product__container--double-cards__cards--second .info-wrapper .brand-container:not(:empty) svg {
    max-width: 30%;
    max-height: 70%;
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper .brand-container:not(:empty) {
        padding: 0;
    }
}

.product__container--double-cards .product__container--double-cards__cards--second .info-wrapper span {
    margin-top: 1rem;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif !important;
    letter-spacing: 3px;
    line-height: 1rem;
    padding: 0 10%;
    font-weight: 100;
    text-align: center;
}

@media all and (max-width: 900px) {
    .product__container--double-cards .product__container--double-cards__cards--second .info-wrapper span {
        margin-top: 0;
        margin-bottom: 3rem;
    }
}

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

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

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

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

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

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

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

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

.btn svg {
    fill: var(--button-primary);
    width: 100%;
    max-width: 2rem;
}

.btn:hover {
    background: var(--button-hover);
}

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

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

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

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

.acknowledgments {
    margin: 0 auto;
    background: var(--ternary);
    padding: 5rem 0;
}

.acknowledgments p {
    width: 50%;
}

.acknowledgments__container {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 20vh;
}

@media all and (max-width: 1150px) {
    .acknowledgments__container {
        margin: 0 8%;
    }
}

.acknowledgments__container--title {
    font-size: 1.2rem;
    font-weight: bolder;
    font-family: "DM Serif Text", serif;
    margin-bottom: 1rem;
}

@media all and (max-width: 900px) {
    .acknowledgments p {
        width: 100%;
    }
}

.acknowledgments-tree {
    margin: 0 auto;
    background: var(--ternary);
    padding: 5rem 0;
    justify-content: center;
}

.acknowledgments-tree p {
    margin-bottom: 1rem;
    width: 100%;
    text-align: center;
}

@media all and (max-width: 900px) {
    .acknowledgments-tree p {
        font-size: 0.7rem;
        line-height: 0.8rem;
        margin-top: 0.3rem;
    }
}

.acknowledgments-tree__container {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 20vh;
    max-width: 40%;
}

@media all and (max-width: 900px) {
    .acknowledgments-tree__container {
        max-width: 80%;
    }
}

.acknowledgments-tree__container--title {
    font-size: 1.2rem;
    font-weight: bolder;
    font-family: "DM Serif Text", serif;
    margin-bottom: 1rem;
    text-align: center;
}

.acknowledgments-tree__container--subtitle {
    font-size: 0.8rem;
    font-weight: bolder;
    text-align: center;
    font-family: "DM Serif Text", serif;
}

@media all and (max-width: 900px) {
    .acknowledgments-tree__container--subtitle {
        font-size: 0.7rem;
        line-height: 0.7rem;
    }
}

@media all and (max-width: 900px) {
    .acknowledgments-tree p {
        width: 100%;
    }
}

.acknowledgments-tree .credits-column {
    display: flex;
    justify-content: center;
    gap: 2rem;
}

@media all and (max-width: 900px) {
    .acknowledgments-tree .credits-column {
        gap: 0.5rem;
        justify-content: center;
    }

    .acknowledgments-tree .credits-column p {
        font-size: 0.7rem;
        line-height: 0.7rem;
    }
}

.mixed-content {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 5rem;
}

.mixed-content figure {
    height: 100%;
}

.mixed-content img,
.mixed-content video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.mixed-content__grid {
    display: flex;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

@media all and (max-width: 1150px) {
    .mixed-content__grid {
        margin: 0 8%;
        width: auto;
    }
}

.mixed-content figcaption,
.mixed-content .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .mixed-content p,
.mixed-content .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .mixed-content span,
.mixed-content .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .mixed-content em,
.mixed-content .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .mixed-content strong,
.mixed-content .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .mixed-content p,
.mixed-content .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .mixed-content span,
.mixed-content .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .mixed-content em,
.mixed-content .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .mixed-content strong,
.mixed-content figcaption span,
.triple-mixed-content-fullscreen__figcaption .mixed-content p span,
.triple-mixed-content__figcaption .mixed-content p span,
figcaption .mixed-content span,
.mixed-content figcaption em,
.triple-mixed-content-fullscreen__figcaption .mixed-content p em,
.triple-mixed-content__figcaption .mixed-content p em,
figcaption .mixed-content em,
.mixed-content figcaption strong,
.triple-mixed-content-fullscreen__figcaption .mixed-content p strong,
.triple-mixed-content__figcaption .mixed-content p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .mixed-content span,
.mixed-content .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .mixed-content em,
.mixed-content .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .mixed-content strong,
.mixed-content .double-content-packed__figcaption p,
.double-content-packed__figcaption .mixed-content p,
.mixed-content .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .mixed-content span,
.mixed-content .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .mixed-content em,
.mixed-content .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .mixed-content strong,
.mixed-content .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .mixed-content p,
.mixed-content .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .mixed-content span,
.mixed-content .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .mixed-content em,
.mixed-content .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .mixed-content strong,
.mixed-content .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .mixed-content div,
.mixed-content .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .mixed-content span,
.mixed-content .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .mixed-content em,
.mixed-content .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .mixed-content strong {
    max-width: 1080px;
    margin: 0 auto;
}

@media all and (max-width: 1150px) {

    .mixed-content figcaption,
    .mixed-content .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .mixed-content p,
    .mixed-content .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content span,
    .mixed-content .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content em,
    .mixed-content .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content strong,
    .mixed-content .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .mixed-content p,
    .mixed-content .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .mixed-content span,
    .mixed-content .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .mixed-content em,
    .mixed-content .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .mixed-content strong,
    .mixed-content figcaption span,
    .triple-mixed-content-fullscreen__figcaption .mixed-content p span,
    .triple-mixed-content__figcaption .mixed-content p span,
    figcaption .mixed-content span,
    .mixed-content figcaption em,
    .triple-mixed-content-fullscreen__figcaption .mixed-content p em,
    .triple-mixed-content__figcaption .mixed-content p em,
    figcaption .mixed-content em,
    .mixed-content figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .mixed-content p strong,
    .triple-mixed-content__figcaption .mixed-content p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .mixed-content span,
    .mixed-content .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .mixed-content em,
    .mixed-content .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .mixed-content strong,
    .mixed-content .double-content-packed__figcaption p,
    .double-content-packed__figcaption .mixed-content p,
    .mixed-content .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .mixed-content span,
    .mixed-content .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .mixed-content em,
    .mixed-content .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .mixed-content strong,
    .mixed-content .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .mixed-content p,
    .mixed-content .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .mixed-content span,
    .mixed-content .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .mixed-content em,
    .mixed-content .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .mixed-content strong,
    .mixed-content .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .mixed-content div,
    .mixed-content .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .mixed-content span,
    .mixed-content .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .mixed-content em,
    .mixed-content .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .mixed-content strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__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 span,
.triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption span,
.triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p span,
.triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p 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,
.triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p em,
.triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p 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,
.triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p strong,
.triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
.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__figcaption p span,
.double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
.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 .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__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 span,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container figcaption span,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p span,
    .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p 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,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p em,
    .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p 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,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p strong,
    .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong,
    .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 .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__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 span,
.triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption span,
.triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p span,
.triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p 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,
.triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p em,
.triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p 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,
.triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p strong,
.triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
.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__figcaption p span,
.double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
.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 .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__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 span,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container figcaption span,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p span,
    .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p 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,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p em,
    .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p 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,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p strong,
    .triple-mixed-content__figcaption .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong,
    .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 .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container span,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container em,
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image span,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image em,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image span,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image em,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image strong,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption span,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p span,
    .triple-mixed-content__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p span,
    figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image span,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption em,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p em,
    .triple-mixed-content__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p em,
    figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image em,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p strong,
    .triple-mixed-content__figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid-LTR .mixed-content-offgrid__image span,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid-LTR .mixed-content-offgrid__image em,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .mixed-content-offgrid-LTR .mixed-content-offgrid__image strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image span,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image em,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image span,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image em,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .mixed-content-offgrid-LTR .mixed-content-offgrid__image strong,
    .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 .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .mixed-content-offgrid-LTR .mixed-content-offgrid__image span,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .mixed-content-offgrid-LTR .mixed-content-offgrid__image em,
    .mixed-content-offgrid-LTR .mixed-content-offgrid__image .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .mixed-content-offgrid-LTR .mixed-content-offgrid__image strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .triple-content p,
.triple-content .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .triple-content span,
.triple-content .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .triple-content em,
.triple-content .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .triple-content strong,
.triple-content .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .triple-content p,
.triple-content .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .triple-content span,
.triple-content .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .triple-content em,
.triple-content .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .triple-content strong,
.triple-content figcaption span,
.triple-mixed-content-fullscreen__figcaption .triple-content p span,
.triple-mixed-content__figcaption .triple-content p span,
figcaption .triple-content span,
.triple-content figcaption em,
.triple-mixed-content-fullscreen__figcaption .triple-content p em,
.triple-mixed-content__figcaption .triple-content p em,
figcaption .triple-content em,
.triple-content figcaption strong,
.triple-mixed-content-fullscreen__figcaption .triple-content p strong,
.triple-mixed-content__figcaption .triple-content p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .triple-content span,
.triple-content .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .triple-content em,
.triple-content .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .triple-content strong,
.triple-content .double-content-packed__figcaption p,
.double-content-packed__figcaption .triple-content p,
.triple-content .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .triple-content span,
.triple-content .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .triple-content em,
.triple-content .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .triple-content strong,
.triple-content .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .triple-content p,
.triple-content .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .triple-content span,
.triple-content .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .triple-content em,
.triple-content .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .triple-content strong,
.triple-content .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .triple-content div,
.triple-content .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .triple-content span,
.triple-content .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .triple-content em,
.triple-content .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .triple-content strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .triple-content p,
    .triple-content .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .triple-content span,
    .triple-content .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .triple-content em,
    .triple-content .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .triple-content strong,
    .triple-content .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .triple-content p,
    .triple-content .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .triple-content span,
    .triple-content .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .triple-content em,
    .triple-content .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .triple-content strong,
    .triple-content figcaption span,
    .triple-mixed-content-fullscreen__figcaption .triple-content p span,
    .triple-mixed-content__figcaption .triple-content p span,
    figcaption .triple-content span,
    .triple-content figcaption em,
    .triple-mixed-content-fullscreen__figcaption .triple-content p em,
    .triple-mixed-content__figcaption .triple-content p em,
    figcaption .triple-content em,
    .triple-content figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .triple-content p strong,
    .triple-mixed-content__figcaption .triple-content p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .triple-content span,
    .triple-content .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .triple-content em,
    .triple-content .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .triple-content strong,
    .triple-content .double-content-packed__figcaption p,
    .double-content-packed__figcaption .triple-content p,
    .triple-content .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .triple-content span,
    .triple-content .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .triple-content em,
    .triple-content .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .triple-content strong,
    .triple-content .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .triple-content p,
    .triple-content .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .triple-content span,
    .triple-content .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .triple-content em,
    .triple-content .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .triple-content strong,
    .triple-content .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .triple-content div,
    .triple-content .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .triple-content span,
    .triple-content .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .triple-content em,
    .triple-content .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .triple-content strong {
        margin-left: 8%;
    }
}

@media all and (max-width: 900px) {
    .triple-content div {
        flex-direction: column;
    }

    .triple-content figcaption,
    .triple-content .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .triple-content p,
    .triple-content .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .triple-content span,
    .triple-content .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .triple-content em,
    .triple-content .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .triple-content strong,
    .triple-content .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .triple-content p,
    .triple-content .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .triple-content span,
    .triple-content .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .triple-content em,
    .triple-content .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .triple-content strong,
    .triple-content figcaption span,
    .triple-mixed-content-fullscreen__figcaption .triple-content p span,
    .triple-mixed-content__figcaption .triple-content p span,
    figcaption .triple-content span,
    .triple-content figcaption em,
    .triple-mixed-content-fullscreen__figcaption .triple-content p em,
    .triple-mixed-content__figcaption .triple-content p em,
    figcaption .triple-content em,
    .triple-content figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .triple-content p strong,
    .triple-mixed-content__figcaption .triple-content p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .triple-content span,
    .triple-content .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .triple-content em,
    .triple-content .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .triple-content strong,
    .triple-content .double-content-packed__figcaption p,
    .double-content-packed__figcaption .triple-content p,
    .triple-content .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .triple-content span,
    .triple-content .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .triple-content em,
    .triple-content .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .triple-content strong,
    .triple-content .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .triple-content p,
    .triple-content .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .triple-content span,
    .triple-content .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .triple-content em,
    .triple-content .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .triple-content strong,
    .triple-content .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .triple-content div,
    .triple-content .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .triple-content span,
    .triple-content .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .triple-content em,
    .triple-content .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .triple-content strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p,
.triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .triple-content-fullscreen span,
.triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .triple-content-fullscreen em,
.triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .triple-content-fullscreen strong,
.triple-content-fullscreen .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .triple-content-fullscreen p,
.triple-content-fullscreen .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .triple-content-fullscreen span,
.triple-content-fullscreen .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .triple-content-fullscreen em,
.triple-content-fullscreen .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .triple-content-fullscreen strong,
.triple-content-fullscreen figcaption span,
.triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p span,
.triple-mixed-content__figcaption .triple-content-fullscreen p span,
figcaption .triple-content-fullscreen span,
.triple-content-fullscreen figcaption em,
.triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p em,
.triple-mixed-content__figcaption .triple-content-fullscreen p em,
figcaption .triple-content-fullscreen em,
.triple-content-fullscreen figcaption strong,
.triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p strong,
.triple-mixed-content__figcaption .triple-content-fullscreen p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .triple-content-fullscreen span,
.triple-content-fullscreen .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .triple-content-fullscreen em,
.triple-content-fullscreen .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .triple-content-fullscreen strong,
.triple-content-fullscreen .double-content-packed__figcaption p,
.double-content-packed__figcaption .triple-content-fullscreen p,
.triple-content-fullscreen .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .triple-content-fullscreen span,
.triple-content-fullscreen .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .triple-content-fullscreen em,
.triple-content-fullscreen .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .triple-content-fullscreen strong,
.triple-content-fullscreen .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .triple-content-fullscreen p,
.triple-content-fullscreen .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .triple-content-fullscreen span,
.triple-content-fullscreen .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .triple-content-fullscreen em,
.triple-content-fullscreen .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .triple-content-fullscreen strong,
.triple-content-fullscreen .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .triple-content-fullscreen div,
.triple-content-fullscreen .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .triple-content-fullscreen span,
.triple-content-fullscreen .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .triple-content-fullscreen em,
.triple-content-fullscreen .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .triple-content-fullscreen strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p,
    .triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .triple-content-fullscreen span,
    .triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .triple-content-fullscreen em,
    .triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .triple-content-fullscreen strong,
    .triple-content-fullscreen .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .triple-content-fullscreen p,
    .triple-content-fullscreen .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .triple-content-fullscreen span,
    .triple-content-fullscreen .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .triple-content-fullscreen em,
    .triple-content-fullscreen .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .triple-content-fullscreen strong,
    .triple-content-fullscreen figcaption span,
    .triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p span,
    .triple-mixed-content__figcaption .triple-content-fullscreen p span,
    figcaption .triple-content-fullscreen span,
    .triple-content-fullscreen figcaption em,
    .triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p em,
    .triple-mixed-content__figcaption .triple-content-fullscreen p em,
    figcaption .triple-content-fullscreen em,
    .triple-content-fullscreen figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p strong,
    .triple-mixed-content__figcaption .triple-content-fullscreen p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .triple-content-fullscreen span,
    .triple-content-fullscreen .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .triple-content-fullscreen em,
    .triple-content-fullscreen .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .triple-content-fullscreen strong,
    .triple-content-fullscreen .double-content-packed__figcaption p,
    .double-content-packed__figcaption .triple-content-fullscreen p,
    .triple-content-fullscreen .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .triple-content-fullscreen span,
    .triple-content-fullscreen .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .triple-content-fullscreen em,
    .triple-content-fullscreen .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .triple-content-fullscreen strong,
    .triple-content-fullscreen .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .triple-content-fullscreen p,
    .triple-content-fullscreen .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .triple-content-fullscreen span,
    .triple-content-fullscreen .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .triple-content-fullscreen em,
    .triple-content-fullscreen .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .triple-content-fullscreen strong,
    .triple-content-fullscreen .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .triple-content-fullscreen div,
    .triple-content-fullscreen .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .triple-content-fullscreen span,
    .triple-content-fullscreen .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .triple-content-fullscreen em,
    .triple-content-fullscreen .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .triple-content-fullscreen strong {
        margin-left: 8%;
    }
}

@media all and (max-width: 900px) {
    .triple-content-fullscreen div {
        flex-direction: column;
    }

    .triple-content-fullscreen figcaption,
    .triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p,
    .triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .triple-content-fullscreen span,
    .triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .triple-content-fullscreen em,
    .triple-content-fullscreen .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .triple-content-fullscreen strong,
    .triple-content-fullscreen .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .triple-content-fullscreen p,
    .triple-content-fullscreen .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .triple-content-fullscreen span,
    .triple-content-fullscreen .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .triple-content-fullscreen em,
    .triple-content-fullscreen .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .triple-content-fullscreen strong,
    .triple-content-fullscreen figcaption span,
    .triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p span,
    .triple-mixed-content__figcaption .triple-content-fullscreen p span,
    figcaption .triple-content-fullscreen span,
    .triple-content-fullscreen figcaption em,
    .triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p em,
    .triple-mixed-content__figcaption .triple-content-fullscreen p em,
    figcaption .triple-content-fullscreen em,
    .triple-content-fullscreen figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .triple-content-fullscreen p strong,
    .triple-mixed-content__figcaption .triple-content-fullscreen p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .triple-content-fullscreen span,
    .triple-content-fullscreen .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .triple-content-fullscreen em,
    .triple-content-fullscreen .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .triple-content-fullscreen strong,
    .triple-content-fullscreen .double-content-packed__figcaption p,
    .double-content-packed__figcaption .triple-content-fullscreen p,
    .triple-content-fullscreen .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .triple-content-fullscreen span,
    .triple-content-fullscreen .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .triple-content-fullscreen em,
    .triple-content-fullscreen .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .triple-content-fullscreen strong,
    .triple-content-fullscreen .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .triple-content-fullscreen p,
    .triple-content-fullscreen .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .triple-content-fullscreen span,
    .triple-content-fullscreen .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .triple-content-fullscreen em,
    .triple-content-fullscreen .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .triple-content-fullscreen strong,
    .triple-content-fullscreen .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .triple-content-fullscreen div,
    .triple-content-fullscreen .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .triple-content-fullscreen span,
    .triple-content-fullscreen .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .triple-content-fullscreen em,
    .triple-content-fullscreen .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .triple-content-fullscreen strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .triple-mixed-content p,
.triple-mixed-content .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .triple-mixed-content span,
.triple-mixed-content .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .triple-mixed-content em,
.triple-mixed-content .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .triple-mixed-content strong,
.triple-mixed-content .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .triple-mixed-content p,
.triple-mixed-content .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .triple-mixed-content span,
.triple-mixed-content .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .triple-mixed-content em,
.triple-mixed-content .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .triple-mixed-content strong,
.triple-mixed-content figcaption span,
.triple-mixed-content-fullscreen__figcaption .triple-mixed-content p span,
.triple-mixed-content__figcaption .triple-mixed-content p span,
figcaption .triple-mixed-content span,
.triple-mixed-content figcaption em,
.triple-mixed-content-fullscreen__figcaption .triple-mixed-content p em,
.triple-mixed-content__figcaption .triple-mixed-content p em,
figcaption .triple-mixed-content em,
.triple-mixed-content figcaption strong,
.triple-mixed-content-fullscreen__figcaption .triple-mixed-content p strong,
.triple-mixed-content__figcaption .triple-mixed-content p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .triple-mixed-content span,
.triple-mixed-content .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .triple-mixed-content em,
.triple-mixed-content .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .triple-mixed-content strong,
.triple-mixed-content .double-content-packed__figcaption p,
.double-content-packed__figcaption .triple-mixed-content p,
.triple-mixed-content .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .triple-mixed-content span,
.triple-mixed-content .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .triple-mixed-content em,
.triple-mixed-content .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .triple-mixed-content strong,
.triple-mixed-content .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .triple-mixed-content p,
.triple-mixed-content .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .triple-mixed-content span,
.triple-mixed-content .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .triple-mixed-content em,
.triple-mixed-content .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .triple-mixed-content strong,
.triple-mixed-content .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .triple-mixed-content div,
.triple-mixed-content .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .triple-mixed-content span,
.triple-mixed-content .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .triple-mixed-content em,
.triple-mixed-content .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .triple-mixed-content strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p,
    .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content span,
    .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content em,
    .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content strong,
    .triple-mixed-content .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .triple-mixed-content p,
    .triple-mixed-content .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .triple-mixed-content span,
    .triple-mixed-content .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .triple-mixed-content em,
    .triple-mixed-content .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .triple-mixed-content strong,
    .triple-mixed-content figcaption span,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p span,
    .triple-mixed-content__figcaption .triple-mixed-content p span,
    figcaption .triple-mixed-content span,
    .triple-mixed-content figcaption em,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p em,
    .triple-mixed-content__figcaption .triple-mixed-content p em,
    figcaption .triple-mixed-content em,
    .triple-mixed-content figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p strong,
    .triple-mixed-content__figcaption .triple-mixed-content p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content span,
    .triple-mixed-content .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content em,
    .triple-mixed-content .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content strong,
    .triple-mixed-content .double-content-packed__figcaption p,
    .double-content-packed__figcaption .triple-mixed-content p,
    .triple-mixed-content .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .triple-mixed-content span,
    .triple-mixed-content .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .triple-mixed-content em,
    .triple-mixed-content .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .triple-mixed-content strong,
    .triple-mixed-content .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .triple-mixed-content p,
    .triple-mixed-content .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content span,
    .triple-mixed-content .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content em,
    .triple-mixed-content .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content strong,
    .triple-mixed-content .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .triple-mixed-content div,
    .triple-mixed-content .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .triple-mixed-content span,
    .triple-mixed-content .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .triple-mixed-content em,
    .triple-mixed-content .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .triple-mixed-content strong {
        margin: 0 8%;
    }
}

@media screen and (max-width: 1150px) {

    .triple-mixed-content figcaption,
    .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p,
    .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content span,
    .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content em,
    .triple-mixed-content .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content strong,
    .triple-mixed-content .triple-mixed-content__figcaption p,
    .triple-mixed-content__figcaption .triple-mixed-content p,
    .triple-mixed-content .triple-mixed-content__figcaption p span,
    .triple-mixed-content__figcaption p .triple-mixed-content span,
    .triple-mixed-content .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .triple-mixed-content em,
    .triple-mixed-content .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .triple-mixed-content strong,
    .triple-mixed-content figcaption span,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p span,
    .triple-mixed-content__figcaption .triple-mixed-content p span,
    figcaption .triple-mixed-content span,
    .triple-mixed-content figcaption em,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p em,
    .triple-mixed-content__figcaption .triple-mixed-content p em,
    figcaption .triple-mixed-content em,
    .triple-mixed-content figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content p strong,
    .triple-mixed-content__figcaption .triple-mixed-content p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content span,
    .triple-mixed-content .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content em,
    .triple-mixed-content .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content strong,
    .triple-mixed-content .double-content-packed__figcaption p,
    .double-content-packed__figcaption .triple-mixed-content p,
    .triple-mixed-content .double-content-packed__figcaption p span,
    .double-content-packed__figcaption p .triple-mixed-content span,
    .triple-mixed-content .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .triple-mixed-content em,
    .triple-mixed-content .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .triple-mixed-content strong,
    .triple-mixed-content .double-content-packed-fullscreen__figcaption p,
    .double-content-packed-fullscreen__figcaption .triple-mixed-content p,
    .triple-mixed-content .double-content-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content span,
    .triple-mixed-content .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content em,
    .triple-mixed-content .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content strong,
    .triple-mixed-content .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .triple-mixed-content div,
    .triple-mixed-content .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .triple-mixed-content span,
    .triple-mixed-content .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .triple-mixed-content em,
    .triple-mixed-content .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .triple-mixed-content strong {
        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 .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p,
.triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .triple-mixed-content-fullscreen span,
.triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .triple-mixed-content-fullscreen em,
.triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .triple-mixed-content-fullscreen strong,
.triple-mixed-content-fullscreen figcaption span,
.triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p span,
figcaption .triple-mixed-content-fullscreen span,
.triple-mixed-content-fullscreen figcaption em,
.triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p em,
figcaption .triple-mixed-content-fullscreen em,
.triple-mixed-content-fullscreen figcaption strong,
.triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .triple-mixed-content-fullscreen span,
.triple-mixed-content-fullscreen .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .triple-mixed-content-fullscreen em,
.triple-mixed-content-fullscreen .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .triple-mixed-content-fullscreen strong,
.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__figcaption p span,
.double-content-packed__figcaption p .triple-mixed-content-fullscreen span,
.triple-mixed-content-fullscreen .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .triple-mixed-content-fullscreen em,
.triple-mixed-content-fullscreen .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .triple-mixed-content-fullscreen strong,
.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-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .triple-mixed-content-fullscreen span,
.triple-mixed-content-fullscreen .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .triple-mixed-content-fullscreen em,
.triple-mixed-content-fullscreen .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .triple-mixed-content-fullscreen strong,
.triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .triple-mixed-content-fullscreen div,
.triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .triple-mixed-content-fullscreen span,
.triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .triple-mixed-content-fullscreen em,
.triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .triple-mixed-content-fullscreen strong,
.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__figcaption p span,
.triple-mixed-content__figcaption p .triple-mixed-content-fullscreen span,
.triple-mixed-content-fullscreen .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .triple-mixed-content-fullscreen em,
.triple-mixed-content-fullscreen .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .triple-mixed-content-fullscreen strong {
    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 .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p,
    .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content-fullscreen strong,
    .triple-mixed-content-fullscreen figcaption span,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p span,
    figcaption .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen figcaption em,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p em,
    figcaption .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content-fullscreen strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .triple-mixed-content-fullscreen strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content-fullscreen strong,
    .triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .triple-mixed-content-fullscreen div,
    .triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .triple-mixed-content-fullscreen strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .triple-mixed-content-fullscreen strong {
        margin: 0 8%;
    }
}

@media screen and (max-width: 1150px) {

    .triple-mixed-content-fullscreen figcaption,
    .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p,
    .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p span,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p em,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .triple-mixed-content-fullscreen__figcaption p strong,
    .triple-mixed-content-fullscreen__figcaption p .triple-mixed-content-fullscreen strong,
    .triple-mixed-content-fullscreen figcaption span,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p span,
    figcaption .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen figcaption em,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p em,
    figcaption .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen figcaption strong,
    .triple-mixed-content-fullscreen__figcaption .triple-mixed-content-fullscreen p 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__fake-figcaptions-wrapper div p span,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .double-content__fake-figcaptions-wrapper div p em,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .double-content__fake-figcaptions-wrapper div p strong,
    .double-content__fake-figcaptions-wrapper div p .triple-mixed-content-fullscreen strong,
    .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__figcaption p span,
    .double-content-packed__figcaption p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .double-content-packed__figcaption p em,
    .double-content-packed__figcaption p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .double-content-packed__figcaption p strong,
    .double-content-packed__figcaption p .triple-mixed-content-fullscreen strong,
    .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-packed-fullscreen__figcaption p span,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .double-content-packed-fullscreen__figcaption p em,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .double-content-packed-fullscreen__figcaption p strong,
    .double-content-packed-fullscreen__figcaption p .triple-mixed-content-fullscreen strong,
    .triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div,
    .double-content-fullscreen__figcaptions .triple-mixed-content-fullscreen div,
    .triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div span,
    .double-content-fullscreen__figcaptions div .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div em,
    .double-content-fullscreen__figcaptions div .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .double-content-fullscreen__figcaptions div strong,
    .double-content-fullscreen__figcaptions div .triple-mixed-content-fullscreen strong,
    .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__figcaption p span,
    .triple-mixed-content__figcaption p .triple-mixed-content-fullscreen span,
    .triple-mixed-content-fullscreen .triple-mixed-content__figcaption p em,
    .triple-mixed-content__figcaption p .triple-mixed-content-fullscreen em,
    .triple-mixed-content-fullscreen .triple-mixed-content__figcaption p strong,
    .triple-mixed-content__figcaption p .triple-mixed-content-fullscreen strong {
        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;
    }
}

.reel-dailymotion {
    max-width: 1080px;
    margin: 0 auto;
    margin-bottom: 10rem;
    margin-top: 5rem;
}

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

.reel-dailymotion .player {
    color: #fff;
    font-size: 0.8rem;
    transition: all 0.3s;
    position: relative;
    max-height: 85vh;
    aspect-ratio: 9/16;
    margin: 0 auto;
}

.reel-dailymotion .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-dailymotion .player__like:hover {
    border-color: var(--button-hover);
}

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

.reel-dailymotion .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-dailymotion .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-dailymotion .player__like.is-active svg {
    animation:
        heart-pulse 0.5s ease forwards,
        heart-beat 1s infinite ease 0.5s;
    fill: var(--secondary);
}

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

.reel-dailymotion .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-dailymotion .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-dailymotion .player__volume .unmuted svg .bar,
.reel-dailymotion .player__volume .unmuted svg .bar-spacing {
    scale: 0;
}

.reel-dailymotion .player__volume .unmuted svg .first-soundwave {
    animation: firstSoundwaveAnimation 2s infinite;
}

.reel-dailymotion .player__volume .unmuted svg .second-soundwave {
    animation: secondSoundwaveAnimation 2s infinite;
}

.reel-dailymotion .player__volume button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.reel-dailymotion .player__volume button svg {
    fill: var(--primary);
    transform: scale(0.9) translateY(2px);
}

.reel-dailymotion .player__volume button svg * {
    stroke: var(--primary);
    transition: scale 0.5s;
}

.reel-dailymotion .player__volume button svg .bar,
.reel-dailymotion .player__volume button svg .bar-spacing {
    transform-origin: center;
}

.reel-dailymotion .player__volume button svg .bar-spacing {
    stroke: var(--button-primary);
}

.reel-dailymotion .player .clip-path-wrapper {
    height: 100%;
    width: 100%;
    clip-path: inset(0 round 25px);
}

.reel-dailymotion .player .clip-path-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reel-dailymotion .player .clip-path-wrapper button {
    color: inherit;
    border: 0;
    background: none;
    cursor: pointer;
}

.reel-dailymotion .player .clip-path-wrapper input:focus,
.reel-dailymotion .player .clip-path-wrapper button:focus {
    outline: 0;
}

.reel-dailymotion .player .clip-path-wrapper__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.reel-dailymotion .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-dailymotion .player .clip-path-wrapper:hover .reel-dailymotion .player .clip-path-wrapper__controls {
    opacity: 1;
    transition: all 0.5s;
}

.reel-dailymotion .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-dailymotion .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-dailymotion .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-dailymotion {
        margin-bottom: 10rem;
    }

    .reel-dailymotion .player__range:hover .player__range-input {
        max-width: 50px;
        width: auto;
        overflow: visible;
        visibility: visible;
    }

    .reel-dailymotion .player__controls--right .player__button {
        display: none;
    }

    .reel-dailymotion .player .player__play-pause {
        gap: 1.5rem;
    }

    .reel-dailymotion .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;
    margin-bottom: 5rem;
}

.dailymotion-video.vertical .video__player,
.dailymotion-video.vertical .v-vlite {
    position: relative !important;
    aspect-ratio: 8/11 !important;
}

.dailymotion-video.horizontal {
    margin: 0 auto;
    margin-top: 15rem;
    margin-bottom: 5rem;
}

.dailymotion-video.horizontal .video__player,
.dailymotion-video.horizontal .v-vlite {
    position: relative !important;
    aspect-ratio: 16/9 !important;
}

.dailymotion-video.horizontal.grid {
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 15rem;
    margin-bottom: 5rem;
}

.dailymotion-video.horizontal.grid .video__player,
.dailymotion-video.horizontal.grid .v-vlite {
    position: relative !important;
    aspect-ratio: 16/9 !important;
}

.dailymotion-video.dailymotion-reel {
    max-width: 1080px;
    margin: 0 auto;
    margin-bottom: 10rem;
    margin-top: 5rem;
}

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

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

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

.dailymotion-video.dailymotion-reel .video__player::after {
    content: "";
    position: absolute;
    inset: 0;
    outline: 10px solid 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__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .zoom-image span,
.zoom-image .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .zoom-image em,
.zoom-image .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .zoom-image strong,
.zoom-image .double-content-packed__figcaption p,
.double-content-packed__figcaption .zoom-image p,
.zoom-image .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .zoom-image span,
.zoom-image .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .zoom-image em,
.zoom-image .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .zoom-image strong,
.zoom-image .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .zoom-image p,
.zoom-image .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .zoom-image span,
.zoom-image .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .zoom-image em,
.zoom-image .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .zoom-image strong,
.zoom-image .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .zoom-image div,
.zoom-image .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .zoom-image span,
.zoom-image .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .zoom-image em,
.zoom-image .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .zoom-image strong,
.zoom-image .triple-mixed-content__figcaption p,
.triple-mixed-content__figcaption .zoom-image p,
.zoom-image .triple-mixed-content__figcaption p span,
.triple-mixed-content__figcaption p .zoom-image span,
.zoom-image .triple-mixed-content__figcaption p em,
.triple-mixed-content__figcaption p .zoom-image em,
.zoom-image .triple-mixed-content__figcaption p strong,
.triple-mixed-content__figcaption p .zoom-image strong,
.zoom-image .triple-mixed-content-fullscreen__figcaption p,
.triple-mixed-content-fullscreen__figcaption .zoom-image p,
.zoom-image .triple-mixed-content-fullscreen__figcaption p span,
.triple-mixed-content-fullscreen__figcaption p .zoom-image span,
.zoom-image .triple-mixed-content-fullscreen__figcaption p em,
.triple-mixed-content-fullscreen__figcaption p .zoom-image em,
.zoom-image .triple-mixed-content-fullscreen__figcaption p strong,
.triple-mixed-content-fullscreen__figcaption p .zoom-image strong {
    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: rgba(212, 212, 212, 0.5019607843);
    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 */

/* ─────────────────────────────────────────
   #region SCROLLYTELLING
   ───────────────────────────────────────── */
.scroll-slider {
    --background: #ffffff;
    --primary: #000000;
    --secondary: #cc0000;
    --ternary: #e6e3e3;
    --highlight1: #cc0000;
    --highlight2: #4c6a3b;
    --highlight3: #ca4e14;
    --highlight4: #41779d;
    --card-bg: rgba(255, 255, 255, 0.88);
    --font-serif: "Petrona", sans-serif;
    --font-sans: "Petrona", sans-serif;

    position: relative;
    box-sizing: border-box;
}

.scroll-slider.invertia {
    --background: #0d0d0d;
    --primary: #f2ede4;
    --secondary: #e8b86d;
    --ternary: #2a2a2a;
    --header-bg: rgba(13, 13, 13, 0.9);
    --card-bg: rgba(13, 13, 13, 0.78);
}

.scroll-slider *,
.scroll-slider *::before,
.scroll-slider *::after {
    box-sizing: border-box;
}

.scroll-slider .scroll-slider--header {
    position: relative;
    z-index: 50;
    padding: 16px 0;
    background: var(--header-bg);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--ternary);
}

.scroll-slider .cintillo {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.scroll-slider .cintillo__kicker {
    font-family: var(--font-sans);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--secondary);
    font-weight: 600;
}

.scroll-slider .cintillo__sep {
    color: var(--ternary);
}

.scroll-slider .cintillo__title {
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 400;
    color: var(--primary);
}

.scroll-slider .scroll-slider--content {
    position: relative;
}

.scroll-slider .scroll-slider__media {
    width: 100%;
    height: 110vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: transparent;
}

.scroll-slider .scroll-slider__media figure {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    margin: 0;
    padding: 0;
}

.scroll-slider .scroll-slider__media figure img {
    max-width: 100%;
    max-height: 100vh;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.scroll-slider .scroll-slider__media .media-mobile {
    display: none;
}

.scroll-slider .scroll-slider__cards {
    position: relative;
    z-index: 10;
    margin-top: -100vh;
    padding-bottom: 20vh;
}

.scroll-slider .scroll-slider__cards>ul {
    list-style: none;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45rem 1.5rem;
    margin: 0;
}

.scroll-slider .scroll-slider__cards>ul:first-child {
    align-items: flex-end;
    padding-bottom: 5rem;
}

.scroll-slider .scroll-slider__cards>ul>li {
    background: #25272e;
    border-radius: 3px;
    padding: 2rem 1.75rem;
    max-width: 400px;
    width: 100%;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.08);
}

.scroll-slider .card-header {
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 700;
    color: white;
    margin-bottom: 0.65rem;
    display: inline-block;
    padding: 0.2rem;
}

.scroll-slider .card-header.color1,
.scroll-slider .card-header.color2,
.scroll-slider .card-header.color3,
.scroll-slider .card-header.color4,
.scroll-slider .card-header.color5 {
    background: none;
}

.scroll-slider .scroll-slider__cards p {
    font-size: 16px;
    line-height: 1.2;
    color: white;
    margin: 0;
}

.scroll-slider .scroll-slider__cards strong {
    color: var(--highlight1);
    font-weight: 600;
}

@media (max-width: 600px) {
    .scroll-slider .scroll-slider__media .media-desktop {
        display: none;
    }

    .scroll-slider .scroll-slider__media .media-mobile {
        display: block;
    }

    .scroll-slider .scroll-slider__cards>ul {
        align-items: flex-end;
        padding: 2rem 1rem 3rem;
    }

    .scroll-slider .scroll-slider__cards>ul>li {
        max-width: 100%;
        padding: 1.5rem 1.25rem;
    }

    .scroll-slider .scroll-slider__cards p {
        font-size: 15px;
    }
}

/* ─────────────────────────────────────────
   #endregion SCROLLYTELLING
   ───────────────────────────────────────── */

/* contador  */
/* ============================================
   Artemis II Countdown — estilos aislados
   Todos los selectores usan el prefijo .art2-
   para no solapar con estilos de la plantilla
   ============================================ */
/* ============================================
   Artemis II Countdown — estilos aislados
   Todos los selectores usan el prefijo .art2-
   para no solapar con estilos de tu plantilla
   ============================================ */
.art2-wrap {
    font-family: sans-serif;
    padding: 2rem 0 6rem 0;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}

.art2-wrap *,
.art2-wrap *::before,
.art2-wrap *::after {
    box-sizing: border-box;
}

/* --- Dígitos principales --- */
.art2-digits {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.art2-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Separación entre días y horas */
.art2-unit--days {
    margin-right: 5rem;
}

.art2-wrap .art2-num {
    font-size: clamp(40px, 11vw, 160px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    min-width: 2ch;
    letter-spacing: -2px;
    font-family: "Petrona", sans-serif !important;
}

.art2-label {
    font-size: 11px;
    letter-spacing: 0.12em;
    color: #888;
    margin-top: 4px;
    text-transform: uppercase;
}

.art2-sep {
    font-size: clamp(30px, 8vw, 120px);
    font-weight: 300;
    color: #bbb;
    line-height: 1;
    padding: 0 2px;
    align-self: flex-start;
    margin-top: 0.15em;
    flex-shrink: 0;
}

/* --- Responsive --- */
@media all and (max-width: 900px) {
    .art2-wrap {
        margin: 0 8%;
        width: auto;
    }

    .art2-digits {
        width: 100%;
    }

    .art2-unit--days {
        margin-right: 5rem;
    }

    .art2-wrap .art2-num {
        font-size: clamp(30px, 10vw, 180px) !important;
    }

    .art2-sep {
        font-size: clamp(20px, 7vw, 130px);
    }
}

.msg-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
}

.horizontal-scroll__gallery .astronaut-info__flag {
    width: 2.5rem !important;
    height: auto !important;
    max-height: none !important;
    object-fit: unset !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1rem !important;
    display: block !important;
}

.astronaut-info {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: auto;
    height: 100vh;
    aspect-ratio: 2 / 3;
    padding: 0 5%;
    background: transparent;
    color: #ddd;
}

.astronaut-info__content {
    max-width: 380px;
    margin-top: 35vh;
}

.astronaut-info__name {
    font-size: 1.2rem;
    font-weight: 100;
    margin-bottom: 0.2rem;
    font-family: "Petrona", serif;
    line-height: 1.2;
    color: #ddd;
}

.astronaut-info__name strong {
    font-weight: 400;
    font-family: "Petrona", serif;
    font-size: 1.2rem;
}

.astronaut-info__role {
    font-size: 1rem;
    font-weight: 100;
    margin-bottom: 1.2rem;
    font-family: "Petrona", serif;
    color: #ddd;
}

.astronaut-info__divider {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    margin-bottom: 1.5rem;
    width: 40%;
    margin-left: 0;
}

.astronaut-info__bullets {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    margin: 0;
}

.astronaut-info__bullets li {
    display: flex;
    gap: 0.5rem;
    font-size: 1rem;
    font-family: "Petrona", serif;
    color: #ddd;
    font-weight: 200;
    margin-bottom: 1.2rem;
    line-height: 1.4;
}

.astronaut-info__bullets li::before {
    content: "•";
    flex-shrink: 0;
    color: #ddd;
    align-self: flex-start;
    line-height: 1.5;
    transform: scale(1.4);
}


/* REGION VIDEO SCROLL */
html, body {
  overflow-x: clip;
}

body > main,
body > .theme-switch {
  overflow-x: visible;
}

article {
  overflow-x: visible !important;
}

/* article .hero-fullscreen,
article .credits-one,
article .text,
article .single-content,
article .single-content-fullscreen,
article .single-content-centered,
article .double-content,
article .double-content-fullscreen,
article .triple-content,
article .triple-mixed-content,
article .scroll-slider,
article .horizontal-scroll,
article .redirect,
article .credits-duo {
  overflow-x: hidden;
} */

.scroll-zone {
  position: relative;
  height: 600vh;
  overflow: visible !important;
}

.video-sticky {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.video-sticky video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  display: block;
}

.video-caption {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 1.4rem;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s;
}

.video-caption.visible {
  opacity: 1;
}
/* END REGION VIDEO SCROLL */

.tierra-interactiva {
    max-width: 640px;
    margin: 3rem auto;
    padding: 2rem 1.5rem;
}

.tierra-interactiva__container {
    text-align: center;
}

.tierra-interactiva__title {
    font-family: "Petrona", sans-serif;
    font-size: 1.75rem;
    margin: 0 0 0.5rem;
}

.tierra-interactiva__subtitle {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 1.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid #B1A698;
    contain-intrinsic-block-size: auto 100px;
    font-size: 0.95rem;
    color: #B1A698;
    border-radius: 10px;
}

.tierra-interactiva__subtitle svg {
    flex: 0 0 auto;
    color: #a89c8d;
}

.tierra-interactiva__globe {
    position: relative;
    width: min(480px, 85vw);
    height: min(480px, 85vw);
    margin: 0 auto;
}

#eclipse-globe {
    width: 100%;
    height: 100%;
    cursor: grab;
    transition: transform 0.3s ease;
}

#eclipse-globe:hover {
    transform: scale(1.04);
}

#eclipse-globe:active {
    cursor: grabbing;
}

.tierra-interactiva__tooltip {
    position: absolute;
    pointer-events: none;
    background: #ffffff;
    border: 1px solid #ddd9cd;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    opacity: 0;
    transition: opacity 0.15s ease;
    white-space: nowrap;
    z-index: 10;
    color: #1c1c1a;
}

.tierra-interactiva__tooltip strong {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    color: #1c1c1a;
}

.tierra-interactiva__tooltip span {
    display: block;
    color: #6b6a63;
}

/* buscador de municipios */

.buscador-municipio {
    max-width: 1080px;
    margin: 0 auto 5rem;
}

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

/* El título vive en un .text dentro de .buscador-municipio, que ya está
   centrado/con su propio margen lateral: sin esto, el margen lateral de
   .text (0 auto o 0 8% 8% según el ancho) se suma al de .buscador-municipio
   y el título queda descentrado respecto al resto de h3 de la página. */
.buscador-municipio .text {
    margin-left: 0;
    margin-right: 0;
}

.buscador-municipio__titulo {
    font-family: "Petrona", sans-serif;
    font-size: 1.75rem;
    text-align: center;
    margin: 0 0 1rem;
}

.buscador-municipio__subtitulo {
    font-family: "Petrona", sans-serif;
    font-size: 0.95rem;
    color: #6b6a63;
    text-align: center;
    margin: 0 0 2rem;
}

.buscador-municipio__search {
    position: relative;
    margin-bottom: 2rem;
}

.buscador-municipio__search-icon {
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translateY(-50%);
    color: #B1A698;
    pointer-events: none;
    fill: none;
}

.buscador-municipio__search-icon circle {
    fill: none;
}

.buscador-municipio__search input {
    display: block;
    width: 100%;
    padding: 0.9rem 1.25rem 0.9rem 3rem;
    border: 1px solid #B1A698;
    background-color: #f7f3ed;
    font-family: "Petrona", sans-serif;
    font-size: 0.95rem;
    color: #2d2c28;
    border-radius: 10px;
}

.buscador-municipio__search input::placeholder {
    color: #B1A698;
}

.buscador-municipio__search input:focus {
    outline: none;
    border-color: #ffda6b;
}

.buscador-municipio__sugerencias {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0.4rem 0 0;
    padding: 0.35rem;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ddd9cd;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    max-height: 300px;
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 20;
}

.buscador-municipio__sugerencia {
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    font-family: "Petrona", sans-serif;
    font-size: 0.9rem;
    color: #2d2c28;
    cursor: pointer;
}

.buscador-municipio__sugerencia:hover,
.buscador-municipio__sugerencia--activa {
    background-color: #f7f3ed;
}

.buscador-municipio__sugerencia span {
    color: #6b6a63;
    font-size: 0.8rem;
}

.buscador-municipio__resultado {
    /* background-color: #fff;
    border: 1px solid #ddd9cd;
    border-radius: 8px;
    padding: 1.5rem; */
}

.buscador-municipio__titulo-wrap {
    display: flex;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid #B1A698;
}

.buscador-municipio__ciudad {
    display: inline-block;
    font-family: "Petrona", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    padding: 0rem 0.5rem;
}

.buscador-municipio__contenido {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #B1A698;
}

.buscador-municipio__tabla {
    flex: 0 0 50%;
    border-collapse: collapse;
    font-family: "Petrona", sans-serif;
    font-size: 0.8rem;
}

.buscador-municipio__tabla td {
    padding: 1rem 0.75rem;
    border-bottom: none;
    color: #6b6a63;
    white-space: nowrap;
}

.buscador-municipio__tabla td[data-field] {
    font-weight: 700;
    text-align: right;
    color: #000;
}

.buscador-municipio__tabla tr:nth-child(odd) td {
    background-color: #EEEAE3;
}

.buscador-municipio__resumen {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    flex: 0 0 50%;
    order: -1;
}

.buscador-municipio__resumen-linea {
    display: flex;
    align-items: baseline;
    gap: 1.5rem;
}

.buscador-municipio__luna-porcentaje {
    font-family: "Petrona", sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
}

.buscador-municipio__luna-hora {
    font-family: "Petrona", sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: #000;
}

.buscador-municipio__eclipse {
    position: relative;
}

.buscador-municipio__eclipse--grande {
    width: 180px;
    height: 180px;
    margin-bottom: 0.5rem;
}

.buscador-municipio__eclipse--pequeno {
    width: 155px;
    height: 155px;
    margin: 0 auto -1.5rem;
}

.buscador-municipio__eclipse-svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.buscador-municipio__sol {
    fill: #ffda6b;
    filter: drop-shadow(0 0 10px rgba(255, 218, 107, 0.85)) drop-shadow(0 0 26px rgba(255, 218, 107, 0.6));
}

.buscador-municipio__grid {
        display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.5rem 0.5rem;
    border-bottom: 1px solid #B1A698;
    padding-bottom: 1.5rem;
}

.buscador-municipio__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.5rem 0.25rem;
    transition: background-color 0.2s ease;
}

.buscador-municipio__item--activo {
    background-color: #fdf1cf;
}

.buscador-municipio__item-porcentaje {
    font-family: "Petrona", sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.buscador-municipio__item-hora {
    font-family: "Petrona", sans-serif;
    font-size: 1rem;
    margin-top: -5px;
    color: #6b6a63;
}

@media (max-width: 600px) {
    .buscador-municipio__contenido {
        flex-direction: column;
    }

    .buscador-municipio__tabla {
        width: 100%;
    }

    .buscador-municipio__tabla td {
        font-size: 0.75rem;
    }

    .buscador-municipio__resumen-linea {
        margin-bottom: 1.5rem;
    }

    .buscador-municipio__eclipse--grande {
        margin-top: 1.5rem;
    }

    .buscador-municipio__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .buscador-municipio__eclipse--pequeno {
        width: 95px;
        height: 95px;
        margin: 0 auto -0.9rem;
    }
}

/* ─────────────────────────────────────────────
   TIMELAPSE ECLIPSE
   ───────────────────────────────────────────── */

.eclipse-timelapse {
    position: relative;
    max-width: 1080px;
    margin: 0 auto 5rem;
    height: 350vh;
}

.eclipse-timelapse__sticky {
    position: sticky;
    top: 4rem;
    height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 2.5rem;
}

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

.eclipse-timelapse__visor {
    position: relative;
    max-width: 960px;
    width: 100%;
    margin: 0 auto 1.5rem;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.eclipse-timelapse__frame {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* en el timelapse de la totalidad, un degradado rectangular (no óvalo)
   desvanece la imagen hacia transparente cerca de su borde, para que no se
   note el corte donde el color de la imagen no cuadra del todo con el
   fondo de la página. */
.eclipse-timelapse--totalidad .eclipse-timelapse__frame {
    -webkit-mask-image:
        linear-gradient(to right, transparent 0%, black 14%, black 86%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, black 14%, black 86%, transparent 100%);
    -webkit-mask-composite: source-in, source-in;
    mask-image:
        linear-gradient(to right, transparent 0%, black 14%, black 86%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, black 14%, black 86%, transparent 100%);
    mask-composite: intersect;
}

.eclipse-timelapse__controles {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.15rem;
    padding-top: 2.4rem;
}

.eclipse-timelapse__play {
    flex: 0 0 auto;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 10px;
    border: 1px solid #ddd9cd;
    background: transparent;
    color: #000;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.eclipse-timelapse__play:hover {
    opacity: 0.55;
}

.eclipse-timelapse__play [data-icon-pause],
.eclipse-timelapse__play [data-icon-replay] {
    display: none;
}

.eclipse-timelapse__play--reproduciendo [data-icon-play] {
    display: none;
}

.eclipse-timelapse__play--reproduciendo [data-icon-pause] {
    display: block;
}

.eclipse-timelapse__play--terminado [data-icon-play] {
    display: none;
}

.eclipse-timelapse__play--terminado [data-icon-replay] {
    display: block;
}

.eclipse-timelapse__barra {
    position: relative;
    flex: 1 1 auto;
    height: 30px;
    cursor: pointer;
    margin-bottom: 1rem;
    touch-action: none;
}

.eclipse-timelapse__linea {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ddd9cd;
    transform: translateY(-50%);
    transition: height 0.15s ease;
    pointer-events: none;
}

.eclipse-timelapse__barra:hover .eclipse-timelapse__linea {
    height: 4px;
}

.eclipse-timelapse__progreso {
    position: absolute;
    top: 50%;
    left: 0;
    height: 2px;
    width: 0%;
    background-color: #000;
    transform: translateY(-50%);
    transition: width 0.3s ease;
    pointer-events: none;
}

.eclipse-timelapse__barra:hover .eclipse-timelapse__progreso {
    height: 4px;
}

.eclipse-timelapse__handle {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #000;
    transform: translate(-50%, -50%);
    cursor: grab;
    touch-action: none;
    transition: transform 0.15s ease, left 0.3s ease;
}

.eclipse-timelapse__barra:hover .eclipse-timelapse__handle {
    transform: translate(-50%, -50%) scale(1.5);
}

.eclipse-timelapse__handle:active {
    cursor: grabbing;
}

.eclipse-timelapse__barra--arrastrando .eclipse-timelapse__progreso,
.eclipse-timelapse__barra--arrastrando .eclipse-timelapse__handle,
.eclipse-timelapse__barra--reproduciendo .eclipse-timelapse__progreso,
.eclipse-timelapse__barra--reproduciendo .eclipse-timelapse__handle {
    transition: none;
}

.eclipse-timelapse__pasos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.eclipse-timelapse__paso {
    position: absolute;
    top: 50%;
    width: 1px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.2);
    transform: translate(-50%, -50%);
    cursor: pointer;
    pointer-events: auto;
}

.eclipse-timelapse__paso--info {
    width: 2px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.55);
}

.eclipse-timelapse__marcadores {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.eclipse-timelapse__marcador {
    position: absolute;
    top: 0.6rem;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    white-space: nowrap;
}

.eclipse-timelapse__marcador:first-child {
    transform: translateX(0);
    align-items: flex-start;
}

.eclipse-timelapse__marcador:last-child {
    transform: translateX(-100%);
    align-items: flex-end;
}

.eclipse-timelapse__marcador-hora {
    font-family: "Petrona", sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    color: #000;
}

.eclipse-timelapse__marcador-label {
    font-family: "Open Sans", sans-serif;
    font-size: 0.7rem;
    color: #6b6a63;
}

.eclipse-timelapse__hora-actual {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    font-family: "Petrona", sans-serif;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 0.25rem 0.25rem;
    border-radius: 0px;
}