/* ===== C. Kirabo Jackson — site stylesheet ===== */

:root{
  --ink:        #161A22;
  --ink-soft:   #2B303C;
  --paper:      #FBF8F2;
  --paper-dim:  #F2EEE4;
  --line:       #DDD6C6;
  --crimson:    #8C2F39;
  --crimson-dk: #6E2029;
  --gold:       #B8862E;
  --slate:      #565B68;
  --slate-lt:   #686E7B;
  --blue:       #3B5C87;
  --lilac:      #9E8FC1;

  --serif: "Newsreader", Georgia, serif;
  --sans:  "IBM Plex Sans", -apple-system, Helvetica, Arial, sans-serif;
  --mono:  "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  --maxw: 1120px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;margin:0;line-height:1.1;}
p{margin:0 0 1em;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
:focus-visible{outline:2px solid var(--crimson);outline-offset:3px;}

/* ===== Masthead / Nav ===== */
.masthead{
  border-bottom:2px solid var(--ink);
  background:var(--paper);
  position:sticky; top:0; z-index:40;
}
.masthead-top{
  display:flex; align-items:baseline; justify-content:space-between;
  padding:22px 0 14px;
  border-bottom:1px solid var(--line);
}
.masthead .container{display:flex;flex-direction:column;}
.brand{
  font-family:var(--serif);
  font-weight:600;
  font-size:1.7rem;
  letter-spacing:-0.01em;
  text-decoration:none;
  color:var(--ink);
}
.brand .dot{color:var(--crimson);}
.masthead-tag{
  font-family:var(--mono);
  font-size:0.68rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--slate);
}
nav.mainnav{
  display:flex; gap:0; padding:0;
}
nav.mainnav a{
  font-family:var(--mono);
  font-size:0.78rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--slate);
  padding:12px 18px;
  border-right:1px solid var(--line);
  transition:color .15s, background .15s;
}
nav.mainnav a:first-child{padding-left:0;}
nav.mainnav a:hover{color:var(--crimson);}
nav.mainnav a.active{color:var(--ink); font-weight:600;}
nav.mainnav a.active::after{content:" ●"; color:var(--crimson); font-size:0.6em; vertical-align:middle;}

.navwrap{display:flex;align-items:center;justify-content:space-between;}

@media (max-width:640px){
  .navwrap{flex-wrap:wrap; row-gap:10px;}
  nav.mainnav{width:100%; overflow-x:auto; border-top:1px solid var(--line); padding-top:8px;}
}

/* ===== Hero ===== */
.hero{
  padding:64px 0 56px;
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
.hero-grid{
  display:grid;
  grid-template-columns: 1.3fr 0.9fr;
  gap:48px;
  align-items:end;
}
.eyebrow{
  font-family:var(--mono);
  font-size:0.72rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--crimson);
  margin-bottom:14px;
  display:flex; align-items:center; gap:8px;
}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--crimson);display:inline-block;}
.hero h1{
  font-size:clamp(2.4rem, 5vw, 3.9rem);
  letter-spacing:-0.02em;
  max-width:14ch;
}
.hero h1 em{
  font-style:italic; color:var(--crimson); font-weight:500;
}
.hero-sub{
  font-size:1.08rem;
  color:var(--ink-soft);
  max-width:52ch;
  margin-top:18px;
}
.hero-aside{
  border-left:1px solid var(--line);
  padding-left:32px;
}
.hero-stat{margin-bottom:22px; border-left:2px solid var(--crimson); padding-left:14px;}
.hero-stat.blue{border-left-color:var(--blue);}
.hero-stat.lilac{border-left-color:var(--lilac);}
.hero-stat .num{
  font-family:var(--serif);
  font-size:2.1rem;
  color:var(--ink);
  display:block;
}
.hero-stat .lbl{
  font-family:var(--mono);
  font-size:0.68rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--slate);
}
.cta-row{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}
.btn{
  font-family:var(--mono);
  font-size:0.75rem;
  letter-spacing:0.06em;
  text-transform:uppercase;
  text-decoration:none;
  padding:12px 20px;
  border:1px solid var(--ink);
  color:var(--ink);
  transition: background .15s, color .15s;
  display:inline-block;
}
.btn:hover{background:var(--ink); color:var(--paper);}
.btn.primary{background:var(--crimson); border-color:var(--crimson); color:var(--paper);}
.btn.primary:hover{background:var(--crimson-dk); border-color:var(--crimson-dk);}

/* ===== Section scaffolding ===== */
.section{padding:56px 0; border-bottom:1px solid var(--line);}
.section:last-of-type{border-bottom:none;}
.section-head{
  display:flex; justify-content:space-between; align-items:baseline;
  margin-bottom:32px; gap:20px; flex-wrap:wrap;
}
.section-head h2{font-size:1.9rem;letter-spacing:-0.01em;}
.section-num{
  font-family:var(--mono); font-size:0.75rem; color:var(--crimson);
  letter-spacing:0.1em;
}
.section-note{font-family:var(--mono);font-size:0.72rem;color:var(--slate-lt);text-transform:uppercase;letter-spacing:.08em;}

/* ===== Bio block ===== */
.bio-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px;}
.bio-grid p{font-size:1.02rem;}
.pull{
  font-family:var(--serif); font-style:italic; font-size:1.35rem;
  color:var(--ink-soft); border-left:2px solid var(--crimson);
  padding-left:20px; margin:24px 0;
}

/* ===== Cards ===== */
.card-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
.card{background:var(--paper); padding:26px 24px;}
.card h3{font-size:1.05rem; margin-bottom:8px;}
.card .meta{font-family:var(--mono); font-size:0.7rem; color:var(--slate); text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px;}
.card p{font-size:0.92rem; color:var(--ink-soft);}
.card a.more{font-family:var(--mono); font-size:0.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--crimson); text-decoration:none;}
.card a.more:hover{text-decoration:underline;}

@media (max-width:900px){
  .card-grid{grid-template-columns:1fr 1fr;}
  .hero-grid, .bio-grid{grid-template-columns:1fr;}
  .hero-aside{border-left:none; padding-left:0; border-top:1px solid var(--line); padding-top:24px;}
}
@media (max-width:600px){
  .card-grid{grid-template-columns:1fr;}
}

/* ===== Publication list (Research page) ===== */
.pub-group{margin-bottom:44px;}
.pub-group h3{
  font-size:1.15rem; color:var(--crimson); margin-bottom:4px;
}
.pub-group .group-desc{font-size:0.88rem; color:var(--slate); margin-bottom:20px; max-width:60ch;}
.pub{
  display:grid; grid-template-columns: 64px 1fr; gap:18px;
  padding:18px 0; border-top:1px solid var(--line);
}
.pub:last-child{}
.pub .yr{font-family:var(--mono); font-size:0.85rem; color:var(--slate-lt); padding-top:2px;}
.pub .ttl{font-family:var(--serif); font-size:1.08rem; margin-bottom:4px; font-weight:500;}
.pub .ttl a{text-decoration:none; color:var(--ink); border-bottom:1px solid transparent;}
.pub .ttl a:hover{border-bottom-color:var(--crimson); color:var(--crimson-dk);}
.pub .cite{font-size:0.85rem; color:var(--slate); font-style:italic;}
.pub .coauth{font-size:0.82rem; color:var(--slate-lt);}
.pub .tag{
  display:inline-block; font-family:var(--mono); font-size:0.62rem;
  text-transform:uppercase; letter-spacing:.06em; color:var(--gold);
  border:1px solid var(--gold); padding:1px 6px; margin-top:6px;
}

/* ===== Filter chips ===== */
.chips{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:36px;}
.chip{
  font-family:var(--mono); font-size:0.72rem; text-transform:uppercase; letter-spacing:.06em;
  padding:7px 14px; border:1px solid var(--line); background:transparent;
  cursor:pointer; color:var(--slate); transition:all .15s;
}
.chip:hover{border-color:var(--blue); color:var(--blue);}
.chip.active{background:var(--ink); color:var(--paper); border-color:var(--ink);}

/* ===== Media page ===== */
.media-item{
  display:grid; grid-template-columns:100px 1fr; gap:20px;
  padding:20px 0; border-top:1px solid var(--line);
}
.media-item .kind{
  font-family:var(--mono); font-size:0.65rem; text-transform:uppercase; letter-spacing:.08em;
  color:var(--crimson); padding-top:3px;
}
.media-item h3{font-size:1.05rem; margin-bottom:4px;}
.media-item h3 a{text-decoration:none; color:var(--ink);}
.media-item h3 a:hover{color:var(--crimson-dk);}
.media-item .outlet{font-family:var(--mono); font-size:0.72rem; color:var(--slate); text-transform:uppercase; letter-spacing:.04em;}
.media-item .desc{font-size:0.92rem; color:var(--ink-soft); margin-top:6px;}
.media-item .date{color:var(--slate-lt);}

/* ===== CV page ===== */
.cv-block{margin-bottom:40px;}
.cv-block h3{
  font-size:0.78rem; font-family:var(--mono); text-transform:uppercase;
  letter-spacing:.12em; color:var(--crimson); margin-bottom:18px;
  border-bottom:1px solid var(--line); padding-bottom:10px;
}
.cv-row{display:grid; grid-template-columns:120px 1fr; gap:16px; padding:8px 0; font-size:0.94rem;}
.cv-row .when{font-family:var(--mono); font-size:0.82rem; color:var(--slate);}
.cv-row .what strong{font-weight:600;}
.cv-row .what span.role{color:var(--slate);}

/* ===== Footer ===== */
footer{
  border-top:2px solid var(--ink);
  padding:36px 0;
  margin-top:20px;
}
.footer-grid{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
footer .fmono{font-family:var(--mono); font-size:0.72rem; color:var(--slate); letter-spacing:.04em;}
footer a{text-decoration:none; color:var(--slate);}
footer a:hover{color:var(--crimson);}
.footer-social{display:flex; gap:18px;}

/* ===== Field flag stripe ===== */
.flagbar{display:flex; height:4px; width:100%;}
.flagbar span{flex:1;}
.flagbar .f1{background:var(--crimson);}
.flagbar .f2{background:var(--blue);}
.flagbar .f3{background:var(--lilac);}
.flagbar .f4{background:var(--gold);}

/* ===== Photo strip ===== */
.photo-strip{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:1px;
  background:var(--line); border:1px solid var(--line);
}
.photo-item{background:var(--paper);}
.photo-item img{
  width:100%; height:280px; object-fit:cover; display:block;
  filter:grayscale(45%) contrast(1.08) brightness(0.98);
  transition:filter .25s;
}
.photo-item:hover img{filter:grayscale(10%) contrast(1.05);}
.photo-cap{
  padding:14px 16px 18px;
  font-family:var(--mono); font-size:0.72rem; color:var(--slate);
  border-top:1px solid var(--line);
}
.photo-cap strong{color:var(--ink); font-weight:500; display:block; margin-bottom:2px;}

@media (max-width:800px){
  .photo-strip{grid-template-columns:1fr;}
  .photo-item img{height:220px;}
}

.cv-photo{
  width:100%; height:190px; object-fit:cover;
  filter:grayscale(45%) contrast(1.08);
  border:1px solid var(--line);
  margin-bottom:10px;
}
.cv-photo-cap{
  font-family:var(--mono); font-size:0.68rem; color:var(--slate-lt);
  text-transform:uppercase; letter-spacing:.05em; margin-bottom:24px; display:block;
}

.hero-portrait{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  filter:grayscale(40%) contrast(1.08);
  border:1px solid var(--line);
  margin-bottom:8px;
}
.hero-portrait-cap{
  font-family:var(--mono); font-size:0.66rem; color:var(--slate-lt);
  text-transform:uppercase; letter-spacing:.05em; margin-bottom:22px; display:block;
}

.cv-block-split{display:grid; grid-template-columns:1fr 220px; gap:32px; align-items:start;}
@media (max-width:700px){.cv-block-split{grid-template-columns:1fr;}}

.photo-strip.four{grid-template-columns:repeat(4,1fr);}



/* ===== 2026 editorial refresh ===== */
.skip-link{
  position:fixed; left:16px; top:10px; z-index:100;
  transform:translateY(-160%); background:var(--ink); color:var(--paper);
  padding:8px 12px; font-family:var(--mono); font-size:.75rem; text-decoration:none;
}
.skip-link:focus{transform:translateY(0);}
.nav-row{padding:10px 0;}
section[id], .pub-group[id]{scroll-margin-top:126px;}
.home-hero .hero-grid{align-items:center;}
.home-hero .hero-sub{font-size:1.12rem; max-width:58ch;}
.home-hero h1{max-width:16ch;}
.role-line{
  margin-top:20px; max-width:66ch; color:var(--slate);
  font-family:var(--mono); font-size:.78rem; line-height:1.7;
}
.portrait-aside{padding-bottom:2px;}
.research-signals{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 24px;}
.research-signals span{
  font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--line);padding:6px 9px;color:var(--ink-soft);background:var(--paper-dim);
}
.section-link{
  font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;
  color:var(--crimson);text-decoration:none;
}
.section-link:hover{text-decoration:underline;}
.featured-research-section{padding-top:48px;}
.featured-papers{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);
}
.paper-spotlight{background:var(--paper);padding:28px 26px;min-height:100%;}
.paper-kicker{
  font-family:var(--mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--slate);margin-bottom:12px;
}
.paper-spotlight h3{font-size:1.2rem;line-height:1.16;margin-bottom:10px;}
.paper-spotlight h3 a{text-decoration:none;color:var(--ink);}
.paper-spotlight h3 a:hover{color:var(--crimson-dk);}
.paper-spotlight p{font-size:.92rem;color:var(--ink-soft);}
.paper-actions,.pub-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;}
.paper-actions a,.pub-links a{
  font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--crimson);text-decoration:none;border-bottom:1px solid rgba(140,47,57,.28);
}
.paper-actions a:hover,.pub-links a:hover{border-bottom-color:var(--crimson);}
.finding-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.finding-card{background:var(--paper);padding:28px;}
.finding-card .meta{font-family:var(--mono);font-size:.68rem;color:var(--slate);text-transform:uppercase;letter-spacing:.06em;}
.finding-value{font-family:var(--serif);font-size:2.15rem;color:var(--crimson);margin:14px 0 4px;line-height:1;}
.finding-card h3{font-size:1.15rem;margin-bottom:10px;}
.finding-card p{font-size:.93rem;color:var(--ink-soft);}
.finding-card .more{font-family:var(--mono);font-size:.69rem;text-transform:uppercase;letter-spacing:.06em;color:var(--crimson);text-decoration:none;}
.finding-card .more:hover{text-decoration:underline;}
.photo-strip.two{grid-template-columns:repeat(2,1fr);}
.photo-strip.two .photo-item img{height:340px;}
.home-media-grid{grid-template-columns:repeat(3,1fr);}
.home-media-grid .card h3 a{text-decoration:none;}
.home-media-grid .card h3 a:hover{color:var(--crimson);}
.research-priority{padding-top:46px;}
.current-grid{grid-template-columns:repeat(2,1fr);}
.all-research-head{margin-bottom:18px;}
.abstract-toggle{margin-top:13px;max-width:78ch;}
.abstract-toggle summary{
  width:max-content;cursor:pointer;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--slate);list-style-position:outside;
}
.abstract-toggle[open] summary{color:var(--crimson);}
.abstract-toggle p{margin:9px 0 2px;font-size:.88rem;color:var(--ink-soft);line-height:1.55;}
.featured-media-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.featured-media{background:var(--paper);padding:24px;grid-column:span 2;}
.featured-media:nth-child(4),.featured-media:nth-child(5){grid-column:span 3;}
.featured-media h3{font-size:1.12rem;margin:6px 0 8px;}
.featured-media h3 a{text-decoration:none;}
.featured-media h3 a:hover{color:var(--crimson-dk);}
.featured-media p{font-size:.9rem;color:var(--ink-soft);margin-bottom:0;}
.media-badge{
  display:inline-block;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;
  color:var(--crimson);border:1px solid var(--crimson);padding:2px 6px;margin-bottom:11px;
}
.cv-more{margin:24px 0 36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;}
.cv-more summary{
  cursor:pointer;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--crimson);font-weight:500;
}
.cv-more[open] summary{margin-bottom:14px;}

@media (max-width:900px){
  .featured-papers{grid-template-columns:1fr;}
  .featured-media-grid{grid-template-columns:1fr 1fr;}
  .featured-media,.featured-media:nth-child(4),.featured-media:nth-child(5){grid-column:span 1;}
  .home-media-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:700px){
  .finding-grid,.photo-strip.two,.featured-media-grid,.home-media-grid{grid-template-columns:1fr;}
  .photo-strip.two .photo-item img{height:240px;}
  .featured-media{grid-column:span 1!important;}
  .role-line{font-size:.72rem;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition:none!important;animation:none!important;}
}

@media (max-width: 760px){.current-grid{grid-template-columns:1fr;}}