#frequency-home .collection {
  width: min(860px, calc(100% - 64px));
  margin: 0 auto;
  padding: 42px 0 64px;
}

#frequency-home .collection-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--fh-rule);
  padding-bottom: 13px;
  color: var(--fh-dim);
  font-size: 11px;
}

#frequency-home .collection-home {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

#frequency-home .collection-home:hover {
  color: var(--fh-accent);
}

#frequency-home .collection-home:focus-visible {
  outline: 1px solid var(--fh-accent);
  outline-offset: 6px;
}

#frequency-home .collection-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin: 29px 0 27px;
}

#frequency-home .collection-heading h1 {
  font-size: 25px;
  font-weight: 400;
  letter-spacing: -.035em;
}

#frequency-home .collection-count {
  flex-shrink: 0;
  color: var(--fh-dim);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

#frequency-home .collection-objects {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 20px;
}

#frequency-home .collection-object {
  border: 1px solid #4b5357;
  background: #252a2e;
}
#frequency-home .collection-object-link { display:block; }
#frequency-home .collection-object-link:hover .collection-caption h2 { color:var(--fh-accent); }
#frequency-home .collection-object-link:focus-visible { outline:1px solid var(--fh-accent);outline-offset:5px; }
#frequency-home .collection-poster { display:block;place-self:center;width:min(330px,80%);height:270px;object-fit:contain; }
#frequency-home .collection-added { display:block;margin-top:14px;color:var(--fh-dim);font-size:11px; }
#frequency-home .object-title { margin:29px 0 5px;font-size:25px;font-weight:400; }
#frequency-home .object-source { color:var(--fh-dim);font-size:12px; }
#frequency-home .object-source cite { font-style:normal; }
#frequency-home .object-added { margin-top:7px;color:var(--fh-dim);font-size:11px; }
#frequency-home .object-surface { position:relative;margin-top:28px;border:1px solid #4b5357;background:#252a2e; }
#frequency-home .object-viewport { position:relative;height:clamp(320px,55svh,500px); }
#frequency-home .object-viewport>img { position:absolute;inset:0;width:100%;height:100%;padding:32px;object-fit:contain; }
#frequency-home model-viewer { display:block;width:100%;height:100%;background:transparent;--poster-color:transparent;--progress-bar-color:var(--fh-accent); }
#frequency-home .object-toolbar { display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:4px 22px;border-top:1px solid var(--fh-rule);color:var(--fh-dim);font-size:11px; }
#frequency-home #object-reset { min-height:44px;min-width:84px;text-align:right;text-decoration:underline;text-underline-offset:4px; }
#frequency-home #object-reset:disabled { opacity:.45;cursor:default; }
#frequency-home #object-reset:hover:not(:disabled) { color:var(--fh-accent); }
#frequency-home .object-note { max-width:650px;margin-top:24px;font-size:12px;color:var(--fh-dim); }
#frequency-home .object-note summary { cursor:pointer;min-height:44px;display:list-item;align-content:center; }
#frequency-home .object-note p { margin:8px 0 12px; }
#frequency-home .object-note a { text-decoration:underline;text-underline-offset:3px; }
#frequency-home .object-reference figure { margin:8px 0 0; }
#frequency-home .object-reference img { display:block;width:100%;height:auto; }
#frequency-home .object-reference figcaption { display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:10px;font-size:11px; }
#frequency-home .object-error { padding:0 22px 16px;color:var(--fh-dim);font-size:12px; }

#frequency-home .collection-bay {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 320px;
  padding: 20px 25px 30px;
  isolation: isolate;
}

#frequency-home .collection-bay::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(circle, #8c9799 .7px, transparent .9px);
  background-size: 12px 12px;
  background-position: center;
  opacity: .17;
  mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, .1) 8%, #000 78%);
}

#frequency-home .collection-bay-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--fh-dim);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

#frequency-home .collection-index {
  letter-spacing: .06em;
}

#frequency-home .collection-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

#frequency-home .collection-status i {
  display: block;
  width: 4px;
  height: 4px;
  border: 1px solid var(--fh-accent);
}

#frequency-home .collection-placeholder {
  place-self: center;
  padding: 22px 0 0;
  color: var(--fh-dim);
  font-size: 12px;
  text-align: center;
}

#frequency-home .collection-caption {
  border-top: 1px solid var(--fh-rule);
  padding: 18px 25px 21px;
}

#frequency-home .collection-caption h2 {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -.02em;
}

#frequency-home .collection-caption p {
  margin-top: 5px;
  color: var(--fh-dim);
  font-size: 11px;
}

#frequency-home .collection-caption cite {
  font-style: normal;
}

#frequency-home .collection-year {
  white-space: nowrap;
}

@media (max-width: 520px) {
  #frequency-home .collection {
    width: calc(100% - 36px);
    padding-top: 22px;
    padding-bottom: 42px;
  }

  #frequency-home .collection-heading {
    margin: 24px 0 22px;
  }

  #frequency-home .collection-bay {
    min-height: 292px;
    padding: 17px 18px 24px;
  }

  #frequency-home .collection-caption {
    padding: 17px 18px 19px;
  }
  #frequency-home .collection-poster { height:230px;width:85%; }
  #frequency-home .object-viewport { height:clamp(300px,48svh,390px); }
  #frequency-home .object-viewport>img { padding:14px; }
}