/* The laptop on the Unreal desk (desk-laptop.js). The header's link goes only once the laptop is on the desk. While it is open the
   Desk's columns and header step aside and the desk is moved so the screen fills the window. */
html.dp-has-laptop .bench-top { display: none; }
@media (min-width: 700px) and (orientation: landscape) and (prefers-color-scheme: dark) {
  .dl-lid { position: absolute; display: block; pointer-events: none; }
  .dl-host { position: absolute; overflow: hidden; background: #000; pointer-events: auto; }
  html.dp-laptop-open body:not(.in-room) #desk, html.dp-laptop-open body:not(.in-room) .page-head { visibility: hidden; }
  html.dp-laptop-open #desk-photo { pointer-events: auto; z-index: 5; }
  html.dp-laptop-open .dp-spot { visibility: hidden; }
  .dl-back { position: fixed; z-index: 6; top: max(12px, env(safe-area-inset-top, 0px)); right: max(16px, env(safe-area-inset-right, 0px));
    min-height: 44px; padding: 8px 16px; border-radius: 10px; border: 1px solid #3a352e; background: rgba(13, 12, 11, 0.8);
    color: #f3f1ed; font: inherit; cursor: pointer; }
  .dl-back:focus-visible { outline: 2px solid #e5af4f; outline-offset: 2px; }
}