/* THE DARK MUSEUM — ONE FIXED CASTLE BACKDROP FOR THE ENTIRE SITE.
   The same original photograph stays in place while all catalogue content scrolls. */
html.castle-page {
  background: url('/assets/moonlit_castle_backdrop.webp') center center / cover no-repeat fixed !important;
  background-color: transparent !important;
  min-height: 100%;
}
html.castle-page body,
html.castle-page body[data-vault],
html.castle-page body.museum-privacy {
  background: transparent !important;
  background-color: transparent !important;
}
html.castle-page body[data-vault] .castle-backdrop {
  display: none !important; /* prevents a second, separately scrolling photograph in hero */
}
html.castle-page body[data-vault] .castle-hero,
html.castle-page body[data-vault=watches] .castle-hero {
  background: transparent !important;
  background-color: transparent !important;
}
html.castle-page body[data-vault] .castle-hero::before,
html.castle-page body[data-vault] .castle-hero::after {
  background: none !important; /* remove opaque hero black gradients */
}
html.castle-page body[data-vault] .opening-line,
html.castle-page body[data-vault] .site-header,
html.castle-page body[data-vault=watches] .site-header,
html.castle-page body[data-vault] .manifesto-band,
html.castle-page body[data-vault] .vault-intro,
html.castle-page body[data-vault] .intro-section,
html.castle-page body[data-vault] .featured-watch-section,
html.castle-page body[data-vault] .catalogue,
html.castle-page body[data-vault] .museum-code,
html.castle-page body[data-vault] .inquiries,
html.castle-page body[data-vault] .footer,
html.castle-page body[data-vault] .philosophy,
html.castle-page body[data-vault] .rooms-section,
html.castle-page body[data-vault] .quote-section,
html.castle-page body[data-vault] .interlude,
html.castle-page body[data-vault] .interlude-left,
html.castle-page body[data-vault] .interlude-right,
html.castle-page body[data-vault] .featured-watch-card,
html.castle-page body[data-vault] .featured-watch-card .featured-image,
html.castle-page body[data-vault] .obj-photo,
html.castle-page body[data-vault] .obj-photo img,
html.castle-page body[data-vault] .object-card,
html.castle-page body.museum-privacy .rule-top,
html.castle-page body.museum-privacy .site-header,
html.castle-page body.museum-privacy .privacy-page,
html.castle-page body.museum-privacy .site-footer {
  background: transparent !important;
  background-color: transparent !important;
}
html.castle-page body[data-vault=watches] .featured-watch-section::before,
html.castle-page body[data-vault=watches] .featured-watch-card .featured-image::after,
html.castle-page body[data-vault] .featured-watch-card .featured-image::after {
  background: none !important;
  background-image: none !important;
}
html.castle-page body[data-vault] .featured-watch-card {
  box-shadow: none !important;
  border: 1px solid rgba(235,228,233,.48) !important;
}
html.castle-page body[data-vault] .featured-watch-card .watch-title,
html.castle-page body[data-vault] .catalogue-head,
html.castle-page body[data-vault] .obj-info,
html.castle-page body[data-vault] .vault-intro,
html.castle-page body[data-vault] .inquiries-head,
html.castle-page body[data-vault] .museum-code,
html.castle-page body[data-vault] .castle-inner {
  text-shadow: 0 2px 5px rgba(0,0,0,.96), 0 0 16px rgba(0,0,0,.7);
}
html.castle-page body.museum-privacy::before {
  display: none !important; /* previously laid a dark filter over privacy page */
}
html.castle-page body.museum-privacy .privacy-page { color: #f1f1f3 !important; text-shadow: 0 2px 6px #000, 0 0 16px #000; }
html.castle-page body.museum-privacy .privacy-page p { color: #dedfe5 !important; }
html.castle-page body[data-vault] .vault-intro-grid p,
html.castle-page body[data-vault] .catalogue-head p,
html.castle-page body[data-vault] .inquiries-head p,
html.castle-page body[data-vault] .obj-info p {
  color: #e3e3e8 !important;
}
@media (max-width:760px) {
  html.castle-page {
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
  }
}


/* READABLE INK PANELS / SAME FIXED CASTLE BACKDROP THROUGHOUT EVERY PAGE */
html.castle-page body[data-vault] .castle-inner{
  max-width:760px!important;margin-left:max(3vw,24px)!important;margin-right:auto!important;
  padding:44px clamp(18px,3vw,48px) 74px!important;
  height:auto!important;align-self:center!important;position:relative!important;
  background:rgba(0,0,0,.66)!important;border:1px solid rgba(239,238,240,.17)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.3)!important;backdrop-filter:blur(2px);
}
html.castle-page body[data-vault] .vault-intro-grid,
html.castle-page body[data-vault] .vault-rooms,
html.castle-page body[data-vault] .catalogue-top,
html.castle-page body[data-vault] .catalogue-head,
html.castle-page body[data-vault] .catalogue-controls,
html.castle-page body[data-vault] .inquiries-head,
html.castle-page body[data-vault] .inquiry-form,
html.castle-page body[data-vault] .obj-info,
html.castle-page body[data-vault] .featured-watch-card .watch-title,
html.castle-page body[data-vault] .book-details,
html.castle-page body[data-vault] .footer-info,
html.castle-page body[data-vault] .museum-code blockquote {
 background:rgba(0,0,0,.73)!important;
 border:1px solid rgba(232,230,235,.12)!important;
 backdrop-filter:blur(2px);
 padding:clamp(16px,2.1vw,32px)!important;
 box-shadow:0 10px 40px rgba(0,0,0,.19)!important;
}
html.castle-page body[data-vault] .opening-line,
html.castle-page body[data-vault] .site-header,
html.castle-page body.museum-privacy .site-header {
 background:rgba(0,0,0,.76)!important;backdrop-filter:blur(7px);
}
html.castle-page body.museum-privacy .privacy-page {
 background:rgba(0,0,0,.7)!important;
 box-shadow:0 10px 50px rgba(0,0,0,.35);
 max-width:950px; margin-inline:auto;padding:clamp(24px,4vw,70px)!important;
}
html.castle-page body[data-vault] .vault-rooms {
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;
}
html.castle-page body[data-vault] .vault-room-link:not(:first-child){padding-left:clamp(10px,1.25vw,22px)}
html.castle-page body[data-vault] .vault-room-link {min-width:0}
html.castle-page body[data-vault] .vault-room-link strong {overflow-wrap:anywhere}
html.castle-page body[data-vault] .catalogue-head p,
html.castle-page body[data-vault] .vault-intro-grid p,
html.castle-page body[data-vault] .inquiries-head p{color:#f0f0f1!important}
html.castle-page body[data-vault] .book-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
html.castle-page body[data-vault] .book-item{background:rgba(0,0,0,.25);border:1px solid rgba(240,239,242,.33);min-width:0}
html.castle-page body[data-vault] .book-cover{min-height:400px;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.25)}
html.castle-page body[data-vault] .book-cover img{height:375px;max-width:100%;width:auto;object-fit:contain;box-shadow:0 15px 55px rgba(0,0,0,.55)}
html.castle-page body[data-vault] .book-details{margin:0!important}
html.castle-page body[data-vault] .book-details small{font:600 10px/1.5 'Cinzel',serif;letter-spacing:.12em;color:#fa173b}
html.castle-page body[data-vault] .book-details h3{font:400 clamp(22px,2.5vw,35px)/1.25 'Cinzel',Georgia,serif;margin:12px 0;color:#fff}
html.castle-page body[data-vault] .book-details h4{font:400 17px 'Cinzel',serif;color:#f4f4f5;margin:0 0 12px}
html.castle-page body[data-vault] .book-details p{color:#e8e8eb!important;font-size:13px;line-height:1.7;margin:8px 0}
html.castle-page body[data-vault] .book-enquire{display:inline-block;border:1px solid #ea1233;padding:13px 18px;font:600 10px 'Cinzel',serif;letter-spacing:.09em;margin-top:18px;color:#fff}
html.castle-page body[data-vault] .book-enquire:hover{background:#ac0d2a}
@media(max-width:1100px){html.castle-page body[data-vault] .vault-rooms{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html.castle-page body[data-vault] .book-grid{grid-template-columns:1fr}html.castle-page body[data-vault] .vault-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}html.castle-page body[data-vault] .castle-inner{margin:28px 5vw!important;padding:27px!important;max-width:90vw!important}html.castle-page body[data-vault] .book-cover{min-height:315px}html.castle-page body[data-vault] .book-cover img{height:295px}}
