.case-page--slappis { --case-green: #bf975c; }
.case-page--slappis .case-site-footer { background: #0e1213; }
.watch-fallback { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .55; filter: saturate(.78) contrast(1.04); transition: opacity .6s ease; }
.watch-stage.is-3d-ready .watch-fallback { opacity: .1; }
.watch-stage .watch-canvas { opacity: 0; }
.watch-stage.is-3d-ready .watch-fallback { opacity: .9; }
.watch-explorer-visual .watch-canvas { opacity: 1; mix-blend-mode: normal; }
.watch-fit { margin-top: 1.35rem !important; padding-top: .9rem; border-top: 1px solid rgba(237,233,222,.22); color: rgba(237,233,222,.72) !important; }
.watch-fit strong { display: block; margin-bottom: .35rem; color: #ede9de; font: 500 .61rem/1.3 var(--case-mono); letter-spacing: .1em; text-transform: uppercase; }
.case-page--slappis .case-kicker { color: #bf975c; }
.case-page--slappis .case-section--soft .case-link:hover, .case-page--slappis .case-section--soft .case-link { color: #8d6938; }
.case-page--slappis .watch-stage-copy { right: auto; left: clamp(1.3rem, 6vw, 6rem); max-width: 22rem; }
.case-page--slappis .watch-stage-copy .case-button { background: #ede9de; }
.case-page--slappis .watch-stage-copy .case-button:hover { background: #bf975c; }
@media (max-width: 760px) {
  .case-page--slappis .watch-stage-copy { right: 1.25rem; left: 1.25rem; max-width: 18rem; }
  .watch-stage-copy h1 { font-size: clamp(3.7rem, 18vw, 6rem); }
}