@import url('/404.css');
body { height: auto; min-height: 100svh; min-height: 100dvh; grid-template-rows: auto 1fr; }
main { text-align: center; padding: 40px 24px; }
.creation { display: block; width: min(220px, 52vw); height: auto; aspect-ratio: 1; object-fit: contain; margin-bottom: 36px; border-radius: 24px; transform: rotate(-5deg); }
h1 { max-width: 16ch; font-size: clamp(40px, 6vw, 64px); }
p { margin: 0; }
.availability { margin-top: 24px; font-size: 18px; line-height: 1.5; }
.detail { max-width: 40ch; margin-top: 10px; font-size: 15px; line-height: 1.6; }
.home-link { margin-top: 30px; }
@media (max-width: 760px) {
  main { padding: 32px 24px; }
  .creation { width: min(180px, 46vw); margin-bottom: 28px; }
}
@media (max-height: 600px) and (min-width: 761px) {
  .creation { width: 120px; margin-bottom: 20px; }
}