/*
Theme Name: Derek — The Ageless Explorer
Theme URI: https://derek.itvm-dev.com/
Author: ITVM
Description: A calm photographic block theme for Derek Bembry.
Version: 0.3.6
Text Domain: derek-ageless-explorer
*/

:root { --derek-gold: #f7bd20; --derek-ink: #0d0e0c; --derek-paper: #f5f1e8; --derek-muted: #b8b5ae; }
html { scroll-behavior: smooth; }
body { background: var(--derek-ink); color: var(--derek-paper); }
a { text-underline-offset: .25em; }
.derek-kicker { color: var(--derek-gold); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.derek-header { border-bottom: 1px solid rgba(247,189,32,.24); }
.derek-logo img { width: 82px; height: 82px; object-fit: cover; }
.derek-hero { min-height: 78vh; display: flex; align-items: end; }
.derek-hero .wp-block-cover__inner-container { padding-bottom: clamp(3rem, 8vw, 8rem); }
.derek-section { padding-block: clamp(4rem, 9vw, 9rem); }
.derek-card img { aspect-ratio: 4 / 3; object-fit: cover; }
.derek-footer { border-top: 1px solid rgba(247,189,32,.24); }
.derek-social-links { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.derek-social-links a { color: var(--derek-paper); font-size: .9rem; }
@media (max-width: 700px) { .derek-logo img { width: 66px; height: 66px; } }