/* Selected Espresso palette: dark opening with alternating light chapters. */
:root {
  --deep:#2e251f;
  --light:#f2ece2;
  --accent:#d9b58d;
  --panel:#e2d7c4;
  --muted-light:#6c5949;
  --muted-dark:#bdb6ad;
  --line-light:#c1bab1;
  --line-dark:#69615a;
  --hover-light:#e2dcd2;
  --hover-dark:#403731;
  --paper:var(--deep);
  --ink:var(--light);
  --muted:var(--muted-dark);
  --rule:var(--line-dark);
  --yellow:var(--accent);
  color-scheme:dark
}
/* Each chapter owns its complete surface and foreground system. */
.work-section,.about-section,.press-section,.site-footer {
  --paper:var(--light);
  --ink:var(--deep);
  --muted:var(--muted-light);
  --rule:var(--line-light);
  background:var(--paper);
  color:var(--ink);
  color-scheme:light
}
.projects-section,.research-section,.contact-section {
  background:var(--deep);
  color:var(--light)
}
.identity-dot,.masthead h1 span {
  color:var(--accent)
}
.intro-index nav a:hover,.project-list a:hover {
  background:var(--hover-dark)
}
.work-ledger,.work-entry,.work-link,.recognition-list,.recognition-list>div,.recognition-list>a {
  border-color:var(--rule)
}
.work-index,.work-title p,.work-description {
  color:var(--muted)
}
.work-summary {
  color:var(--ink)
}
.work-link:hover,.press-list a:hover {
  background:var(--hover-light)
}
.icon {
  filter:invert(1)
}
.work-section .icon,.about-section .icon,.press-section .icon,.site-footer .icon {
  filter:none
}
.product-feature {
  --ink:var(--deep);
  --muted:var(--muted-light);
  color:var(--deep);
  color-scheme:light
}
.kofe {
  background:var(--accent)
}
.sontri {
  background:var(--panel)
}
.sontri-orbit {
  border-color:var(--deep);
  opacity:.65
}
.sontri-orbit:after {
  border-color:var(--panel)
}
.press-section {
  padding-top:90px
}
.contact-email {
  color:var(--accent)
}
.site-footer {
  width:100%;
  max-width:none;
  padding-inline:max(var(--gutter),calc((100% - var(--width))/2))
}
@media(max-width:650px) {
  .press-section {
    padding-top:58px
  }
}

/* The ring sits outside the light card, on the dark project section. */
.product-feature:focus-visible {
  outline-color:var(--light);
}
.copy-email .icon {
  width:16px;
  height:16px;
}