.portrait-start { display:none; }

@media (orientation:portrait) {
  .frame.start-frame {
    position:relative;
    inset:auto;
    transform:none;
    width:min(100vw, 56.28svh);
    height:auto;
    aspect-ratio:941 / 1672;
    background:#173b2e url('./sian-main-portrait-v2.webp') center / 100% 100% no-repeat;
  }
  .frame.start-frame > img:first-child, .start-frame > .hot { display:none; }
  .portrait-start { display:block; }
  .portrait-start h1 {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
  }
  .portrait-start a {
    position:absolute;
    left:12.5%;
    width:74%;
    height:11%;
    border-radius:24px;
  }
  .portrait-start a:first-child { top:69.3%; }
  .portrait-start a:last-child { top:82%; }
  .portrait-start a:focus-visible { outline:4px solid white; }
  .portrait-start a:active { background:#ffffff30; }
}