.brand-page{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:var(--space-3xl) 0 var(--space-4xl)}.brand-header{text-align:center;max-width:720px;margin:0 auto var(--space-3xl)}.brand-back{display:inline-block;font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-lg);transition:color .15s ease}.brand-back:hover{color:var(--primary)}.brand-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;margin:0 0 var(--space-lg)}.brand-lead{font-size:1.1rem;line-height:1.7;color:var(--text-secondary)}.concepts-grid{display:flex;flex-direction:column;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.concept-card{display:grid;grid-template-columns:280px 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md)}.concept-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-xl);background:var(--bg);border-radius:var(--radius-lg)}.concept-svg{width:120px;height:120px}.concept-lockup{width:min(100%,260px);height:auto;display:block}.wordmark-preview{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-full)}.wordmark-preview img{width:32px;height:32px}.wordmark-text{font-size:1.1rem;font-weight:700;color:var(--text)}.concept-details h2{font-size:1.6rem;font-weight:700;margin:0 0 var(--space-sm)}.concept-description{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin:0 0 var(--space-xl)}.concept-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-xl)}.meta-group h3{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-sm)}.trait-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.trait-tag{display:inline-block;padding:4px 12px;background:var(--primary-light);color:var(--primary);font-size:.85rem;font-weight:600;border-radius:var(--radius-full)}.usage-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.usage-list li{font-size:.9rem;color:var(--text-secondary);padding-left:16px;position:relative}.usage-list li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.concept-files h3{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-sm)}.file-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:white;font-size:.9rem;font-weight:600;border-radius:var(--radius-full);transition:background .15s ease}.file-link:hover{background:var(--primary-dark)}.brand-guidance{padding:var(--space-3xl) 0;border-top:1px solid var(--border-light)}.brand-guidance h2{text-align:center;margin-bottom:var(--space-2xl)}.guidance-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-lg);gap:var(--space-lg)}.guidance-item{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.guidance-item h3{font-size:1rem;font-weight:700;margin:0 0 var(--space-sm);color:var(--text)}.guidance-item p{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin:0}.brand-palette{padding:var(--space-3xl) 0;border-top:1px solid var(--border-light)}.brand-palette h2{text-align:center;margin-bottom:var(--space-2xl)}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-lg);gap:var(--space-lg)}.palette-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.swatch-color{width:80px;height:80px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.swatch-name{font-size:.9rem;font-weight:600;color:var(--text)}.swatch-hex{font-size:.8rem;color:var(--text-tertiary);font-family:monospace}@media (max-width:960px){.concept-card{grid-template-columns:1fr}.concept-preview{flex-direction:row;justify-content:center}.guidance-grid,.palette-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.concept-meta{grid-template-columns:1fr}.concept-preview{flex-direction:column}.guidance-grid{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,1fr)}}