/* Tablet and mobile spacing, info bar alignment, thumbnails, library hero. */

/* Same-size thumbnails everywhere */
.me-w .cover,.me-w .lcover{padding:0!important;overflow:hidden;aspect-ratio:16/9;width:100%}
.me-w .cover img,.me-w .lcover img{width:100%!important;height:100%!important;object-fit:cover;object-position:center 30%;display:block}
.me-w.me-p-library .hero-img{padding:0;position:relative;overflow:hidden}
.me-w.me-p-library .hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}

/* Library hero matches the Leaf hero height */
.me-w.me-p-library .hero{min-height:clamp(600px,calc(54.7vw + 110px),820px)}

/* Tablet and below: less room above the hero, labels line up with the hero title */
@media (max-width:1100px){
	body.me-has-design:not(.me-d-library) #qodef-page-inner{padding-top:0!important}
	.me-w:not(.me-p-library){padding-top:16px!important}
	.me-w.me-p-leaf .herowrap,.me-w.me-p-video .vwrap{padding-top:12px}
	.me-w.me-p-staggered .hero{padding-top:clamp(32px,6vw,64px)}
}
/* Mobile: Library only loses the gap above the search bar */
@media (max-width:600px){
	body.me-d-library #qodef-page-inner{padding-top:0!important}
	.me-w.me-p-library{padding-top:16px!important}
}

/* Info bar labels start where the hero title starts, at every width */
.me-w.me-p-leaf .facts .bar{padding-left:clamp(24px,4.4vw,56px);padding-right:clamp(24px,4.4vw,56px)}
.me-w.me-p-podcast .bandwrap{max-width:none;padding-left:clamp(16px,3.1vw,40px);padding-right:clamp(16px,3.1vw,40px)}
.me-w.me-p-podcast .band{padding-left:clamp(24px,7.5vw,96px);padding-right:clamp(24px,5.6vw,72px)}
.me-w.me-p-staggered .facts{max-width:none;padding-left:clamp(24px,7.5vw,96px);padding-right:clamp(24px,7.5vw,96px)}

/* Video: same gap above the hero as the other templates, all widths */
.me-w.me-p-video .vwrap{padding-top:12px}

/* Preview modal hero 30% taller */
.me-w.me-p-library .mcover{min-height:clamp(234px,39vw,390px)}

/* Thumbnail eyebrow: format on line one, collection on line two, every card */
.me-w .card .kick span{display:block;line-height:1.6}
.me-w .card .kick{min-height:3.2em}

/* Library hero title gets the full text column */
.me-w.me-p-library .h1{max-width:min(100%,14.5em)}
.me-w.me-p-library .hero-text{flex:1.5 1 440px}