.home-page--scenery-container {
  position: relative;
  width: 100dvw;
  height: 100dvh;
  box-sizing: border-box;
  background-image: url("/assets/scenery_559167dd3e754e4fe629e50b0f32df37.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@font-face {
  font-family: "IM Fell English";
  src: url("/assets/IMFeENrm28P_eafe961d2a9915cc70f5bda3ed4f9803.ttf");
}

.home-page--home-header {
  position: absolute;
  top: clamp(0.35rem, 1.4dvh, 0.85rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  width: min(32rem, calc(100% - 2rem));
  box-sizing: border-box;
  color: #1f2933;
  text-align: center;
  pointer-events: none;
  text-shadow: 0 1px 2px rgb(255 255 255 / 80%);
}

.home-page--home-title {
  margin: 0;
  font-family: "IM Fell English", "Georgia", serif;
  font-size: clamp(1.65rem, 4.2dvh, 3rem);
  font-weight: 700;
  line-height: 0.95;
}

.home-page--home-subtitle {
  margin: 0.35rem 0 0;
  color: #25303a;
  font-family: "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
  font-size: clamp(0.7rem, 1.35dvh, 0.95rem);
  font-weight: 800;
  line-height: 1.15;
}

@media (max-width: 1050px) and (max-height: 500px) {
  .home-page--home-header {
    top: 1rem;
  }

  .home-page--home-title {
    font-size: clamp(1.25rem, 5dvh, 1.75rem);
  }
}

@media (max-width: 1050px) and (min-height: 500px) {
  .home-page--scenery-container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100dvh;
    height: 100dvw;
    transform: translate(-50%, -50%) rotate(90deg);
  }
}