.media-hero__head{gap:var(--ds-space-4);min-width:0;padding:var(--ds-space-5);flex-direction:column;grid-area:head;display:flex}.media-hero__titles,.media-hero__names{min-width:0}.media-hero__names--clickable{text-align:left;border-radius:var(--ds-radius-md);width:100%;display:block}.media-hero__names--clickable .media-hero__title,.media-hero__names--clickable .media-hero__orig,.media-hero__names--clickable .media-hero__jp{transition:color var(--ds-transition-fast)}.media-hero__names--clickable:hover .media-hero__title{color:var(--ds-accent-4)}.media-hero__names--clickable:hover .media-hero__orig{color:var(--ds-accent-3)}.media-hero__names--clickable:hover .media-hero__jp{color:color-mix(in srgb, var(--ds-accent-3) 70%, var(--ds-text-muted))}.media-hero__title{font-family:var(--ds-font-heading);font-weight:var(--ds-font-weight-extrabold);font-size:var(--ds-font-2xl);line-height:var(--ds-line-height-tight);letter-spacing:-.02em;color:var(--ds-text-primary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.media-hero__orig{font-size:var(--ds-font-xs);line-height:var(--ds-line-height-normal);color:var(--ds-text-secondary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@container media-detail (min-width:576px){.media-hero__orig{-webkit-line-clamp:2;line-clamp:2}}@container media-detail (min-width:1024px){.media-hero__title{font-size:var(--ds-font-3xl)}.media-hero__orig{font-size:var(--ds-font-sm)}}.media-hero__jp{font-family:var(--ds-font-mono);font-size:var(--ds-font-sm);color:var(--ds-text-muted);margin-left:var(--ds-space-2)}.media-hero__jp--solo{margin-left:0}.media-hero__tagline{gap:var(--ds-space-2);font-style:italic;font-size:var(--ds-font-md);line-height:var(--ds-line-height-normal);color:var(--ds-text-muted);align-items:flex-start;margin:0;display:flex}.media-hero__tagline-icon{color:var(--ds-text-dimmed);flex-shrink:0;margin-top:2px}.media-hero__tagline-txt{-webkit-line-clamp:3;line-clamp:3;min-width:0;-webkit-box-orient:vertical;padding-inline-end:var(--ds-space-1);display:-webkit-box;overflow:hidden}.media-hero__meta{width:100%;min-width:0}.media-hero__meta-row{min-width:0}.media-hero__meta-row--badges>button,.media-hero__meta-row--badges>a{font-size:var(--ds-font-xs);line-height:var(--ds-line-height-tight);align-items:center;display:inline-flex}@container media-detail (max-width:1000px){.media-hero__head{padding:var(--ds-space-4);gap:var(--ds-space-3)}}@container media-detail (max-width:560px){.media-hero__head.ds-surface{background:var(--ds-glass-bg-inset);-webkit-backdrop-filter:var(--ds-glass-blur-md);backdrop-filter:var(--ds-glass-blur-md);border:var(--ds-border-width) solid var(--ds-border-default);border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;padding:var(--ds-space-4) var(--ds-space-4) 0;border-bottom:0;align-items:center;width:100%}.media-hero__titles{text-align:center;width:100%}.media-hero__names--clickable{text-align:center}.media-hero__jp,.media-hero__jp--solo{display:none}.media-hero__tagline{text-align:center;display:block}.media-hero__tagline-icon{vertical-align:middle;margin-top:0;margin-right:var(--ds-space-1);display:inline}.media-hero__tagline-txt{font-size:var(--ds-font-2xs);display:inline}.media-hero__meta-row{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, var(--ds-text-primary) 88%, transparent);-webkit-mask-image:linear-gradient(90deg, var(--ds-text-primary) 88%, transparent);mask-image:linear-gradient(90deg, var(--ds-text-primary) 88%, transparent);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.media-hero__meta-row::-webkit-scrollbar{display:none}.media-hero__meta-row>*{flex:none}.media-hero__meta-row--badges{column-gap:var(--ds-space-2);row-gap:var(--ds-space-1);flex-wrap:wrap;justify-content:center;align-items:baseline;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.media-hero__meta-row--badges,.media-hero__meta-row--badges *{-webkit-user-select:none;user-select:none}.media-hero__meta-row--badges>:not(:last-child):after{content:"·";color:var(--ds-text-dimmed);margin-inline-start:var(--ds-space-2)}}[data-mantine-color-scheme=light] .media-hero__names--clickable:hover .media-hero__title{color:var(--ds-accent-8)}[data-mantine-color-scheme=light] .media-hero__names--clickable:hover .media-hero__orig{color:var(--ds-accent-7)}[data-mantine-color-scheme=light] .media-hero__names--clickable:hover .media-hero__jp{color:color-mix(in srgb, var(--ds-accent-7) 70%, var(--ds-text-muted))}