:root { color: #f4f1e8; background: #151515; font: 16px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(1100px, calc(100% - 40px)); margin: auto; padding: 8vh 0; }
header { min-height: 55vh; display: flex; flex-direction: column; justify-content: space-between; border-bottom: 1px solid #555; }
.kicker, h2 { color: #999; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0 0 3vh; font: 400 clamp(4rem, 12vw, 10rem)/.8 Georgia, serif; letter-spacing: -.06em; }
h1 span { color: #d6ff47; }
section { padding-top: 3rem; }
.site { display: grid; grid-template-columns: 4rem 1fr auto; align-items: center; gap: 1rem; color: inherit; padding: 1.5rem 0; border-top: 1px solid #555; text-decoration: none; }
.site:hover strong { color: #d6ff47; }
.site span, .site i { color: #999; font-size: .75rem; font-style: normal; }
.site strong { font-size: clamp(1.4rem, 4vw, 3rem); }