/* Archival Source Atlas v0.5.2 — Open Archive Finds typography + spacing patch */
.open-finds{
  padding:72px 0 76px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#e7e3d8;
  position:relative;
  overflow:hidden;
}
.finds-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:44px;
  margin-bottom:42px;
}
.finds-head>div:first-child{max-width:720px}
.finds-head h2{
  font-family:"Fraunces",Georgia,serif;
  font-size:clamp(36px,4vw,54px);
  font-weight:600;
  line-height:.96;
  letter-spacing:-.045em;
  margin:7px 0 14px;
}
.finds-intro{
  max-width:680px;
  color:#53605a;
  font-size:14px;
  line-height:1.55;
  margin:0;
}
.finds-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding-bottom:2px}
.finds-status{font-size:9px;letter-spacing:.13em;color:var(--blue);margin-right:7px;min-width:55px;font-variant-numeric:tabular-nums}
.carousel-button{width:44px;height:44px;border:1px solid #c5c5bc;background:rgba(248,246,239,.78);color:var(--ink);font-size:18px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.carousel-button:hover:not(:disabled),.carousel-button:focus-visible:not(:disabled){background:var(--ochre);color:var(--ink);border-color:var(--ochre)}
.carousel-button:disabled{opacity:.28;cursor:default}

/* Keep the carousel inside the content column. Grid-auto-columns prevents cards from shrinking. */
.finds-track{
  display:grid !important;
  grid-auto-flow:column;
  grid-auto-columns:360px;
  gap:18px;
  width:100%;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
  padding:3px 0 18px;
  margin:0;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.finds-track::-webkit-scrollbar{display:none}
.finds-track:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.find-card{
  scroll-snap-align:start;
  width:360px;
  min-width:360px;
  max-width:360px;
  min-height:510px;
  border:1px solid #c4c2b8;
  background:var(--paper);
  display:grid !important;
  grid-template-rows:250px 1fr;
  overflow:hidden;
}
.find-image{
  position:relative;
  display:block;
  width:100%;
  height:250px;
  overflow:hidden;
  background:#d6d2c7;
  text-decoration:none;
}
.find-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.82) contrast(.98);
  transition:transform .35s ease,filter .35s ease;
}
.find-card:hover .find-image img{transform:scale(1.018);filter:saturate(.96) contrast(1)}
.find-number,.find-media{
  position:absolute !important;
  top:10px;
  z-index:2;
  display:block;
  background:rgba(49,95,135,.9);
  color:#f4f0e7;
  font-size:7px;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:.13em;
  padding:7px 8px;
  white-space:nowrap;
}
.find-number{left:10px}.find-media{right:10px}
.find-body{
  padding:17px 18px 16px;
  display:flex !important;
  flex-direction:column;
  min-width:0;
}
.find-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#65706a;
}
.find-body h3{
  font-family:"Fraunces",Georgia,serif !important;
  font-size:25px;
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.025em;
  margin:13px 0 5px;
}
.find-archive{
  font-size:9px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:var(--rust);
  margin-bottom:12px;
}
.find-body>p{
  font-size:11px;
  line-height:1.5;
  color:#59635e;
  margin:0 0 18px;
}
.find-actions{
  margin-top:auto;
  border-top:1px solid var(--line);
  padding-top:11px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}
.find-actions a{
  font-size:9px;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:var(--green);
  text-decoration:none;
  white-space:nowrap;
}
.find-actions a:hover{text-decoration:underline;text-underline-offset:3px}
.finds-footnote{
  margin-top:17px;
  border-top:1px solid #c4c2b8;
  padding-top:12px;
  display:grid;
  grid-template-columns:105px minmax(0,650px);
  gap:20px;
  color:#66706b;
}
.finds-footnote span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--green2)}
.finds-footnote p{font-size:10px;margin:0;line-height:1.5}

@media(max-width:1180px){
  .finds-track{grid-auto-columns:340px}
  .find-card{width:340px;min-width:340px;max-width:340px}
}
@media(max-width:820px){
  .open-finds{padding:58px 0 64px}
  .finds-head{align-items:flex-start;gap:24px}
  .finds-head h2{font-size:44px}
  .finds-intro{font-size:13px}
  .finds-track{grid-auto-columns:min(72vw,340px)}
  .find-card{width:min(72vw,340px);min-width:min(72vw,340px);max-width:min(72vw,340px)}
  .find-image{height:245px}
  .find-card{grid-template-rows:245px 1fr}
}
@media(max-width:620px){
  .finds-head{display:block}
  .finds-controls{margin-top:20px}
  .finds-head{margin-bottom:30px}
  .finds-track{grid-auto-columns:84vw;gap:12px}
  .find-card{width:84vw;min-width:84vw;max-width:84vw;min-height:500px}
  .finds-footnote{grid-template-columns:1fr;gap:5px}
}