/* Mockup styles: same palette and type as the live portfolio */
:root { --edge: 24px; --bg: #fff; --fg: #14110f; --muted: #6b6560; --faint: #a49c93; --line: rgba(20,17,15,.14); }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 300 16px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
header { padding: 72px var(--edge) 44px; text-align: center; }
h1 { margin: 0; font-size: clamp(21px, 3.2vw, 33px); font-weight: 300; line-height: 1.4; letter-spacing: .045em; }
h1 .name { color: var(--muted); font-size: .72em; letter-spacing: .14em; text-transform: uppercase; }
a { color: var(--fg); }
footer { padding: 72px var(--edge) 88px; text-align: center; font-size: 30px; line-height: 1.9; color: var(--muted); }
footer a { text-decoration: none; border-bottom: 1px solid rgba(20,17,15,.22); }
.contacts { font-size: .7em; }