/*
  Hugh Furst Properties — "The Walkthrough"
  Palette is intentionally restricted to true black, true white, and
  neutral (undertone-free) grays. Every photograph is desaturated by
  default so no incidental color ever enters the page; a soft return
  to full tone on hover is the one reward interaction we allow.
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --hf-black: #050505;
  --hf-ink: #111110;
  --hf-white: #FAFAF8;
  --hf-gray-100: #EDEDEA;
  --hf-gray-300: #C9C9C4;
  --hf-gray-500: #8C8C86;
  --hf-gray-700: #4A4A46;
  --hf-line: rgba(250, 250, 248, 0.14);
  --hf-line-dark: rgba(5, 5, 5, 0.12);
  --hf-ease: cubic-bezier(0.16, 1, 0.3, 1);

  --hf-font-display: 'Cormorant Garamond', serif;
  --hf-font-body: 'Inter', sans-serif;
}

.hf-root {
  background: var(--hf-white);
  color: var(--hf-black);
  font-family: var(--hf-font-body);
  -webkit-font-smoothing: antialiased;
}

.hf-root img {
  filter: grayscale(0.9) contrast(1.02);
  transition: filter 0.8s var(--hf-ease);
}
.hf-root .hf-img-color-on-hover:hover img,
.hf-root .hf-img-color-on-hover:focus-within img {
  filter: grayscale(0);
}

.hf-will-change {
  will-change: transform, opacity;
}

.hf-display {
  font-family: var(--hf-font-display);
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Fixed room wayfinding rail — the walkthrough's signature device */
.hf-room-rail {
  position: fixed;
  z-index: 60;
  color: var(--hf-white);
  mix-blend-mode: difference;
  pointer-events: none;
}

/* Reduced motion: respect it everywhere */
@media (prefers-reduced-motion: reduce) {
  .hf-root * {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

/* Touch-friendly tap targets */
@media (pointer: coarse) {
  .hf-tap-target {
    min-height: 44px;
    min-width: 44px;
  }
}