/* A branded sleeve until the visitor chooses a preview. Approved logo assets. */
.homepage .preview-listen[data-selection=none] .preview-cover{
 background:#f5f3ef!important;
 border-color:transparent!important;
 box-shadow:0 2px 6px #0004;
}
.homepage .preview-listen[data-selection=none] .preview-cover::after{display:none}
.homepage .preview-idle-cover{
 position:absolute;inset:0;display:flex;flex-direction:column;
 align-items:center;justify-content:center;gap:7px;padding:10%;
}
.homepage .preview-listen .preview-idle-cover .preview-idle-sign{
 position:static;width:43%;height:auto;aspect-ratio:1;object-fit:contain;
 filter:none;opacity:1;
}
.homepage .preview-idle-wordmark{
 display:block;width:77%;height:auto;aspect-ratio:117/41;overflow:hidden;
 filter:brightness(0);
}
.homepage .preview-listen[data-selection=none] .preview-seek-wrap::after{
 content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff26;
}
.homepage .preview-listen .controls .control:disabled{opacity:.32;cursor:default}
.homepage .preview-listen[data-selection=none] #time{opacity:.55}
.homepage .preview-listen[data-selection=none] #preview-seek{visibility:hidden}