One card, three containers, one viewport.

Everything on this page scales. Resize the window and the type, spacing, corners and header all move. The interesting part is below: the same card markup sits in a 240px slot, a 380px slot and a 520px slot, all at the same time.

The Details button opens a drawer whose width, slide distance, backdrop blur and transition duration all scale with the window. The first three are lengths, so both sheets handle them identically. Duration is where clamp() arithmetic stops, because seconds cannot be added to a length. Note that the container here is the page: 100cqi with no container ancestor falls back to the viewport, so both sheets read the same number and only the arithmetic differs.