/* Home: one select full screen, its caption bottom left, "All frames →" bottom right */
/* phones: the photo is page content (not pinned to the window), taller than the screen by --over at each end, and the
   page opens scrolled by --over: Safari then shows the photo under its status bar and toolbar (js/components/full-bleed.js) */
@media (pointer:coarse){
  .page.home{position:absolute;inset:0 0 auto 0;height:calc(100lvh + 2 * var(--over));touch-action:none} /* the finger moves the photo, not the page */
  .home .cap,.home .go{position:absolute!important;bottom:calc(100lvh - 100svh + var(--over) + 18px + var(--safe-b))!important} /* above the toolbar */
}
.home #heroBox{position:absolute;inset:0;cursor:pointer;overflow:hidden}
.home #heroBox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.home .cap,.home .go{position:fixed;z-index:1;bottom:calc(18px + var(--safe-b));color:#fff;mix-blend-mode:difference;font-weight:500}
.home .cap{left:var(--gut)}
.home .go{right:var(--gut)}
/* the frame that flies from home into its place on Overview (its layer: .vframe/.vimg in viewer.css) */
.dive{position:fixed;inset:0;z-index:90;pointer-events:none}