/* Desktop review passes 2–4. Linked only at 1024px and above. Pass 3 changes
   only the story artwork, two connection images and the archive teaser. */
body {
  background-color: #fdfbf5;
  background-image: url('images/paper-grain-desktop.webp');
}
.gateway-card {
  background-image: linear-gradient(100deg,#e8ddca77,#f2e9d899), url('images/paper-grain-desktop.webp');
}
.navy-section {
  background: radial-gradient(ellipse at 38% 35%,#19374b,#102536 76%);
}
.vintage-frame {
  box-shadow: 0 .12rem .22rem #6b4d273b, 0 .3rem .7rem #6b4d271a,
    inset 0 0 .3rem #8a672544;
}

/* A real front-cover image, neutral binding, exposed page edges and top board.
   No cover art or spine lettering is fabricated. The original layout box stays
   unchanged while these purely decorative surfaces supply the book's depth. */
.book-object {
  --book-depth: .9rem;
  transform-style: preserve-3d;
  transform: perspective(45rem) rotateX(-3deg) rotateY(-20deg) rotateZ(-3deg);
  transform-origin: center center;
  box-shadow: .4rem .55rem .45rem #0006, .9rem 1rem 1.05rem #0003;
}
.book-object::before {
  inset: .12rem auto .12rem 100%;
  width: var(--book-depth);
  height: auto;
  background: repeating-linear-gradient(0deg,#c5bfb1 0 1px,#f4efe4 1px 3px);
  border: 1px solid #d5cdbb;
  transform: rotateY(90deg);
  transform-origin: left center;
  backface-visibility: hidden;
}
.book-object::after {
  inset: 0;
  width: auto;
  background: transparent;
  border: 1px solid #ffffff30;
  box-shadow: inset .08rem 0 .08rem #0002;
  transform: translateZ(.02rem);
  pointer-events: none;
}
.book-object > .book-spine {
  display: block;
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  width: .78rem;
  padding: 0;
  margin: 0;
  border: 0;
  border-right: 1px solid #00152238;
  background: linear-gradient(90deg,#06263788,#ffffff16 38%,#00152233 75%,transparent);
  transform: translateZ(.03rem);
  pointer-events: none;
}
.book-object > .book-page-top {
  display: block;
  position: absolute;
  inset: auto 0 100%;
  width: 100%;
  height: var(--book-depth);
  padding: 0;
  margin: 0;
  border: 1px solid #e1d9c9;
  background: repeating-linear-gradient(0deg,#fffaf0 0 2px,#d2caba 2px 3px);
  transform: rotateX(90deg);
  transform-origin: center bottom;
  backface-visibility: hidden;
  pointer-events: none;
}

/* Review notices remain visible at a readable size without consuming extra
   section height. Their wording and unavailable-action states are unchanged. */
.photo-badge, .image-review { font-size: .6875rem; letter-spacing: .06em; }
.editorial-flag { font-size: .6875rem; padding-block: .3rem; }
.artwork-note { font-size: .6875rem; line-height: .75rem; margin-top: 0; color: #56472f; }
.availability-note { font-size: .6875rem; line-height: 1.2; margin-top: .125rem; }
.collage-caption { font-size: .6875rem; line-height: 1.2; padding-block: .0875rem; }
.footer-disclosures { font-size: .6875rem; line-height: .84rem; color: #554b3d; }
.footer-disclosures summary { width: fit-content; }
.footer-disclosures details[open] p { font-size: .8125rem; line-height: 1.45; }

/* Authentic display-only title detail; the original PDF remains unchanged. */
.document-facsimile { position: relative; background-color: #fffdf7; }
.document-facsimile img { object-fit: cover; object-position: center top; }

/* Pass 3: restore the approved archival composition. Its paper/frame are part
   of the disclosed mockup artwork; avoid adding a second frame around them. */
.story-reference-art { height: auto; overflow: visible; }
.story-reference-art picture { display: block; box-shadow: 0 .12rem .3rem #6b4d2726; }
.story-reference-art img { width: 100%; height: 12.6rem; object-fit: cover; }
.story-reference-art .collage-caption {
  position: static;
  margin-top: .25rem;
  padding: 0;
  background: transparent;
  color: #604728;
  font: .6875rem/1.2 var(--sans);
}

/* Pass 4: two equal newspaper features, with a shared paper ground and a
   fine dividing rule. No card backgrounds, additional borders or fixed height. */
.document-section { padding-block: .75rem .85rem; }
.archive-features { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.archive-feature { display: flex; flex-direction: column; min-width: 0; padding-inline: 1.125rem; }
.archive-feature:first-child { padding-left: 0; }
.archive-feature + .archive-feature { padding-right: 0; border-left: 1px solid var(--rule); }
.archive-feature .section-heading { margin-bottom: .75rem; }
.document-intro { display: grid; grid-template-columns: 5.25rem minmax(0,1fr); gap: .75rem; align-items: center; }
.document-facsimile { width: 5.25rem; height: 5.25rem; margin: 0; border-width: .3125rem; }
.document-facsimile img { object-fit: contain; object-position: center top; }
.document-facsimile:hover { box-shadow: 0 .12rem .22rem #6b4d273b, 0 .3rem .7rem #6b4d271a, inset 0 0 .3rem #8a672544; }
.document-identity { min-width: 0; }
.document-identity h3 { font-size: 1.4375rem; font-weight: 600; line-height: 1.08; letter-spacing: -.035em; margin-bottom: .4rem; }
.document-identity .document-meta { font-size: .8125rem; line-height: 1.25; margin: 0; }
.archive-feature .document-summary { font-size: 1rem; line-height: 1.2; margin: .5rem 0 0; }
.archive-collection-body { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: center; gap: 1rem; }
.archive-collection-photo { margin: 0; border-width: .3125rem; }
.archive-collection-photo picture, .archive-collection-photo img { display: block; width: 100%; height: auto; }
.archive-collection-body p { font-size: 1.125rem; line-height: 1.2; }
.archive-actions { margin-top: auto; padding-top: .65rem; }

/* Pass 5: the wider archive shows three authentic source pages, editorially
   arranged in CSS. The complete scans retain their original content and tone. */
/* Keep the previous illustration footprint (893:576 plus its old frame
   allowance), so the protected left feature and button baselines stay put. */
.archive-document-arrangement { position: relative; border: 0; }
.archive-document-arrangement::before { content: ''; display: block; padding-top: calc((100% - .625rem) * 576 / 893 + .625rem); }
.archive-document-sheets { position: absolute; inset: 0 0 auto; height: 8.25rem; }
.archive-document-arrangement .archive-sheet {
  position: absolute;
  display: block;
  height: auto;
  background: #fffdf7;
  border: 1px solid #d2c6b3;
  box-shadow: .1rem .18rem .25rem #55402830;
}
.archive-document-arrangement .archive-sheet img { width: 100%; height: auto; }
.archive-document-arrangement .archive-sheet-spectrum { left: 5%; top: .55rem; width: 36%; transform: rotate(-8deg); }
.archive-document-arrangement .archive-sheet-working { left: 58%; top: .6rem; width: 34%; transform: rotate(9deg); }
.archive-document-arrangement .archive-sheet-declaration { left: 31%; top: .3rem; width: 37%; transform: rotate(-2deg); }
.archive-document-arrangement figcaption { position: absolute; inset: auto 0 0; margin: 0; color: #604728; font: .6875rem/1.2 var(--sans); text-align: center; }

/* Pass 6: official supplied dark cover in the existing book's layout box.
   Keep all artwork in view; neutral narrow boards supply the small difference
   between the original placeholder's ratio and the cover's natural ratio. */
.book-official {
  --book-depth: 1rem;
  height: 14rem;
  background: #0c1421;
  transform: perspective(45rem) rotateX(-3deg) rotateY(-19deg) rotateZ(-2deg);
}
.book-official picture, .book-official img { display: block; width: 100%; height: 100%; }
.book-official img { object-fit: contain; }
.book-official::after { border-color: #c5b88f88; box-shadow: inset 1px 0 1px #ffffff30, inset -1px 0 1px #f4e5bb33; }
.book-official > .book-spine {
  width: .45rem;
  background: linear-gradient(90deg,#03080a66,#bba88a22 38%,transparent);
  border-right-color: #d4c39b33;
}

/* Pass 7: four distinct editions; desktop only (stylesheet media >=1024px). */
.books-four { padding-block: 1.15rem 1.2rem; }
.books-four .book-editions-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; }
.books-four .book-edition { min-width:0; display:grid; grid-template-rows:12.2rem 3.2rem 6.2rem auto; align-content:start; }
.books-four .edition-cover { justify-self:center; height:10.9rem; margin:.25rem 0 .35rem; position:relative; transform:perspective(50rem) rotateY(-7deg); box-shadow:.25rem .35rem .45rem #0007; border-left:.22rem solid #a6a088; border-right:1px solid #c9c1a3; }
.books-four .edition-cover::after {content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset .13rem 0 .16rem #fff3,inset -.1rem 0 .12rem #0006;}
.books-four .edition-cover img {display:block;height:100%;width:auto;max-width:100%;object-fit:contain;}
.books-four h3 {font-family:Georgia,'Times New Roman',serif;font-size:1.22rem;line-height:1.18;font-weight:400;margin:0;color:#fff5dc;}
.books-four .edition-author {font-family:Arial,sans-serif;font-size:.79rem;line-height:1.4;color:#d9c89e;margin:.35rem 0 0;}
.books-four .edition-description {font-size:1rem;line-height:1.3;margin:.2rem 0 .6rem;color:#f2eee3;}
.books-four .book-edition>.button {justify-self:start;align-self:start;white-space:nowrap;}
.books-four .edition-note {font-family:Arial,sans-serif;font-size:.76rem;line-height:1.35;color:#d7d9d5;margin:.55rem 0 0;}
.books-four .books-directory-link {display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a58d535c;margin:.6rem 0 0;padding-top:.65rem;font-size:.85rem;}
.books-four .books-directory-link a {color:#e5c98e;text-underline-offset:.2em;}
.books-four .books-directory-link span {color:#d7d9d5;font-size:.76rem;}
.books-four a:focus-visible {outline:3px solid #f1d080;outline-offset:4px;}

/* Pass 10: restrained desktop typography and interactive navigation. */
.brand-name {font-family:Georgia,'Times New Roman',serif;font-size:2.25rem;font-weight:400;letter-spacing:.012em;line-height:1.12;font-kerning:normal;}
.brand-tagline {margin-top:.35rem;letter-spacing:.22em;}
.header-inner {gap:1rem;}
.primary-nav {padding-left:.4rem;gap:.5rem;}
.primary-nav a {padding:.5rem .08rem;border-bottom:1px solid #b68a5070;text-underline-offset:.25em;transition:color .17s,background-color .17s,border-color .17s;}
.primary-nav a:is(:hover,:focus-visible),.primary-nav a[aria-current] {color:#850e14;background-color:#e8dcc84d;border-bottom-color:#850e14;text-decoration:none;}
.primary-nav a:focus-visible {outline:2px solid #850e14;outline-offset:3px;}
.primary-nav a:active {background-color:#dfceb2;}
.hero h1 {font-family:Georgia,'Times New Roman',serif;font-size:3.85rem;font-weight:400;letter-spacing:-.015em;line-height:1.14;margin-bottom:1rem;}
.hero h1 span + span {font-size:3.05rem;white-space:nowrap;}

/* Retain the previous collection-heading footprint after removing its number. */
.collection-heading {min-height:1.55rem;}

/* Three editorial rules sit in the existing gutters without changing sizing. */
.books-four .book-edition { position:relative; }
.books-four .book-edition + .book-edition::before {
  content:''; position:absolute; left:calc(-.75rem - .5px);
  top:.25rem; bottom:.25rem; width:1px; background:#b9a16c65;
  pointer-events:none;
}