/* ===========================================================================
   print.css — "The Commission Prospectus" print treatment  (SITE-13)
   ---------------------------------------------------------------------------
   Shared, print-only stylesheet linked with media="print" from every real page
   (home, three commissions, journal). The screen experience is a dark atelier
   UI; sent to paper it should read like the bound dossier the marque is built
   around — ink on parchment-white, chrome removed, every editorial passage
   legible, nothing interactive left dangling.

   Discipline: introduces NO new factual claims. The only generated copy is the
   masthead/foot label and an honest reminder that reference imagery and web
   addresses remain placeholders pending verification. Screen colours are
   re-mapped to print-safe equivalents; darkened brass (#6f5427) is used for
   accents so small text clears WCAG contrast on white.
   =========================================================================== */

@media print {

  @page { margin: 18mm 16mm; }

  /* Force colours to render and strip screen depth cues. */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    box-shadow: none !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    animation: none !important;
    transition: none !important;
  }

  html, body {
    background: #ffffff !important;
    color: #1a1712 !important;
    font-size: 11pt;
    line-height: 1.5;
  }

  /* Ink for body copy; darkened brass for accents (contrast-safe on white). */
  p, li, span, small, strong, div, figcaption, td, th,
  h1, h2, h3, h4, .lede, .dossier li, .trait span, .step p, .tenet p,
  .commission-body > p, .marque-copy p, .prov-copy p, .detail-intro p {
    color: #1a1712 !important;
  }
  .eyebrow, .commission-no, .step-no, .tenet i, .teaser-card small,
  .teaser-card .go, .play-mark, .wordmark span, .dossier li::before,
  .nav-back::before, .eyebrow::before {
    color: #6f5427 !important;
    background: #6f5427 !important;   /* for the ::before hairline marks */
  }
  .eyebrow, .commission-no, .step-no, .tenet i,
  .teaser-card small, .teaser-card .go, .play-mark, .wordmark span {
    background: transparent !important;
  }
  .muted, .trait strong, .gallery figcaption, .gallery-note,
  .journal-note, .inquire-card small, .step p, .tenet p, .teaser-card p {
    color: #4a4437 !important;
  }
  a { color: #1a1712 !important; text-decoration: none !important; }

  /* --- Remove all screen chrome / interactive / motion surfaces --- */
  .nav, .mobile-menu, .nav-toggle, .skip-link, .modal,
  video, .hero-media, .hero-fallback,
  .btn, .nav-cta, .hero-actions, .commission-actions, .commission-link,
  .brief-toggle, .inquire-card, .foot-links,
  .journal-teaser, #journal > .shell > div[style],
  .play-mark {
    display: none !important;
  }

  /* --- Neutralise the house photographic grade for faithful print --- */
  .editorial-media::after, .hero::after, .detail-hero::after {
    display: none !important;
  }
  .editorial-media img, .gallery img, .prov-media img,
  .commission-media img, .detail-hero img {
    filter: none !important;
  }

  /* --- Collapse full-bleed heroes into a clean printed header block --- */
  .hero, .detail-hero {
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    padding: 0 !important;
  }
  .journal-hero { padding: 0 0 16px !important; }
  .hero-inner, .detail-hero-inner {
    position: static !important;
    padding: 0 0 18px !important;
  }
  .hero h1, .detail-hero h1, .journal-hero h1 { max-width: none !important; }
  .hero h1 em, .detail-hero h1 em { color: #6f5427 !important; }
  .hero-foot { border-top-color: #cbb48c !important; }

  /* Detail-hero image (absolutely positioned on screen) prints as a plate. */
  .detail-hero img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-height: 92mm !important;
    object-fit: cover !important;
    margin-bottom: 14px !important;
  }
  /* Commission / provenance media wrappers flow naturally. */
  .commission-media, .prov-media { min-height: auto !important; overflow: visible !important; }
  .commission-media img, .prov-media img, .editorial-media img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-height: 80mm !important;
    object-fit: cover !important;
  }
  .gallery img { aspect-ratio: auto !important; max-height: 70mm !important; }

  /* --- Reveal-on-scroll content must be fully visible on paper --- */
  .reveal { opacity: 1 !important; transform: none !important; }
  /* Commission briefs are forced open so the prospectus is complete. */
  .brief { display: grid !important; gap: 10px; padding-top: 12px; border-top: 1px solid #cbb48c; }

  /* --- Layout: single-column flow, tightened spacing --- */
  .shell { width: 100% !important; }
  .section { padding: 20px 0 !important; }
  .section-head { margin-bottom: 20px !important; }
  .inquire-inner { padding: 20px 0 !important; }
  .marque-grid, .prov-grid, .inquire-inner,
  .commission, .commission:nth-of-type(even),
  .detail-intro, .gallery, .journal-teaser {
    display: block !important;
  }
  .commission:nth-of-type(even) .commission-media { order: 0 !important; }
  .commission-body, .spec-card, .dossier, .inquire-card { padding: 18px 0 !important; }
  .gallery figure { border-color: #cbb48c !important; margin-bottom: 10px; }

  /* Hairlines to a paper-friendly tone. */
  .rule, .tenets, .tenet, .commission, .process-wrap, .step,
  .dossier, .spec-card, .chips span, .journal-list, .inquire,
  .section-head, .hero-foot {
    border-color: #cbb48c !important;
  }
  .commission, .spec-card, .dossier, .inquire, .teaser-card, .bg-raised,
  .commission-media, .gallery figure { background: #ffffff !important; }

  /* --- Page-break control: keep coherent blocks intact --- */
  .commission, .step, .tenet, .spec-card, .dossier,
  .gallery figure, .journal-list article, .teaser-card, .film-frame {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  h1, h2, h3, .section-head { break-after: avoid; page-break-after: avoid; }
  section { break-before: auto; }

  /* --- Printed masthead + honest colophon (generated, no new claims) --- */
  main::before {
    content: "RestoMod \00B7 Private Commission Prospectus";
    display: block;
    font-family: var(--serif, Georgia, serif);
    letter-spacing: .26em;
    text-transform: uppercase;
    font-size: 9pt;
    color: #6f5427 !important;
    border-bottom: 1px solid #cbb48c;
    padding-bottom: 10px;
    margin-bottom: 22px;
  }
  footer { padding: 16px 0 0 !important; border-top: 1px solid #cbb48c !important; color: #4a4437 !important; }
  footer .foot-inner { display: block !important; }
  footer::after {
    content: "Internal design template \2014 de Odyssey LLC. Not for external publication. Reference imagery and web addresses shown are placeholders pending verification.";
    display: block;
    margin-top: 10px;
    font-size: 8pt;
    line-height: 1.5;
    color: #6b6456 !important;
  }
}