.ng-page{display:block}

.ng-hero{position:relative;min-height:70vh;display:flex;align-items:center}
.ng-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ng-hero-content{position:relative;max-width:520px;margin-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}

.ng-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.ng-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}
.ng-meta{font-size:var(--text-xs);color:var(--text-secondary)}

.ng-timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.ng-month{border-left:2px solid var(--accent-blue);padding-left:var(--space-3)}

.ng-indie-img{margin-bottom:var(--space-3)}
.ng-indie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}

.ng-trends-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}

.ng-monthly{position:relative}
.ng-monthly-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ng-monthly-content{position:relative;max-width:500px;display:flex;flex-direction:column;gap:var(--space-3)}

.ng-genres-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.ng-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}

.ng-cta{text-align:center;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}

@media(max-width:1000px){
.ng-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ng-genres-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
.ng-featured-grid,.ng-timeline-grid,.ng-indie-grid,.ng-trends-grid,.ng-editorial-grid{grid-template-columns:1fr}
.ng-hero-content{margin:0 auto;padding:var(--space-4);text-align:center}
}