.viewer-page{flex-direction:column;display:flex}.stage{padding:24px var(--gutter);flex:1;justify-content:center;align-items:center;gap:40px;display:flex}.stage.is-empty{flex-direction:column}.arrow{min-width:44px;min-height:44px;color:var(--ink);opacity:.7;cursor:pointer;background:0 0;border:0;flex:none;padding:12px;font-size:34px;line-height:1}.arrow:hover{opacity:1}.photo{cursor:pointer;touch-action:pan-y;min-width:0;margin:0}.photo img{width:auto;max-width:100%;height:auto;max-height:clamp(280px,100dvh - 330px,920px);display:block;box-shadow:0 30px 80px #00000061}.viewer-foot{padding:0 var(--gutter) 28px}.ticks{gap:3px;height:28px;display:flex}.tick{cursor:pointer;background:0 0;border:0;flex:1 1 0;min-width:0;height:100%;padding:0;position:relative}.tick:before{content:"";background:var(--tick);opacity:.55;height:6px;position:absolute;inset:auto 0 6px}html.ready .tick:before{transition:height .2s,opacity .2s}.tick:hover:before{opacity:.85}.tick[aria-current=true]:before{opacity:1;height:16px}.meta{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px 24px;padding-top:12px;display:grid}.title{margin:0;font-size:15px;font-weight:500}.families{flex-wrap:wrap;justify-content:center;gap:4px 24px;display:flex}.fam{letter-spacing:-.01em;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:2px 0;font-weight:500;display:flex}.fam:hover{color:var(--ink)}.fam[aria-current=true]{color:var(--ink);box-shadow:0 1px}.fam-dot{border-radius:50%;width:9px;height:9px;display:block}.fam sup{font:400 11px var(--font-mono);vertical-align:top;color:var(--muted)}.meta-hex{justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=860px){.meta{grid-template-columns:1fr auto}.families{grid-area:2/1/auto/-1;justify-content:flex-start;gap:4px 18px}}@media (width<=640px){.stage{gap:4px;padding:16px 8px}.arrow{padding:6px;font-size:24px}.ticks{gap:2px}.viewer-foot{padding-bottom:24px}}@media (pointer:coarse){.fam{padding:10px 0}}