.overview-hero__layout { align-items: center; }
.overview-hero__content { max-width: 640px; }
.overview-hero__media { display: none; }
.overview-hero__figure { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md); }
.overview-hero__image { width: 100%; height: auto; }
.overview-hero__links { font-size: var(--font-size-sm); color: var(--gray-700); display: flex; flex-wrap: wrap; gap: var(--space-4); }
.overview-hero__link { border-bottom: 1px solid transparent; }
.overview-hero__divider { color: var(--gray-500); }
.overview-section-header { max-width: 720px; margin: 0 auto var(--space-24); text-align: left; }
.overview-section-header p { font-size: var(--font-size-md); }
.overview-grid { align-items: stretch; }
.overview-features-layout { display: grid; gap: var(--space-24); align-items: center; }
.overview-features-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-16); }
.overview-features-media { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md); margin: 0; }
.overview-features-media img { width: 100%; height: auto; }
.overview-graphics-layout { display: grid; gap: var(--space-24); align-items: center; }
.overview-graphics-media { border-radius: var(--radius-xl); overflow: hidden; margin: 0; box-shadow: var(--shadow-md); }
.overview-graphics-media img { width: 100%; height: auto; }
.overview-mechanics-grid { align-items: stretch; }
.overview-gameplay-layout { display: grid; gap: var(--space-24); align-items: center; }
.overview-gameplay-media { border-radius: var(--radius-xl); overflow: hidden; margin: 0; box-shadow: var(--shadow-md); }
.overview-gameplay-media img { width: 100%; height: auto; }
.overview-audience-grid { align-items: stretch; }
.overview-faq-layout { max-width: 900px; margin: 0 auto; }
.overview-faq-list { display: grid; gap: var(--space-16); margin-top: var(--space-16); }
.overview-faq-item dt { font-weight: 600; margin-bottom: var(--space-4); color: var(--color-text); }
.overview-faq-item dd { margin: 0; color: var(--color-text-muted); }
.overview-faq-cta { margin-top: var(--space-16); display: flex; flex-wrap: wrap; gap: var(--space-8); }
.overview-cta-layout { display: grid; gap: var(--space-24); align-items: center; }
.overview-cta-buttons { display: flex; flex-wrap: wrap; gap: var(--space-8); margin-top: var(--space-8); }
.overview-cta-links { font-size: var(--font-size-sm); color: var(--gray-700); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.overview-cta-media { border-radius: var(--radius-xl); overflow: hidden; margin: 0; box-shadow: var(--shadow-md); }
.overview-cta-media img { width: 100%; height: auto; }
.overview-coming-grid { align-items: stretch; }
.overview-link-inline { font-size: var(--font-size-sm); }
.overview-link-inline:hover { border-bottom-color: rgba(91, 140, 255, 0.6); }
@media (min-width: 720px) { .overview-hero__media { display: block; } .overview-features-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .overview-section-header { text-align: center; } .overview-graphics-layout { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } .overview-gameplay-layout { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } .overview-cta-layout { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } }