/* Archive: a chronological daf-first index with the site-wide dark-to-light editorial rhythm. */
.archive-main{max-width:1680px;margin:0 auto}
.archive-intro{
  position:relative;
  width:100vw;
  max-width:none;
  margin-top:calc(clamp(68px,9vw,128px) * -1);
  margin-bottom:0;
  margin-left:calc(50% - 50vw);
  padding:clamp(72px,9vw,132px) clamp(24px,8vw,128px) clamp(86px,11vw,158px);
  overflow:hidden;
  background:var(--midnight);
  color:var(--paper);
}
.archive-intro::before,.archive-intro::after{content:"";position:absolute;border:1px solid rgba(242,239,231,.12);border-radius:50%;pointer-events:none}
.archive-intro::before{width:32rem;height:32rem;right:-13rem;top:-16rem}
.archive-intro::after{width:20rem;height:20rem;right:-4rem;top:-8rem}
.archive-intro .eyebrow{position:relative;z-index:1;color:#c7a15d}
.archive-intro h1{position:relative;z-index:1;max-width:900px;color:var(--paper)}
.archive-intro>p:last-child{position:relative;z-index:1;max-width:650px;color:#c4cbd0}
.archive-tools{
  position:relative;
  z-index:2;
  margin:-34px 0 46px;
  padding:24px 28px;
  border:1px solid var(--line);
  border-top:3px solid var(--clay);
  background:var(--paper);
  box-shadow:0 18px 45px rgba(22,25,29,.09);
}
.archive-list{display:block;border:0;border-top:1px solid var(--ink);background:transparent}
.archive-list .archive-record{min-height:0;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none}
.archive-list .archive-record.is-current{background:rgba(251,250,246,.72);box-shadow:inset 3px 0 0 var(--clay)}
.archive-record-link{position:relative;min-height:168px;padding:27px 10px 27px 0;display:grid;grid-template-columns:minmax(130px,.24fr) minmax(320px,1.16fr) minmax(150px,.42fr) 28px;gap:clamp(28px,5vw,78px);align-items:center;color:inherit;text-decoration:none;transition:background-color .2s ease,padding .2s ease}
.archive-record-link:hover{padding-left:18px;padding-right:18px;background:rgba(251,250,246,.72)}
.archive-record-link:focus-visible{outline-offset:4px}
.archive-daf{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}
.archive-daf>span,.archive-synthesis>span{color:var(--clay);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.archive-daf strong{margin-top:2px;font-family:var(--display);font-size:clamp(58px,6vw,88px);font-weight:400;line-height:.88;letter-spacing:-.055em}
.archive-daf small{margin-top:10px;color:var(--smoke);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.archive-synthesis{padding:5px 0}
.archive-list .archive-synthesis h3{max-width:760px;margin:9px 0 9px;font-size:clamp(27px,2.4vw,38px);line-height:1.03;letter-spacing:-.03em}
.archive-synthesis>p{max-width:680px;margin:0;color:#596168;font-family:var(--sans);font-size:13px;line-height:1.55}
.archive-record-meta{display:flex;flex-direction:column;gap:8px;color:var(--smoke);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.archive-record-meta span+span{padding-top:8px;border-top:1px solid var(--line)}
.archive-arrow{color:var(--clay);font-family:var(--display);font-size:25px;transition:transform .2s ease}
.archive-record-link:hover .archive-arrow{transform:translateX(4px)}
.archive-grid .publication-card[hidden]{display:none}

@media(max-width:900px){
  .archive-record-link{grid-template-columns:115px minmax(0,1fr) 24px;gap:26px}
  .archive-record-meta{grid-column:2;flex-direction:row;flex-wrap:wrap;gap:7px 16px;margin-top:-14px}
  .archive-record-meta span+span{padding:0;border:0}
  .archive-arrow{grid-column:3;grid-row:1 / span 2}
}
@media(max-width:640px){
  .archive-main{padding-left:22px;padding-right:22px}
  .archive-intro{margin-top:-72px;margin-left:-22px;padding:76px 22px 74px}
  .archive-intro::before{width:22rem;height:22rem;right:-13rem;top:-9rem}
  .archive-intro::after{width:13rem;height:13rem;right:-5rem;top:-4rem}
  .archive-tools{margin:-22px 0 30px;padding:19px 18px}
  .archive-record-link{min-height:0;padding:24px 0;grid-template-columns:1fr 22px;gap:18px 14px}
  .archive-record-link:hover{padding-left:0;padding-right:0;background:transparent}
  .archive-daf{grid-column:1;align-self:auto;display:grid;grid-template-columns:auto auto 1fr;justify-content:start;align-items:baseline;gap:10px;border:0}
  .archive-daf strong{margin:0;font-size:44px;line-height:.9}
  .archive-daf small{margin:0 0 0 4px}
  .archive-synthesis{grid-column:1 / -1;padding:0}
  .archive-list .archive-synthesis h3{margin:8px 0;font-size:27px;line-height:1.05}
  .archive-synthesis>p{font-size:12px}
  .archive-record-meta{grid-column:1 / -1;margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:8px}
  .archive-arrow{grid-column:2;grid-row:1;align-self:center}
}
@media(prefers-reduced-motion:reduce){
  .archive-record-link,.archive-arrow{transition:none}
}