diff options
Diffstat (limited to 'assets/css/main.css')
| -rw-r--r-- | assets/css/main.css | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index ad78700..44b4cd1 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -110,6 +110,43 @@ a:hover { padding: 0 1.5rem; } +/* Section layout helpers */ +.section-header { margin-bottom: 3rem; } + +.section-eyebrow { + font-family: var(--font-mono); + font-size: 0.75rem; + letter-spacing: 0.16em; + text-transform: uppercase; + color: var(--accent); + margin-bottom: 0.5rem; +} + +.section-title { + font-family: var(--font-head); + font-size: clamp(1.5rem, 4vw, 2.5rem); + font-weight: 800; + color: var(--text); + line-height: 1.1; +} + +/* Scroll-reveal base states (used by scroll-reveal.js) */ +.reveal { + opacity: 0; + transform: translateY(28px); + transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), + transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); +} + +.reveal.revealed { + opacity: 1; + transform: translateY(0); +} + +@media (prefers-reduced-motion: reduce) { + .reveal { opacity: 1; transform: none; transition: none; } +} + main { min-height: calc(100vh - 200px); } |