.watch-stage { --size: 80vh; width: var(--size); height: var(--size); position: relative; cursor: pointer; opacity: 0; filter: brightness(0); transform:skew(0deg, var(--pointer-skew-y, 0deg)) rotate(var(--pointer-tilt, 0deg)); touch-action: none; }
.watch-stage.intro-visible { opacity: 1; filter: brightness(1); transition: opacity 1.8s ease-out, filter 2.2s ease-out; }
.watch-part { aspect-ratio: 1; width: var(--size); height: var(--size); position: absolute; overflow: visible; }
.watch-part.watch-intro-part { transition:rotate var(--watch-intro-duration, 0ms) cubic-bezier(.2,.8,.2,1); }
.watch-caption-container { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.25em; }
.watch-caption { font-size:11px; line-height:13px; color:rgba(72,72,81,40); transform:translateY(-2em); margin:0; }
.watch-caption--big { font-size:13px; line-height:17px; }
.main-container { display:flex; flex-direction:column; justify-content:center; align-items:center; filter:brightness(130%) contrast(95%); margin-top:74px; }
@media (prefers-color-scheme: dark) { .main-container { filter:brightness(100%); } }
@media (prefers-reduced-motion: reduce) { .watch-stage, .watch-stage.intro-visible, .watch-part.watch-intro-part { transition:none; } }