/* Lami-Misocc tablet-only homepage: phones and desktop remain unchanged.
   Portrait uses lami-bg-portrait.png; landscape uses lami-bg.png. */
@media screen and (min-width: 601px) and (max-width: 1366px) and (pointer: coarse) {
  body.lami-home {
    height: auto;
    min-height: 100svh;
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
  }
  body.lami-home header nav {
    padding: 10px 16px;
    flex-direction: row;
    align-items: center;
  }
  body.lami-home main {
    max-width: 100%;
    width: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
  }
  body.lami-home .hero,
  body.lami-home .lami-auth-login {
    width: min(100%, 460px);
    max-width: 460px;
    align-self: center;
    -webkit-backdrop-filter: blur(3px) saturate(135%);
    backdrop-filter: blur(3px) saturate(135%);
  }
  body.lami-home .hero { padding: 22px; }
  body.lami-home .lami-auth-login { padding: 22px; }
  body.lami-home .hero h1 { font-size: clamp(30px, 4vw, 40px); }
}
@media screen and (min-width: 601px) and (max-width: 1366px) and (pointer: coarse) and (orientation: portrait) {
  body.lami-home {
    background-image: url('/assets/lami-bg-portrait.png');
    background-size: 100% auto;
    background-color: #fbd19b;
  }
  body.lami-home main {
    /* Allow the portrait poster's official logos to remain visible. */
    padding-top: clamp(310px, 43vw, 560px);
  }
}
@media screen and (min-width: 601px) and (max-width: 1366px) and (pointer: coarse) and (orientation: landscape) {
  body.lami-home {
    background-image: url('/assets/lami-bg.png');
    background-size: 100% auto;
    background-color: #fbd19b;
  }
  body.lami-home main {
    /* Place the mobile-style card below the landscape poster's logo strip. */
    padding-top: clamp(205px, 27vw, 350px);
  }
}
@media screen and (min-width: 601px) and (max-width: 1366px) and (pointer: coarse) and (orientation: landscape) and (max-height: 700px) {
  body.lami-home main { padding-top: clamp(150px, 21vw, 250px); }
}