/* Final cascade layer for the compiled Next.js export. */
html, body {
  max-width: 100%;
  overflow-x: clip;
}


:where(a, button, input, textarea, select):focus-visible {
  outline: 2px solid #b29a72;
  outline-offset: 4px;
}

.cms-empty {
  grid-column: 1 / -1;
  min-height: 18rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 5vw, 5rem);
  border: 1px solid rgba(24, 24, 21, .16);
  background: rgba(242, 237, 227, .04);
}

.cms-empty span { color: #9c8159; font-size: .7rem; letter-spacing: .18em; }
.cms-empty h2 { margin: 1rem 0 .5rem; font-size: clamp(2rem, 5vw, 4rem); font-weight: 500; }
.cms-empty p { color: #69645b; }

@media (max-width: 760px) {
  *, *::before, *::after { box-sizing: border-box; }
  html, body, #main, main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .page-hero, .page-body {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    padding-inline: 1.5rem !important;
  }

  .page-hero > *,
  .page-body > *,
  .post-grid,
  .cms-empty {
    width: calc(100vw - 3rem) !important;
    max-width: calc(100vw - 3rem) !important;
    margin-inline: auto !important;
  }

  .page-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.7rem, 12vw, 3.8rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -.03em !important;
    overflow-wrap: anywhere !important;
  }

  .post-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .post-card, .post-card > * {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }

  .filmography-page,
  .filmography-page .page-hero,
  .filmography-page .filmography-section,
  .filmography-page .filmography-section > div,
  .filmography-page .works-list,
  .filmography-page .work-row,
  .filmography-page .work-row > a {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }

  .filmography-page .filmography-section { padding-inline: 1.5rem !important; }
  .filmography-page .filmography-section > div {
    width: calc(100vw - 3rem) !important;
    max-width: calc(100vw - 3rem) !important;
    margin-inline: auto !important;
  }
  .filmography-page .filmography-heading { grid-template-columns: auto minmax(0, 1fr) !important; }
  .filmography-page .filmography-heading h2 { font-size: clamp(2.1rem, 10vw, 3.2rem) !important; overflow-wrap: anywhere; }
}