/* These layers never join pointer hit testing or the content layout. */
.career-weather {
  position: absolute;
  left: 0;
  width: 100%;
  max-width: none;
  pointer-events: none !important;
  user-select: none !important;
  mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.45) 28%,rgba(0,0,0,.45) 72%,#000);
}
.artist-idle-clock {
  position: absolute;
  left: 50%;
  top: 48%;
  width: clamp(360px,66vw,980px);
  aspect-ratio: 1;
  z-index: -2;
  color: var(--ink);
  opacity: .27;
  pointer-events: none !important;
  user-select: none !important;
  transform: translate(-50%,-50%) perspective(1000px) translateZ(-180px);
  transition: opacity 1.35s ease .2s;
}
.artist-idle-clock[data-idle="false"] { opacity: 0; transition-delay: 0s; }
.artist-idle-clock svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; }
.artist-clock-rim { stroke-width: 1; opacity: .65; vector-effect: non-scaling-stroke; }
.artist-clock-hour { stroke-width: 2.2; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.artist-clock-minute { stroke-width: 1.4; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.artist-clock-pin { fill: currentColor; stroke: none; }
@media (max-width: 760px) {
  .career-weather { mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.4) 30%,rgba(0,0,0,.4) 70%,#000); }
  .artist-idle-clock { width: calc(100% + 42px); left: 50%; top: 48%; opacity: .2; }
}
.motion-paused .artist-idle-clock { transition: none; }
@media print { .career-weather, .artist-idle-clock { display: none !important; } }