#mobile-fill{display:none !important;}
#mobile-bg{display:none !important;}

@media(hover:none) and (pointer:coarse){
  html{
    width:100vw !important;
    height:100vh !important;
    background:url('mobile_bg.png') center center no-repeat !important;
    background-color:#7a6048 !important;
  }
  body{background:transparent !important;}
  .bg{display:none !important;}
  .bg-overlay{display:none !important;}
}

@media(hover:none) and (pointer:coarse) and (orientation:portrait){
  html{
    background-size:cover !important;
    background-position:center top !important;
    min-height:-webkit-fill-available !important;
  }
}

@media(hover:none) and (pointer:coarse) and (orientation:landscape){
  html{background-size:100vw auto !important;}
}

@media(max-width:768px){
  .site-name{display:block !important;width:100% !important;text-align:center !important;font-size:10vw !important;letter-spacing:0.18em !important;margin-bottom:14px !important;transform:translate(4px,10px) !important;}
  .nav-links{gap:4px !important;flex-wrap:wrap !important;padding:0 !important;justify-content:center !important;}
  .nav-links a{font-size:9px !important;letter-spacing:0.22em !important;padding:5px 10px !important;}
  .page{padding-top:9vh !important;align-items:stretch !important;}
  .popup-tab{font-size:8px !important;padding:8px 12px !important;right:16px !important;letter-spacing:0.2em !important;}
}