:root { color-scheme: dark; font-family: Georgia, 'Times New Roman', serif; background: #15120d; color: #f7f0df; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid #efcc81; outline-offset: 6px; }
.directory { width: min(100%, 780px); margin: auto; padding: 0 clamp(24px, 6vw, 52px); }
.home-nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px 0; border-bottom: 1px solid #dcc38d30; font: 1rem/1.5 ui-sans-serif, system-ui, sans-serif; }
.home-nav a:first-child { font-weight: 600; letter-spacing: -.04em; }
.home-nav a:last-child { color: #c6bda7; }
main { padding: clamp(40px, 8vw, 76px) 0; }
h1 { margin: 0 0 44px; font-size: clamp(2.5rem, 8vw, 3.5rem); font-weight: 400; letter-spacing: -.04em; }
section + section { margin-top: 42px; }
h2 { margin: 0 0 12px; color: #c6bda7; font: .875rem/1.5 ui-sans-serif, system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
ul { list-style: none; padding: 0; margin: 0; }
.project-link { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; border-block: 1px solid #dcc38d30; font-size: clamp(1.35rem, 5vw, 1.6rem); line-height: 1.5; }
.project-link span:last-child { color: #efcc81; font-family: ui-sans-serif, system-ui, sans-serif; }
footer { padding: 12px 0 calc(32px + env(safe-area-inset-bottom)); color: #c6bda7; font: .875rem/1.7 ui-sans-serif, system-ui, sans-serif; }
footer a { text-decoration: underline; text-underline-offset: .2em; }
.skip-link { position: absolute; top: -100px; padding: 1rem; background: #211b12; }
.skip-link:focus { top: 8px; }
@media (hover: hover) { a:hover { color: #efcc81; } }