/* Quiet charcoal depth, restricted to individual project stories. */
body.page-project-detail,
body.page-project-detail.project-on-hero {
  --project-atmosphere: radial-gradient(ellipse at 28% 18%, #30312f 0%, #222321 44%, #171816 100%);
  background: #1c1d1b!important;
  color: #f4f4f1;
}
body.page-project-detail .ambient-background {
  background: var(--project-atmosphere)!important;
  background-size: cover!important;
  filter: none!important;
  animation: none!important;
}
body.page-project-detail :is(.project-cover,.story-slide,.story-related) {
  background: var(--project-atmosphere)!important;
  color: #f4f4f1;
}
@media(max-width:700px) {
  body.page-project-detail .project-cover__content {color:#f4f4f1!important}
  body.page-project-detail .project-facts>div {border-color:#ffffff26}
}

/* The control becomes the pointer: heavier ink, without a surrounding box. */
body.page-project-detail.project-theme-grey {
  --project-atmosphere: radial-gradient(ellipse at 28% 18%, #f4f4f2 0%, #dededb 48%, #c9cac6 100%);
  background:#dededb!important;color:#191b18;
}
body.page-project-detail.project-theme-grey :is(.project-cover,.story-slide,.story-related,.project-cover__content,.story-copy,.story-copy__body,.project-facts) {color:#191b18!important}
body.page-project-detail.project-theme-grey .project-facts>div {border-color:#191b1826}

body.page-project-detail .story-reader__index {
  transition: text-shadow 180ms ease, -webkit-text-stroke 180ms ease!important;
}
body.page-project-detail .story-reader__index svg {
  stroke: currentColor;
  stroke-width: 0;
  stroke-linejoin: round;
  transition: stroke-width 180ms ease, filter 180ms ease!important;
}
body.page-project-detail :is(.story-project-nav a,.story-next-slide,.story-previous-slide):is(:hover,:focus-visible) svg {
  stroke-width: 3.6!important;
  filter: drop-shadow(0 0 3px #ffffff80)!important;
}
body.page-project-detail .story-reader__index:is(:hover,:focus-visible) {
  -webkit-text-stroke: .35px currentColor;
  text-shadow: 0 0 3px #ffffff60;
}
body.page-project-detail .story-reader__index:is(:hover,:focus-visible) svg {
  stroke-width: 1.3;
  filter: drop-shadow(0 0 3px #ffffff80);
}
@media(hover:hover) and (pointer:fine) {
  body.page-project-detail :is(.story-project-nav a,.story-next-slide,.story-previous-slide,.story-reader__index):hover,
  body.page-project-detail :is(.story-project-nav a,.story-next-slide,.story-previous-slide,.story-reader__index):hover * {
    cursor: none!important;
  }
  body.page-project-detail:has(.story-project-nav a:hover,.story-next-slide:hover,.story-previous-slide:hover,.story-reader__index:hover) .entropic-pointer {
    opacity: 0!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.page-project-detail :is(.story-project-nav a svg,.story-reader__index,.story-reader__index svg) {
    transition: none!important;
  }
}
/* Directional hints stay attached to the arrows, without adding button boxes. */
body.page-project-detail :is(.story-project-nav a,.story-next-slide,.story-previous-slide)::after {
  position:absolute;white-space:nowrap;pointer-events:none;opacity:0;
  font:400 12px/1.3 var(--font-support);letter-spacing:.01em;
  transition:opacity .18s ease;color:inherit;
}
.story-project-nav__previous::after {content:'Previous project';left:100%;top:50%;transform:translateY(-50%)}
.story-project-nav__next::after {content:'Next project';right:100%;top:50%;transform:translateY(-50%)}
.story-previous-slide::after {content:'Previous slide';top:100%;left:50%;transform:translateX(-50%)}
.story-next-slide::after {content:'Next slide';bottom:100%;left:50%;transform:translateX(-50%)}
body.page-project-detail :is(.story-project-nav a,.story-next-slide,.story-previous-slide):is(:hover,:focus-visible)::after {opacity:1}
@media(prefers-reduced-motion:reduce){body.page-project-detail :is(.story-project-nav a,.story-next-slide,.story-previous-slide)::after{transition:none}}