/* Small printed details share the gallery's material without competing with the works. */
.home-page { --grain-opacity: .084; }
.home-page[data-theme=night] { --grain-opacity: .0595; }
.home-page::after { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: url('assets/print-grain.webp') repeat; background-size: 420px; filter: contrast(1.5); opacity: var(--grain-opacity); }
.ink-engraving { filter: brightness(.8); }
[data-theme=night] .ink-engraving { filter: invert(1) sepia(1) saturate(.65) brightness(.92); }
.seal-divider { display: flex; align-items: center; gap: 28px; padding-top: 20px; padding-bottom: 20px; max-width: 1100px; }
.seal-divider span { flex: 1; height: 1px; background: var(--line); }
.seal-divider img { width: 48px; height: 55px; object-fit: contain; flex: none; }
.collector-mark { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; }
.collector-mark img { width: 85px; height: 105px; object-fit: contain; transform: rotate(-8deg); }
.collector-mark span { font: italic 20px/1.35 var(--serif); color: var(--wine); }
.collection-wing { display: none; }
.optical-study { height: 90px; margin-bottom: 30px; }
.optical-study .thread-study { width: 135px; height: 85px; object-fit: contain; }
.idea-heading { display: grid; grid-template-columns: 90px 1fr; align-items: start; gap: 35px; margin-bottom: 50px; }
.idea-heading .section-heading { margin: 0; }
.idea-moon { width: 80px; height: 130px; }
.idea-moon img { width: 100%; height: 100%; object-fit: contain; }
.atelier-note { width: 100%; }
.artist-emblem { position: relative; height: 305px; margin-bottom: 30px; }
.artist-botanical { position: absolute; left: 2%; top: 0; width: 77%; height: 290px; object-fit: contain; transform: rotate(-7deg); }
.artist-thread { position: absolute; right: 0; bottom: 0; width: 29%; height: 170px; object-fit: contain; transform: rotate(18deg); }
.inspiration-caption { font-size: 21px; line-height: 1.4; }
.footer-flourish { padding-top: 20px; padding-bottom: 25px; }
.collection-navigation { display: flex; align-items: center; gap: 34px; margin-bottom: 55px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.collection-navigation > span { font: italic 20px/1.4 var(--serif); color: var(--muted); margin-right: auto; }
.collection-navigation a { display: flex; align-items: center; gap: 18px; min-height: 44px; font-size: 13px; }
.collection-navigation a > span { font: 25px var(--serif); color: var(--wine); }
.collection-navigation a:hover { color: var(--wine); }
@media (max-width: 1000px) {
  .idea-heading { grid-template-columns: 1fr; gap: 25px; }
  .idea-moon { width: 58px; height: 90px; }
  .collection-navigation { flex-wrap: wrap; gap: 12px 25px; }
  .collection-navigation > span { width: 100%; }
}
@media (max-width: 650px) {
  .seal-divider { gap: 20px; padding-top: 10px; padding-bottom: 10px; }
  .seal-divider img { width: 37px; height: 45px; }
  .collector-mark { margin: 20px 0; gap: 18px; }
  .collector-mark img { width: 65px; height: 85px; }
  .collector-mark span { font-size: 18px; }
  .optical-study { height: 70px; margin-bottom: 25px; }
  .optical-study .thread-study { width: 105px; height: 65px; }
  .idea-heading { gap: 20px; margin-bottom: 35px; }
  .idea-moon { width: 49px; height: 78px; }
  .artist-emblem { height: 260px; margin-bottom: 20px; }
  .artist-botanical { height: 250px; }
  .artist-thread { height: 135px; }
  .inspiration-caption { font-size: 19px; text-align: center; }
  .collection-navigation { margin-bottom: 35px; }
  .collection-navigation > span { font-size: 19px; }
  .collection-navigation a { font-size: 12px; }
}
