{
  "version": 3,
  "sources": ["src/app/features/about/about-page.component.css"],
  "sourcesContent": ["/* ═══════════════════════════════════════════════════\n   AboutPageComponent — Editorial layout styles\n   ═══════════════════════════════════════════════════ */\n\n/* ── Layout: prose reading width ── */\n.prose-container {\n  max-width: 45rem;\n  margin-inline: auto;\n  padding-inline: var(--grid-margin);\n}\n\n/* ── Layout: grid container ── */\n.about-grid {\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding-inline: var(--grid-margin);\n}\n\n/* ── Section base ── */\n.about-section {\n  padding-block: var(--space-section-min);\n}\n\n.about-section--alt {\n  background-color: var(--color-surface-secondary);\n}\n\n.about-section--dark {\n  background-color: var(--color-surface-community);\n  color: var(--color-text-inverse);\n}\n\n/* ── Section title ── */\n.about-section__title {\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-2xl);\n  line-height: var(--leading-tight);\n  color: var(--color-text-primary);\n  margin-bottom: var(--space-6);\n}\n\n.about-section__title--centered {\n  text-align: center;\n}\n\n/* ── Prose paragraphs ── */\n.about-prose p {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-lg);\n  line-height: var(--leading-relaxed);\n  color: var(--color-text-primary);\n  margin-bottom: var(--space-6);\n}\n\n.about-prose p:last-child {\n  margin-bottom: 0;\n}\n\n/* ── Blockquote editorial ── */\n.about-blockquote {\n  border-left: 4px solid var(--color-brand-primary);\n  background: var(--color-surface-secondary);\n  padding: var(--space-5) var(--space-6);\n  margin-block: var(--space-8);\n  border-radius: 0;\n}\n\n.about-blockquote__text {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-lg);\n  font-style: italic;\n  line-height: var(--leading-relaxed);\n  color: var(--color-text-primary);\n  margin: 0;\n}\n\n.about-blockquote__author {\n  display: block;\n  margin-top: var(--space-3);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-style: normal;\n  color: var(--color-text-secondary);\n}\n\n/* ═══════════════════════════════════════════════════\n   S1 — Hero editorial\n   ═══════════════════════════════════════════════════ */\n.about-hero {\n  text-align: center;\n  padding-block: var(--space-section);\n}\n\n.about-hero__title {\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading-bold);\n  font-size: var(--text-size-4xl);\n  line-height: var(--leading-tight);\n  color: var(--color-text-primary);\n  margin-bottom: var(--space-4);\n}\n\n.about-hero__subtitle {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-lg);\n  line-height: var(--leading-relaxed);\n  color: var(--color-text-secondary);\n  max-width: 38rem;\n  margin-inline: auto;\n}\n\n/* ═══════════════════════════════════════════════════\n   S3 — Values grid\n   ═══════════════════════════════════════════════════ */\n.about-values__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--space-8);\n}\n\n.about-values__item {\n  text-align: center;\n}\n\n.about-values__icon {\n  display: flex;\n  justify-content: center;\n  color: var(--color-brand-primary);\n  margin-bottom: var(--space-4);\n}\n\n.about-values__title {\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-xl);\n  line-height: var(--leading-tight);\n  color: var(--color-text-primary);\n  margin-bottom: var(--space-3);\n}\n\n.about-values__desc {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  line-height: var(--leading-relaxed);\n  color: var(--color-text-secondary);\n}\n\n/* ── Bleed sections (image touches viewport edge) ── */\n.about-section--bleed-left {\n  padding-block: 0;\n  overflow: hidden;\n  margin-top: var(--space-section);\n  margin-bottom: var(--space-section);\n  padding-right: var(--space-12);\n}\n\n/* ── Bleed sections (image touches viewport edge) ── */\n.about-section--bleed-right {\n  padding-block: 0;\n  overflow: hidden;\n  margin-top: var(--space-section);\n  margin-bottom: var(--space-section);\n  padding-left: var(--space-12);\n}\n\n/* ═══════════════════════════════════════════════════\n   S4 — Mascot (two columns, image bleeds left)\n   ═══════════════════════════════════════════════════ */\n.about-mascot__layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n\n.about-mascot__image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.about-mascot__content {\n  padding: var(--space-section-min) var(--grid-margin);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin-left: var(--space-10);\n}\n\n/* ═══════════════════════════════════════════════════\n   S5 — Store (two columns, map bleeds right)\n   ═══════════════════════════════════════════════════ */\n.about-store__layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n\n.about-store__content {\n  padding: var(--space-section-min) var(--grid-margin);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin-right: var(--space-10);\n  text-align: end;\n}\n\n.about-store__map {\n  width: 100%;\n  height: 100%;\n  min-height: 25rem;\n  border: 0;\n  display: block;\n}\n\n.about-store__info-item {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--space-3);\n  margin-bottom: var(--space-4);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  line-height: var(--leading-normal);\n  color: var(--color-text-primary);\n}\n\n.about-store__info-icon {\n  color: var(--color-brand-primary);\n  flex-shrink: 0;\n  margin-top: var(--space-1);\n}\n\n.about-store__details {\n  margin-top: var(--space-6);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n.about-store__nav-links {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  margin-top: var(--space-6);\n}\n\n.about-store__nav-link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: opacity var(--transition-normal);\n}\n\n.about-store__nav-link:hover {\n  opacity: 0.7;\n}\n\n/* ═══════════════════════════════════════════════════\n   S6 — Stats grid\n   ═══════════════════════════════════════════════════ */\n.about-stats__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--space-8);\n  text-align: center;\n}\n\n.about-stats__value {\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading-bold);\n  font-size: var(--text-size-3xl);\n  line-height: var(--leading-tight);\n  color: var(--color-brand-primary);\n  margin-bottom: var(--space-2);\n}\n\n.about-stats__label {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  line-height: var(--leading-normal);\n  color: var(--color-text-secondary);\n}\n\n/* ═══════════════════════════════════════════════════\n   S7 — CTA section (dark)\n   ═══════════════════════════════════════════════════ */\n.about-cta {\n  text-align: center;\n}\n\n.about-cta__title {\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading-bold);\n  font-size: var(--text-size-3xl);\n  line-height: var(--leading-tight);\n  color: var(--color-text-inverse);\n  margin-bottom: var(--space-4);\n}\n\n.about-cta__subtitle {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-lg);\n  line-height: var(--leading-relaxed);\n  color: var(--color-text-inverse);\n  opacity: 0.85;\n  margin-bottom: var(--space-8);\n}\n\n.about-cta__actions {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: var(--space-4);\n  flex-wrap: wrap;\n  margin-bottom: var(--space-8);\n}\n\n.about-cta__link--outline {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n  padding: var(--space-2) var(--space-4);\n  border: 1px solid var(--color-text-inverse);\n  border-radius: var(--radius-button);\n  color: var(--color-text-inverse);\n  background: transparent;\n  font-family: var(--font-family-body);\n  font-weight: var(--font-weight-body-medium);\n  font-size: var(--text-size-sm);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    background-color var(--transition-fast),\n    color var(--transition-fast);\n}\n\n.about-cta__link--outline:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\n.about-cta__social {\n  display: flex;\n  justify-content: center;\n  gap: var(--space-6);\n}\n\n.about-cta__social-link {\n  color: var(--color-text-inverse);\n  opacity: 0.7;\n  transition: opacity var(--transition-fast);\n  text-decoration: none;\n}\n\n.about-cta__social-link:hover {\n  opacity: 1;\n}\n\n/* ═══════════════════════════════════════════════════\n   Responsive\n   ═══════════════════════════════════════════════════ */\n@media (max-width: 1024px) {\n  .about-stats__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 640px) {\n  .about-hero__title {\n    font-size: var(--text-size-3xl);\n  }\n\n  .about-values__grid {\n    grid-template-columns: 1fr;\n    gap: var(--space-10);\n  }\n\n  .about-mascot__layout {\n    grid-template-columns: 1fr;\n  }\n\n  .about-section--bleed-left {\n    padding-right: var(--grid-margin);\n    margin-top: var(--space-section-min);\n    margin-bottom: var(--space-section-min);\n  }\n\n  .about-section--bleed-right {\n    padding-left: var(--grid-margin);\n    margin-top: var(--space-section-min);\n    margin-bottom: var(--space-section-min);\n  }\n\n  .about-mascot__image {\n    max-height: 20rem;\n  }\n\n  .about-mascot__content {\n    margin-left: 0;\n  }\n\n  .about-store__layout {\n    grid-template-columns: 1fr;\n  }\n\n  .about-store__content {\n    margin-right: 0;\n    text-align: start;\n  }\n\n  .about-store__details {\n    align-items: flex-start;\n  }\n\n  .about-store__map {\n    min-height: 18.75rem;\n  }\n\n  .about-stats__grid {\n    grid-template-columns: 1fr;\n    gap: var(--space-6);\n  }\n\n  .about-cta__title {\n    font-size: var(--text-size-2xl);\n  }\n}"],
  "mappings": ";AAKA,CAAA;AACE,aAAA;AACA,iBAAA;AACA,kBAAA,IAAA;AACF;AAGA,CAAA;AACE,aAAA,IAAA;AACA,iBAAA;AACA,kBAAA,IAAA;AACF;AAGA,CAAA;AACE,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,oBAAA,IAAA;AACF;AAEA,CAAA;AACE,oBAAA,IAAA;AACA,SAAA,IAAA;AACF;AAGA,CAAA;AACE,eAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,cAAA;AACF;AAGA,CAAA,YAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CARA,YAQA,CAAA;AACE,iBAAA;AACF;AAGA,CAAA;AACE,eAAA,IAAA,MAAA,IAAA;AACA,cAAA,IAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,gBAAA,IAAA;AACA,iBAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,cAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,UAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,cAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,cAAA;AACA,SAAA,IAAA;AACF;AAKA,CAAA;AACE,cAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,aAAA;AACA,iBAAA;AACF;AAKA,CAAA;AACE,WAAA;AACA,yBAAA,OAAA,CAAA,EAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,cAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,mBAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACF;AAGA,CAAA;AACE,iBAAA;AACA,YAAA;AACA,cAAA,IAAA;AACA,iBAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAGA,CAAA;AACE,iBAAA;AACA,YAAA;AACA,cAAA,IAAA;AACA,iBAAA,IAAA;AACA,gBAAA,IAAA;AACF;AAKA,CAAA;AACE,WAAA;AACA,yBAAA,IAAA;AACA,eAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,cAAA;AACA,WAAA;AACF;AAEA,CAAA;AACE,WAAA,IAAA,qBAAA,IAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,eAAA,IAAA;AACF;AAKA,CAAA;AACE,WAAA;AACA,yBAAA,IAAA;AACA,eAAA;AACF;AAEA,CAAA;AACE,WAAA,IAAA,qBAAA,IAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,gBAAA,IAAA;AACA,cAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,cAAA;AACA,UAAA;AACA,WAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,iBAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA,IAAA;AACA,eAAA;AACA,cAAA,IAAA;AACF;AAEA,CAAA;AACE,cAAA,IAAA;AACA,WAAA;AACA,kBAAA;AACA,eAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,cAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,cAAA,QAAA,IAAA;AACF;AAEA,CAPA,qBAOA;AACE,WAAA;AACF;AAKA,CAAA;AACE,WAAA;AACA,yBAAA,OAAA,CAAA,EAAA;AACA,OAAA,IAAA;AACA,cAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACF;AAKA,CAAA;AACE,cAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,WAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,mBAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,aAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,SAAA,IAAA;AACA,cAAA;AACA,eAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,mBAAA;AACA,UAAA;AACA;AAGF;AAEA,CApBA,wBAoBA;AACE,oBAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA,IAAA;AACA,WAAA;AACA,cAAA,QAAA,IAAA;AACA,mBAAA;AACF;AAEA,CAPA,sBAOA;AACE,WAAA;AACF;AAKA,QAAA,WAAA;AACE,GAtGF;AAuGI,2BAAA,OAAA,CAAA,EAAA;AACF;AACF;AAEA,QAAA,WAAA;AACE,GAnRF;AAoRI,eAAA,IAAA;AACF;AAEA,GAlQF;AAmQI,2BAAA;AACA,SAAA,IAAA;AACF;AAEA,GAjNF;AAkNI,2BAAA;AACF;AAEA,GAzOF;AA0OI,mBAAA,IAAA;AACA,gBAAA,IAAA;AACA,mBAAA,IAAA;AACF;AAEA,GAtOF;AAuOI,kBAAA,IAAA;AACA,gBAAA,IAAA;AACA,mBAAA,IAAA;AACF;AAEA,GA3NF;AA4NI,gBAAA;AACF;AAEA,GAxNF;AAyNI,iBAAA;AACF;AAEA,GAjNF;AAkNI,2BAAA;AACF;AAEA,GA/MF;AAgNI,kBAAA;AACA,gBAAA;AACF;AAEA,GAlLF;AAmLI,iBAAA;AACF;AAEA,GA/MF;AAgNI,gBAAA;AACF;AAEA,GA9JF;AA+JI,2BAAA;AACA,SAAA,IAAA;AACF;AAEA,GArIF;AAsII,eAAA,IAAA;AACF;AACF;",
  "names": []
}