Golden ratio: header 48px logo, hero title max 52px (was 38/64)

This commit is contained in:
Sebastjan 2026-04-25 09:28:17 +02:00
parent 34fa2d6d41
commit 79e24d4ec3

View File

@ -75,12 +75,12 @@
.topnav-inner {
max-width: 1400px;
margin: 0 auto;
padding: 10px 24px;
padding: 12px 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 58px;
min-height: 70px;
}
.brand {
display: flex;
@ -90,13 +90,13 @@
text-decoration: none;
}
.brand-logo {
height: 38px;
height: 48px;
width: auto;
display: block;
}
@media (max-width: 520px) {
.brand-logo { height: 30px; }
.topnav-inner { padding: 8px 16px; min-height: 48px; }
.brand-logo { height: 36px; }
.topnav-inner { padding: 10px 16px; min-height: 56px; }
}
.brand-sep {
width: 1px;
@ -152,7 +152,7 @@
}
.hero-title {
font-family: 'Archivo Black', sans-serif;
font-size: clamp(32px, 5vw, 64px);
font-size: clamp(28px, 4vw, 52px);
line-height: 0.95;
letter-spacing: -0.02em;
text-transform: uppercase;