/* Mobile Hero keeps the artwork and editorial copy in one continuous image panel. */
.tapdown-hero__mobile { display:none; }
@media (max-width:767px) {
	.tapdown-hero-js .tapdown-hero:not([data-hero-ready]) { visibility:hidden; }
	.tapdown-hero-js .tapdown-hero__card:not([data-hero-tone-settled]) { visibility:hidden; }
	.tapdown-hero.has-no-mobile-items { display:none; }
	.tapdown-hero__track { height:auto; aspect-ratio:7/5; touch-action:pan-y pinch-zoom; overflow:hidden; border-radius:18px; -webkit-clip-path:inset(0 round 18px); clip-path:inset(0 round 18px); isolation:isolate; }
	.tapdown-hero__group { transition:opacity 180ms var(--tt-control-ease); }
	.tapdown-hero__card { --tapdown-hero-tone:#182b40; --tapdown-hero-surface:var(--tapdown-hero-tone); --tapdown-hero-ink:#fff; --tapdown-hero-muted:rgba(255,255,255,.8); --tapdown-hero-rule:rgba(255,255,255,.3); --tapdown-hero-glass:rgba(255,255,255,.23); transition:none; background:var(--tapdown-hero-surface); }
	@supports (color:color-mix(in srgb,#000 90%,#fff 10%)) {
		.tapdown-hero__card { --tapdown-hero-surface:color-mix(in srgb,var(--tapdown-hero-tone) 90%,#fff 10%); }
	}
	/* Clip the complete card, including composited blur layers and its own background. */
	.tapdown-hero__card, .tapdown-hero__card.is-active { overflow:hidden; border-radius:18px; -webkit-clip-path:inset(0 round 18px); clip-path:inset(0 round 18px); isolation:isolate; }
	.tapdown-hero__card:focus-visible { outline:2px solid var(--tt-primary); outline-offset:-3px; }
	.tapdown-hero__card.has-light-hero-tone { --tapdown-hero-ink:#23262c; --tapdown-hero-muted:rgba(35,38,44,.76); --tapdown-hero-rule:rgba(35,38,44,.2); --tapdown-hero-glass:rgba(52,58,70,.28); }
	.tapdown-hero__card > .tapdown-hero__img,
	.tapdown-hero__card > .tapdown-hero__shade,
	.tapdown-hero__card > .tapdown-hero__content { display:none; }
	.tapdown-hero__mobile { position:absolute; inset:0; display:flex; flex-direction:column; overflow:hidden; border-radius:inherit; color:var(--tapdown-hero-ink); }
	.tapdown-hero__mobile, .tapdown-hero__mobile *, .tapdown-hero__mobile *::after { transition:none; }
	.tapdown-hero__mobile-art { position:relative; display:block; flex:1 1 0; min-height:0; background:var(--tapdown-hero-surface); }
	.tapdown-hero__mobile-backdrop { position:absolute; z-index:0; inset:-16px -16px -100px; display:block; width:calc(100% + 32px); height:calc(100% + 116px); object-fit:cover; filter:blur(18px) brightness(.72) saturate(.9); pointer-events:none; }
	.tapdown-hero__mobile-image { position:absolute; z-index:1; inset:0; display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
	.tapdown-hero__mobile-art.can-cover .tapdown-hero__mobile-image { object-fit:cover; object-position:center 43%; }
	.tapdown-hero__mobile-art::after { content:""; position:absolute; z-index:2; inset:auto 0 0; height:min(55%,140px); background:linear-gradient(to bottom,transparent 0%,var(--tapdown-hero-surface) 100%); pointer-events:none; }
	.tapdown-hero__mobile-art.has-story::after { height:min(83%,190px); }
	.tapdown-hero__mobile-story { position:absolute; z-index:3; right:14px; bottom:10px; left:14px; display:flex; flex-direction:column; align-items:flex-start; gap:7px; min-width:0; text-shadow:0 1px 3px rgba(0,0,0,.36); }
	.has-light-hero-tone .tapdown-hero__mobile-story { text-shadow:none; }
	.tapdown-hero__mobile-info { position:relative; z-index:4; flex:0 0 auto; padding:0 14px 11px; background:var(--tapdown-hero-surface); }
	.tapdown-hero__mobile-recommend { display:inline-flex; align-items:center; gap:1px; max-width:100%; padding:4px 6px; overflow:hidden; border:0; border-radius:999px; -webkit-clip-path:inset(0 round 999px); clip-path:inset(0 round 999px); isolation:isolate; background:#73717a; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); color:#fff; font-size:11px; line-height:16px; font-weight:650; white-space:nowrap; text-shadow:0 1px 2px rgba(0,0,0,.24); }
	.tapdown-hero__mobile-recommend .tapdown-card__laurel { flex-basis:12px; width:12px; height:16px; }
	@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
		.tapdown-hero__mobile-recommend { background:var(--tapdown-hero-glass); -webkit-backdrop-filter:blur(10px) saturate(115%); backdrop-filter:blur(10px) saturate(115%); }
	}
	.tapdown-hero__mobile-excerpt { display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; line-height:22px; font-weight:700; color:var(--tapdown-hero-ink); }
	.tapdown-hero__mobile-summary { display:flex; align-items:center; gap:10px; min-width:0; padding-top:10px; border-top:1px solid var(--tapdown-hero-rule); }
	.tapdown-hero__mobile-icon { display:block; flex:0 0 46px; width:46px; height:46px; object-fit:cover; border-radius:10px; background:rgba(255,255,255,.08); }
	.tapdown-hero__mobile-copy { flex:1 1 auto; min-width:0; }
	.tapdown-hero__mobile-title { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; line-height:20px; font-weight:650; }
	.tapdown-hero__mobile-tags { display:block; margin-top:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; line-height:16px; color:var(--tapdown-hero-muted); }
	.tapdown-hero__mobile-score { display:flex; flex:0 0 auto; flex-direction:column; align-items:flex-end; align-self:flex-end; margin-bottom:1px; color:#fff; font-variant-numeric:tabular-nums; white-space:nowrap; }
	.tapdown-hero__mobile-score-label { font-size:11px; line-height:14px; font-weight:650; }
	.tapdown-hero__mobile-score-value { font-size:clamp(27px,7.2vw,30px); line-height:1; font-weight:750; letter-spacing:-.035em; }
	.has-light-hero-tone .tapdown-hero__mobile-score { text-shadow:0 1px 3px rgba(22,30,40,.7),0 0 1px rgba(22,30,40,.8); }
	.tapdown-hero__mobile-backdrop.has-image-error { visibility:hidden; }
	.tapdown-hero__mobile-image.has-image-error { visibility:hidden; }
	.tapdown-hero__mobile-icon.has-image-error { visibility:hidden; }
	html[data-ui-input="keyboard"] .tapdown-hero__group { transition:none; }
}
@media (max-width:359px) {
	.tapdown-hero__mobile-info { padding:0 12px 9px; }
	.tapdown-hero__mobile-story { right:12px; bottom:8px; left:12px; gap:5px; }
	.tapdown-hero__mobile-excerpt { font-size:14px; line-height:19px; }
	.tapdown-hero__mobile-summary { gap:8px; padding-top:8px; }
	.tapdown-hero__mobile-icon { flex-basis:40px; width:40px; height:40px; }
	.tapdown-hero__mobile-title { font-size:14px; line-height:18px; }
	.tapdown-hero__mobile-recommend { line-height:14px; }
}
@media (max-width:767px) and (prefers-reduced-motion:reduce) {
	.tapdown-hero__group { transition:none!important; }
}
@media (max-width:767px) and (prefers-reduced-transparency:reduce), (max-width:767px) and (prefers-contrast:more) {
	.tapdown-hero__mobile-recommend { background:#595c65; -webkit-backdrop-filter:none; backdrop-filter:none; }
}