@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=DM+Serif+Display:ital@0;1&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,
.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,
.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,
.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,
.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,
.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;
}

:root {
  --gold: #ba9c53;
}

html {
  font-size: 18px !important;
}

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

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

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

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

em,
.italic {
  font-style: italic;
}

:root {
  --primary: #020a21;
  --secondary: #54c0c0;
  --ternary: #ececec;
  --background: #fff;
  --background-secondary: #f2eae8;
  --background-ternary: #f7f4f4;
  --hover: #eae8ef;
  --topbar-background: rgba(248, 248, 248, 0.5450980392);
  --button-primary: #f8f8f8;
  --button-hover: #333444;
  --invert: invert(1);
}

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

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

body,
html {
  height: 100%;
  overscroll-behavior-y: none;
  background-color: var(--background);
}

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: 3rem;
  line-height: 3rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1rem;
}

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

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

button {
  all: unset;
  cursor: pointer;
}

figcaption,
.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;
}
figcaption span.italic,
.double-content-fullscreen__figcaptions div span.italic,
.double-content-packed-fullscreen__figcaption p span.italic,
.double-content-packed__figcaption p span.italic,
.double-content__fake-figcaptions-wrapper div p span.italic {
  color: darkgray;
}

svg {
  fill: var(--primary);
}

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

.modal {
  position: fixed;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  color: var(--primary);
  background-color: var(--ternary);
  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;
}

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

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

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

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

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

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

em {
  font-style: italic;
}

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

.translateDown {
  margin-bottom: -35% !important;
  z-index: 999;
  position: relative;
}

video {
  clip-path: polygon(
    1px 0,
    calc(100% - 1px) 0,
    calc(100% - 1px) 100%,
    1px 100%
  );
  transform: scale(1.001);
}

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

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

.colored-page {
  background-color: #f7d1c1;
  padding: 5rem 0;
  margin-bottom: 5rem;
}
.colored-page figcaption,
.colored-page .double-content-fullscreen__figcaptions div,
.double-content-fullscreen__figcaptions .colored-page div,
.colored-page .double-content-fullscreen__figcaptions div span,
.double-content-fullscreen__figcaptions div .colored-page span,
.colored-page .double-content-fullscreen__figcaptions div em,
.double-content-fullscreen__figcaptions div .colored-page em,
.colored-page .double-content-fullscreen__figcaptions div strong,
.double-content-fullscreen__figcaptions div .colored-page strong,
.colored-page .double-content-packed-fullscreen__figcaption p,
.double-content-packed-fullscreen__figcaption .colored-page p,
.colored-page .double-content-packed-fullscreen__figcaption p span,
.double-content-packed-fullscreen__figcaption p .colored-page span,
.colored-page .double-content-packed-fullscreen__figcaption p em,
.double-content-packed-fullscreen__figcaption p .colored-page em,
.colored-page .double-content-packed-fullscreen__figcaption p strong,
.double-content-packed-fullscreen__figcaption p .colored-page strong,
.colored-page .double-content-packed__figcaption p,
.double-content-packed__figcaption .colored-page p,
.colored-page .double-content-packed__figcaption p span,
.double-content-packed__figcaption p .colored-page span,
.colored-page .double-content-packed__figcaption p em,
.double-content-packed__figcaption p .colored-page em,
.colored-page .double-content-packed__figcaption p strong,
.double-content-packed__figcaption p .colored-page strong,
.colored-page .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .colored-page p,
.colored-page .double-content__fake-figcaptions-wrapper div p span,
.double-content__fake-figcaptions-wrapper div p .colored-page span,
.colored-page .double-content__fake-figcaptions-wrapper div p em,
.double-content__fake-figcaptions-wrapper div p .colored-page em,
.colored-page .double-content__fake-figcaptions-wrapper div p strong,
.double-content__fake-figcaptions-wrapper div p .colored-page strong,
.colored-page figcaption span,
.double-content-fullscreen__figcaptions .colored-page div span,
.double-content-packed-fullscreen__figcaption .colored-page p span,
.double-content-packed__figcaption .colored-page p span,
.double-content__fake-figcaptions-wrapper div .colored-page p span,
figcaption .colored-page span,
.colored-page figcaption em,
.double-content-fullscreen__figcaptions .colored-page div em,
.double-content-packed-fullscreen__figcaption .colored-page p em,
.double-content-packed__figcaption .colored-page p em,
.double-content__fake-figcaptions-wrapper div .colored-page p em,
figcaption .colored-page em,
.colored-page figcaption strong,
.double-content-fullscreen__figcaptions .colored-page div strong,
.double-content-packed-fullscreen__figcaption .colored-page p strong,
.double-content-packed__figcaption .colored-page p strong,
.double-content__fake-figcaptions-wrapper div .colored-page p strong,
figcaption .colored-page strong {
  color: black;
}

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

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

figcaption 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,
.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,
.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;
  margin: 0 !important;
}

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

.loading-screen {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  background-color: #062c30;
  opacity: 1;
  transition: opacity 0.6s ease;
}
.loading-screen--hidden {
  opacity: 0;
  pointer-events: none;
}
.loading-screen__logo {
  width: 12rem;
  max-width: 60vw;
  height: auto;
}
.loading-screen__line {
  position: relative;
  width: 8rem;
  max-width: 40vw;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.15);
  overflow: hidden;
}
.loading-screen__line::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #54c0c0;
  animation: loading-line-sweep 1.4s ease-in-out infinite;
}
@keyframes loading-line-sweep {
  0% {
    left: -100%;
  }
  50% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}

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

  -webkit-backdrop-filter: blur(20px);
  /* backdrop-filter: blur(20px); */
}
.topbar--light-logo {
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.topbar ul {
  display: flex;
  width: 100%;
}
.topbar ul li {
  width: 33.33%;
}
.topbar svg {
  max-width: min-content;
  max-height: 2rem;
  transition: fill 0.3s;
}
.topbar--brand-logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: start;
}
.topbar--brand-logo svg {
  height: 1.2rem;
  padding-bottom: 3px;
}
.topbar--magas-logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media all and (min-width: 901px) {
  .topbar--magas-logo {
    margin-left: 1%;
  }
}
.topbar--magas-logo svg,
.topbar--magas-logo img {
  height: 1.3rem;
  width: auto;
}
.topbar--magas-logo a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.topbar--magas-logo img,
.topbar--brand-logo svg {
  filter: brightness(0);
}
.topbar--light-logo .topbar--magas-logo img,
.topbar--light-logo .topbar--brand-logo svg {
  filter: none;
}
.topbar--share-container {
  display: flex;
  justify-content: end;
  align-items: center;
  transition: fill 0.3s;
}
.topbar--share-container svg:hover {
  fill: var(--secondary);
}
.topbar--share-container .share-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 15rem;
  height: 2.2rem;
  justify-content: center;
  border: 1px solid none;
  border-radius: 50px;
  padding: 0 1.5rem;
  gap: 1rem;
  font-family: "DM Serif Text", serif;
  font-size: 0.8rem;
  transition: all 0.3s;
  overflow: hidden;
}
.topbar--share-container .share-container::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--share-container .share-container:hover::before {
  opacity: 1;
}
.topbar--share-container .share-container .line {
  width: 100%;
  height: 1px;
  background-color: var(--primary);
}
.topbar--share-container .share-container ul {
  gap: 0.8rem;
}
.topbar--share-container .share-container ul li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.topbar--share-container .share-container ul li svg {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1rem !important;
}
.topbar--share-container .share-container ul .instagram svg {
  transform: scale(1.15);
}
.topbar--share-container .share-container ul .share svg {
  transform: scale(0.9);
}
.topbar .share-mobile {
  display: none;
}
@media all and (max-width: 1180px) {
  .topbar {
    padding: 1rem 2rem;
  }
  .topbar--share-container .share-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 4rem;
    border: none;
  }
  .topbar--share-container .share-container .line {
    width: 0;
  }
  .topbar--share-container .share-container ul,
  .topbar--share-container .share-container ul li,
  .topbar--share-container .share-container span,
  .topbar--share-container .share-container .line {
    display: none;
  }
  .topbar--share-container .share-container .share-mobile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    border-radius: 50%;
  }
  .topbar--share-container .share-container .share-mobile svg {
    stroke-width: 4px;
  }
}
@media all and (max-width: 900px) {
  .topbar {
    display: flex;
    margin: 0;
    margin-bottom: 2.5rem;
    padding: 0;
    height: 3rem;
    justify-content: space-between;
  }
  .topbar .share-container {
    padding: 0 !important;
    display: flex;
    justify-content: flex-end;
  }
  .topbar .topbar--container {
    max-width: 1080px;
    margin: 0 auto;
  }
}
@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);
}

.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: 48px;
  line-height: 48px;
}
.hero .prod-type {
  font-family: "DM Serif Text", serif;
}
.hero header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: calc(1080px * 0.8);
  margin: 0 auto;
  margin-bottom: -8rem;
  text-wrap: balance;
}
.hero header h2 {
  width: 60%;
  margin-top: 1.5rem;
  font-size: 1rem;
  opacity: 0;
}
/* Único subtítulo real del sitio (hero de Sybilla): se muestra directamente
   bajo el título en vez de solo como copia sobre el vídeo al hacer scroll. */
.hero__subtitle {
  opacity: 1;
}

/* Personalizaciones de los 5 heroes-capítulo (Inmersión, Impulso, Precisión,
   Sincronía, Royal Offshore). El hero original de la plantilla no lleva esta
   clase y se queda con los estilos de arriba tal cual. */
.hero--chapter h1,
.hero--chapter .h1 {
  font-size: 15rem;
  font-style: italic;
  line-height: 48px;
  font-family: "Cormorant Garamond";
  color: #54c0c0;
  white-space: nowrap;
}

/* título de royal oak offshore más pequeño que el resto.  */
.hero--royal-offshore h1,
.hero--royal-offshore .h1,
.hero--royal-offshore figure .hero__header-inverted div:nth-child(2) {
  font-size: 10rem !important;
}
.hero--chapter header {
  width: 100%;
  margin-bottom: -10vh;
}
.hero--chapter.hero--single-video header {
  margin-bottom: -40px;
}
@media all and (max-width: 900px) {
  #royal-offshore h1,
  #royal-offshore .h1 {
    white-space: normal;
    text-align: center;
    line-height: 73px !important;
    font-size: 2.8rem !important;
  }
}
@media all and (max-width: 900px) and (max-width: 450px) {
  #royal-offshore h1,
  #royal-offshore .h1 {
    font-size: 80px !important;
  }
}
.hero figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
}
@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__header-inverted {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: calc(1080px * 0.8);
  height: 100%;
  position: absolute;
  top: 0;
  text-wrap: balance;
  z-index: 1;
}
.hero figure .hero__header-inverted * {
  color: #f8f8f8;
}
.hero figure .hero__header-inverted div {
  font-family: "DM Serif Text", serif;
}
.hero figure .hero__header-inverted div:nth-child(2) {
  font-family: "DM Serif Text", serif;
  font-size: 48px;
  line-height: 48px;
}
.hero--chapter figure .hero__header-inverted div:nth-child(2) {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-size: 15rem;
  line-height: 48px;
}
.hero figure .hero__header-inverted p {
  width: 60%;
  margin-top: 1.5rem;
}
.hero figure img,
.hero figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
@media all and (max-width: 900px) {
  .hero figure {
    height: 75dvh;
  }
  /* Inmersión y Sincronía llevan DOS .hero-dailymotion-video (100vh cada
     uno) dentro del mismo figure, en vez de solo uno. Con el figure fijado a
     75dvh y overflow:hidden, el segundo vídeo quedaba recortado fuera de la
     vista (nunca llegaba a verse en móvil, aunque el primero sí). Estas
     secciones son las únicas que NO llevan .hero--single-video, así que se
     usa esa ausencia para dejar que el figure crezca y quepan los dos.
     */
  .hero:not(.hero--single-video) figure {
    height: auto;
  }
  /* Libertad (#precision): los vídeos ya no rellenan el figure a modo de
     fondo en cover, sino que se muestran con su proporción vertical real
     (ver override de aspect-ratio más abajo), así que el figure debe
     encogerse a esa altura en vez de quedarse fijo en 75dvh dejando hueco
     vacío arriba/abajo. */
  #precision .hero figure {
    height: auto;
  }
  .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: 80px !important;
    line-height: 36px !important;
  }
}
@media all and (max-width: 900px) {
  .hero header {
    width: 90%;
    margin-bottom: -3rem;
  }
  .hero header h2 {
    display: none;
    font-size: 0.8rem;
  }
  .hero .hero__header-inverted {
    width: 90% !important;
  }
  .hero .hero__header-inverted p {
    font-size: 0.8rem;
    line-height: 1rem;
    width: 90% !important;
    position: absolute;
    bottom: 0;
    color: #f8f8f8;
  }
}

/* HERO-1 SPHERE: esfera "pegada" al hueco del reloj-bg. La esfera y el fondo
   viven dentro del mismo marco (misma proporción que la foto, 839/1280) y se
   posicionan solo con %, así escalan siempre juntos sin depender de vh/vw/px
   sueltos. Coordenadas del círculo del dial calculadas sobre la imagen real
   (centro 46.25%/45.55%, radio 31.23% del ancho / 20.47% del alto). */
.hero-1-sphere {
  position: relative;
  margin-top: calc(-20rem - 85vh);
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media all and (max-width: 900px) {
  .hero-1-sphere {
    /* En móvil .hero-1-sphere__frame mide bastante menos que en desktop
       (width: min(2400px, 170vw), mucho más pequeño en pantallas estrechas),
       así que este mismo margen negativo tan grande empujaba casi todo el
       reloj/vídeo por encima del viewport (detrás del topbar, fuera de
       vista). Se reduce para que quede visible debajo del topbar. */
    margin-top: calc(-2rem - 20vh);
  }
}
/* Este margin-top negativo tan grande solo tiene sentido cuando la esfera es
   la primera sección de la página (para que ya se vea entera sin scroll).
   Si se reutiliza más adelante, ese mismo margen la hace "tragarse" todo el
   contenido anterior. Se neutraliza y se añade espacio arriba/abajo normal. */
.hero-1-sphere--repeat {
  margin-top: 0;
  margin-bottom: 8rem;
  z-index: 1;
  /* .hero-1-sphere__frame se escala 1.3x desde un origen descentrado (53.9%),
     así que desborda horizontalmente el viewport (sobre todo por la
     izquierda). En la esfera original apenas se nota por el margin-top
     negativo; aquí hay que recortarlo explícitamente para que no cause
     scroll horizontal ni el "rebote" al cambiar de dirección de scroll. */
  overflow: hidden;
}
@media all and (max-width: 900px) {
  .hero-1-sphere--repeat {
    margin-top: 0;
    margin-bottom: 6rem;
  }
}
.hero-1-sphere__frame {
  position: relative;
  width: min(2400px, 170vw);
  aspect-ratio: 839 / 1280;
  flex-shrink: 0;
  transform: scale(1.1);
  transform-origin: 64.9% 44.25%;
}
@media all and (max-width: 900px) {
  .hero-1-sphere__frame {
    transform: scale(1.68);
    transform-origin: 54.9% 44.25%;
  }
}
/* Safari/iOS calcula 170vw (el width del frame) de forma distinta a
   Chrome/Android, así que en iPhone la esfera queda desplazada a la
   izquierda aunque en Android y en el responsive de escritorio se vea bien.
   @supports (-webkit-touch-callout: none) detecta específicamente
   WebKit/iOS (esa propiedad solo existe ahí) para corregirlo solo en ese
   caso. */
@media all and (max-width: 900px) {
  @supports (-webkit-touch-callout: none) {
    /* iOS calcula vw/vh de forma distinta según el modelo (proporción de
       pantalla distinta en cada iPhone), así que estos dos valores — los
       únicos de esta sección que dependen de vw/vh — se fijan en píxeles
       tomando como referencia un iPhone tamaño estándar (390×844). Todo lo
       demás (posición del reloj, título) ya es % o rem relativo a este
       marco, así que hereda la consistencia automáticamente. */
    .hero-1-sphere {
      margin-top: -201px;
    }
    .hero-1-sphere__frame {
      width: 663px;
      transform: translate(0%, -1%) scale(1.16);
    }
    .hero-1__clock-frame {
      transform: translate(1.8%, 3%) scale(1.07);
    }
    .hero-1__sphere-border {
      opacity: 0;
    }
    .hero-1__sphere-border {
      display: none;
    }
    .hero-1__sphere-title--simple {
      /* transform: translateX(100px); */
      left: 41.5% !important;
      margin-bottom: 50px !important;
    }
    .hero-1-intro {
      margin: -4rem auto 0 !important;
    }
  }
}
.hero-1-sphere__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://s2.elespanol.com/upload/arte/especiales/audemarspiguet/_img/reloj-sileuta-cabecera.webp?v1");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.6;
  pointer-events: none;
  z-index: 0;
  transform: translateX(4.4%) translateY(-0.05%) scale(1.01);
}
.hero-1__clock-frame {
  position: absolute;
  z-index: 1;
  left: 12.22%;
  top: 23.78%;
  width: 86.35%;
  height: 40.94%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-1__sphere {
  position: relative;
  width: 100%;
  aspect-ratio: 555 / 512;
  container-type: inline-size;
}
.hero-1__sphere-video-svg,
.hero-1__sphere-hands,
.hero-1__sphere-border {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.hero-1__sphere-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10.16%;
  width: 72.07%;
  height: 78.125%;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  color: #fff;
  font-family: "Cormorant Garamond", serif !important;
  font-style: italic;
  font-weight: 300 !important;
  padding-bottom: 6%;
  pointer-events: none;
}
.hero-1__sphere-title-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-1__sphere-intro {
  position: absolute;
  z-index: 2;
  bottom: 30%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin: 0 0 35rem;
  text-align: center;
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-style: normal;
  font-weight: 100;
  font-size: 5rem;
  line-height: 0.8;
  letter-spacing: 0.02em;
  pointer-events: none;
}
.hero-1__sphere-title--simple {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 43%;
  transform: translateX(-50%);
  width: 50%;
  text-align: center;
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 4.5rem;
  line-height: 0.8;
  letter-spacing: 0.02em;
  margin-bottom: 32rem;
}
.hero-1__sphere-title--simple span {
  color: #fff;
}
.hero-1__sphere-title-line {
  width: 1px;
  height: 7rem;
  background-color: #fff;
  margin: 1.5rem 0;
}
@media all and (max-width: 900px) {
  .hero-1__sphere-intro {
    width: 90%;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 8rem;
  }
  .hero-1__sphere-title--simple {
    width: 40%;
    left: 45.5%;
    transform: translateX(-50%);
    font-size: 1.4rem;
    line-height: 0.8;
    margin-bottom: 1.6rem;
  }

  .hero-1__sphere-title-line {
    height: 4rem;
  }
}
.hero-1__sphere-title--small {
  color: #fff;
  font-size: 1.6cqw;
  line-height: 1;
}
.hero-1__sphere-title--small-lead {
  align-self: flex-start;
  font-size: 1.4cqw;
  font-weight: 300;
  letter-spacing: 0.02em;
  margin-bottom: -40px;
  margin-left: 20px;
}
.hero-1__sphere-title--energy-wrap {
  position: relative;
  display: inline-block;
  align-self: flex-start;
}
.hero-1__sphere-title--small-alt {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 140px;
}
.hero-1__sphere-title--big {
  color: #fff;
  font-size: 8cqw;
  line-height: 0.9;
  margin-top: -0.15em;
}
.hero-1__sphere-title .word,
.hero-1__sphere-title .char {
  color: inherit;
}
.hero-1__sphere-title--verano {
  margin-top: -25px;
  margin-left: 210px;
}
.hero-1__sphere-border {
  overflow: visible;
  transform: translateY(0.4%);
}
.hero-1__sphere-hands {
  z-index: 3;
  filter: drop-shadow(0 15px 6px rgba(0, 0, 0, 0.4));
  display: none;
}
.hero-1__sphere-video-wrap {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.hero-1__sphere-video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero-1__hand {
  transform-box: view-box;
  transform-origin: 252px 252px;
}
.hero-1__hand--hour,
.hero-1__hand--minute {
  transform: rotate(0deg) scale(0.65);
}
.hero-1__hand--second {
  animation: hero-1-rotate-hand-second 60s steps(60, end) infinite;
}
@keyframes hero-1-rotate-hand-second {
  from {
    transform: rotate(0deg) scale(0.65);
  }
  to {
    transform: rotate(360deg) scale(0.65);
  }
}

.hero-1-intro {
  position: relative;
  z-index: 20;
  max-width: 80%;
  margin: -34rem auto 0;
  padding: 0 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.hero-1-intro__line {
  width: 1px;
  height: 14rem;
  background-color: #ececec;
  margin-bottom: 2.5rem;
}
.hero-1-intro__text {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
  margin: 0;
}
@media all and (max-width: 900px) {
  .hero-1-intro {
    margin: 2rem auto 0;
  }
  .hero-1-intro__line {
    height: 8rem;
  }
  .hero-1-intro__text {
    font-size: 1.4rem;
  }
  @supports (-webkit-touch-callout: none) {
    .hero-1-intro {
      margin: -12rem auto 0;
    }
    .hero-1__sphere-title--simple {
      left: 37.5%;
      margin-bottom: 3.4rem;
    }
  }
  .hero-1-sphere + .spacer-triple {
    margin-bottom: 10rem;
  }
}

.text-outro {
  max-width: 640px;
  margin: 4rem auto;
  margin-bottom: 0;
  padding: 0 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.text-outro__text {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 6.9rem;
  line-height: 0.75;
  margin: 0 0 2.5rem;
}
.text-outro__line {
  width: 1px;
  height: 15rem;
  background-color: #ececec;
}

.square-grid {
  width: 100%;
  margin: 0 auto 5rem;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.square-grid__row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.square-grid__item {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: visible;
}
.square-grid__item img,
.square-grid__item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.square-grid__item--placeholder {
  background-color: #e7f5f5;
  cursor: default;
}
a.square-grid__item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.65),
    transparent 55%
  );
  pointer-events: none;
}
.square-grid__item-title {
  position: absolute;
  top: -5.5rem;
  left: 1.5rem;
  right: 1.5rem;
  z-index: 20;
  margin: 0;
  text-align: left;
  color: #54c0c0;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 3rem;
  will-change: transform;
}
.square-grid__row:nth-child(odd) .square-grid__item-title {
  font-size: 5rem;
}
.square-grid__row:nth-child(even) .square-grid__item-title {
  font-size: 5rem;
}
@media all and (max-width: 900px) {
  .square-grid__item-title,
  .square-grid__row:nth-child(odd) .square-grid__item-title,
  .square-grid__row:nth-child(even) .square-grid__item-title {
    font-size: 1.7rem;
  }
  .square-grid__item-title {
    top: -2rem;
  }
  .square-grid__row:nth-child(odd)
    .square-grid__item:first-child
    .square-grid__item-title {
    text-align: right;
  }
}
@media all and (min-width: 901px) {
  .square-grid__row:nth-child(odd)
    .square-grid__item:first-child
    .square-grid__item-title {
    text-align: right;
  }
}

.media-grid {
  width: 100%;
  margin: 0 auto 5rem;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.media-grid__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.media-grid__row--full {
  grid-template-columns: 1fr;
}
.media-grid__item {
  position: relative;
  display: flex;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.media-grid__item img,
.media-grid__item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.media-grid__item--placeholder {
  background-color: #e7f5f5;
  align-items: center;
  justify-content: center;
}
.media-grid__watch {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 2rem;
}
.media-grid__watch img {
  width: 35%;
  height: auto;
  object-fit: contain;
  margin-bottom: 2rem;
}
.media-grid__watch-subtitle {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.1rem;
}
.media-grid__watch-title {
  margin: 0.25rem 0 0;
  font-family: "DM Serif Text", serif;
  font-size: 1.6rem;
}
.media-grid__watch-ref {
  margin: 0.75rem 0 0;
  font-family: "Open Sans", sans-serif;
  font-size: 0.85rem;
  color: #8a8a8a;
}
.media-grid__item--full {
  aspect-ratio: auto;
  width: 100%;
}
.media-grid__item--full video,
.media-grid__item--full img {
  height: auto;
}
@media all and (max-width: 900px) {
  .media-grid__row {
    grid-template-columns: 1fr;
  }
}

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

.hero-slider {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin-bottom: 5rem !important;
}
.hero-slider .prod-type {
  font-family: "DM Serif Text", serif;
}
.hero-slider header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 2;
  width: calc(1080px * 0.8);
  margin: 0 auto;
  margin-bottom: -8.5rem;
  height: min-content;
  z-index: 0;
}
.hero-slider header h1,
.hero-slider header .h1 {
  font-size: 48px;
  line-height: 48px;
}
.hero-slider header h2 {
  font-size: 1rem;
  opacity: 0;
  width: 60%;
  margin-top: 1.5rem;
}
.hero-slider__carousel {
  clip-path: inset(0 0 0 0);
  height: 150dvh;
}
@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__header-inverted {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: calc(1080px * 0.8);
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.hero-slider__carousel .hero-slider__header-inverted * {
  color: #f8f8f8;
}
.hero-slider__carousel .hero-slider__header-inverted div {
  font-family: "DM Serif Text", serif;
  line-height: 1.2;
}
.hero-slider__carousel .hero-slider__header-inverted div:nth-child(2) {
  font-size: 3rem;
  line-height: 3rem;
}
.hero-slider__carousel .hero-slider__header-inverted .h2 {
  width: 60%;
  margin-top: 1.5rem;
}
@media all and (max-width: 900px) {
  .hero-slider__carousel .hero-slider__header-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,
  .hero-slider .h1 {
    font-size: 2.8rem !important;
    line-height: 2.8rem !important;
  }
}
@media all and (max-width: 900px) and (max-width: 450px) {
  .hero-slider h1,
  .hero-slider .h1 {
    font-size: 36px !important;
    line-height: 36px !important;
  }
}
@media all and (max-width: 900px) {
  .hero-slider header {
    margin: 0 auto -3rem auto;
    width: 90%;
  }
  .hero-slider header h2 {
    display: none;
    font-size: 0.8rem;
  }
  .hero-slider__carousel {
    height: 80dvh;
  }
  .hero-slider .hero-slider__header-inverted {
    width: 90%;
  }
  .hero-slider .hero-slider__header-inverted .h2 {
    font-size: 0.8rem;
    line-height: 1rem;
    width: 90% !important;
    position: absolute;
    bottom: 0;
    color: #f8f8f8;
  }
}

.hero-slider-fullscreen {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin-bottom: 5rem !important;
}
.hero-slider-fullscreen .prod-type {
  font-family: "DM Serif Text", serif;
}
.hero-slider-fullscreen header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 2;
  width: calc(1080px * 0.8);
  margin: 0 auto;
  margin-bottom: -8.5rem;
  height: min-content;
  z-index: 0;
}
.hero-slider-fullscreen header h1,
.hero-slider-fullscreen header .h1 {
  font-size: 48px;
  line-height: 48px;
}
.hero-slider-fullscreen header h2 {
  width: 60%;
  margin-top: 1.5rem;
  font-size: 1rem;
  opacity: 0;
}
.hero-slider-fullscreen__carousel {
  clip-path: inset(0 0 0 0);
  height: 150dvh;
}
@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__header-inverted {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: calc(1080px * 0.8);
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.hero-slider-fullscreen__carousel .hero-slider-fullscreen__header-inverted * {
  color: #f8f8f8;
}
.hero-slider-fullscreen__carousel .hero-slider-fullscreen__header-inverted div {
  font-family: "DM Serif Text", serif;
  line-height: 1.2;
}
.hero-slider-fullscreen__carousel
  .hero-slider-fullscreen__header-inverted
  div:nth-child(2) {
  font-size: 3rem;
  line-height: 3rem;
}
.hero-slider-fullscreen__carousel .hero-slider-fullscreen__header-inverted p {
  width: 60%;
  margin-top: 1.5rem;
}
@media all and (max-width: 900px) {
  .hero-slider-fullscreen__carousel .hero-slider-fullscreen__header-inverted p {
    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,
  .hero-slider-fullscreen .h1 {
    font-size: 2.8rem !important;
    line-height: 2.8rem !important;
  }
}
@media all and (max-width: 900px) and (max-width: 450px) {
  .hero-slider-fullscreen h1,
  .hero-slider-fullscreen .h1 {
    font-size: 36px !important;
    line-height: 36px !important;
  }
}
@media all and (max-width: 900px) {
  .hero-slider-fullscreen header {
    margin: 0 auto -3rem auto;
    width: 90%;
  }
  .hero-slider-fullscreen header p,
  .hero-slider-fullscreen header h2 {
    display: none;
    font-size: 0.8rem;
  }
  .hero-slider-fullscreen__carousel {
    height: 80dvh;
  }
  .hero-slider-fullscreen .hero-slider-fullscreen__header-inverted {
    width: 90%;
  }
  .hero-slider-fullscreen .hero-slider-fullscreen__header-inverted p {
    font-size: 0.8rem;
    line-height: 1rem;
    width: 90% !important;
    position: absolute;
    bottom: 0;
    color: #f8f8f8;
  }
}

.hero-trio {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.hero-trio .prod-type {
  font-family: "DM Serif Text", serif;
}
.hero-trio .scroll-down {
  display: none;
  width: 50%;
  filter: invert(1);
  height: min-content;
  object-fit: cover;
  position: absolute;
  top: 22rem;
}
.hero-trio header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 2;
  width: calc(1080px * 0.8);
  margin: 0 auto;
}
.hero-trio header h2 {
  font-size: 1rem;
  font-family: "Petrona", sans-serif;
  line-height: 1.2rem;
  width: 60%;
  margin-top: 1.5rem;
}
.hero-trio__images {
  position: relative;
  min-height: 200vh;
  margin-top: 1.5rem;
}
.hero-trio__images img {
  height: 100vh;
  max-width: 100%;
  object-fit: cover;
}
.hero-trio__images .slide-1 {
  position: absolute;
  left: 0%;
  z-index: 1;
}
.hero-trio__images .slide-2 {
  position: absolute;
  top: 15%;
  right: 0;
  z-index: 2;
  transition: all 0.3s;
}
.hero-trio__images .slide-3 {
  position: absolute;
  top: 40%;
  left: 5%;
  z-index: 3;
  transition: all 0.3s;
}
@media all and (max-width: 900px) {
  .hero-trio .scroll-down {
    display: block;
  }
  .hero-trio .slide-2 {
    position: absolute;
    top: 15%;
    left: 40px;
    z-index: 2;
  }
  .hero-trio .slide-3 {
    left: 0;
    right: 20px;
  }
  .hero-trio figure {
    height: 75dvh;
  }
  .hero-trio .prod-type,
  .hero-trio .prod-type-inverted {
    font-size: 0.8rem !important;
    line-height: 0.8rem !important;
    margin: 0 0 0.5rem 0;
  }
  .hero-trio h1,
  .hero-trio .h1 {
    font-size: 2rem !important;
    line-height: 2rem !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;
}
@media all and (max-width: 1150px) {
  .credits .main {
    margin: 0 8%;
  }
}
.credits__title {
  padding-left: 0 !important;
  font-size: 1.2rem;
  margin-right: 21vw;
  width: 10rem;
  font-family: "DM Serif Text", serif;
  height: 100%;
  padding-top: 2rem;
}
.credits__marquee {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  align-items: start;
  gap: 1rem;
  padding: 2rem 0;
}
.credits div p,
.credits div a {
  display: block;
  font-size: 1rem;
  color: var(--primary);
}
.credits div p:hover,
.credits div a:hover {
  color: var(--secondary);
}
.credits div span {
  font-size: 0.8rem;
  font-family: "Open Sans", sans-serif;
  color: var(--primary);
}
@media all and (max-width: 900px) {
  .credits {
    margin-bottom: 2rem;
    margin-top: -1.5rem;
  }
  .credits .main {
    flex-direction: column;
    align-items: start;
  }
  .credits__title {
    font-size: 1.2rem;
    padding-top: 1rem;
  }
  .credits__marquee {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 0.5rem;
    column-gap: 1rem;
    padding: 1rem 0;
  }
}
.credits em,
.credits .italic {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  display: block;
}

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

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

.credits-animated {
  max-width: 1080px;
  margin: 5rem auto;
  border-top: 2px solid var(--hover);
  border-bottom: 2px solid var(--hover);
}

.credits-animated .main {
  display: flex;
  align-items: center;
  overflow: hidden;
}

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

.credits-animated__marquee-wrapper {
  position: relative;
  overflow: hidden;
  flex: 1;
}

.credits-animated__marquee-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5rem;
  background: linear-gradient(to right, var(--background), transparent);
  z-index: 10;
  pointer-events: none;
}

.credits-animated__marquee {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: max-content;
  padding: 2rem 0;
  animation: belt-scroll 20s linear infinite;
}

.credits-animated__marquee div {
  flex-shrink: 0;
  min-width: 9rem;
}

@media (max-width: 900px) {
  .credits-animated__title {
    width: 6rem;
    font-size: 1rem;
    padding-right: 1rem !important;
  }

  .credits-animated__marquee {
    gap: 1.2rem;
    animation-duration: 15s;
  }

  .credits-animated__marquee div {
    min-width: 5.5rem;
  }
}

.credits-animated div p,
.credits-animated div a {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  color: var(--primary);
}

.credits-animated div p:hover,
.credits-animated div a:hover {
  color: var(--secondary);
}

.credits-animated div span {
  font-size: 0.8rem;
  font-family: "Open Sans", sans-serif;
  color: var(--primary);
}

.credits-animated__title {
  position: relative;
  padding: 0 3rem 0 0 !important;
  font-size: 1.2rem;
  width: 10rem;
  margin-right: 1rem;
  background-color: var(--background);
  z-index: 999;
  font-family: "DM Serif Text", serif;
  display: flex;
  align-items: center;
}

.credits-animated__title:after {
  position: absolute;
  content: "";
  left: 100%;
  height: 100%;
  width: 5rem;
  background: linear-gradient(to right, var(--background), transparent);
}

.credits-animated__marquee {
  display: flex;
  width: -webkit-max-content;
  width: max-content;
}

.credits-animated__marquee div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 100%;
  padding: 0 1.5rem;
  white-space: nowrap;
}

@media all and (max-width: 900px) {
  .credits-animated__marquee div {
    padding: 0 1rem;
  }
}

@media all and (max-width: 450px) {
  .credits-animated__marquee div {
    padding: 0 0.5rem;
  }
}

.credits-animated__marquee div p {
  font-size: 1rem;
  color: var(--primary);
  font-family: "DM Serif Text", serif;
}

.credits-animated__marquee div span {
  font-size: 0.8rem;
  font-family: "Open Sans", sans-serif;
  color: var(--primary);
}

@media all and (max-width: 900px) {
  .credits-animated .main {
    flex-direction: column;
    justify-content: center;
    height: -webkit-max-content;
    height: max-content;
  }

  .credits-animated__title {
    width: min-content;
    width: -webkit-min-content;
    height: 5rem;
  }

  .credits-animated__marquee {
    min-height: 5rem;
  }
}

.credits-animated em,
.credits-animated .italic {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  display: block;
}

.date {
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 1150px) {
  .date {
    margin: 0 8% 5rem 8%;
  }
}
.date {
  margin-top: -4rem;
  margin-bottom: 5rem;
}
.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: #000;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.footer:hover::before {
  opacity: 1;
}
.footer * {
  color: #f8f8f8;
  font-weight: lighter;
  text-align: center;
}
.footer svg {
  fill: #f8f8f8 !important;
}
.footer a {
  position: relative;
  width: 1rem;
  height: 1rem;
  z-index: 999;
}
.footer__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Petrona", sans-serif;
  font-size: 1.5rem;
  font-weight: 100;
}
.footer__logo svg {
  display: flex;
  height: 1.3rem;
  width: min-content;
  max-width: 5rem;
  margin: 0 0.3rem;
}
.footer__branded {
  display: none;
  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;
  fill: #f8f8f8;
}
.footer__branded svg path {
  fill: #f8f8f8;
}
.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 ul li:hover svg {
  fill: var(--secondary) !important;
}
.footer__social svg:hover {
  fill: #54c0c0 !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;
  }
}

.footer > p {
  font-size: 1rem;
  color: #ffffff75;
  margin-top: 5px;
}

.footer .logo-ap {
  width: 250px;
  margin-top: -10px;
  margin-bottom: 15px;
}

.double-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
}
.double-content .main {
  display: flex;
}
.double-content--vertical .main {
  flex-direction: column;
}
.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 .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-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,
.double-content .main figcaption 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,
.double-content .main figcaption 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 {
  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
    .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-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,
  .double-content .main figure:first-of-type figcaption 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,
  .double-content .main figure:first-of-type figcaption 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 {
    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 .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-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,
  .double-content figcaption 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,
  .double-content figcaption 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,
  .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 .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-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,
.double-content-packed .main figure figcaption 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,
.double-content-packed .main figure figcaption 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,
.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
  .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,
.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,
.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,
.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.double-content-fullscreen__watch {
  background-color: #e7f5f5;
  align-items: center;
  justify-content: center;
}
.double-content-fullscreen .main figure.double-content-fullscreen__watch img {
  width: 35%;
  height: auto;
  object-fit: contain;
}
.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 .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,
.double-content-fullscreen__figcaptions
  .double-content-fullscreen
  .main
  div
  span,
figcaption .double-content-fullscreen .main span,
.double-content-fullscreen .main figcaption em,
.double-content-fullscreen__figcaptions .double-content-fullscreen .main div em,
figcaption .double-content-fullscreen .main em,
.double-content-fullscreen .main figcaption 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
  .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,
.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,
.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,
.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;
}
@media all and (max-width: 1150px) {
  .double-content-fullscreen__figcaptions {
    margin: 0 8%;
  }
}
.double-content-fullscreen__figcaptions {
  width: 100%;
  padding-top: 1rem;
  display: flex;
}
@media screen and (max-width: 1150px) {
  .double-content-fullscreen__figcaptions {
    width: auto;
  }
}
.double-content-fullscreen__figcaptions div {
  width: 50%;
  padding-right: 2rem;
}
@media all and (max-width: 900px) {
  .double-content-fullscreen .double-content-fullscreen__figcaptions {
    display: none;
  }
  .double-content-fullscreen figcaption,
  .double-content-fullscreen figcaption span,
  figcaption .double-content-fullscreen span,
  .double-content-fullscreen figcaption em,
  figcaption .double-content-fullscreen em,
  .double-content-fullscreen figcaption strong,
  figcaption .double-content-fullscreen strong,
  .double-content-fullscreen .double-content__fake-figcaptions-wrapper div p,
  .double-content__fake-figcaptions-wrapper div .double-content-fullscreen p,
  .double-content-fullscreen
    .double-content__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,
.double-content-vertical .main figure video {
  width: 100%;
  object-fit: cover;
}
.double-content-vertical .main .zoom-in {
  width: 100%;
  height: 100%;
}
.double-content-vertical .main figcaption,
.double-content-vertical .main figcaption span,
figcaption .double-content-vertical .main span,
.double-content-vertical .main figcaption em,
figcaption .double-content-vertical .main em,
.double-content-vertical .main figcaption strong,
figcaption .double-content-vertical .main strong,
.double-content-vertical .main .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .double-content-vertical .main p,
.double-content-vertical
  .main
  .double-content__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%;
}
@media screen and (max-width: 1150px) {
  .double-content-vertical .main figcaption,
  .double-content-vertical .main figcaption span,
  figcaption .double-content-vertical .main span,
  .double-content-vertical .main figcaption em,
  figcaption .double-content-vertical .main em,
  .double-content-vertical .main figcaption strong,
  figcaption .double-content-vertical .main strong,
  .double-content-vertical
    .main
    .double-content__fake-figcaptions-wrapper
    div
    p,
  .double-content__fake-figcaptions-wrapper
    div
    .double-content-vertical
    .main
    p,
  .double-content-vertical
    .main
    .double-content__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 figcaption span,
  figcaption .double-content-vertical .main span,
  .double-content-vertical .main figcaption em,
  figcaption .double-content-vertical .main em,
  .double-content-vertical .main figcaption strong,
  figcaption .double-content-vertical .main strong,
  .double-content-vertical
    .main
    .double-content__fake-figcaptions-wrapper
    div
    p,
  .double-content__fake-figcaptions-wrapper
    div
    .double-content-vertical
    .main
    p,
  .double-content-vertical
    .main
    .double-content__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 .main figcaption,
.double-content-vertical .main figcaption span,
figcaption .double-content-vertical .main span,
.double-content-vertical .main figcaption em,
figcaption .double-content-vertical .main em,
.double-content-vertical .main figcaption strong,
figcaption .double-content-vertical .main strong,
.double-content-vertical .main .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .double-content-vertical .main p,
.double-content-vertical
  .main
  .double-content__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 {
  padding: 0.5rem 0;
  transition: 0.3s all;
}

.double-grid-fullscreen {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  width: 100%;
  margin-bottom: 5rem;
}
/* Excepción puntual para esta instancia concreta, no para todo el módulo */
.double-grid-fullscreen--gap {
  gap: 10px;
}
.watch-fullscreen {
  width: 100%;
  background-color: #e7f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 0;
  margin-bottom: 5rem;
}
/* .media-grid__watch img es 35% de su contenedor: en los módulos a media
   pantalla eso equivale a ~17.5vw. Aquí el contenedor es a pantalla completa,
   así que hay que fijar el mismo tamaño absoluto explícitamente para que el
   reloj se vea igual de grande que en esos otros módulos. */
.watch-fullscreen .media-grid__watch img {
  width: 17.5vw;
}
.double-grid-fullscreen figure {
  margin: 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.double-grid-fullscreen figure img,
.double-grid-fullscreen figure video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.double-grid-fullscreen figure.double-grid-fullscreen__watch {
  background-color: #e7f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.double-grid-fullscreen figure.double-grid-fullscreen__watch img {
  width: 35%;
  height: auto;
  object-fit: contain;
}
@media all and (max-width: 900px) {
  .double-grid-fullscreen {
    grid-template-columns: 1fr;
  }
}

.double-content-vertical-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem;
}
.double-content-vertical-fullscreen .main {
  display: flex;
  flex-direction: column;
}
.double-content-vertical-fullscreen .main figure {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-right: -1px;
}
.double-content-vertical-fullscreen .main figure img {
  width: 100%;
  object-fit: cover;
}
.double-content-vertical-fullscreen .main figcaption,
.double-content-vertical-fullscreen .main figcaption span,
figcaption .double-content-vertical-fullscreen .main span,
.double-content-vertical-fullscreen .main figcaption em,
figcaption .double-content-vertical-fullscreen .main em,
.double-content-vertical-fullscreen .main figcaption strong,
figcaption .double-content-vertical-fullscreen .main strong,
.double-content-vertical-fullscreen
  .main
  .double-content__fake-figcaptions-wrapper
  div
  p,
.double-content__fake-figcaptions-wrapper
  div
  .double-content-vertical-fullscreen
  .main
  p,
.double-content-vertical-fullscreen
  .main
  .double-content__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%;
}
@media screen and (max-width: 1150px) {
  .double-content-vertical-fullscreen .main figcaption,
  .double-content-vertical-fullscreen .main figcaption span,
  figcaption .double-content-vertical-fullscreen .main span,
  .double-content-vertical-fullscreen .main figcaption em,
  figcaption .double-content-vertical-fullscreen .main em,
  .double-content-vertical-fullscreen .main figcaption strong,
  figcaption .double-content-vertical-fullscreen .main strong,
  .double-content-vertical-fullscreen
    .main
    .double-content__fake-figcaptions-wrapper
    div
    p,
  .double-content__fake-figcaptions-wrapper
    div
    .double-content-vertical-fullscreen
    .main
    p,
  .double-content-vertical-fullscreen
    .main
    .double-content__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 figcaption span,
  figcaption .double-content-vertical-fullscreen .main span,
  .double-content-vertical-fullscreen .main figcaption em,
  figcaption .double-content-vertical-fullscreen .main em,
  .double-content-vertical-fullscreen .main figcaption strong,
  figcaption .double-content-vertical-fullscreen .main strong,
  .double-content-vertical-fullscreen
    .main
    .double-content__fake-figcaptions-wrapper
    div
    p,
  .double-content__fake-figcaptions-wrapper
    div
    .double-content-vertical-fullscreen
    .main
    p,
  .double-content-vertical-fullscreen
    .main
    .double-content__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%;
  }
}
.double-content-vertical-fullscreen .main figcaption,
.double-content-vertical-fullscreen .main figcaption span,
figcaption .double-content-vertical-fullscreen .main span,
.double-content-vertical-fullscreen .main figcaption em,
figcaption .double-content-vertical-fullscreen .main em,
.double-content-vertical-fullscreen .main figcaption strong,
figcaption .double-content-vertical-fullscreen .main strong,
.double-content-vertical-fullscreen
  .main
  .double-content__fake-figcaptions-wrapper
  div
  p,
.double-content__fake-figcaptions-wrapper
  div
  .double-content-vertical-fullscreen
  .main
  p,
.double-content-vertical-fullscreen
  .main
  .double-content__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 {
  padding: 0.5rem 0;
  transition: 0.3s all;
}

.single-content {
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 1150px) {
  .single-content {
    margin: 0 8% 5rem 8%;
  }
}
.single-content {
  margin-bottom: 5rem;
}
.single-content figure {
  width: 100%;
}
.single-content figure img,
.single-content figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.single-content figure figcaption,
.single-content figure figcaption span,
figcaption .single-content figure span,
.single-content figure figcaption em,
figcaption .single-content figure em,
.single-content figure figcaption strong,
figcaption .single-content figure strong,
.single-content figure .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .single-content figure p,
.single-content figure .double-content__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 figcaption span,
  figcaption .single-content figure span,
  .single-content figure figcaption em,
  figcaption .single-content figure em,
  .single-content figure figcaption strong,
  figcaption .single-content figure strong,
  .single-content figure .double-content__fake-figcaptions-wrapper div p,
  .double-content__fake-figcaptions-wrapper div .single-content figure p,
  .single-content figure .double-content__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 figcaption span,
  figcaption .single-content span,
  .single-content figcaption em,
  figcaption .single-content em,
  .single-content figcaption strong,
  figcaption .single-content strong,
  .single-content .double-content__fake-figcaptions-wrapper div p,
  .double-content__fake-figcaptions-wrapper div .single-content p,
  .single-content .double-content__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;
}
@media all and (max-width: 1150px) {
  .single-content-centered {
    margin: 0 8% 5rem 8%;
  }
}
.single-content-centered figure {
  width: 100%;
}
.single-content-centered figure img,
.single-content-centered figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.single-content-centered figure figcaption,
.single-content-centered figure figcaption span,
figcaption .single-content-centered figure span,
.single-content-centered figure figcaption em,
figcaption .single-content-centered figure em,
.single-content-centered figure figcaption strong,
figcaption .single-content-centered figure strong,
.single-content-centered figure .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .single-content-centered figure p,
.single-content-centered
  figure
  .double-content__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;
}

.single-content-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem;
}
.single-content-fullscreen figure {
  width: 100%;
  display: flex;
  flex-direction: column;
  grid-template-columns: 1fr;
}
.single-content-fullscreen figure img,
.single-content-fullscreen figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.single-content-fullscreen figure figcaption,
.single-content-fullscreen figure figcaption span,
figcaption .single-content-fullscreen figure span,
.single-content-fullscreen figure figcaption em,
figcaption .single-content-fullscreen figure em,
.single-content-fullscreen figure figcaption strong,
figcaption .single-content-fullscreen figure strong,
.single-content-fullscreen
  figure
  .double-content__fake-figcaptions-wrapper
  div
  p,
.double-content__fake-figcaptions-wrapper
  div
  .single-content-fullscreen
  figure
  p,
.single-content-fullscreen
  figure
  .double-content__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 figcaption span,
  figcaption .single-content-fullscreen figure span,
  .single-content-fullscreen figure figcaption em,
  figcaption .single-content-fullscreen figure em,
  .single-content-fullscreen figure figcaption strong,
  figcaption .single-content-fullscreen figure strong,
  .single-content-fullscreen
    figure
    .double-content__fake-figcaptions-wrapper
    div
    p,
  .double-content__fake-figcaptions-wrapper
    div
    .single-content-fullscreen
    figure
    p,
  .single-content-fullscreen
    figure
    .double-content__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;
  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;
  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%;
  }
}

.text {
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 1150px) {
  .text {
    margin: 0 8% 5rem 8%;
  }
}
.cta-block {
  max-width: 1080px;
  margin: -2rem auto 5rem;
  text-align: left;
}
@media all and (max-width: 1150px) {
  .cta-block {
    margin: -2rem 8% 5rem 8%;
  }
}
.cta-button {
  display: inline-block;
  background-color: #54c0c0;
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: 1rem;
  padding: 1rem 2.5rem;
  border-radius: 999px;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.cta-button:hover {
  opacity: 0.85;
}

/* =====================================
   WATCH GALLERY (carrusel coverflow de relojes)
===================================== */
.watch-gallery-section {
  width: 100%;
  background-color: #e7f5f5;
  padding: 4rem 0;
  margin-bottom: 5rem;
}
.watch-gallery {
  position: relative;
  width: 100%;
  height: 750px;
}
.wg-track {
  position: relative;
  width: 100%;
  height: 100%;
}
.wg-item {
  position: absolute;
  top: 42%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.75);
  transition:
    left 0.6s ease,
    transform 0.6s ease,
    opacity 0.6s ease;
}
.wg-item img {
  display: block;
  width: 240px;
  height: auto;
}
.wg-item.left {
  left: 25%;
  transform: translate(-50%, -50%) scale(0.75);
  opacity: 0.35;
  z-index: 1;
}
.wg-item.center {
  left: 50.4%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  z-index: 3;
}
.wg-item.center img {
  width: 320px;
}
.wg-item.right {
  left: 75%;
  transform: translate(-50%, -50%) scale(0.75);
  opacity: 0.35;
  z-index: 1;
}
/* La info se pinta aparte en .wg-info-panel; la copia dentro del item se oculta */
.wg-item .wg-info {
  display: none;
}
.wg-info-panel {
  position: absolute;
  left: calc(51.2% - 1.5vw);
  transform: translateX(-50%);
  width: 650px;
  margin-top: 35px;
  transition: opacity 0.22s ease;
  opacity: 0;
}
.wg-info-panel .wg-info {
  position: static;
  transform: none;
  opacity: 1;
  pointer-events: all;
  margin-top: 0;
  width: auto;
}
.wg-info h3 {
  margin: 0 0 15px;
  text-align: center;
  color: #020a21;
  font-family: "DM Serif Display", serif;
  font-size: 45px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -1px;
}
.wg-info p {
  margin: 0 auto 28px;
  /* max-width: 600px; */
  color: rgba(2, 10, 33, 0.75);
  font-family: "Petrona", serif;
  font-size: 17px;
  line-height: 1.4;
  text-align: center;
}
.wg-info .wg-ref {
  text-align: center;
  font-family: "Petrona", serif;
  font-size: 14px;
  font-weight: 600;
  color: rgba(2, 10, 33, 0.6);
  margin: 0 0 12px;
  letter-spacing: 0.05em;
}
.wg-arrow {
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
  border: 1px solid rgba(2, 10, 33, 0.3);
  background: transparent;
  color: #020a21;
  font-size: 24px;
  cursor: pointer;
  z-index: 20;
}
.wg-prev {
  left: 20px;
}
.wg-next {
  right: 20px;
}
.wg-arrow:hover {
  background: rgba(2, 10, 33, 0.06);
}
@media all and (max-width: 900px) {
  .watch-gallery {
    height: 800px;
  }
  .wg-item.left,
  .wg-item.right {
    transform: translate(-50%, -50%) scale(0.5);
  }
  .wg-item.center {
    left: 51.5%;
  }
  .wg-item.center img {
    width: 200px;
  }
  .wg-info-panel {
    width: 90%;
    left: 50%;
  }
  .wg-info h3 {
    font-size: 34px;
  }
  .wg-info p {
    font-size: 15px;
  }
  .wg-prev {
    left: 15px;
  }
  .wg-next {
    right: 15px;
  }
}
.text {
  margin-bottom: 5rem;
}
.text .line {
  height: 0.5rem;
  width: 30%;
  background: var(--primary);
  margin: 2rem 0;
}
.text .first-letter:first-letter {
  font-size: 4.5rem;
  font-family: "DM Serif Text", serif;
}
.text p:not(.related p) {
  margin-bottom: 1rem;
  width: 50%;
}
.text h3 {
  font-size: 2.5rem;
  margin-bottom: 2rem;
  position: relative;
  width: 50%;
  line-height: 1;
  text-wrap: balance;
}
.text h3::after {
  content: "";
  height: 1px;
  width: 0%;
  background: linear-gradient(to left, var(--primary), transparent);
  position: absolute;
  bottom: 7px;
  right: 96%;
  transition: width 0.5s ease-in-out 0.3s;
}
@media all and (max-width: 900px) {
  .text h3 {
    width: 100%;
  }
}
.text h3.animate-line::after {
  width: 50%;
}
.text .question {
  font-family: "DM Serif Text", serif;
  font-size: 1.1rem;
  margin-top: 2rem;
}
@media all and (max-width: 900px) {
  .text p:not(.related p) {
    width: 100%;
  }
  .text h3 {
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-wrap: balance;
  }
  .text h3::after {
    bottom: 5px;
  }
}

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

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

.quote-animated {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  padding: 2rem 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.quote-mobile-br {
  display: none;
}
@media all and (max-width: 900px) {
  .quote-mobile-br {
    display: block;
    line-height: 2.8rem;
  }
}
@media all and (max-width: 1150px) {
  .quote-animated blockquote {
    margin: 0 8%;
  }
}
.quote-animated cite,
.quote-animated cite .word,
.quote-animated cite .char {
  color: #00aca7;
}
.quote-animated cite {
  font-family: "Cormorant Garamond", serif;
  font-size: 7rem;
  font-style: italic;
  line-height: 6rem;
  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%;
}
@media all and (max-width: 900px) {
  .quote-animated cite {
    font-size: 3.9rem;
    line-height: 2.2rem;
    text-wrap: balance;
  }
  .quote-animated blockquote {
    width: 90%;
    margin: 0 auto;
    line-height: 2.8rem;
    margin-left: 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: 30%;
}
@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;
}
@media all and (max-width: 1150px) {
  .redirect {
    margin: 0 8% 5rem 8%;
  }
}
.redirect {
  margin-bottom: 5rem;
  padding-top: 5rem;
}
.redirect h3 {
  margin-bottom: 1rem;
}
.redirect ul {
  display: flex;
  gap: 1rem;
}
.redirect a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.redirect__news-item {
  background: var(--ternary);
  flex: 1 1 0;
  transition: all 0.3s;
}
.redirect__news-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.05);
  transition: all 0.3s;
}
.redirect__news-item picture {
  overflow: hidden;
  height: 12rem;
}
.redirect__news-item:hover {
  background: var(--hover);
}
.redirect__news-item:hover img {
  transform: scale(1);
}
.redirect__news-item--info {
  padding: 1rem;
  min-height: 8rem;
  overflow: hidden;
}
.redirect__news-item--info strong,
.redirect__news-item--info h4 {
  font-size: 0.7rem;
  margin-bottom: 0.5rem;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.redirect__news-item--info h3 {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
@media all and (max-width: 900px) {
  .redirect ul {
    flex-direction: column;
    gap: 3rem;
  }
  .redirect .redirect__news-item--info {
    min-height: auto;
  }
}

.horizontal-scroll {
  max-width: 1080px;
  margin: 0 auto;
}
.horizontal-scroll__gallery {
  display: flex;
  flex-wrap: nowrap;
}
.horizontal-scroll figure {
  position: relative;
  height: 100dvh;
}
.horizontal-scroll figure::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: f;
  background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.5));
  z-index: 999;
}
.horizontal-scroll img,
.horizontal-scroll video {
  height: 100dvh;
  flex-shrink: 0;
  object-fit: cover;
}
.horizontal-scroll img,
.horizontal-scroll video {
  margin-right: -1px;
}
.horizontal-scroll figcaption,
.horizontal-scroll figcaption span,
figcaption .horizontal-scroll span,
.horizontal-scroll figcaption em,
figcaption .horizontal-scroll em,
.horizontal-scroll figcaption strong,
figcaption .horizontal-scroll strong,
.horizontal-scroll .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .horizontal-scroll p,
.horizontal-scroll .double-content__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 figcaption span,
  figcaption .horizontal-scroll figure:first-of-type span,
  .horizontal-scroll figure:first-of-type figcaption em,
  figcaption .horizontal-scroll figure:first-of-type em,
  .horizontal-scroll figure:first-of-type figcaption strong,
  figcaption .horizontal-scroll figure:first-of-type strong,
  .horizontal-scroll
    figure:first-of-type
    .double-content__fake-figcaptions-wrapper
    div
    p,
  .double-content__fake-figcaptions-wrapper
    div
    .horizontal-scroll
    figure:first-of-type
    p,
  .horizontal-scroll
    figure:first-of-type
    .double-content__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);
    }
  }
}

.product {
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 1150px) {
  .product {
    margin: 0 8%;
  }
}
.product {
  color: var(--primary);
  height: 100%;
}
.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 {
  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 > div {
    width: 100%;
  }
  .product__container--trio {
    flex-direction: column;
  }
}
.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;
  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: 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: 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;
}

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

.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;
}
@media all and (max-width: 1150px) {
  .acknowledgments__container {
    margin: 0 8%;
  }
}
.acknowledgments__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 20dvh;
}
.acknowledgments__container--title {
  font-size: 1.2rem;
  font-weight: bolder;
  font-family: "DM Serif Text", serif;
  margin-bottom: 1rem;
}
@media all and (max-width: 900px) {
  .acknowledgments p {
    width: 100%;
  }
}

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

.mixed-content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 5rem;
}
.mixed-content figure {
  height: 100%;
}
.mixed-content img,
.mixed-content video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.mixed-content__grid {
  display: flex;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 1150px) {
  .mixed-content__grid {
    margin: 0 8%;
    width: auto;
  }
}
.mixed-content figcaption,
.mixed-content figcaption span,
figcaption .mixed-content span,
.mixed-content figcaption em,
figcaption .mixed-content em,
.mixed-content figcaption strong,
figcaption .mixed-content strong,
.mixed-content .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .mixed-content p,
.mixed-content .double-content__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 figcaption span,
  figcaption .mixed-content span,
  .mixed-content figcaption em,
  figcaption .mixed-content em,
  .mixed-content figcaption strong,
  figcaption .mixed-content strong,
  .mixed-content .double-content__fake-figcaptions-wrapper div p,
  .double-content__fake-figcaptions-wrapper div .mixed-content p,
  .mixed-content .double-content__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;
  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 img,
.mixed-content-offgrid-RTL .mixed-content-offgrid__video video {
  width: 100%;
}
.mixed-content-offgrid-RTL video {
  object-fit: cover;
  height: 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) .figcaption-container {
  padding: 0.5rem 0;
  display: flex;
  justify-content: end;
}
@media all and (max-width: 900px) {
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container {
    justify-content: start;
  }
}
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container {
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 1150px) {
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL) .figcaption-container {
    margin: 0 8%;
  }
}
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  figcaption,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  figcaption
  span,
figcaption
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  span,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  figcaption
  em,
figcaption
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  em,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  figcaption
  strong,
figcaption
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  strong,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  .double-content__fake-figcaptions-wrapper
  div
  p,
.double-content__fake-figcaptions-wrapper
  div
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  p,
.mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
  .figcaption-container
  .double-content__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
    figcaption
    span,
  figcaption
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
    .figcaption-container
    span,
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
    .figcaption-container
    figcaption
    em,
  figcaption
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
    .figcaption-container
    em,
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
    .figcaption-container
    figcaption
    strong,
  figcaption
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
    .figcaption-container
    strong,
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
    .figcaption-container
    .double-content__fake-figcaptions-wrapper
    div
    p,
  .double-content__fake-figcaptions-wrapper
    div
    .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
    .figcaption-container
    p,
  .mixed-content-offgrid:has(.mixed-content-offgrid-RTL)
    .figcaption-container
    .double-content__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-RTL) {
  margin-bottom: 5rem;
}

.mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container {
  padding: 0.5rem 0;
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 1150px) {
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR) .figcaption-container {
    margin: 0 8%;
  }
}
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  figcaption,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  figcaption
  span,
figcaption
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  span,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  figcaption
  em,
figcaption
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  em,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  figcaption
  strong,
figcaption
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  strong,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  .double-content__fake-figcaptions-wrapper
  div
  p,
.double-content__fake-figcaptions-wrapper
  div
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  p,
.mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
  .figcaption-container
  .double-content__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
    figcaption
    span,
  figcaption
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
    .figcaption-container
    span,
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
    .figcaption-container
    figcaption
    em,
  figcaption
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
    .figcaption-container
    em,
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
    .figcaption-container
    figcaption
    strong,
  figcaption
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
    .figcaption-container
    strong,
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
    .figcaption-container
    .double-content__fake-figcaptions-wrapper
    div
    p,
  .double-content__fake-figcaptions-wrapper
    div
    .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
    .figcaption-container
    p,
  .mixed-content-offgrid:has(.mixed-content-offgrid-LTR)
    .figcaption-container
    .double-content__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:has(.mixed-content-offgrid-LTR) {
  margin-bottom: 5rem;
}

.mixed-content-offgrid-LTR {
  display: grid;
  grid-template-columns: 1fr minmax(0, 540px) minmax(0, 540px) 1fr;
}
.mixed-content-offgrid-LTR .mixed-content-offgrid__video {
  grid-column: 3/4;
  width: 100%;
  height: 50%;
}
.mixed-content-offgrid-LTR .mixed-content-offgrid__image {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  min-width: 50%;
}
@media all and (max-width: 900px) {
  .mixed-content-offgrid-LTR .mixed-content-offgrid__image {
    flex-direction: column-reverse;
  }
  .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption,
  .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption span,
  figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image span,
  .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption em,
  figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image em,
  .mixed-content-offgrid-LTR .mixed-content-offgrid__image figcaption strong,
  figcaption .mixed-content-offgrid-LTR .mixed-content-offgrid__image strong,
  .mixed-content-offgrid-LTR
    .mixed-content-offgrid__image
    .double-content__fake-figcaptions-wrapper
    div
    p,
  .double-content__fake-figcaptions-wrapper
    div
    .mixed-content-offgrid-LTR
    .mixed-content-offgrid__image
    p,
  .mixed-content-offgrid-LTR
    .mixed-content-offgrid__image
    .double-content__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;
  }
}

.triple-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 10rem;
}
.triple-content div {
  display: flex;
}
.triple-content div figure {
  height: 100% !important;
}
.triple-content {
  display: flex;
  flex-direction: column;
}
.triple-content figure {
  width: 100%;
  height: 100%;
  display: flex;
}
.triple-content figure img,
.triple-content figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.triple-content figcaption,
.triple-content figcaption span,
figcaption .triple-content span,
.triple-content figcaption em,
figcaption .triple-content em,
.triple-content figcaption strong,
figcaption .triple-content strong,
.triple-content .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .triple-content p,
.triple-content .double-content__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 figcaption span,
  figcaption .triple-content span,
  .triple-content figcaption em,
  figcaption .triple-content em,
  .triple-content figcaption strong,
  figcaption .triple-content strong,
  .triple-content .double-content__fake-figcaptions-wrapper div p,
  .double-content__fake-figcaptions-wrapper div .triple-content p,
  .triple-content .double-content__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 figcaption span,
  figcaption .triple-content span,
  .triple-content figcaption em,
  figcaption .triple-content em,
  .triple-content figcaption strong,
  figcaption .triple-content strong,
  .triple-content .double-content__fake-figcaptions-wrapper div p,
  .double-content__fake-figcaptions-wrapper div .triple-content p,
  .triple-content .double-content__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: 10rem;
}
.triple-content-fullscreen div {
  display: flex;
}
.triple-content-fullscreen {
  display: flex;
  flex-direction: column;
}
.triple-content-fullscreen figure {
  width: 100%;
  display: flex;
}
.triple-content-fullscreen figure img,
.triple-content-fullscreen figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.triple-content-fullscreen figcaption,
.triple-content-fullscreen figcaption span,
figcaption .triple-content-fullscreen span,
.triple-content-fullscreen figcaption em,
figcaption .triple-content-fullscreen em,
.triple-content-fullscreen figcaption strong,
figcaption .triple-content-fullscreen strong,
.triple-content-fullscreen .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .triple-content-fullscreen p,
.triple-content-fullscreen .double-content__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-top: 0.2rem;
  padding: 0.5rem 0;
  width: 100%;
  transition: 0.3s all;
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 900px) {
  .triple-content-fullscreen figcaption,
  .triple-content-fullscreen figcaption span,
  figcaption .triple-content-fullscreen span,
  .triple-content-fullscreen figcaption em,
  figcaption .triple-content-fullscreen em,
  .triple-content-fullscreen figcaption strong,
  figcaption .triple-content-fullscreen strong,
  .triple-content-fullscreen .double-content__fake-figcaptions-wrapper div p,
  .double-content__fake-figcaptions-wrapper div .triple-content-fullscreen p,
  .triple-content-fullscreen
    .double-content__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 {
    padding-left: 8% !important;
  }
}
@media all and (max-width: 900px) {
  .triple-content-fullscreen div {
    flex-direction: column;
  }
}

.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 figure {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.triple-mixed-content__grid {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
.triple-mixed-content .figcaption-container {
  margin-top: 0.5rem;
}
.triple-mixed-content figcaption,
.triple-mixed-content figcaption span,
figcaption .triple-mixed-content span,
.triple-mixed-content figcaption em,
figcaption .triple-mixed-content em,
.triple-mixed-content figcaption strong,
figcaption .triple-mixed-content strong,
.triple-mixed-content .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .triple-mixed-content p,
.triple-mixed-content .double-content__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;
}
@media all and (max-width: 1150px) {
  .triple-mixed-content figcaption,
  .triple-mixed-content figcaption span,
  figcaption .triple-mixed-content span,
  .triple-mixed-content figcaption em,
  figcaption .triple-mixed-content em,
  .triple-mixed-content figcaption strong,
  figcaption .triple-mixed-content strong,
  .triple-mixed-content .double-content__fake-figcaptions-wrapper div p,
  .double-content__fake-figcaptions-wrapper div .triple-mixed-content p,
  .triple-mixed-content .double-content__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%;
  }
}
.triple-mixed-content figcaption,
.triple-mixed-content figcaption span,
figcaption .triple-mixed-content span,
.triple-mixed-content figcaption em,
figcaption .triple-mixed-content em,
.triple-mixed-content figcaption strong,
figcaption .triple-mixed-content strong,
.triple-mixed-content .double-content__fake-figcaptions-wrapper div p,
.double-content__fake-figcaptions-wrapper div .triple-mixed-content p,
.triple-mixed-content .double-content__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: 100%;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 1150px) {
  .triple-mixed-content figcaption,
  .triple-mixed-content figcaption span,
  figcaption .triple-mixed-content span,
  .triple-mixed-content figcaption em,
  figcaption .triple-mixed-content em,
  .triple-mixed-content figcaption strong,
  figcaption .triple-mixed-content strong,
  .triple-mixed-content .double-content__fake-figcaptions-wrapper div p,
  .double-content__fake-figcaptions-wrapper div .triple-mixed-content p,
  .triple-mixed-content .double-content__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;
  }
}
@media all and (max-width: 900px) {
  .triple-mixed-content div {
    flex-direction: column;
  }
  .triple-mixed-content div figure {
    width: 100%;
  }
}

.reel {
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 1150px) {
  .reel {
    margin: 0 8% 10rem 8%;
  }
}
.reel {
  margin-bottom: 10rem;
  margin-top: 5rem;
}
.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.8) translateY(2px);
}
.reel .player__volume button svg * {
  stroke: var(--primary);
  transition: scale 0.5s;
}
.reel .player__volume button svg .bar,
.reel .player__volume button svg .bar-spacing {
  transform-origin: center;
}
.reel .player__volume button svg .bar-spacing {
  stroke: var(--button-primary);
}
.reel .player .clip-path-wrapper {
  height: 100%;
  width: 100%;
  clip-path: inset(0 round 25px);
}
.reel .player .clip-path-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reel .player .clip-path-wrapper button {
  color: inherit;
  border: 0;
  background: none;
  cursor: pointer;
}
.reel .player .clip-path-wrapper input:focus,
.reel .player .clip-path-wrapper button:focus {
  outline: 0;
}
.reel .player .clip-path-wrapper__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.reel .player .clip-path-wrapper__controls {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  width: 100%;
  padding: 2rem;
  position: absolute;
  transform: translateY(-100%);
  transition: all 0.5s;
  opacity: 0;
  gap: 1rem;
}
.reel
  .player
  .clip-path-wrapper:hover
  .reel
  .player
  .clip-path-wrapper__controls {
  opacity: 1;
  transition: all 0.5s;
}
.reel .player .clip-path-wrapper__progress {
  display: flex;
  align-items: center;
  height: 2px;
  background: rgba(255, 255, 255, 0.4);
  width: 100%;
  transition: height 300ms;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  overflow: visible;
}
.reel .player .clip-path-wrapper__progress:before {
  content: "";
  background: var(--color-action);
  background-color: var(--ternary);
  width: var(--progressbar-value);
  height: 300%;
  display: block;
  transition: width 500ms;
}
.reel .player .clip-path-wrapper__progress:hover {
  height: 4px;
}
@keyframes heart-pulse {
  10% {
    transform: scale(0.2) translate(0, 10px);
  }
  50% {
    transform: scale(1.5) translate(0, 2px);
  }
  100% {
    transform: scale(1) translate(0, 2px);
  }
}
@keyframes heart-beat {
  0% {
    transform: scale(1) translate(0, 2px);
  }
  50% {
    transform: scale(1.1) translate(0, 2px);
  }
  100% {
    transform: scale(1) translate(0, 2px);
  }
}
@keyframes circle-pulse {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
    background: radial-gradient(transparent, var(--secondary));
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media all and (max-width: 900px) {
  .reel {
    margin-bottom: 10rem;
  }
  .reel .player__range:hover .player__range-input {
    max-width: 50px;
    width: auto;
    overflow: visible;
    visibility: visible;
  }
  .reel .player__controls--right .player__button {
    display: none;
  }
  .reel .player .player__play-pause {
    gap: 1.5rem;
  }
  .reel .player__progress {
    height: 4px;
  }
}

.index {
  position: fixed;
  overflow: hidden;
  z-index: 9999;
  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;
}

.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;
  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;
}
.hide {
  display: none;
}
.hero-dailymotion-video {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media all and (max-width: 900px) {
  .hero-dailymotion-video {
    height: 77vh;
  }
}
/* El player de Dailymotion mete letterboxing (barras negras) dentro de su
   propio iframe para respetar la proporción original del vídeo si el
   contenedor no tiene esa misma proporción. No se puede corregir con
   object-fit (no funciona sobre <iframe>, y no llega dentro de un documento
   de otro origen). Comprobado con console.log en producción: al montar el
   player, Vlite sustituye la clase original del div
   (.hero-dailymotion-desk/-mob desaparece) y crea su propio wrapper
   ".v-vlite" — ese es el único selector que sobrevive, por eso se usa aquí
   en vez de las clases del HTML. Se sobredimensiona ese wrapper con la
   proporción real del vídeo (16:9 desktop / vertical móvil, con el mismo
   breakpoint de 600px que usa el JS para elegir desk vs mob) y se centra,
   recortando el sobrante con el overflow:hidden del contenedor — el mismo
   truco que para un vídeo de fondo en cover. */
.hero-dailymotion-video .v-vlite {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100vw !important;
  height: 56.25vw !important; /* 100vw * 9/16 */
  min-width: 177.78vh !important; /* 100vh * 16/9 */
  min-height: 100vh !important;
  transform: translate(-50%, -50%) !important;
}
@media (max-width: 600px) {
  .hero-dailymotion-video .v-vlite {
    height: 177.78vw !important; /* 100vw * 16/9 */
    min-width: 56.25vh !important; /* 100vh * 9/16 */
    min-height: 100vh !important;
  }
}
/* Libertad (#precision): los vídeos móviles son un recorte vertical propio
   (no un 16:9 recortado a cover), así que en vez del truco de
   sobredimensionar + cover de arriba, se usa directamente su proporción
   real (500x688, ver .dailymotion-video). */
@media (max-width: 600px) {
  #precision .hero-dailymotion-video {
    height: auto !important;
  }
  #precision .hero-dailymotion-video .v-vlite {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: 125/172 !important;
  }
}
.hero-dailymotion-video iframe {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.hero-dailymotion-video .v-volumeButton {
  display: none !important;
}
.dailymotion-video .first-soundwave {
  stroke: var(--ternary);
}
.dailymotion-video .second-soundwave {
  stroke: var(--ternary);
}
@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: 9/16 !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.dailymotion-reel {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 10rem;
}
@media all and (max-width: 1150px) {
  .dailymotion-video.dailymotion-reel {
    margin: 0 8% 10rem 8%;
  }
}
.dailymotion-video.dailymotion-reel {
  margin-top: 5rem;
}
.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 {
  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;
}
@media all and (max-width: 1150px) {
  .sponsorships {
    margin: 0 8% 5rem 8%;
  }
}
.sponsorships {
  position: relative;
  padding: 5rem 0;
  border-top: 1px solid var(--ternary);
  display: flex;
  flex-direction: column;
}
@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;
}
@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;
}
@media all and (max-width: 900px) {
  .parallax section .bg {
    background-position: center;
  }
}
.parallax section .bg {
  background-repeat: no-repeat;
  object-fit: cover;
  text-align: center;
  vertical-align: center;
  background-attachment: fixed;
}
@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;
  }
}

.bookazine {
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (max-width: 1150px) {
  .bookazine {
    margin: 0 8% 5rem 8%;
  }
}
.bookazine {
  margin: 2rem auto;
  margin-top: -3rem;
  height: auto;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.bookazine:hover img {
  transform: scale(1.025);
}
.bookazine:hover .btn {
  -webkit-mask-position: 0%;
  mask-position: 0%;
}
.bookazine .btn {
  background-color: var(--gold);
  margin-bottom: 1rem;
  text-transform: uppercase;
  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%;
}
.bookazine .btn:hover {
  background-color: #d9c080;
}
.bookazine {
  background: #f0f0f0;
}
@media all and (max-width: 900px) {
  .bookazine {
    flex-direction: column;
  }
}
.bookazine__cover {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bookazine__cover img {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply !important;
  transition: all 0.3s;
}
@media all and (max-width: 900px) {
  .bookazine__cover img {
    width: 70%;
  }
}
.bookazine__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) {
  .bookazine__cover--info {
    font-size: 1.5rem;
    line-height: 1.5rem;
    transform: translateX(-40%);
  }
}
.bookazine__cover--info span {
  white-space: nowrap;
  font-family: "DM Serif Text", serif;
}
.bookazine__cover--info span:nth-child(2) {
  color: var(--gold);
}
.bookazine__CTA {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 40%;
}
@media all and (max-width: 900px) {
  .bookazine__CTA {
    width: 100%;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

.bookazine-large {
  margin: 0 auto;
  margin: 2rem auto;
  height: auto;
  display: flex;
  background: #f0f0f0;
  overflow: hidden;
}
.bookazine-large img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.5s;
  transform: translate(25%);
}
@media all and (max-width: 900px) {
  .bookazine-large img {
    margin-top: 2rem;
    transform: translate(15%);
  }
}
.bookazine-large:hover img {
  transform: scale(1.02) translate(25%);
}
@media all and (max-width: 900px) {
  .bookazine-large:hover img {
    transform: scale(1.02) translate(15%);
  }
}
.bookazine-large:hover .btn {
  -webkit-mask-position: 0%;
  mask-position: 0%;
}
.bookazine-large .btn {
  background-color: var(--gold);
  margin-bottom: 1rem;
  text-transform: uppercase;
  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%;
}
.bookazine-large .btn:hover {
  background-color: #d9c080;
}
@media all and (max-width: 900px) {
  .bookazine-large {
    flex-direction: column;
  }
}
.bookazine-large__cover {
  display: flex;
  justify-content: center;
  width: 50%;
}
@media all and (max-width: 900px) {
  .bookazine-large__cover {
    width: 100%;
  }
}
.bookazine-large__cover--info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
}
@media all and (max-width: 900px) {
  .bookazine-large__cover--info {
    width: 100%;
  }
}
.bookazine-large__cover--info span:not(.bookazine-large__CTA span) {
  white-space: nowrap;
  font-family: "DM Serif Text", serif;
  font-size: 3rem;
  line-height: 3rem;
}
@media all and (max-width: 900px) {
  .bookazine-large__cover--info span:not(.bookazine-large__CTA span) {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
.bookazine-large__cover--info
  span:not(.bookazine-large__CTA span):nth-child(2) {
  color: var(--gold);
}
.bookazine-large .bookazine-large__CTA {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  margin-top: 1rem;
}
@media all and (max-width: 900px) {
  .bookazine-large .bookazine-large__CTA {
    width: 100%;
    padding-bottom: 3rem;
  }
}

body.preload-active {
  overflow: hidden;
}

.loader {
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display: flex;
  position: fixed;
  top: 0;
  background: var(--background);
  z-index: 9998;
}

.spinner {
  width: 15%;
  aspect-ratio: 1;
  display: grid;
  border: 4px solid var(--background);
  border-radius: 50%;
  border-right-color: var(--button-hover);
  opacity: 0;
  animation: l15 1s infinite linear;
  position: fixed;
}

.spinner::before,
.spinner::after {
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
  animation: l15 2s infinite;
}

.spinner::before {
  border-right-color: var(--secondary);
}

.spinner::after {
  margin: 8px;
  animation-duration: 3s;
  border-right-color: gray;
}

@keyframes l15 {
  100% {
    transform: rotate(1turn);
  }
}
.spinner.hidden,
.loader.hidden {
  animation: fadeOut 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.thumb {
  height: 100px;
  border: 1px solid black;
  margin: 10px;
}

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

/* ─── CENTERED-CONTENT-GRAYSCALE ──────────────────────────── */

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

figcaption,
.double-content-fullscreen__figcaptions div,
.double-content-packed-fullscreen__figcaption p,
.double-content-packed__figcaption p,
.double-content__fake-figcaptions-wrapper div p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.diptych-shared-caption {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0.5rem 0;
  text-align: center;
}

.single-content figure img,
.single-content figure video,
.centered-content-grayscale figure img {
  display: block;
}

/* =====================================
   VERTICAL NAV (menú de navegación lateral)
===================================== */
.vertical-nav {
  height: 100dvh;
  width: 4rem;
  position: fixed;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: all 0.3s;
}
.vertical-nav * {
  font-weight: 400;
}
.vertical-nav ul {
  writing-mode: vertical-lr;
  text-orientation: sideways-right;
  gap: 2rem;
  display: flex;
  transition: all 0.3s;
}
.vertical-nav ul li {
  position: relative;
  transform: rotate(180deg);
  font-size: 0.75rem;
  font-family: "DM Serif Text", serif;
  opacity: 0.7;
  display: flex;
}
.vertical-nav ul li .marker {
  width: 0.5rem;
  height: 0.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  margin-left: 5px;
  background-color: var(--secondary);
  transition: all 1s;
  transform: scale(0);
  background-clip: content-box;
  display: none;
}
@media all and (max-width: 900px) {
  .vertical-nav ul li {
    font-size: 0;
    opacity: 0.7;
  }
}
.vertical-nav ul li::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  margin-left: -1px;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--primary);
  opacity: 0;
  padding: 0.5rem;
  background-clip: content-box;
  pointer-events: none;
}
@media all and (max-width: 900px) {
  .vertical-nav ul li::before {
    opacity: 0.5;
    pointer-events: initial;
  }
}
.vertical-nav ul li a {
  color: var(--primary);
  cursor: pointer;
  transition: color 0.3s;
}
.vertical-nav.topbar--light-logo ul li a {
  color: #fff;
}
.vertical-nav ul .active {
  transition: opacity 0.3s;
  opacity: 1;
  font-size: 0.7rem;
}
@media all and (max-width: 900px) {
  .vertical-nav ul .active .marker {
    display: block;
    transform: scale(1);
  }
}
.vertical-nav ul .active::before {
  display: none;
}
.vertical-nav ul li.active a {
  color: var(--secondary);
}
@media all and (max-width: 900px) {
  .vertical-nav {
    left: 0;
    width: 1.5rem;
    padding: 0;
  }
  .vertical-nav li {
    margin-left: 0;
    justify-content: center;
  }
  .vertical-nav ul li::before {
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }
}