/* Matte ceramic. Light reaches each bevel from its upper left. */
:root {
  --ground: #e8e8e4;
  --shell: #f1f1ed;
  --section: #f9f9f6;
  --edge: 1px solid #c9cac3;
  --radius: clamp(15px,1.6vw,27px);
  --rhythm: clamp(12px,1.45vw,24px);
  --well: inset 2px 3px 6px #55584a25, inset -2px -2px 3px #fff,
          0 1px 1px 1px #ffffffbd;
  --lift: inset 1px 1px 1px #fff, inset -1px -1px 2px #67695d38,
          2px 3px 5px #45483e2c, -1px -1px 3px #fff;
}
body {background:var(--ground)}
.site-shell {
  width:calc(100% - 2 * var(--side));
  margin:clamp(12px,1.55vw,28px) auto;
  padding:0 clamp(12px,1.45vw,26px);
  border:1px solid #c9cac4;
  border-radius:calc(var(--radius) + 12px);
  background:var(--shell);
  box-shadow:inset 4px 5px 10px #74776b40, inset -3px -4px 7px #fff,
             0 1px 1px 2px #ffffffc7;
}
.site-shell > .wrap {width:100%;min-width:0}
.head {height:clamp(82px,7.1vw,108px);gap:clamp(9px,1.15vw,20px);border:0;padding-inline:clamp(5px,.65vw,12px)}
.head .brand {flex-basis:clamp(157px,16vw,245px)}
.head nav {
  gap:2px;padding:5px;border:var(--edge);border-radius:18px;
  background:#e8e9e4;box-shadow:var(--well);align-items:center;
}
.head nav a {
  font:620 clamp(13px,.95vw,16px)/1.2 var(--sans);
  padding:10px clamp(9px,.9vw,16px);letter-spacing:.005em;white-space:nowrap;
  border-radius:12px;color:#42463d;transition:background-color .16s,color .16s,box-shadow .16s;
}
.head nav a::after {display:none}
.head nav a:hover {background:#f7f7f3;color:#6d521b}
.head nav a[aria-current="page"],.head nav a:active {
  color:#664d1a;background:#faf9f4;box-shadow:var(--lift);
}
.top-social,.menu-toggle,.rm-round {box-shadow:var(--lift)}
.head .menu-toggle {border-radius:13px;border:var(--edge);background:var(--porcelain)}
.breadcrumbs {padding:0 8px var(--rhythm);color:#575b51}
.foot {padding:clamp(18px,2vw,30px) 8px;gap:14px}
.opening,.axes,.scholar-cover,.syllabus-nav,.academic-row,
.profile-sheet,.work-album,.journal-cover,.topic-section,.archive {
  border:var(--edge);border-radius:var(--radius);
}
.opening,.axes,.scholar-cover,.syllabus-nav,.academic-row,.topic-section,.archive,.work-album {
  background-color:var(--section);box-shadow:var(--well);
}
.opening,.scholar-cover,.profile-sheet,.journal-cover {overflow:hidden}
.opening {background-color:#fff}
.opening-copy {padding-left:clamp(18px,2.4vw,45px)}
.opening-portrait {z-index:-1}
.opening-link {gap:12px;padding:8px 8px 8px 14px;border:1px solid #d6d1c1;border-radius:25px;background:var(--porcelain);box-shadow:var(--lift)}
.opening-link:active,.menu-toggle:active,.menu-toggle[aria-expanded=true]{box-shadow:var(--well)}
.page-index .axes {margin-top:var(--rhythm);padding:clamp(14px,1.7vw,28px) clamp(12px,1.5vw,24px)}
.axis-icons .rm-badge {width:clamp(39px,3.8vw,58px);height:clamp(39px,3.8vw,58px);box-shadow:var(--lift)}
.photo-grid,.backstage-wall,.work-tiles {border-radius:var(--radius);overflow:hidden}
.photo-grid,.backstage-wall {margin:var(--rhythm) 0 0;outline:1px solid #c1c3ba;box-shadow:var(--well)}
.page-bastidores .backstage-wall {margin-top:0}
.gallery-photo:focus-visible {outline-offset:-4px;z-index:1}
.journal-cover,.profile-sheet {box-shadow:0 1px 2px 1px #fff}
.opening::after,.journal-cover::after,.profile-sheet::after,.scholar-cover::after {
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 2px 3px 5px #302e2a26,inset -1px -1px 3px #fffc;
}
.profile-sheet {position:relative}
.profile-reading {border-radius:var(--radius);border-top-color:#635c4e;box-shadow:inset 2px 4px 9px #0006,inset -1px -1px 2px #ffffff2b}
.profile-card {border-radius:clamp(12px,1.7cqw,22px);box-shadow:inset 2px 3px 6px #08080783,inset -1px -1px 2px #dcd5bd32,0 1px 1px #ffffff1c}
.bio-pdf {
  display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:clamp(10px,1.25cqw,20px);
  padding:5px 16px 5px 6px;border-radius:15px;border:1px solid #bfb9aa;
  color:#4b411f;background:linear-gradient(135deg,#fffef9,#ebe9df);text-decoration:none;
  box-shadow:inset 1px 1px 1px #fff,inset -1px -2px 1px #a39c866b,2px 4px 7px #0e0c083b;
}
.bio-pdf-icon {
  display:grid;place-items:center;width:35px;height:35px;border-radius:11px;
  background:#e4e2d7;box-shadow:var(--well);color:#745621;
}
.bio-pdf-icon svg {width:24px;height:24px}
.bio-pdf-label {display:grid;gap:3px;font:680 13px/1.12 var(--sans);letter-spacing:-.012em}
.bio-pdf-label small {font:650 9px/1.05 var(--sans);letter-spacing:.10em;color:#715721;text-transform:uppercase}
.bio-pdf:hover {background:#fffef9;color:#322a18}
.bio-pdf:active {box-shadow:var(--well)}
.work-album,.topic-section,.archive {margin:var(--rhythm) 0 0;padding:clamp(15px,2vw,36px)}
.work-album header {margin:0 0 clamp(13px,1.4vw,21px)}
.work-album header h2 {margin:0;font-size:clamp(31px,3.1vw,56px)}
.work-tiles {border-radius:calc(var(--radius) - 5px)}
.scholar-cover {padding:clamp(14px,2vw,32px);background-color:white}
.scholar-intro {padding-left:1.5%}
.syllabus-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,16px);padding:clamp(9px,1.25vw,20px);margin-block:var(--rhythm);background:#edeee9}
.syllabus-nav a {
  min-width:0;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(7px,1vw,15px);align-items:center;
  padding:clamp(8px,1vw,16px);border-radius:calc(var(--radius) - 4px);background:#f5f5f1;
  box-shadow:var(--lift);font:640 clamp(13px,1.13vw,19px)/1.15 var(--sans);letter-spacing:-.015em;
}
.academic-medal {
  display:grid;place-items:center;width:clamp(54px,5.6vw,86px);aspect-ratio:1;border:1px solid #cecec5;
  border-radius:29%;background:linear-gradient(140deg,#dedfd8,#f9f9f4 80%);box-shadow:var(--well);
}
.academic-medal img {width:76%;height:76%;object-fit:contain}
.syllabus-nav .icon {width:15px;height:15px}
.syllabus-nav a:hover {color:#73551b;background:#fcfbf5}
.syllabus-nav a:active {box-shadow:var(--well)}
.academic-row {margin-top:var(--rhythm);padding:clamp(18px,3.2vw,58px);scroll-margin-top:18px}
.topic-tile {box-shadow:var(--lift)}
dialog {border-radius:var(--radius)}
@container(max-width:730px){
 .syllabus-nav a{grid-template-columns:auto 1fr;gap:9px}
 .syllabus-nav .icon{display:none}
}
@container(max-width:540px){
 .syllabus-nav {gap:7px;padding:9px}
 .syllabus-nav a {display:flex;flex-direction:column;justify-content:center;gap:8px;padding:9px 2px 10px;font-size:13px}
 .academic-medal {width:clamp(44px,15cqw,58px)}
 .scholar-cover {padding:17px 12px}
 .academic-row {padding:18px 14px}
}
@container(max-width:515px){
 .bio-pdf {gap:6px;min-height:40px;padding:4px 8px 4px 4px;border-radius:11px;margin-top:9px}
 .bio-pdf-icon {width:28px;height:28px;border-radius:8px}
 .bio-pdf-icon svg {width:20px;height:20px}
 .bio-pdf-label {font-size:11px}.bio-pdf-label small{font-size:8px}
}
@media(max-width:720px){
 .site-shell {width:calc(100% - 16px);margin:8px auto;padding-inline:8px;border-radius:23px}
 .head {height:70px;gap:9px;padding-inline:7px}
 .head .brand {flex-basis:clamp(157px,44vw,202px)}
 .head nav.is-open {align-items:stretch;top:calc(100% - 2px);z-index:9;border-radius:15px;gap:4px;background:#f0f0eb;padding:7px;box-shadow:var(--well),0 11px 22px #292b2229}
 .head nav a {padding:12px 14px;font-size:15px}
 .head .menu-toggle {width:40px;height:40px}
 .opening-copy {padding-left:clamp(12px,3vw,20px)}
 .opening-link {gap:5px;padding:6px 7px 6px 9px;font-size:10px}
 .page-index .axes {padding:12px 8px}
 .axis {padding-inline:8px}
 .breadcrumbs {padding:0 7px 9px}
 .foot {padding:18px 6px}
 .topic-section,.archive,.work-album {padding:13px}
}
@media (prefers-reduced-motion:reduce){.head nav a {transition:none}}