/* Mobile changes stay separate from the original desktop directory styles. */
@media(max-width:780px) and (hover:none) and (pointer:coarse){
 .selected-design.directory-page main.page-wrap > .directory-hero{
  min-height:300px;height:auto;aspect-ratio:auto;margin:0 -18px 18px;padding:22px 18px 30px;
  background:var(--bg) url('../assets_z7bjvg1p7ucl/directory-hero-clean.webp?v=db45d2ded06b') right bottom/cover no-repeat;
 }
 .selected-design.directory-page .directory-hero .directory-hero-copy{position:relative;z-index:2;width:100%;padding:0;max-width:none}
 .selected-design.directory-page .directory-hero .directory-hero-art{display:none}
 .selected-design.directory-page .directory-hero :is(#news-title,#page-title,#finance-title){
  font-size:clamp(26px,7.2vw,32px);line-height:1.3;width:100%;max-width:none;margin:6px 0 12px;text-wrap:balance;
 }
 .selected-design.directory-page #page-title span{display:inline;white-space:nowrap}
 .selected-design.directory-page .directory-hero :is(.yt-eyebrow,.finance-eyebrow){width:100%;font-size:12px;letter-spacing:.5px}
 .selected-design.directory-page .directory-hero :is(.news-lead,.yt-lead,.finance-lead){color:var(--text);font-size:14px;line-height:1.75;max-width:100%;text-wrap:wrap}
 .selected-design.directory-page .directory-hero .hero-phrase{white-space:nowrap}
 .selected-design.directory-page .selected-hero-stats{display:flex;flex-wrap:wrap}
 .selected-design.directory-page .hero-stat-separator{display:none}
 .selected-design.directory-page .directory-hero :is(.news-stats,.selected-hero-stats,.finance-totals){
  color:var(--text);max-width:100%;margin-top:16px;font-size:12px;gap:4px 10px;text-wrap:wrap;
 }
 .selected-design.directory-page .finance-lead br{display:inline}
 .selected-design.directory-page .directory-hero .news-stats{display:flex;flex-wrap:wrap;align-items:center;width:100%;max-width:none;gap:4px 12px}
 .selected-design.directory-page .news-stats>.ph{font-size:14px}
 .selected-design.directory-page .news-stats>span{white-space:nowrap}
 .selected-design.directory-page .news-stats>span:last-child{width:auto;white-space:nowrap}
 .selected-design.directory-page .finance-totals{flex-wrap:wrap}
 .selected-design.directory-page .news-stats>span[aria-hidden=true]{display:none}
 .selected-design.directory-page .finance-totals :is(strong,span){color:var(--text);font-size:12px}
}
@media(min-width:600px) and (max-width:780px) and (hover:none) and (pointer:coarse){
 .selected-design.directory-page main.page-wrap > .directory-hero{min-height:max(360px,53.11vw);padding-top:32px;background-position:center bottom}
}