/* A stable illustration stage and a separate, readable caption. */
.record-art{min-height:0;display:grid;gap:22px;align-content:center;min-width:0}
.record-scene{position:relative;width:100%;max-width:520px;aspect-ratio:1.16;margin-inline:auto;isolation:isolate}
.record-scene .record-art-circle{width:80%;height:auto;aspect-ratio:1;left:3%;top:6%;z-index:0}
.record-scene .record-dog{height:87%;width:85%;left:-1%;top:0;transform:rotate(-2deg);z-index:1}
.record-scene .record-duck{width:39%;height:48%;right:0;bottom:7%;transform:rotate(3deg);z-index:2}
.record-scene .record-squiggle{width:60%;left:12%;bottom:7%;z-index:0}
.record-art .record-art-caption{position:static;display:block;transform:none;text-align:center;font-size:clamp(20px,1.65vw,24px);line-height:1.45;font-weight:450;letter-spacing:-.02em;max-width:28ch;margin:0 auto;color:var(--accent);padding-inline:8px}
@media(max-width:1000px) and (min-width:701px){.record-art{gap:16px}.record-art .record-art-caption{font-size:20px}}
@media(max-width:700px){.record-art{min-height:0;gap:20px;margin-top:20px;max-width:380px}.record-art .record-art-caption{font-size:21px}.record-scene{max-width:360px}}
@media(max-width:380px){.record-art .record-art-caption{font-size:19px}}