.about{max-width:64rem;margin:0 auto;padding:var(--space-16) var(--content-padding) var(--space-24)}.about__hero{position:relative;margin-bottom:var(--space-12)}.about__hero-content{position:relative;z-index:1}.about__crumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-subtle)}.about__crumbs a{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.about__crumbs a:hover{color:var(--text-link)}.about__crumb-sep{color:var(--color-gray-300);font-size:var(--text-base)}.about__badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-brand-700);background:var(--color-brand-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.about__badge-icon{width:1rem;height:1rem}.about__title{font-family:var(--font-serif);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:400;letter-spacing:-.01em;line-height:1.1;margin-bottom:var(--space-4)}.about__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:40rem}.about__section{margin-bottom:var(--space-12)}.about__heading{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-subtle)}.about__text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:48rem}.about__covers{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.about__cover-card{background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.about__cover-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.about__cover-value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--text-primary)}.about__cover-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-top:var(--space-2)}.about__cover-detail{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.about__audience{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.about__audience-card{background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.about__audience-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.about__audience-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.about__audience-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.about__cta{text-align:center;margin-top:var(--space-8);padding:var(--space-16) var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200)}.about__cta-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--space-2)}.about__cta-desc{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6)}@media(max-width:639px){.about{padding:var(--space-8) var(--content-padding) var(--space-12)}.about__hero{margin-bottom:var(--space-8)}.about__subtitle{font-size:var(--text-base)}.about__covers{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.about__cover-card{padding:var(--space-4)}.about__cover-value{font-size:var(--text-2xl)}.about__section{margin-bottom:var(--space-8)}.about__audience-card{padding:var(--space-4)}.about__cta{padding:var(--space-8) var(--space-4)}.about__cta-title{font-size:var(--text-xl)}}@media(min-width:640px){.about__audience{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.about__covers{grid-template-columns:repeat(4,1fr)}.about__audience{grid-template-columns:repeat(3,1fr)}}
