/* --------------------------------------------------------------------------
   Collection pages: Delaware Recollection Society archive-grid treatment
   -------------------------------------------------------------------------- */
body.collection-page{
  min-height:100vh;
  background-color:var(--bg);
  background-image:
    linear-gradient(rgba(241,234,221,.027) 1px, transparent 1px),
    linear-gradient(90deg, rgba(241,234,221,.027) 1px, transparent 1px),
    radial-gradient(circle at 18% -8%, rgba(200,72,30,.12), transparent 32rem),
    radial-gradient(circle at 90% 18%, rgba(92,154,123,.055), transparent 28rem);
  background-size:52px 52px,52px 52px,auto,auto;
  background-attachment:fixed;
}
body.collection-page::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(180deg,rgba(11,11,13,.12),rgba(11,11,13,.72) 68%,var(--bg));
}
.collection-page .stampband,
.collection-page .masthead{background-color:rgba(8,8,10,.9)}
.collection-page .masthead{box-shadow:0 18px 55px rgba(0,0,0,.22)}
.collection-page .breadcrumb{background:rgba(11,11,13,.72)}
.collection-hero-shell{
  position:relative;
  border-bottom:1px solid var(--line);
  background:linear-gradient(115deg,rgba(21,19,22,.86),rgba(11,11,13,.48));
  overflow:hidden;
}
.collection-hero-shell::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-130px;
  top:-130px;
  border:1px solid rgba(200,72,30,.24);
  transform:rotate(45deg);
  box-shadow:0 0 0 38px rgba(200,72,30,.025),0 0 0 76px rgba(200,72,30,.018);
  pointer-events:none;
}
.collection-page .collection-header{
  max-width:var(--maxw);
  margin:0 auto;
  padding:62px 30px 58px;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr);
  gap:54px;
  align-items:start;
  border-bottom:0;
  position:relative;
  z-index:1;
}
.collection-copy{min-width:0}
.collection-page .coll-number-row{
  font:600 11px "IBM Plex Mono",monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
}
.collection-page .coll-title{
  margin:0 0 24px;
  max-width:13ch;
  font-size:clamp(3rem,7.2vw,6.1rem);
  line-height:.88;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.collection-page .coll-description{
  max-width:66ch;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}
.collection-page .coll-description strong{color:var(--text)}
.collection-dossier{
  border:1px solid var(--line);
  background:rgba(21,19,22,.76);
  box-shadow:0 32px 85px -45px rgba(0,0,0,.95);
  backdrop-filter:blur(8px);
}
.dossier-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:13px 16px;
  border-bottom:1px solid var(--line);
  color:var(--muted-2);
  font:500 10.5px "IBM Plex Mono",monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.dossier-light{display:flex;gap:6px;align-items:center}
.dossier-light i{display:block;width:7px;height:7px;border:1px solid var(--line);border-radius:50%}
.dossier-light i:first-child{background:var(--rust);border-color:var(--rust)}
.dossier-list{margin:0;padding:10px 16px 14px}
.dossier-row{
  display:grid;
  grid-template-columns:minmax(90px,.7fr) 1.3fr;
  gap:18px;
  padding:13px 0;
  border-bottom:1px dashed var(--line-soft);
}
.dossier-row:last-child{border-bottom:0}
.dossier-row dt{
  color:var(--muted-2);
  font:500 10.5px "IBM Plex Mono",monospace;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.dossier-row dd{margin:0;text-align:right;font-weight:600;color:var(--text)}
.dossier-row dd.alert{color:var(--rust)}
.collection-page .stats-band{
  border:0;
  border-bottom:1px solid var(--line);
  max-width:none;
  padding-left:max(30px,calc((100vw - var(--maxw))/2 + 30px));
  padding-right:max(30px,calc((100vw - var(--maxw))/2 + 30px));
  background:rgba(8,8,10,.78);
}
.collection-page .stat-cell{background:rgba(21,19,22,.48);border-left:1px solid var(--line)}
.collection-page .stat-cell:last-child{border-right:1px solid var(--line)}
.collection-page .exhibits-zone,
.collection-page .content{position:relative}
.collection-page .exhibits-zone{max-width:var(--maxw);margin:0 auto;padding:62px 30px 10px}
.collection-page .exhibits-header h2,
.collection-page .section-heading{letter-spacing:-.025em}
.collection-page .exhibit-row{
  background:linear-gradient(115deg,rgba(21,19,22,.88),rgba(15,14,16,.76));
  box-shadow:0 20px 55px -48px rgba(0,0,0,.9);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.collection-page .exhibit-row:hover{
  transform:translateY(-2px);
  border-color:rgba(200,72,30,.55);
  background:linear-gradient(115deg,rgba(27,24,27,.96),rgba(17,15,18,.84));
}
.collection-page .ex-number{
  color:var(--rust);
  font:900 2rem/.9 "Archivo",sans-serif;
}
.collection-page .ex-type,
.collection-page .ex-meta{
  font-family:"IBM Plex Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.075em;
  color:var(--muted-2);
  font-size:10.5px;
}
.collection-page .method-note{
  margin-top:28px;
  background:rgba(8,8,10,.64);
  border:1px solid var(--line);
  border-left:3px solid var(--rust);
  padding:22px 24px;
}
.collection-page .content{padding-top:58px;padding-bottom:8px}
.collection-page .timeline,
.collection-page .source-docs,
.collection-page .parties-table{background:rgba(11,11,13,.48)}
.collection-page footer{margin-top:62px;border-top:1px solid var(--line);background:rgba(8,8,10,.74)}
@media(max-width:860px){
  .collection-page .collection-header{grid-template-columns:1fr;gap:34px;padding-top:48px}
  .collection-page .coll-title{max-width:15ch;font-size:clamp(2.7rem,12vw,5rem)}
}
@media(max-width:600px){
  body.collection-page{background-size:36px 36px,36px 36px,auto,auto}
  .collection-page .collection-header{padding-left:20px;padding-right:20px}
  .collection-page .stats-band{padding-left:20px;padding-right:20px}
  .dossier-row{grid-template-columns:1fr;gap:5px}.dossier-row dd{text-align:left}
}