:root {
  --color-primary: #e84a35;
  --color-primary-contrast: #fffaf2;
  --color-bg: #fffaf2;
  --color-surface: #f3eadc;
  --color-text: #211b19;
  --color-muted: #766b66;
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-body: Arial, Helvetica, sans-serif;
  --radius: 0px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 76px;
}

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}

img {
  max-width: 100%;
}

a {
  color: inherit;
}

button {
  font: inherit;
}

.display {
  font-family: var(--font-heading);
}

.eyebrow {
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 700;
}

.hero-image {
  min-height: min(820px, 92vh);
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--color-text) 72%, transparent), color-mix(in srgb, var(--color-text) 12%, transparent) 70%), url('/wp-content/themes/lemondededemain/images/desk-hp.jpg');
  background-position: center;
  background-size: cover;
}

.soft-panel {
  background: linear-gradient(135deg, var(--color-surface), var(--color-bg));
  border: 1px solid color-mix(in srgb, var(--color-primary) 28%, transparent);
}

.cast-card img,
.photo-card img,
.book-card img,
.resource-card img,
.news-card img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.cast-card img {
  aspect-ratio: 1;
  filter: grayscale(18%);
}

.cast-card:hover img {
  filter: grayscale(0%);
}

.photo-card img {
  aspect-ratio: 4 / 3;
}

.book-card img,
.resource-card img,
.news-card img {
  aspect-ratio: 16 / 10;
}

@media (max-width: 767px) {
  .hero-image {
    min-height: 72vh;
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--color-text) 78%, transparent), color-mix(in srgb, var(--color-text) 18%, transparent)), url('/wp-content/themes/lemondededemain/images/mob-hp.jpg');
  }
}