/* Typography refinements matched to the original design reference. */
.site-nav {
  letter-spacing: .035em;
}

.hero-title,
.inner-hero > h1 {
  letter-spacing: -.055em;
}

.hero-title {
  line-height: .86;
}

.inner-hero > h1 {
  line-height: .88;
}

.hero h2 {
  letter-spacing: .025em;
}

.intro,
.inner-grid p,
.contact-grid p,
.timeline p {
  letter-spacing: .012em;
}

.button {
  letter-spacing: .018em;
}

.section-heading h2 {
  letter-spacing: -.025em;
}

.timeline h2,
.email-large {
  letter-spacing: .015em;
}

/* Preserve the complete 16:9 demo-reel artwork without cropping. */
.reel-player {
  aspect-ratio: 16 / 9;
  min-height: 0;
}

.reel-player > img,
.reel-player > video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 800px) {
  .reel-player {
    aspect-ratio: 16 / 9;
  }
}