/* Frames sit inside the existing picture bounds, so every crop and strip keeps its size. */
[data-photo-frame="a"]{--photo-radius:18px;--photo-line:rgba(112,83,58,.22);--photo-mat:1px;--photo-shadow:0 3px 12px rgba(48,45,40,.07)}
[data-photo-frame="b"]{--photo-radius:10px;--photo-line:#fff;--photo-mat:7px;--photo-shadow:0 0 0 1px rgba(112,83,58,.24),0 3px 12px rgba(48,45,40,.06)}
[data-photo-frame="c"]{--photo-radius:30px;--photo-line:rgba(112,83,58,.18);--photo-mat:1px;--photo-shadow:0 3px 12px rgba(48,45,40,.06)}
[data-photo-frame] :is(.hp-photo,.hp-taste-row li,.hp-venue-photo,.sv-door,.mn-thumb,.mr-setup img,.mr-night,.pw-tile,.gv-tile,.gv-layer,.gv-pair img,.kw-list img){border-radius:var(--photo-radius);outline:var(--photo-mat) solid var(--photo-line);outline-offset:calc(-1 * var(--photo-mat));box-shadow:var(--photo-shadow)}
/* Rounded containers also clip moving photographs and their existing captions. */
[data-photo-frame] :is(.hp-photo,.hp-taste-row li,.sv-door,.mr-night,.pw-tile,.gv-tile,.gv-layer){overflow:hidden}
[data-photo-frame="c"] :is(.hp-photo,.hp-venue-photo,.sv-door.is-open,.mr-setup:first-child img,.mr-night,.gv-layer,.gv-pair figure:first-child img,.gv-tile:first-child){border-radius:clamp(60px,12vw,160px) clamp(60px,12vw,160px) 30px 30px}
/* A print mat remains visible above moving images, without covering the controls. */
[data-photo-frame="b"] :is(.hp-photo,.hp-taste-row li,.sv-door,.mr-night,.pw-tile,.gv-tile){outline:7px solid #fff;outline-offset:-7px}
@media(max-width:720px){[data-photo-frame="b"]{--photo-mat:5px}[data-photo-frame="b"] :is(.hp-photo,.hp-taste-row li,.sv-door,.mr-night,.pw-tile,.gv-tile){outline-width:5px;outline-offset:-5px}}
