.landscape-review { --review-height: 92px; }
.landscape-hero {
  position: relative;
  isolation: isolate;
  min-height: max(580px, calc(100svh - var(--header-height) - var(--review-height, 0px)));
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 44px 4.5% 76px;
  overflow: hidden;
  background: #142126;
}
.landscape-image, .landscape-shade { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
.landscape-image { object-fit: cover; object-position: center; }
.landscape-shade { background: linear-gradient(90deg, rgb(3 12 20 / .78), rgb(4 13 20 / .45) 48%, rgb(4 13 20 / .05) 85%), linear-gradient(0deg, rgb(4 12 18 / .4), transparent 45%); }
.jungle .landscape-shade, .playful .landscape-shade { background: linear-gradient(90deg,rgb(1 9 5 / .6),rgb(1 9 5 / .22) 50%,transparent 85%),linear-gradient(0deg,rgb(1 9 5 / .45),transparent 50%); }
.landscape-content { width: 100%; max-width: 1470px; margin-inline: auto; }
.landscape-content h1 { font-size: clamp(54px,5.7vw,86px); font-weight: 450; line-height: .99; letter-spacing: -.055em; max-width: 1000px; color: #fff; }
.landscape-description { max-width: 565px; font-size: 17px; line-height: 1.6; margin-top: 28px; color: #edf0ef; }
.landscape-content .pill { margin-top: 28px; }
.landscape-next { position: absolute; bottom: 28px; right: 4.5%; font-size: 12px; color: #fff; }
@media(min-width:1600px) { .landscape-hero { padding-inline: max(4.5%,calc((100vw - 1470px) / 2)); } }
@media(max-width:700px) {
  .landscape-hero { min-height: max(620px,calc(100svh - var(--header-height))); padding: 50px 6% 85px; }
  .landscape-content h1 { font-size: clamp(43px,10.5vw,65px); line-height: 1.04; }
  .landscape-description { font-size: 16px; max-width: 420px; margin-top: 25px; }
  .landscape-content .pill { margin-top: 25px; }
  .landscape-next { right: 6%; bottom: 25px; }
  .landscape-image { object-position: 64% center; }
  .landscape-shade { background: linear-gradient(90deg,rgb(3 12 20 / .8),rgb(4 13 20 / .4)),linear-gradient(0deg,rgb(4 12 18 / .5),transparent 70%); }
  .jungle .landscape-shade,.playful .landscape-shade { background: linear-gradient(90deg,rgb(1 9 5 / .8),rgb(1 9 5 / .4)),linear-gradient(0deg,rgb(1 9 5 / .55),transparent 70%); }
}