/* All decorative imagery comes from painted rasters; these rules style the UI. */
body[data-story-theme] {
  --paper:var(--story-paper); --ink:var(--story-ink); --muted:var(--story-muted);
  --ui-paper:var(--story-paper); --ui-ink:var(--story-ink); --ui-muted:var(--story-muted);
  --ui-line:var(--story-line); --ui-gold:var(--story-accent);
  color:var(--story-ink);
  background-color:var(--story-paper);
  position:relative;
  isolation:isolate;
}
body[data-story-theme]::before {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:0 0 auto;
  height:max(1000px,75vw);
  background-image:var(--story-scenery);
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  /* A display mask joins the actual painted raster to the long-page surface. */
  -webkit-mask-image:linear-gradient(#000 86%,transparent);
  mask-image:linear-gradient(#000 86%,transparent);
}
body[data-story-theme]>header.site-header,
body[data-story-theme]>header.header,
body[data-story-theme]>header.journey-header {
  background:var(--story-paper);
  max-width:none;
  margin:0;
  z-index:80;
  border-bottom:1px solid var(--story-line);
  backdrop-filter:none;
}
/* The scenery stays visible around a quiet, opaque reading surface. */
body[data-story-theme]:not([data-story-theme="spooky"]) :is(.public-hero,.story-intro)>div:first-child,
body[data-story-theme]:not([data-story-theme="spooky"]) .public-excerpt>div,
body[data-story-theme]:not([data-story-theme="spooky"]) .story-band {
  position:relative;
  background:var(--story-paper);
  box-shadow:0 0 28px 24px var(--story-paper);
  border-radius:16px;
}
body[data-story-theme]:not([data-story-theme="spooky"]) .site-back {
  background:var(--story-paper);
  box-shadow:0 0 12px 8px var(--story-paper);
}
body[data-story-theme]:not([data-story-theme="spooky"]) :is(.public-gallery-controls,.deck-nav) {
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  padding:6px 16px;
  border-radius:32px;
  background:var(--story-paper);
  box-shadow:0 0 16px 10px var(--story-paper);
}
body[data-story-theme]:not([data-story-theme="spooky"]) :is(.public-gallery-full,.deck-full) {
  width:max-content;
  max-width:100%;
  background:var(--story-paper);
  box-shadow:0 0 12px 8px var(--story-paper);
}
body[data-story-theme] .site-back,
body[data-story-theme] .public-status,
body[data-story-theme] .story-status,
body[data-story-theme] .public-gallery-full,
body[data-story-theme] .deck-full,
body[data-story-theme] .deck-count,
body[data-story-theme] .story-facts,
body[data-story-theme] .story-intro .lead,
body[data-story-theme] .benefits p {color:var(--story-muted)}
body[data-story-theme] .public-hero .lead {color:var(--story-ink)}
body[data-story-theme] .primary {background:var(--story-accent);color:var(--story-accent-ink);border:1px solid transparent}
body[data-story-theme] .primary:hover {filter:brightness(1.07)}
body[data-story-theme] :is(a,button,summary):focus-visible {outline-color:var(--story-accent)}
body[data-story-theme] :is(.public-gallery-controls,.deck-nav) button {color:var(--story-ink);border-color:var(--story-line);background:transparent}
body[data-story-theme] :is(.public-related a,.story-siblings a,.secondary,.route-tag,.benefits article) {border-color:var(--story-line)}
body[data-story-theme] :is(.public-options button,.route-strip) {background:var(--story-paper);color:var(--story-ink);border-color:var(--story-line)}
body[data-story-theme] .public-options button[aria-pressed=true] {background:var(--story-accent);color:var(--story-accent-ink)}
body[data-story-theme] .public-company {margin-top:38px;margin-bottom:100px}
body[data-story-theme] .public-hero {min-height:610px;padding-top:12px}
body[data-story-theme] .public-gallery-stage {margin-left:0;margin-right:0}
body[data-story-theme] .story-intro {min-height:650px}
body[data-story-theme="spooky"] {color-scheme:dark}
body[data-story-theme="spooky"] .site-header a:hover {color:#ffd28d}
body[data-story-theme="spooky"] .scary-note {background:#483542;color:#f3dec3}
body[data-story-theme="spooky"] .story-marks {color:var(--story-muted)}
body[data-story-theme="spooky"] .public-related a {background:#30252c}
body[data-story-theme="spooky"] .site-pocket>div {background:#30252c}
body[data-story-theme="spooky"] .site-pocket a:hover {background:#483542}
@media(min-width:1400px) {
  body[data-story-theme].public-story main {max-width:1280px;padding-left:60px;padding-right:60px}
}
@media(max-width:800px) {
  body[data-story-theme]::before {height:1000px;background-size:auto 1000px}
  body[data-story-theme] .public-hero {min-height:0;padding-top:0}
  body[data-story-theme] .public-company {margin-top:30px;margin-bottom:65px}
  body[data-story-theme] .story-intro {min-height:0}
}
body[data-story-theme] .story-marks {
  width:fit-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:12px;
  background:var(--story-paper);
  box-shadow:0 0 12px 8px var(--story-paper);
  color:var(--story-ink);
}
body[data-story-theme] .story-marks :is(span,a) {color:var(--story-ink)}