/* Gregor Semieniuk — palette E2 "Ember, neutral ground" */
:root{
  --bg:#2c2b28;
  --text:#e9e5da;
  --bright:#f4f0e6;
  --muted:#a3a094;
  --accent:#d6604d;
  --link:#94b9c7;
  --line:#43413c;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'IBM Plex Mono',ui-monospace,monospace;background:var(--bg);color:var(--text);line-height:1.75;font-size:15.5px}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
em{font-style:italic}
.stripes{display:block;width:100%;height:8px}

.page{max-width:760px;margin:0 auto;padding:0 24px}

nav{padding:22px 0;border-bottom:1px solid var(--line);display:flex;gap:24px;font-size:14px;flex-wrap:wrap}
nav a{color:var(--muted)}
nav a.active{color:var(--accent)}
nav a:hover{color:var(--text);text-decoration:none}

header.home{padding:44px 0 10px;display:flex;justify-content:space-between;gap:32px;align-items:flex-start}
.head-text{min-width:0}
h1{font-size:clamp(19px,4vw,24px);font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);line-height:1.5}
.role{margin-top:12px}
.contact-block{margin-top:16px;font-size:14px}
.contact-block .email{display:block;margin-bottom:6px;color:var(--text)}
.contact-links{display:flex;flex-wrap:wrap;gap:4px 18px}
.photo{flex:0 0 128px;width:128px;border:1px solid var(--line)}
.photo img{display:block;width:100%;height:auto}

.page-title{padding:40px 0 0}
.page-title h1{letter-spacing:.2em}
.page-title p{margin-top:10px;color:var(--muted);font-size:14px}

section{padding:42px 0 0}
h2{font-size:15.5px;font-weight:600;color:var(--accent);margin-bottom:16px}
section p{margin-bottom:16px;max-width:68ch}
.quiet{color:var(--muted);font-size:14px}

ul.themes{list-style:none;max-width:68ch}
ul.themes li{padding:5px 0}
ul.themes b{color:var(--bright);font-weight:600}
ul.themes span{color:var(--muted)}

/* homepage short-format pubs */
ul.pubs{list-style:none;max-width:70ch}
ul.pubs li{margin-bottom:20px}
.pub-meta{color:var(--muted)}
.pub-meta em{color:var(--text)}
.more{display:inline-block;margin-top:6px;color:var(--accent)}

/* publications page: Chicago style entries */
.pubyear{margin-top:34px;color:var(--muted);font-size:14px;letter-spacing:.14em}
ul.chicago{list-style:none;max-width:72ch}
ul.chicago li{margin:18px 0;display:flex;gap:16px;align-items:flex-start}
.cite{flex:1}
.me{color:var(--accent)}
.note{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.badge{flex:0 0 48px;padding-top:3px;min-height:1px}

footer{margin-top:64px;border-top:1px solid var(--line);padding:24px 0 54px;font-size:13.5px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a{color:var(--muted)}

@media(max-width:560px){
  header.home{flex-direction:column-reverse;padding:32px 0 6px}
  .photo{flex-basis:auto;width:112px}
  ul.chicago li{flex-direction:column;gap:6px}
}
@media (prefers-reduced-motion: no-preference){
  a{transition:color .15s}
}