/* Keep the full-color artwork and dark title treatment independent of app theme. */
.wire-heading{position:relative;flex-shrink:0;isolation:isolate;overflow:hidden}
.wire-heading.has-feed-cover{min-height:174px;align-items:flex-end;padding-top:38px;padding-bottom:16px;margin-bottom:0;background:#111;border-bottom:0}
.feed-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2;filter:none;opacity:1}
.feed-cover-main-desk{width:calc(100% + 48px);max-width:none}
.feed-cover[hidden]{display:none}
.has-feed-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(17,17,17,.04) 0%,rgba(17,17,17,.15) 25%,rgba(17,17,17,.68) 60%,rgba(17,17,17,.96) 85%,#111 100%)}
.has-feed-cover .wire-heading-copy{width:100%;position:relative}
.has-feed-cover .eyebrow{color:#d0d0d0;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.has-feed-cover h1{color:#fff;text-wrap:balance;text-shadow:0 1px 12px rgba(0,0,0,.25)}
@media(max-width:700px){.wire-heading.has-feed-cover{min-height:160px;padding-top:30px;padding-bottom:12px;margin-bottom:0}}
@media(max-width:700px){.feed-cover-main-desk{width:calc(100% + 32px)}}
.wire-panel .filter-row{padding-top:0;padding-bottom:0}
@media(max-height:650px) and (min-width:701px){.wire-heading.has-feed-cover{min-height:144px}}
/* Theme changes affect the list and controls, not the image masthead. */
.light .wire-panel{--bg-secondary:#fff;background:#fff}
.light .wire-panel .filter-row select{background-color:#fff}
