/* V48 mobile homepage: full uncropped artwork with transparent navigation. */
@media (max-width:800px){
  .nav.wrap{
    position:absolute!important;
    inset:0 0 auto 0!important;
    z-index:60!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    max-width:none!important;
    height:54px!important;
    margin:0!important;
    padding:0 14px!important;
    background:transparent!important;
    color:#fff!important;
    overflow:visible!important;
  }
  .nav .brand{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    height:54px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1!important;
    pointer-events:auto!important;
  }
  .nav .links{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:2px!important;
    width:auto!important;
    height:54px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#fff!important;
    pointer-events:auto!important;
    overflow:visible!important;
  }
  .nav .links a,
  .nav .links a:nth-child(n){
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0 6px!important;
    border:0!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.055em!important;
    text-align:center!important;
    pointer-events:auto!important;
  }
  .hero{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    background:none!important;
    color:#fff!important;
    overflow:hidden!important;
  }
  .hero:before,.hero:after{display:none!important}
  .hero-mobile-art{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  .hero-in{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
}

@media (max-width:360px){
  .nav.wrap{padding-left:10px!important;padding-right:10px!important}
  .nav .brand{font-size:16px!important}
  .nav .links a,
  .nav .links a:nth-child(n){padding-left:4px!important;padding-right:4px!important;font-size:7.5px!important;letter-spacing:.015em!important}
}