/* Brailly's page (4 November 2026). Step G (7 November): the shared rules are in /style.css; what is left here is this page’s own. */

.bm-stage{position:relative;aspect-ratio:1600/1100;isolation:isolate}.bm-stage .poster{display:block;width:100%;height:100%;object-fit:contain}.bm-stage.ready .poster{display:none}
.bm-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-6px}.bm-stage canvas.held{cursor:grabbing}.bm-stage canvas:focus-visible{outline:3px solid var(--accent)}
.bm-key-help{position:absolute;left:12px;right:12px;bottom:8px;display:none;margin:0;font-size:13px;pointer-events:none;background:var(--paper)}.bm-stage:has(:focus-visible) .bm-key-help{display:block}
.bm-letter{margin-top:12px;font-size:21px;line-height:1.3;min-height:1.3em}
.bm figcaption{max-width:62ch;margin-top:8px}.bm-hint{color:var(--ink)}
@media(max-width:720px){.bm-stage{aspect-ratio:1/1.05;margin-inline:calc(-1 * var(--gutter))}}
.bra-intro{margin-top:34px;max-width:62ch}
.bra-film{margin-top:30px}.bra-film video{display:block;width:100%;height:auto;background:#e7e7e5}
.bra-photos{grid-template-columns:1fr 1fr}.bra-board{grid-template-columns:1fr}.bra-board,.bra-renders{margin-top:0}
.pp-chapter .pp-inside{margin-top:42px}.pp-chapter .pp-stills{align-self:start}
#bench .pp-stills{margin-top:42px}
@media(max-width:720px){.bra-photos{grid-template-columns:1fr 1fr}.pp-chapter .pp-inside{margin-top:28px}}