| .header { |
| text-align: center; |
| padding: 3rem 2rem 1.5rem; |
| } |
|
|
| .logo { |
| display: inline-flex; |
| align-items: baseline; |
| gap: 0.4rem; |
| } |
|
|
| .logoIcon { |
| font-size: 2.2rem; |
| color: var(--mauve-400); |
| line-height: 1; |
| } |
|
|
| .logoText { |
| font-family: var(--font-display); |
| font-size: 3.2rem; |
| font-weight: 300; |
| color: var(--ink); |
| letter-spacing: -0.02em; |
| line-height: 1; |
| } |
|
|
| .tagline { |
| font-family: var(--font-body); |
| font-size: 0.85rem; |
| font-weight: 300; |
| color: var(--mauve-400); |
| letter-spacing: 0.12em; |
| text-transform: uppercase; |
| margin-top: 0.5rem; |
| } |
|
|
| .divider { |
| width: 40px; |
| height: 1px; |
| background: var(--mauve-200); |
| margin: 1.5rem auto 0; |
| } |
|
|
| .logoImg { |
| height: 100px; |
| width: auto; |
| object-fit: contain; |
| } |
