:root {

  --room-title-size: clamp(3rem, 5vw, 5rem);
  --color-bg: #070605;
  --color-text: #f5f3ee;
  --color-muted: rgba(245, 243, 238, 0.66);
  --color-dim: rgba(245, 243, 238, 0.38);
  --reading-width: 40rem;
  --font-serif: "Cormorant Garamond", Georgia, serif;
  --font-sans: "Inter", Arial, sans-serif;

  --title-size: clamp(3.05rem, 5vw, 5.25rem);
  --nav-size: clamp(0.78rem, 0.92vw, 0.9rem);
  --statement-size: clamp(1rem, 1.18vw, 1.16rem);

  --tracking-title: 0.12em;
  --tracking-nav: 0.255em;

  --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --intro-duration: 1700ms;
  --ease-swift:


    cubic-bezier(.4,0,.2,1);

    /* Timing */

    --duration-fast: 400ms;
    --duration-medium: 900ms;
    --duration-gallery: 1600ms;
    --duration-cinematic: 2400ms;

     /* Motion */
  --ease-gallery:
    cubic-bezier(.22,.61,.36,1);

  --ease-cinematic:
    cubic-bezier(.16,1,.3,1);
    transition:
      opacity var(--duration-medium)
      var(--ease-gallery);

   /* Gallery room layout */

  --curator-column: fit-content(380px);

  --gallery-gap: clamp(4rem, 6vw, 6rem);

}