.releases-page{overflow:hidden}

.releases-hero{position:relative}
.releases-hero img{width:100%;height:60vh;object-fit:cover}
.releases-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,20,26,0.9),rgba(18,20,26,0.2))}
.releases-hero-inner{position:absolute;inset:0;display:grid;grid-template-columns:5fr 7fr;gap:var(--space-5);align-items:center}
.hero-text{max-width:50ch}
.featured-cards{display:grid;grid-template-rows:1fr 1fr;gap:var(--space-3)}
.hero-card{position:relative;min-height:180px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary)}
.hero-card.large{min-height:220px}
.hero-card-overlay{position:absolute;inset:0;padding:var(--space-4);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-2);background:linear-gradient(180deg,transparent,rgba(0,0,0,0.7))}

.month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.month-intro{max-width:60ch}

.timeline{position:relative;padding-left:2rem}
.timeline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border-subtle)}
.timeline-item{position:relative;margin-bottom:var(--space-4);padding-left:var(--space-3);max-width:50ch}
.timeline-item .date{font-size:var(--fs-6);color:var(--color-accent-primary)}

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

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

.trends-text{max-width:680px;margin-inline:auto}

.accordion-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);overflow:hidden}
.accordion-header{width:100%;text-align:left;padding:var(--space-3);background:var(--color-bg-secondary)}
.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-base);padding-inline:var(--space-3)}
.accordion-item.active .accordion-content{max-height:200px;padding:var(--space-3)}

.cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:1000px){
.releases-hero-inner{grid-template-columns:1fr}
.featured-cards{grid-template-rows:auto}
.month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
.month-grid,.feature-cards,.platform-columns{grid-template-columns:1fr}
}