/* HoldQ on its own page (his pick 2026-11-11): a film playing in a player and HoldQ's sign over it, playing by itself (hold.js).
   The film frame takes the column's width at the film's own 4:3, one L under the system line. */
.hold{margin:var(--l) 0 0}
.scene{position:relative;aspect-ratio:4/3;background:none}
.scene video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.scene video.gone{visibility:hidden}
.scene video.back{animation:back .2s ease-out}
@keyframes back{from{opacity:0}to{opacity:1}}

/* HoldQ's sign, in its own points (main.swift): 260 x 168, corners 18, the system's HUD material; the ring 88 pt across with
   a 4 pt line, from twelve o'clock clockwise, the app's 64 pt icon in it, 18 pt under it the line in the system font
   13 pt medium, 236 pt wide, centred; a second line makes the sign taller. The middle sits at 42 % of the height from the
   bottom, as on the screen. Colours: macOS's label colour, the ring at 90 %, its track at 18 %. */
.hud{position:absolute;left:50%;top:58%;z-index:1;box-sizing:border-box;width:260px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;
  border-radius:18px;transform:translate(-50%,-50%);pointer-events:none;
  background:rgba(232,232,232,.72);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);
  box-shadow:0 0 0 .5px rgba(0,0,0,.18),0 12px 32px rgba(0,0,0,.28);color:rgba(0,0,0,.85);
  font:500 13px/17px system-ui,-apple-system,sans-serif;text-align:center;opacity:0}
.hud .ring{position:relative;width:88px;height:88px}
.hud svg{position:absolute;inset:0;width:88px;height:88px;transform:rotate(-90deg)}
.hud circle{fill:none;stroke-width:4;stroke-linecap:round}
.hud .track{stroke:rgba(0,0,0,.18)}
.hud .fill{stroke:rgba(0,0,0,.9)}
.hud img{position:absolute;left:12px;top:12px;width:64px;height:64px}
.hud p{margin:18px 0 0;width:236px;min-height:18px;line-height:17px;padding-top:1px;box-sizing:border-box}
@media (prefers-color-scheme:dark){
  .hud{background:rgba(38,38,38,.62);box-shadow:0 0 0 .5px rgba(255,255,255,.14),0 12px 32px rgba(0,0,0,.5);color:rgba(255,255,255,.85)}
  .hud .track{stroke:rgba(255,255,255,.18)}
  .hud .fill{stroke:rgba(255,255,255,.9)}
}