/* The approved glass ashtray sits beside the receiver, separate from all controls. */
.radio-illustration-row{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:100%;min-width:0;margin:0 0 10px;padding-top:12px;overflow:visible;pointer-events:none}
.mess-mini-radio .radio-illustration-row>.mini-radio-artwork,.radio-retro-receiver .radio-illustration-row>.radio-approved-artwork{position:relative;z-index:1;flex:0 0 72%;width:72%;min-width:0;margin:0;isolation:isolate;overflow:visible}
.radio-illustration-row>.radio-ashtray{position:relative;z-index:2;flex:0 0 34%;width:34%;min-width:0;aspect-ratio:3/2;margin:0 0 0 -6%;align-self:flex-end;overflow:visible;pointer-events:none;isolation:isolate}
.radio-ashtray>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transform:none;filter:drop-shadow(0 7px 8px #0903114d)}
.radio-ashtray>canvas,.radio-ashtray>svg{position:absolute;pointer-events:none;overflow:visible}
.radio-ashtray .radio-ashtray-plume{position:absolute;left:0;bottom:0;width:100%;height:calc(100% + 80px);overflow:visible;pointer-events:none}
.mess-mini-radio .radio-illustration-row .mini-radio-art-image{width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
.radio-retro-receiver .radio-header>.radio-illustration-row{margin-bottom:12px;padding-top:17px}
@media(max-width:420px){.radio-illustration-row{margin-bottom:8px;padding-top:15px}.radio-retro-receiver .radio-header>.radio-illustration-row{padding-top:20px;margin-bottom:12px}}
/* Leave a clear gap between the two physical objects. */
.radio-illustration-row{gap:8%}
.mess-mini-radio .radio-illustration-row>.mini-radio-artwork,.radio-retro-receiver .radio-illustration-row>.radio-approved-artwork{flex-basis:60%;width:60%}
.radio-illustration-row>.radio-ashtray{flex-basis:32%;width:32%;margin-left:0}

/* One shared metal surface. Natural-ratio artwork is framed past its alpha margins. */
.radio-illustration-row{margin-bottom:18px}
.radio-illustration-row::before{content:"";position:absolute;z-index:0;left:-1%;right:-1%;bottom:-10%;aspect-ratio:2091/300;pointer-events:none;background-image:url('assets/radio-surface-v1.png');background-repeat:no-repeat;background-size:100% auto;background-position:center 66%;background-color:transparent}
.radio-retro-receiver .radio-header>.radio-illustration-row{margin-bottom:22px}