.mh-main { overflow: clip; }
.mh-main .wp-block-post-content { width: 100%; max-width: none; margin: 0; }
.mh-main .wp-block-post-content > * { max-width: none; }
.mh-main, .mh-main * { box-sizing: border-box; }
.mh-main h1, .mh-main h2, .mh-main h3 { margin-top: 0; }
.mh-eyebrow { margin: 0 0 1.5rem; font-family: var(--essential-mono, monospace); font-size: .78rem; font-weight: 700; letter-spacing: .14em; line-height: 1.5; text-transform: uppercase; }
.mh-hero { position: relative; display: flex; align-items: flex-end; min-height: min(900px, 100svh); padding: clamp(7rem, 13vw, 13rem) var(--essential-pad, 5vw) clamp(4rem, 7vw, 7rem); isolation: isolate; color: #f4eadb; background: #101010; }
.mh-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--mh-hero-image) center 53% / cover no-repeat; }
.mh-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7,7,7,.73), rgba(7,7,7,.15) 83%), linear-gradient(0deg, rgba(7,7,7,.55), transparent 65%); }
.mh-hero__content { width: min(100%, 120rem); margin-inline: auto; }
.mh-hero .mh-eyebrow { color: #d5a342; }
.mh-hero h1 { max-width: 14ch; margin: 0 0 2rem; color: #f4eadb; font-family: var(--essential-display, Impact, sans-serif); font-size: clamp(5rem, 11vw, 12rem); font-weight: 900; letter-spacing: .01em; line-height: .91; text-transform: uppercase; }
.mh-hero h1 span { display: block; color: #d8aa58; font-size: .6em; letter-spacing: .02em; }
.mh-hero__lede { max-width: 44rem; margin: 0 0 2rem; color: #f4eadb; font-size: clamp(1.1rem, 1.7vw, 1.55rem); line-height: 1.45; }
.mh-scroll { display: inline-flex; align-items: center; gap: 1.5rem; padding: .8rem 0; border-bottom: 1px solid #d8aa58; color: #f4eadb; font-family: var(--essential-mono, monospace); font-size: .85rem; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.mh-scroll span { color: #d8aa58; }
.mh-photo-label { position: absolute; right: var(--essential-pad, 5vw); bottom: 1.5rem; margin: 0; color: #eee; font-family: var(--essential-mono, monospace); font-size: .85rem; line-height: 1.4; letter-spacing: .06em; text-transform: uppercase; text-align: right; }
.mh-photo-label__time { white-space: nowrap; }
.mh-intro, .mh-featured, .mh-directory, .mh-work { padding: clamp(5rem, 9vw, 10rem) var(--essential-pad, 5vw); }
.mh-intro, .mh-section-top, .mh-work { max-width: 120rem; margin-inline: auto; }
.mh-intro { display: grid; grid-template-columns: minmax(15rem, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 6vw, 8rem); }
.mh-intro h2, .mh-section-top h2, .mh-work h2 { font-family: var(--essential-display, Impact, sans-serif); font-size: clamp(3.6rem, 7.5vw, 9rem); line-height: .92; text-transform: uppercase; }
.mh-intro p:last-child, .mh-section-top > p:last-child, .mh-work > p:not(.mh-eyebrow) { max-width: 50rem; font-size: clamp(1.1rem, 1.6vw, 1.45rem); line-height: 1.6; }
.mh-featured { padding-top: clamp(4rem, 7vw, 7rem); background: #111; color: #f3ede4; }
.mh-featured .mh-section-top { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 3rem; }
.mh-featured .mh-eyebrow, .mh-work .mh-eyebrow { color: #c7963b; }
.mh-featured__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 3rem); max-width: 120rem; margin-inline: auto; }
.mh-photo { min-width: 0; margin: 0; }
.mh-photo > a { display:block; color:inherit; text-decoration:none; }
.mh-photo img { display: block; width: 100%; height: clamp(18rem, 35vw, 36rem); object-fit: cover; border-radius: var(--essential-photo-radius, 18px); }
.mh-photo { scroll-margin-top: 6rem; }
.mh-photo figcaption { display: grid; grid-template-columns: 3rem 1fr auto; align-items: baseline; gap: 1rem; padding: 1.3rem 0 2rem; border-bottom: 1px solid #605d57; font-family: var(--essential-mono, monospace); font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
.mh-photo figcaption strong { font-family: var(--essential-display, Impact, sans-serif); font-size: clamp(1.6rem, 2.6vw, 3rem); letter-spacing: normal; }
.mh-photo figcaption span:last-child { color: #c4ad87; }
.mh-directory { background: #f2eadd; color: #131313; }
.mh-directory .mh-section-top { display: grid; grid-template-columns: 1fr 1.4fr; gap: 0 clamp(2rem, 5vw, 6rem); margin-bottom: clamp(3rem, 6vw, 6rem); }
.mh-directory .mh-section-top .mh-eyebrow { grid-column: 1 / -1; color: #956b20; }
.mh-directory .mh-section-top p:last-child { align-self: end; margin: 0; }
.mh-directory__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem clamp(1.5rem, 3vw, 3.5rem); max-width: 120rem; margin-inline: auto; }
.mh-directory__group { break-inside: avoid; }
.mh-directory__group h3 { padding-bottom: .5rem; border-bottom: 2px solid #bb8a34; color: #9c6c1f; font-family: var(--essential-display, Impact, sans-serif); font-size: 3.4rem; line-height: 1; }
.mh-directory__group ul { margin: 0; padding: 0; list-style: none; }
.mh-directory__group li { padding: .8rem 0; border-bottom: 1px solid #c9bfb1; font-family: var(--essential-mono, monospace); font-size: .9rem; line-height: 1.4; }
.mh-directory__group a { color: inherit; text-decoration: none; }
.mh-directory__group a:hover, .mh-directory__group a:focus-visible { color: #8e6016; text-decoration: underline; text-underline-offset: .2em; }
.mh-work { text-align: center; }
.mh-work > p:not(.mh-eyebrow) { margin: 0 auto 2.5rem; }
.mh-work a:not(.mh-cta) { color: inherit; text-decoration-color: #b98a38; text-underline-offset: .2em; }
.mh-learn-more { margin: 0; }
.mh-accordion-image { max-width: 92rem; margin: clamp(2rem, 5vw, 5rem) auto 0; }
.mh-accordion-image img { display: block; width: 100%; max-height: 42rem; object-fit: cover; border-radius: var(--essential-photo-radius, 18px); }
.mh-accordion-image figcaption { padding: .75rem 0; font-family: var(--essential-mono, monospace); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.mh-credits { padding: 1.5rem var(--essential-pad, 5vw) 3rem; font-family: var(--essential-mono, monospace); font-size: .75rem; line-height: 1.6; }
.mh-credits summary { cursor: pointer; }
.mh-credits a { color: inherit; }
html[data-essential-theme="light"] .mh-intro, html[data-essential-theme="light"] .mh-work { background: #faf7f1; color: #111; }
html[data-essential-theme="light"] .mh-featured { background:#f7f1e8; color:#171717; }
html[data-essential-theme="light"] .mh-photo figcaption { border-color:#c5b8a7; }
html[data-essential-theme="light"] .mh-photo figcaption span:last-child { color:#785920; }
html[data-essential-theme="light"] .mh-credits { background: #faf7f1; color: #333; }
@media (max-width: 900px) {
  .mh-intro, .mh-directory .mh-section-top { grid-template-columns: 1fr; }
  .mh-directory__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .mh-hero { min-height: 100svh; padding-top: 9rem; padding-bottom: 5rem; }
  .mh-hero h1 { font-size: clamp(3.9rem, 14vw, 6rem); }
  .mh-photo-label { left: auto; right: var(--essential-pad, 5vw); bottom: 1.5rem; max-width: calc(100vw - 2 * var(--essential-pad, 5vw)); font-size: .78rem; }
  .mh-photo-label__place { display:block; }
  .mh-featured .mh-section-top { display: block; }
  .mh-featured__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .mh-photo img { height: clamp(10rem, 45vw, 14rem); }
  .mh-photo figcaption { grid-template-columns: 2.7rem 1fr; gap: .35rem; font-size: .62rem; }
  .mh-photo figcaption strong { font-size: clamp(1.3rem, 5vw, 1.8rem); line-height: .9; }
  .mh-photo figcaption span:last-child { display: none; }
  .mh-directory__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
  .mh-directory__group li { font-size: .78rem; }
}