/* Collect Silver: full-scale editorial atmosphere, built only from the exact
   paired C/S paths. Static CSS/SVG. No AI-rendered brand pixels are included. */
:where(.cs-layered-page,#cs-explore[data-page="places"][data-places-journey="v1"]) {
  --cs-layer-paper:#f7f9fb;
  --cs-layer-sheet:#dbe4ee;
  --cs-layer-underlay:#c5d2e1;
  --cs-layer-ink:#335576;
  --cs-layer-rule:#adbfd0;
  --cs-layer-warm:#b87968;
  --cs-layer-shadow:#142e4612;
  --cs-layer-mark-opacity:.075;
  --cs-layer-repeat-opacity:.065;
}
html[data-theme="dark"] :where(.cs-layered-page,#cs-explore[data-page="places"][data-places-journey="v1"]) {
  --cs-layer-paper:#172b39;
  --cs-layer-sheet:#243e52;
  --cs-layer-underlay:#36526c;
  --cs-layer-ink:#b5cde3;
  --cs-layer-rule:#456178;
  --cs-layer-warm:#d2a08c;
  --cs-layer-shadow:#0003;
  --cs-layer-mark-opacity:.07;
  --cs-layer-repeat-opacity:.055;
}
/* Page atmosphere moves with the document. It never creates a fixed layer,
   scroll container, hit target, enormous bitmap, or animation loop. */
.cs-layered-page {position:relative;isolation:isolate}
.cs-page-atmosphere {
  position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  contain:paint;
}
.cs-page-atmosphere > span {position:absolute;display:block;pointer-events:none}
.cs-page-watermark {
  width:clamp(660px,94vw,1420px);aspect-ratio:1000/860;
  left:-17%;top:clamp(210px,28vw,430px);
  background:var(--cs-layer-ink);opacity:var(--cs-layer-mark-opacity);
  mask:url('/brand/layered-backgrounds/exact-monogram.svg') center/contain no-repeat;
}
.cs-page-paper {
  width:65%;height:clamp(420px,65vw,860px);right:-12%;top:9%;
  background:linear-gradient(138deg,var(--cs-layer-sheet),transparent 76%);
  clip-path:polygon(19% 0,100% 11%,100% 100%,0 83%);
  opacity:.6;
}
.cs-page-paper::after {
  content:"";position:absolute;inset:18px 0 0 22px;
  background:var(--cs-layer-paper);
  clip-path:polygon(19% 0,100% 11%,100% 100%,0 83%);
}
.cs-page-wallpaper {
  width:100%;height:clamp(360px,60vw,720px);left:0;top:60%;
  background:var(--cs-layer-ink);opacity:var(--cs-layer-repeat-opacity);
  mask:url('/brand/layered-backgrounds/exact-wallpaper.svg') center/440px 381.33px repeat;
}
/* Section art belongs to its own rear surface. Higher sheets are opaque and
   therefore correctly occlude rear marks. No mark is redrawn over a front sheet. */
.cs-layer-art {
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  contain:paint;border-radius:inherit;
}
.cs-layer-art > span {position:absolute;display:block;pointer-events:none}
.cs-layer-watermark {
  width:clamp(280px,51vw,690px);aspect-ratio:1000/860;
  right:-5%;top:50%;transform:translateY(-50%);
  background:var(--cs-layer-ink);opacity:.11;
  mask:url('/brand/layered-backgrounds/exact-monogram.svg') center/contain no-repeat;
}
.cs-layer-sheet {
  inset:12px 28% 12px 12px;background:var(--cs-layer-paper);
  clip-path:polygon(0 0,94% 0,100% 100%,0 100%);
  border-left:1px solid var(--cs-layer-rule);
  box-shadow:6px 9px 0 var(--cs-layer-shadow);
}
.cs-paper-section,[data-cs-paper-layer] {position:relative;isolation:isolate}
.cs-paper-section {
  background:var(--cs-layer-sheet);
  border-block:1px solid var(--cs-layer-rule);
  box-shadow:inset 0 -7px 0 var(--cs-layer-underlay);
}
.cs-paper-section > :not(.cs-layer-art) {position:relative;z-index:1}
.cs-paper-section .cs-layer-watermark {opacity:.09;right:-11%}
.cs-paper-section .cs-layer-sheet {right:16%;opacity:1}
/* The editorial section treatment stays in existing padding, grid and order.
   It changes surface material, never the information architecture. */
.cs-layered-page .cs-paper-section :is(h2,h3,p,.eyebrow,.text-link) {
  color:var(--ink);
}
.cs-layered-page .cs-paper-section .btn {position:relative;z-index:2}
/* Places integration is opt-in to the redesign worker's explicit contract. */
#cs-explore[data-page="places"][data-places-journey="v1"] [data-cs-paper-layer] {
  background:var(--cs-layer-sheet);border:1px solid var(--cs-layer-rule);
}
#cs-explore[data-page="places"][data-places-journey="v1"] [data-cs-paper-layer] > :not(.cs-layer-art) {
  position:relative;z-index:1;
}
#cs-explore[data-page="places"][data-places-journey="v1"] [data-cs-paper-layer="hero"] .cs-layer-watermark {right:-2%;width:clamp(360px,57vw,760px);opacity:.13}
#cs-explore[data-page="places"][data-places-journey="v1"] [data-cs-paper-layer="feature"] .cs-layer-watermark {right:-8%;width:clamp(310px,45vw,580px);opacity:.09}
#cs-explore[data-page="places"][data-places-journey="v1"] [data-cs-paper-layer="feature"] .cs-layer-sheet {right:18%;inset-block:8px}
/* Themes follow the selected trail without inventing category meaning. */
#cs-explore[data-page="places"][data-places-journey="v1"][data-place-theme="museum"] {--cs-layer-ink:#557563;--cs-layer-sheet:#e2ebe3;--cs-layer-underlay:#cadbcd}
#cs-explore[data-page="places"][data-places-journey="v1"][data-place-theme="mint"] {--cs-layer-ink:#3f65a0;--cs-layer-sheet:#dfe8f4;--cs-layer-underlay:#c7d8ec}
#cs-explore[data-page="places"][data-places-journey="v1"][data-place-theme="mine"] {--cs-layer-ink:#8b6b32;--cs-layer-sheet:#eee6d5;--cs-layer-underlay:#e0d1b0}
#cs-explore[data-page="places"][data-places-journey="v1"][data-place-theme="artisan_workshop"] {--cs-layer-ink:#78618f;--cs-layer-sheet:#eae3f1;--cs-layer-underlay:#d9cde5}
html[data-theme="dark"] #cs-explore[data-page="places"][data-places-journey="v1"][data-place-theme="museum"] {--cs-layer-ink:#b6d2be;--cs-layer-sheet:#263b31;--cs-layer-underlay:#395343}
html[data-theme="dark"] #cs-explore[data-page="places"][data-places-journey="v1"][data-place-theme="mint"] {--cs-layer-ink:#a9c9ef;--cs-layer-sheet:#263b58;--cs-layer-underlay:#3a5273}
html[data-theme="dark"] #cs-explore[data-page="places"][data-places-journey="v1"][data-place-theme="mine"] {--cs-layer-ink:#ddc391;--cs-layer-sheet:#443924;--cs-layer-underlay:#5c4c2f}
html[data-theme="dark"] #cs-explore[data-page="places"][data-places-journey="v1"][data-place-theme="artisan_workshop"] {--cs-layer-ink:#c8bce5;--cs-layer-sheet:#36304c;--cs-layer-underlay:#4c4264}
@media(max-width:700px) {
  .cs-page-watermark {width:780px;left:-77%;top:360px;opacity:.055}
  .cs-page-paper {width:100%;right:-50%;opacity:.5}
  .cs-page-wallpaper {mask-size:320px 277.33px}
  .cs-layer-watermark {width:360px;right:-24%;opacity:.055!important}
  .cs-layer-sheet {inset:8px 16px 10px 8px;clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}
  .cs-paper-section .cs-layer-sheet {right:12px}
  #cs-explore[data-page="places"][data-places-journey="v1"] [data-cs-paper-layer] .cs-layer-sheet {inset:8px 12px 9px 8px}
  #cs-explore[data-page="places"][data-places-journey="v1"] [data-cs-paper-layer] .cs-layer-watermark {right:-30%}
}
@media(prefers-reduced-motion:reduce) {
  /* The art is already static; this prevents future inherited animation. */
  .cs-page-atmosphere,.cs-page-atmosphere *, .cs-layer-art,.cs-layer-art * {animation:none!important;transition:none!important}
}
html[data-effects="off"] :is(.cs-page-atmosphere,.cs-layer-art),
html[data-effects="off"] :is(.cs-page-atmosphere,.cs-layer-art) * {animation:none!important;transition:none!important}
@media(forced-colors:active) {
  .cs-page-atmosphere,.cs-layer-art {display:none!important}
  .cs-paper-section,#cs-explore[data-page="places"][data-places-journey="v1"] [data-cs-paper-layer] {background:Canvas;border-color:CanvasText;box-shadow:none}
}
@media print {
  .cs-page-atmosphere,.cs-layer-art {display:none!important}
  .cs-paper-section,[data-cs-paper-layer] {background:none!important;box-shadow:none!important;border-color:#777}
}
/* Places paper softly reveals the authentic rear monogram. Only the decorative
   front sheet is masked: content, links and the rear mark keep their own layers.
   A faint paper floor protects copy contrast over the newly revealed area. */
#cs-explore[data-page="places"][data-places-journey="v1"] [data-cs-paper-layer] .cs-layer-sheet {
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 24%,#000000e6 40%,#000000a3 60%,#00000066 82%,#0000003d 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 24%,#000000e6 40%,#000000a3 60%,#00000066 82%,#0000003d 100%);
}