/* Carnaby home clock refinement, 12 Oct 2026.
   Only Everyday Carnaby is affected; the existing website and interactions stay intact. */

/* The 9 AM / Morning scene should be purple, not yellow, including first paint. */
body.compact-rhythm main #everyday-carnaby.hour-section {
  --hour-bg: #c7b3e9;
}

/* Keep the heading in the TOP RIGHT, on a layer above the circular scene wash.
   Remove its reveal animation in the markup so the heading never fades/re-enters. */
body.compact-rhythm main #everyday-carnaby .hour-intro {
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  width: 100% !important;
  margin: 0 0 clamp(20px, 2.6vw, 38px) !important;
  padding: 0 !important;
  text-align: right !important;
}

/* Same Instrument Serif + Gochi Hand family, weight and hierarchy as the site. */
body.compact-rhythm main #everyday-carnaby .hour-intro h2.hour-title {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  align-self: flex-end !important;
  text-align: right !important;
  font-size: var(--co-section-title) !important;
  line-height: .91 !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
body.compact-rhythm main #everyday-carnaby .hour-intro h2.hour-title .hand {
  display: inline-block !important;
  text-align: right !important;
  transform: rotate(-2deg) !important;
  transform-origin: right center !important;
}

/* Only the clock scene/body changes; the fixed heading stays visible. */
body.compact-rhythm main #everyday-carnaby .hour-layout {
  position: relative !important;
  z-index: 2 !important;
}
body.compact-rhythm main #everyday-carnaby .hour-transition-wash {
  z-index: 1 !important;
}
@media (max-width: 760px) {
  body.compact-rhythm main #everyday-carnaby .hour-intro {
    margin-bottom: 20px !important;
  }
  body.compact-rhythm main #everyday-carnaby .hour-intro h2.hour-title {
    width: min(100%, 570px) !important;
    max-width: 570px !important;
    text-align: right !important;
  }
}