/* ========================================================================== Work samples — inline links inside the What disclosures that open a full-screen modal over the page. Two parts: 1. .sample-link — the hyperlinked text inside a disclosure bullet. 2. .ws-* — the modal: scrim, chrome, and a media card that is sized by JS to the asset's own aspect ratio. Layout model, because it is not obvious from the rules alone: the modal is a column — bar / stage / foot — and the CARD inside the stage is the only thing that carries the asset's shape. worksamples.js measures the space left after the bar and foot and gives the card the largest box of that aspect ratio which fits, then sets the dialog to the same width so the bar and foot line up with the media edges exactly. Nothing here guesses a size; the rules below only describe what the boxes look like once JS has sized them. The chrome sits ON the scrim, not on the card, so it is white type on a dimmed page while the card stays bright. That is what keeps the modal simple: one lit rectangle, everything else out of the way. ========================================================================== */ /* -------------------------------------------------------------------------- 1. The trigger -------------------------------------------------------------------------- Same rule the rest of the page follows: colour is the entire affordance, no underline, no size or weight change. It is a