.artykuly-page section{position:relative}

.art-hero{min-height:90vh;display:flex;align-items:center}
.art-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,27,31,0.9),rgba(24,27,31,0.4))}
.art-hero-content{position:relative}
.art-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-4)}

.art-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.art-card{display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--transition-medium)}
.art-card:hover{transform:translateY(-6px)}
.art-card img{width:100%;height:200px;object-fit:cover}
.art-card-body{display:flex;flex-direction:column;gap:var(--space-3)}

.art-categories{text-align:center}
.art-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.art-cat{padding:var(--space-4);border:var(--border-thin);transition:all var(--transition-fast)}
.art-cat:hover{color:var(--color-accent-secondary)}

.art-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.art-list-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.art-list-item img{width:100%;height:220px;object-fit:cover}

.art-chef-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}
.art-chef-text{max-width:480px;display:flex;flex-direction:column;gap:var(--space-4)}

.art-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.art-event-box{height:220px;background:var(--color-surface-secondary);border:var(--border-thin);overflow:hidden}
.art-event-box img{width:100%;height:100%;object-fit:cover}

.art-trends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);text-align:center}
.art-trends-grid > div{max-width:360px;margin:0 auto}

.art-cta{background:var(--color-surface-secondary);text-align:center;padding:var(--space-7) 0}
.art-cta-inner{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;max-width:520px;margin:0 auto}

.art-news-box{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}
.art-news-form{display:flex;gap:var(--space-3);width:100%;max-width:500px}

@media (max-width:1024px){
.art-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.art-list-grid{grid-template-columns:1fr}
.art-chef-grid{grid-template-columns:1fr}
.art-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.art-trends-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
.art-featured-grid{grid-template-columns:1fr}
.art-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.art-events-grid{grid-template-columns:1fr}
.art-list-item{grid-template-columns:1fr}
.art-news-form{flex-direction:column}
}