.cinema { background: #071218; isolation: isolate; }
.cinema-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; filter: none; opacity: 1; }
.cinema::after { background: linear-gradient(90deg,rgba(5,14,19,.68) 0%,rgba(5,14,19,.24) 48%,rgba(5,14,19,.02) 100%); }
.cinema-content { max-width: 1000px; padding-top: 90px; }
.cinema h1 { font-size: clamp(54px,5.4vw,80px); line-height: 1.07; letter-spacing: -.055em; }
.cinema h1 em { color: #bbd4ce; }
.cinema-content > p:not(.kicker) { max-width: 480px; }
.image-caption { color: #c4cdcc; }
@media (max-width: 1000px) and (min-width: 701px) {
  .cinema-content { padding-left: 6%; padding-top: 85px; }
  .cinema h1 { font-size: 58px; }
  .cinema-image { object-position: 78% center; }
}
@media (max-width: 700px) {
  .cinema { height: max(720px,calc(100svh - 82px)); max-height: none; }
  .cinema-content { padding: 58px 24px 125px; }
  .cinema h1 { font-size: clamp(36px,9.8vw,58px); line-height: 1.1; }
  .cinema .kicker { font-size: 9px; max-width: 310px; margin-bottom: 24px; }
  .cinema-content > p:not(.kicker) { font-size: 14px; line-height: 1.7; max-width: 300px; }
  .cinema-image { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 82% center; opacity: 1; }
  .cinema::after { background: linear-gradient(90deg,rgba(5,14,19,.88) 0%,rgba(5,14,19,.66) 47%,rgba(5,14,19,.12) 100%); }
  .cinema .button-light { position: relative; z-index: 2; max-width: 230px; margin-top: 24px; }
  .discover { left: 24px; bottom: 45px; }
  .image-caption { font-size: 8px; right: 15px; bottom: 17px; }
}
.area-card:first-child img { object-position: 91% center; filter: brightness(.9); }
.area-card.second { background: #18362f; border: 1px solid #67867a; }
.area-card.second::after { background: linear-gradient(145deg,transparent,rgba(5,19,15,.45)); }
.area-card.second .editorial-symbol { position: absolute; right: 32px; top: 85px; font: 400 180px/1 Georgia,serif; color: #a9c4b933; }