/* The illuminated edition: walnut, antique gold, warm oil paintings and parchment. */
:root {
  --paper: #e5d2ad;
  --paper-light: #f4e7ca;
  --ink: #3d291b;
  --muted: #806343;
  --line: #b69b6b;
  --accent: #815023;
  --gold: #c39c51;
  --dark: #2e2117;
}
body {
  background-color: #e5d2ad;
  background-image: radial-gradient(ellipse at 50% 0, #fff2d1aa, transparent 70%),
    radial-gradient(ellipse at 5% 60%, #9d692424, transparent 45%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23785324' opacity='.09' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
}
.collection-banner {
  min-height: 30px;
  background: #21170f;
  border-bottom: 1px solid #77572d;
  color: #b79965;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 6px 4.2%;
  font: 8px/1.7 var(--sans);
  letter-spacing: .18em;
}
.collection-banner span:nth-child(2) { font-family: var(--serif); letter-spacing: .22em; }
.site-header {
  background: linear-gradient(180deg, #3b291c, #291b13);
  border-bottom: 3px double #9e763d;
  box-shadow: 0 5px 18px #321b2228;
  height: 100px;
  color: #ebd3a0;
}
.brand img { filter: brightness(1.8) saturate(.65); }
.brand > span { text-shadow: 0 2px 2px #170f09; }
.brand small { color: #bd9b5f; }
.site-header nav { gap: 42px; }
.site-header nav a { color: #c7af83; }
.site-header nav a:hover, .site-header nav a[aria-current=page] { color: #ffe4ad; }
.site-header nav a[aria-current=page]:after {
  background: #d6b475;
  width: 6px;
  height: 6px;
  left: calc(50% - 3px);
  transform: rotate(45deg);
  box-shadow: 0 0 9px #ffd57955;
}
.play-link { color: #e9c78a; border-color: #9e7b47; }
.hero.wrap {
  width: calc(100% - 48px);
  max-width: 1440px;
  margin-block: 28px;
  min-height: 740px;
  padding: 54px max(44px, calc((100vw - 1240px) / 2 - 24px)) 60px;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  position: relative;
  isolation: isolate;
  color: #f1deb5;
  background:
    radial-gradient(ellipse at 75% 40%, #9e612750, transparent 50%),
    radial-gradient(ellipse at 0 0, #66401f, transparent 70%),
    repeating-linear-gradient(91deg, #291c1350 0 3px, transparent 4px 12px),
    linear-gradient(125deg, #3e2819, #241810 70%, #3b2518);
  border: 1px solid #75542b;
  box-shadow: 0 4px 0 #a98a50, 0 7px 0 #51381f, 0 22px 40px #4b2c192e;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 12px;
  border: 1px solid #a682445c;
  outline: 1px solid #a6824436;
  outline-offset: 5px;
  pointer-events: none;
  z-index: -1;
  background: url('assets/filigree-corner.svg') left top / 130px 130px no-repeat,
    url('assets/filigree-corner.svg') right bottom / 130px 130px no-repeat;
}
.hero-copy { position: relative; padding-top: 0; }
.hero-crest { width: 82px; height: 70px; margin-bottom: 22px; display: block; }
.hero .eyebrow { color: #c8a664; font-size: 8px; }
.hero .eyebrow > span:last-child { color: #b6945d; }
.hero .small-line { background: #c8a664; }
.hero-label { color: #c9ad7a; margin-top: 30px; font-size: 11px; letter-spacing: .22em; }
.hero h1 { font-size: clamp(34px, 3.35vw, 50px); text-shadow: 0 2px 4px #150b06; line-height: 1.6; }
.hero h1 span { color: #e6ba71; }
.hero-description { color: #d2bb91; font-size: 14px; line-height: 2.25; }
.hero-footnote { color: #b3986c; border-color: #9273476b; }
.hero .text-link { color: #ddbc7e; border-color: #9d7e47; }
.button { border-color: #a88241; box-shadow: inset 0 0 0 2px #bda06f22; }
.button.primary {
  color: #392513;
  border: 1px solid #dfbd74;
  background: linear-gradient(115deg, #b68a42, #e9cb84 45%, #bb8d46);
  box-shadow: inset 0 0 0 3px #442f202b, 0 3px 12px #1d0f0a35;
  text-shadow: 0 1px #f8e1a56b;
}
.button.primary:hover { background: linear-gradient(115deg, #cca255, #f1d797 45%, #cca255); color: #27190f; }
.hero-art { margin: 40px 10px 0 0; min-height: 520px; }
.hero-frame {
  left: 9%;
  width: 76%;
  padding: 17px 17px 0;
  border: 5px ridge #b08b4c;
  background: linear-gradient(125deg, #a27b39, #e4c582 20%, #70501e 40%, #d6b36b 70%, #755020);
  box-shadow: 0 0 0 2px #342112, 0 0 0 4px #c6a66c, 0 0 0 7px #583a1c,
    inset 0 0 0 1px #f6dfa3, 8px 18px 40px #10090580;
  transform: rotate(2deg);
}
.hero-frame > .painting {
  border: 4px solid #332116;
  outline: 1px solid #dfbb72;
  box-shadow: 0 0 0 5px #6b4824;
}
.frame-corner {
  position: absolute;
  width: 115px;
  height: 115px;
  background: url('assets/filigree-corner.svg') center / contain no-repeat;
  pointer-events: none;
  z-index: 2;
  filter: drop-shadow(0 1px 1px #2c180d);
}
.corner-tl { top: -17px; left: -17px; }
.corner-br { bottom: -17px; right: -17px; transform: rotate(180deg); }
.portrait-caption {
  margin: 13px -12px 0;
  padding: 0 13px 11px;
  height: 59px;
  color: #eed5a1;
  background: #3b2819;
}
.portrait-caption > span { color: #b99a61; border-color: #9e7e47; }
.portrait-caption > small { color: #c5a873; }
.letter-under {
  background: linear-gradient(125deg, #f0dcae, #c9ad73);
  box-shadow: 5px 12px 30px #0e09056b;
  color: #79572b;
  inset: 8% -1% 3% 30%;
  border-color: #c5a369;
}
.small-photo {
  padding: 9px 9px 23px;
  background: linear-gradient(130deg, #e0c38b, #b48e50, #edcf93);
  border: 3px double #85602d;
  box-shadow: 0 0 0 2px #2c1c0f, 4px 12px 20px #10090573;
  left: -2%; bottom: -1%;
}
.small-photo .painting { border: 2px solid #72502c; }
.small-photo span:last-child { color: #5b3a20; }
.wax-seal {
  background: radial-gradient(circle at 35% 28%, #a5573c, #6f291f);
  border-color: #bd8051;
  color: #e8b985;
  box-shadow: inset 0 0 0 3px #4e221c77, 2px 7px 9px #190a0770;
  bottom: 7%; right: 4%;
}
.hero-handwriting { color: #c3a16a; right: 0; bottom: -42px; }
.paper-label {
  background: linear-gradient(135deg, #f0deab, #d3b778);
  border: 3px double #b7985c;
  box-shadow: 2px 5px 20px #1b10087a;
  right: -8%;
}
.stats-bar {
  background: linear-gradient(90deg, #4d311d, #72502b 50%, #4d311d);
  border-block: 3px double #c29c56;
  color: #ead2a0;
  box-shadow: inset 0 0 25px #2d160b3b;
  margin-top: 36px;
}
.stats-inner { padding-block: 25px; }
.stats-inner > p, .stats-inner > p span, .stats-inner > div span { color: #d8bd8b; }
.stats-inner > div { border-color: #a5844e; }
.stats-inner b { color: #f2d99f; text-shadow: 0 2px #3e2819; }
.section-heading { position: relative; padding-top: 32px; }
.section-heading::before {
  content: '';
  background: url('assets/filigree-divider.svg') center / contain no-repeat;
  position: absolute;
  top: -10px; left: 0;
  width: 220px; height: 38px;
  opacity: .9;
}
.section-heading h2 { font-size: 29px; color: #624221; }
.eyebrow { color: #966d34; }
.dossier-cover {
  color: #e3c994;
  background:
    radial-gradient(ellipse at 30% 0, #a6733d44, transparent 65%),
    repeating-linear-gradient(115deg, transparent 0 3px, #c68d4230 4px, transparent 5px),
    linear-gradient(100deg, #4c291e, #663c24 60%, #3a2219);
  border: 5px ridge #a57d40;
  box-shadow: 0 0 0 2px #57361e, 0 7px 0 #e0bd73, 0 10px 0 #58381d, 0 22px 30px #492e1e38;
  padding: 35px 50px 0 65px;
  min-height: 365px;
}
.dossier-cover::before {
  content: ''; position: absolute; inset: 14px;
  border: 1px solid #b58d4d88;
  pointer-events: none;
  background: url('assets/filigree-corner.svg') left top / 95px no-repeat;
}
.dossier-cover::after {
  content: ''; position: absolute; left: 25px; top: 0; bottom: 0;
  width: 9px; border-inline: 1px solid #c39b5655;
  background: #2c190f55; pointer-events: none;
}
.folder-tab {
  background: #895b2d; border-color: #a37e41; color: #ecd3a0;
  height: 28px; top: -32px; width: 220px; padding-top: 8px;
}
.dossier-mark { color: #ba9a64; font-size: 8px; }
.dossier-title > span { color: #c0a068; }
.dossier-title h3 { color: #f1d8a3; font-size: 39px; text-shadow: 0 2px #2c1b0e; }
.dossier-title p { color: #d2b57d; }
.dossier-crest { position: absolute; right: 21%; top: 38px; width: 140px; height: 120px; opacity: .75; }
.dossier-stamp { right: 55px; top: 145px; color: #dbaf70; border-color: #c08e4f; font-size: 26px; }
.dossier-bottom { border-color: #ad85436b; color: #ba9860; padding-bottom: 22px; }
.dossier-bottom > b { color: #ebc98c; }
.witness-section {
  position: relative;
  background: radial-gradient(ellipse at 50% 30%, #694426, transparent 75%), #302116;
  border-block: 4px double #b48d47;
  box-shadow: inset 0 15px 30px #180e08a6;
}
.witness-section .section-heading h2 { color: #efdaa9; }
.witness-section .eyebrow { color: #c3a166; }
.witness-section .section-intro { color: #c0a77d; }
.witness-section .text-link { color: #debf85; border-color: #9d7e47; }
.witness-grid { gap: 25px; }
.witness-image, .boss-photo {
  padding: 10px;
  background: linear-gradient(130deg, #b28a46, #edcf8d 20%, #775022 35%, #caa15c 63%, #6b441e);
  border: 3px ridge #a18149;
  box-shadow: 0 0 0 1px #3b2513, 0 0 0 3px #b28c4e, 0 10px 18px #180d0959;
}
.witness-image { margin-bottom: 22px; }
.witness-image .painting, .boss-photo .painting { outline: 2px solid #4a301c; }
.witness-role { color: #c7a46b; }
.witness h3 { color: #edcea0; text-shadow: 0 2px #1d1009; }
.witness > p { color: #c1a67e; }
.witness .view-record { color: #d7b77b; border-color: #a17f4d73; }
.image-number { border: 1px solid #b58d48; color: #e1c485; }
.chapter-route { border: 3px double #ae8d52; background: #d8bc8461; box-shadow: inset 0 0 18px #8b632823; }
.chapter-route > a { position: relative; border-color: #b59961; }
.chapter-route > a > span { color: #9d6a2b; text-shadow: 0 1px #ffe9b0; }
.chapter-route h3 { color: #68421e; }
.chapter-route small b { color: #997039; }
.cabinet {
  background: radial-gradient(ellipse at 50% 60%, #67452a99, transparent 80%), #251b14;
  border-block: 4px double #b38b46;
  box-shadow: inset 0 0 80px #140b0677;
}
.cabinet .section-heading h2 { color: #f1d59f; }
.cabinet .eyebrow { color: #c3a16a; }
.curiosity-grid > button {
  background: #47301f;
  border: 3px ridge #a17e40;
  box-shadow: 0 0 0 1px #ba9559, 0 15px 25px #10080480;
  position: relative;
}
.curiosity-grid .painting { border: 9px ridge #a8874b; }
.curiosity-grid > button > span:last-child { border-top: 1px solid #bc945050; color: #ead09e; background: linear-gradient(90deg, #3c291d, #5a3e24, #3c291d); }
.cabinet-note .button { color: #e1c083; border: 3px double #bd9b5c; }
.site-footer {
  background: linear-gradient(180deg, #3e2a1b, #21160f);
  border-top: 3px double #b58e4b;
  color: #dfc18a;
  position: relative;
  padding-top: 75px;
}
.site-footer::before { content: ''; position: absolute; top: 18px; left: calc(50% - 140px); width: 280px; height: 38px; background: url('assets/filigree-divider.svg') center / contain no-repeat; }
.footer-title i, .site-footer > p, .site-footer > div { color: #bda16f; }
.site-footer > small { border-color: #9f794144; color: #9b7b4c; }
.page-title { text-align: center; padding-top: 27px; padding-bottom: 58px; position: relative; }
.page-title > p { margin-inline: auto; }
.page-title h1 { color: #65401e; text-shadow: 0 1px #fff2cb; }
.page-title::after { content: ''; position: absolute; width: 260px; height: 36px; bottom: 5px; left: calc(50% - 130px); background: url('assets/filigree-divider.svg') center / contain no-repeat; }
.breadcrumb { text-align: left; }
.reading-paper, .about-paper {
  background: radial-gradient(ellipse at 50% 20%, #fff5dc, transparent 80%), #f0dfbc;
  border: 6px double #ba985d;
  box-shadow: 0 0 0 1px #8b683b, 5px 7px 0 #c3a46b, 8px 10px 0 #9c7b49, 0 20px 40px #57371a24;
}
.reading-title { position: relative; padding-top: 105px; }
.reading-title::before {
  content: ''; position: absolute; width: 110px; height: 90px; top: 10px;
  left: calc(50% - 55px); background: url('assets/archive-crest.svg') center / contain no-repeat;
}
.reading-title > img { display: none; }
.reading-title h2 { color: #765022; text-shadow: 0 1px #fff5d8; }
.reading-title::after { content: ''; display: block; width: 230px; height: 33px; margin: 20px auto 0; background: url('assets/filigree-divider.svg') center / contain no-repeat; }
.reader-index nav a.current { background: #cfb27e66; border-left: 2px solid #aa7e37; padding-left: 7px; }
.filter-bar { border: 3px double #ad8a4d; background: linear-gradient(110deg, #d5b980, #ecdbb3, #d6bc89); box-shadow: inset 0 0 0 3px #f7e7c047; }
.catalogue-tabs a.selected { color: #6f4119; border-color: #96632c; }
.boss-record {
  border: 3px double #a78349;
  padding: 8px;
  background: #3b291c;
  box-shadow: 0 6px 12px #4f2b1429;
}
.boss-photo { margin: 0; padding: 8px; box-shadow: 0 0 0 1px #3b2513; }
.boss-info { color: #d7b981; background: linear-gradient(145deg, #5a3b24, #342218); margin-top: 8px; padding: 20px 13px 12px; }
.boss-info .eyebrow, .record-role { color: #c5a168; }
.boss-info h2 { color: #f0d49b; }
.boss-info p { color: #c9ad80; }
.boss-info .view-record { color: #dbba7a; border-color: #a5814859; }
.collection-card {
  background: linear-gradient(135deg, #a17c3f, #e9cd91, #92703c 55%, #d1b079);
  padding: 6px;
  border: 3px ridge #a48249;
  box-shadow: 0 4px 0 #725129, 0 8px 15px #5b361a29;
}
.card-mat { border: 2px solid #51351d; padding: 3px; background: #bc9857; box-shadow: inset 0 0 0 1px #f8dca0; }
.card-caption { background: #e5cfa5; border: 1px solid #a5834e; margin-top: 5px; padding-inline: 8px; }
.card-caption > h2 { color: #5e3a18; }
.card-caption > span, .card-statline { color: #806038; }
.card-statline { border-color: #ab88535e; }
.collection-card.gold {
  background: linear-gradient(130deg, #b78a2f, #fff2a5 25%, #c99b3c 50%, #f0d77f 75%, #b48935);
  border: 3px ridge #dbb55b;
  box-shadow: 0 0 0 1px #92702c, 0 4px 0 #765220, 0 8px 18px #976b313b;
}
.collection-card.gold .card-caption { background: #f4dfa1; border-color: #bf983b; }
.collection-card:hover, .boss-record:hover { box-shadow: 0 5px 0 #856135, 0 14px 26px #5b361a42; }
.pagination button[aria-current] { color: #fff0c9; background: #81592f; box-shadow: inset 0 0 0 2px #c6a065; }
.empty-state { border: 3px double #b59358; background: #efdcba75; }
dialog { border: 5px ridge #b08b4a; box-shadow: 0 0 0 2px #332014, 0 0 0 4px #c2a16a, 0 30px 100px #10090599; }
dialog::backdrop { background: #160e09dc; }
.detail-art { background: radial-gradient(ellipse at 50% 30%, #7a512d, #2e1f14); padding: 25px; }
.detail-art > .painting { border: 9px ridge #b08a43; outline: 2px solid #d7b472; box-shadow: 0 0 0 4px #56371d, 0 18px 30px #10090680; }
.detail-art > div { color: #bf995d; }
.detail-art b { color: #e6c98d; }
.detail-copy { background: radial-gradient(ellipse at 50% 0, #fff1d0, #e5cc9d); }
.detail-close { background: #432b19; color: #efca7f; border: 3px double #bb9653; }
.detail-copy > h2 { color: #6c421c; }
.ability-note { background: #c4a26733; border-color: #ab7e36; }
.bookmark-button { border: 3px double #ac8546; color: #795021; }
.bookmark-button.bookmarked { background: #d8b775; }
:focus-visible { outline-color: #d4a94f; }
@media (max-width: 1100px) {
  .hero.wrap { padding: 48px 40px 60px; min-height: 710px; gap: 30px; }
  .hero h1 { font-size: 36px; }
  .hero-art { min-height: 430px; margin-top: 90px; }
  .hero-crest { width: 70px; height: 60px; }
  .hero-frame { padding: 12px 12px 0; }
  .portrait-caption { margin: 10px -9px 0; padding-inline: 9px; }
  .frame-corner { width: 90px; height: 90px; }
  .witness-grid { gap: 20px; }
  .witness-image { padding: 7px; }
  .dossier-crest { right: 25%; }
}
@media (max-width: 760px) {
  .collection-banner { justify-content: center; min-height: 26px; padding: 5px 12px; font-size: 7px; }
  .collection-banner span:first-child, .collection-banner span:last-child { display: none; }
  .collection-banner span:nth-child(2) { letter-spacing: .13em; }
  .site-header { height: auto; padding-top: 16px; }
  .site-header nav { gap: 12px; }
  .hero.wrap {
    width: calc(100% - 20px);
    margin-block: 15px 24px;
    padding: 30px 22px 50px;
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 15px;
    border-width: 1px;
  }
  .hero::before { inset: 7px; outline-offset: 3px; background-size: 85px, 85px; }
  .hero-crest { width: 75px; height: 63px; margin: 0 auto 20px; }
  .hero .eyebrow { font-size: 7px; letter-spacing: .1em; }
  .hero .eyebrow > span:last-child { font-size: 6px; }
  .hero-label { margin-top: 23px; font-size: 10px; letter-spacing: .13em; }
  .hero h1 { font-size: clamp(28px, 6.4vw, 41px); line-height: 1.65; margin: 15px 0 19px; letter-spacing: .01em; }
  .hero-description { font-size: 12px; line-height: 2.15; }
  .hero-actions { gap: 20px; margin-block: 25px 10px; }
  .hero .button { font-size: 10px; padding-inline: 15px; gap: 20px; }
  .hero .text-link { font-size: 10px; }
  .hero-art { min-height: 350px; width: 100%; max-width: 390px; margin: 25px auto 0; }
  .hero-frame { left: 10%; width: 72%; padding: 10px 10px 0; border-width: 3px; transform: rotate(2deg); }
  .hero-frame > .painting { border-width: 2px; box-shadow: 0 0 0 3px #6b4824; }
  .portrait-caption { margin: 8px -6px 0; height: 48px; padding: 0 6px 7px; grid-template-columns: 1fr; text-align: center; }
  .portrait-caption > span { display: none; }
  .portrait-caption > b { font-size: 10px; }
  .portrait-caption > small { font-size: 8px; }
  .frame-corner { width: 80px; height: 80px; }
  .corner-tl { top: -13px; left: -13px; }
  .corner-br { bottom: -13px; right: -13px; }
  .paper-label { right: -1%; top: 8%; font-size: 8px; padding: 8px; border-width: 3px; }
  .paper-label strong { font-size: 23px; }
  .paper-label > span { font-size: 7px; }
  .letter-under { inset: 8% 2% 5% 28%; padding: 20px 12px; }
  .small-photo { width: 34%; left: 0; bottom: 2%; padding: 5px 5px 12px; border-width: 2px; }
  .small-photo span:last-child { font-size: 8px; }
  .wax-seal { width: 67px; height: 67px; right: 6%; bottom: 8%; font-size: 24px; }
  .wax-seal span { font-size: 5px; }
  .hero-handwriting { bottom: -25px; right: 3%; font-size: 24px; }
  .stats-bar { margin-top: 0; }
  .stats-inner { padding-block: 23px; }
  .stats-inner > p { font-size: 7px; }
  .stats-inner > p span { font-size: 8px; }
  .section-heading { padding-top: 26px; }
  .section-heading::before { width: 175px; height: 29px; top: -7px; }
  .section-heading h2 { font-size: 21px; }
  .dossier-cover { padding: 27px 22px 0 32px; min-height: 355px; border-width: 4px; }
  .dossier-cover::before { inset: 8px; background-size: 70px; }
  .dossier-cover::after { left: 13px; width: 5px; }
  .folder-tab { width: 185px; height: 27px; top: -31px; }
  .dossier-mark { font-size: 7px; }
  .dossier-title { padding-top: 23px; padding-bottom: 62px; }
  .dossier-title h3 { font-size: 29px; margin-top: 10px; letter-spacing: .08em; }
  .dossier-title p { font-size: 11px; }
  .dossier-crest { right: 18px; top: 16px; width: 72px; height: 62px; opacity: .7; }
  .dossier-stamp { font-size: 19px; top: auto; bottom: 78px; right: 22px; padding: 9px 12px; }
  .dossier-bottom { font-size: 8px; gap: 10px; padding-bottom: 18px; }
  .dossier-bottom > b { font-size: 9px; }
  .witness-grid { gap: 28px 16px; }
  .witness-image { padding: 5px; border-width: 2px; box-shadow: 0 0 0 1px #3b2513, 0 0 0 2px #b28c4e, 0 8px 12px #180d0959; margin-bottom: 15px; }
  .witness-role { font-size: 8px; }
  .witness h3 { font-size: 19px; }
  .witness > p { font-size: 11px; line-height: 1.9; }
  .chapter-route { border-width: 3px; }
  .curiosity-grid { gap: 22px 17px; }
  .curiosity-grid > button { border-width: 2px; }
  .curiosity-grid .painting { border-width: 5px; }
  .curiosity-grid > button > span:last-child { padding: 12px 9px; font-size: 13px; }
  .cabinet-note > span { font-size: 11px; line-height: 1.9; }
  .cabinet-note .button { font-size: 10px; }
  .page-title { padding-bottom: 50px; }
  .page-title::after { width: 220px; left: calc(50% - 110px); height: 30px; }
  .reading-paper, .about-paper { border-width: 4px; box-shadow: 0 0 0 1px #8b683b, 3px 4px 0 #c3a46b, 5px 6px 0 #9c7b49; }
  .reading-title { padding-top: 98px; }
  .reading-title::before { width: 98px; height: 80px; left: calc(50% - 49px); }
  .reading-title::after { width: 200px; height: 29px; margin-top: 15px; }
  .boss-record { padding: 5px; }
  .boss-photo { padding: 5px; border-width: 2px; }
  .boss-info { padding: 13px 6px 6px; margin-top: 6px; }
  .boss-info h2 { font-size: 21px; }
  .boss-info p { font-size: 11px; min-height: 65px; }
  .collection-card { padding: 4px; border-width: 2px; box-shadow: 0 3px 0 #725129, 0 6px 10px #5b361a29; }
  .card-mat { border-width: 1px; padding: 2px; }
  .card-caption { padding-inline: 4px; margin-top: 3px; }
  .card-caption > h2 { font-size: 12px; }
  .collection-card.gold { border-width: 2px; }
  .site-footer { padding-top: 70px; }
  .site-footer::before { width: 240px; left: calc(50% - 120px); }
  dialog { border-width: 4px; width: calc(100% - 28px); }
  .detail-art { padding: 20px 23%; }
  .detail-art > .painting { border-width: 6px; }
  .detail-copy { padding: 24px 22px 20px; }
}
@media (max-width: 360px) {
  .hero.wrap { padding-inline: 19px; }
  .hero h1 { font-size: 26px; }
  .hero .eyebrow > span:last-child { display: none; }
  .hero-art { min-height: 305px; }
  .hero .button { padding-inline: 12px; gap: 14px; }
  .hero-actions { gap: 17px; }
  .hero .text-link { font-size: 9px; }
  .small-photo { bottom: 3%; }
  .wax-seal { width: 56px; height: 56px; font-size: 21px; }
  .hero-handwriting { font-size: 21px; }
  .section-heading h2 { font-size: 19px; }
  .witness-grid { gap: 25px 12px; }
  .witness-image { padding: 4px; }
  .witness h3 { font-size: 17px; }
  .witness-role { font-size: 7px; }
  .dossier-title h3 { font-size: 25px; }
  .card-caption > h2 { font-size: 13px; }
}
@media print {
  .collection-banner { display: none; }
  .reading-paper { background: white; border: 0; box-shadow: none; }
  .reading-title::before, .reading-title::after, .page-title::after { display: none; }
  .reading-title { padding-top: 15px; }
}