/* Equal story cards: two columns on desktop, one on mobile. */
#stories .stories-grid { grid-template-columns: minmax(0, 1fr); gap: 80px; }
#stories .story-card { grid-template-columns: minmax(0, 1fr); gap: 24px; }
#stories .story-heading { position: relative; padding-top: 38px; }
#stories .featured-label { position: absolute; top: 14px; left: 0; margin: 0; font-size: 10px; }
#stories .story-video { width: min(100%, 280px); }
#stories .story-copy { width: min(100%, 400px); margin-inline: auto; }
#stories .story-video[data-person="みあい（INSPIRE）"] .story-thumbnail { object-fit: contain; }
@media (min-width: 768px) {
  #stories .stories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 88px 64px; }
  #stories .story-video { width: min(100%, 340px); }
}

/* Story 02: retain the original photo and set the cover lettering in HTML. */
#stories .story-video[data-person="みぃちゃん"] { container-type: inline-size; }
#stories .miichan-cover-text { position: absolute; inset: 0; color: white; text-align: left; pointer-events: none; background: linear-gradient(transparent 48%, rgba(0,0,0,.12) 62%, rgba(0,0,0,.78) 100%); }
#stories .miichan-cover-number { position: absolute; top: 4.8%; left: 6.7%; padding-left: 2%; border-left: 2px solid var(--color-cyan); font: 900 3cqw var(--font-en); letter-spacing: .16em; line-height: 1.4; }
#stories .miichan-cover-number i { color: var(--color-pink); font-style: normal; }
#stories .miichan-cover-copy { position: absolute; left: 6.7%; right: 6.7%; bottom: 6.8%; display: block; }
#stories .miichan-cover-category { display: block; border-left: 2px solid var(--color-pink); padding-left: 2cqw; color: var(--color-cyan); font-size: 3.2cqw; font-weight: 900; line-height: 1.7; }
#stories .miichan-cover-title { display: block; margin: 4cqw 0 7cqw; font-size: 7cqw; font-weight: 900; line-height: 1.5; letter-spacing: -.045em; }
#stories .miichan-cover-title > span { display: block; white-space: nowrap; }
#stories .miichan-cover-name { display: block; font-size: 3.6cqw; font-weight: 900; line-height: 1.5; }
#stories .miichan-cover-name::before { content: ''; display: block; width: 13cqw; height: 2px; margin-bottom: 1.4cqw; background: linear-gradient(to right, var(--color-cyan) 80%, transparent 80% 86%, var(--color-pink) 86%); }