.premiery-page{display:block}

.premiery-hero{position:relative}
.premiery-hero-media{height:60vh}
.premiery-hero-copy{position:absolute;bottom:10%;left:5%;max-width:520px;color:#fff;display:flex;flex-direction:column;gap:1rem}
.premiery-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.6),transparent)}
.badge{background:rgba(255,255,255,0.2);padding:0.3rem 0.6rem;border-radius:0.5rem}
.badge-accent{background:var(--color-accent-primary);color:#fff}

.timeline-grid{display:grid;grid-template-columns:40px 1fr;gap:2rem}
.timeline-axis{background:var(--color-border-subtle);width:2px}
.timeline-card{border:1px solid var(--color-border-subtle);padding:1rem;border-radius:0.5rem}

.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}

.genres-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}

.masonry{column-count:3;column-gap:2rem}
.masonry-card{break-inside:avoid;margin-bottom:2rem}

.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}

.trends-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem}
.pull-quote{font-style:italic;border-left:3px solid var(--color-accent-secondary);padding-left:1rem}

.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}

.premiery-cta{display:flex;justify-content:center}
.cta-box{max-width:600px;text-align:center;padding:2rem;border:1px solid var(--color-border-subtle);border-radius:0.75rem}

@media(max-width:1000px){
.grid-3{grid-template-columns:1fr 1fr}
.masonry{column-count:2}
}
@media(max-width:700px){
.grid-3,.genres-grid,.platform-grid,.compare-grid{grid-template-columns:1fr}
.timeline-grid{grid-template-columns:1fr}
.premiery-hero-copy{position:static;color:var(--color-text-primary)}
.premiery-hero::after{display:none}
.masonry{column-count:1}
.trends-grid{grid-template-columns:1fr}
}