/* Edge-to-edge recordings with equal frame sizes across selected work. */
.project .ink-recording{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:1280/746;padding:0;gap:0;background:#0e1c2c;overflow:hidden;filter:none}
.ink-recording-stage{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;overflow:hidden}
.ink-recording-stage video{display:block;width:100%;height:100%;object-fit:cover;background:#0e1c2c}
.ink-recording-stage video[hidden]{display:none}
.ink-recording video:focus-visible{outline:2px solid #fff;outline-offset:-3px}

/* Website framing keeps the navigation at the top, centred horizontally. */
.project-ink-website .ink-recording video,.project-vision .ink-recording video{object-position:center top}
.recording-heading{margin:0 0 22px}
.recording-heading .eyebrow{margin:0 0 10px}
.recording-heading h3{font:600 27px/1.2 var(--display);letter-spacing:-.04em;margin:0}
.project-grid{align-items:start}
@media(max-width:600px){.recording-heading{margin-bottom:16px}.recording-heading h3{font-size:25px}}

/* Portfolio recordings have no interactive player UI. */
.ink-recording-stage video{pointer-events:none;user-select:none}
.ink-recording-stage video::-webkit-media-controls{display:none!important}