:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.5; }
body { max-width: 48rem; margin: 2rem auto; padding: 0 1rem; }
header h1 { margin: 0; }
.tagline { opacity: .7; margin-top: .25rem; }
section { margin: 1.5rem 0; }
h2 { font-size: .9rem; text-transform: uppercase; letter-spacing: .06em; opacity: .7; }
ul { list-style: none; padding: 0; margin: 0; }
li { padding: .35rem 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.note { opacity: .7; font-size: .9em; margin-left: .5rem; }
footer { margin-top: 3rem; opacity: .7; font-size: .9em; }
/* amft - brand palette (2026-08-31), from _design/amft_color-palette_v01.jpg:
   454538 black olive = page ground (the mark's own field, so the logo sits seamless) - CBCCD8 french gray = text (as lettered in the mark)
   121916 eerie black = deep rule - EDB458 hunyadi yellow = links - F2542D cinnabar = hover/emphasis */
:root { color-scheme: dark; --bg: #454538; --fg: #CBCCD8; --deep: #121916; --accent: #EDB458; --hot: #F2542D; }
body { background: var(--bg); color: var(--fg); }
a:hover { color: var(--hot); }
footer { border-top: 1px solid var(--deep); padding-top: 1rem; }
header { text-align: center; }
.logo { display: block; max-width: 320px; height: auto; margin: 0 auto 1rem; }
.bio { margin: 1rem 0 0; }
a { color: var(--accent); }