{
  "version": 3,
  "sources": ["src/app/features/blog/components/article-header/article-header.component.css"],
  "sourcesContent": [".article-header__breadcrumb {\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding: var(--space-4) var(--grid-margin);\n}\n\n.article-header__hero {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 0;\n}\n\n.article-header__image {\n  width: 100%;\n  height: auto;\n  aspect-ratio: 21 / 9;\n  object-fit: cover;\n  display: block;\n}\n\n.article-header__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to top,\n    rgba(0, 0, 0, 0.85) 0%,\n    rgba(0, 0, 0, 0.4) 50%,\n    var(--hero-accent, rgba(0, 0, 0, 0.2)) 100%\n  );\n  mix-blend-mode: multiply;\n}\n\n.article-header__content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: var(--space-8) var(--space-10);\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n}\n\n.article-header__badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  margin-bottom: var(--space-3);\n}\n\n.article-header__game-badge {\n  display: inline-block;\n  padding: var(--space-1) var(--space-3);\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-inverse);\n  border-radius: var(--radius-badge);\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  text-decoration: none;\n}\n\n.article-header__cat-badge {\n  display: inline-block;\n  padding: var(--space-1) var(--space-3);\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-inverse);\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: var(--radius-badge);\n  text-decoration: none;\n  transition: background var(--transition-fast);\n}\n\n.article-header__cat-badge:hover {\n  background: rgba(255, 255, 255, 0.32);\n}\n\n.article-header__meta {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  color: rgba(255, 255, 255, 0.8);\n  margin-bottom: var(--space-3);\n}\n\n.article-header__title {\n  font-family: var(--font-heading);\n  font-weight: var(--font-weight-heading-bold);\n  font-size: clamp(1.75rem, 4vw, 2.5rem);\n  line-height: var(--leading-tight);\n  color: var(--color-text-inverse);\n  margin: 0 0 var(--space-4);\n  max-width: 800px;\n}\n\n.article-header__author {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n}\n\n.article-header__avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n  border: 2px solid rgba(255, 255, 255, 0.4);\n}\n\n.article-header__author-info {\n  display: flex;\n  flex-direction: column;\n}\n\n.article-header__author-name {\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-inverse);\n}\n\n.article-header__author-role {\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  color: rgba(255, 255, 255, 0.7);\n}\n\n@media (max-width: 768px) {\n  .article-header__image {\n    aspect-ratio: 16 / 9;\n  }\n\n  .article-header__content {\n    padding: var(--space-5) var(--space-4);\n  }\n\n  .article-header__title {\n    font-size: clamp(1.25rem, 5vw, 1.75rem);\n  }\n}\n"],
  "mappings": ";AAAA,CAAA;AACE,aAAA,IAAA;AACA,iBAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACF;AAEA,CAAA;AACE,YAAA;AACA,SAAA;AACA,YAAA;AACA,iBAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,gBAAA,GAAA,EAAA;AACA,cAAA;AACA,WAAA;AACF;AAEA,CAAA;AACE,YAAA;AACA,SAAA;AACA;IAAA;;;;;AAMA,kBAAA;AACF;AAEA,CAAA;AACE,YAAA;AACA,SAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,aAAA,IAAA;AACA,iBAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,aAAA;AACA,OAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACA,kBAAA;AACA,kBAAA;AACA,mBAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,iBAAA,IAAA;AACA,mBAAA;AACA,cAAA,WAAA,IAAA;AACF;AAEA,CAbA,yBAaA;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,MAAA,OAAA,EAAA,GAAA,EAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,UAAA,EAAA,EAAA,IAAA;AACA,aAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACA,cAAA;AACA,UAAA,IAAA,MAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACF;AAEA,QAAA,WAAA;AACE,GAzHF;AA0HI,kBAAA,GAAA,EAAA;AACF;AAEA,GAzGF;AA0GI,aAAA,IAAA,WAAA,IAAA;AACF;AAEA,GAnDF;AAoDI,eAAA,MAAA,OAAA,EAAA,GAAA,EAAA;AACF;AACF;",
  "names": []
}