.nh-page {
  background: var(--color-paper);
}

.nh-page .section {
  position: relative;
}

.nh-page .nh-text-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-wine);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  line-height: 1.4;
  text-decoration: underline;
  text-decoration-color: currentcolor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.28em;
}

.nh-page .nh-text-link span {
  transition: transform var(--duration-base) var(--ease-out);
}

.nh-page .nh-text-link:hover span {
  transform: translateX(4px);
}

.nh-hero {
  position: relative;
  background: var(--color-paper);
  padding-block: var(--space-9);
}

.nh-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  align-items: center;
}

.nh-hero__media {
  grid-column: 3;
  min-width: 0;
  width: 100%;
  margin: 0;
}

.nh-hero__media img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center;
  box-shadow: var(--shadow-soft);
  transition: filter var(--duration-base) var(--ease-out);
}

.nh-hero__media:hover img {
  filter: brightness(1.05) saturate(0.94) contrast(1.04);
}

.nh-hero__panel {
  grid-column: 1;
  width: 100%;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  animation: nh-rise var(--duration-panel) var(--ease-out) both;
}

.nh-hero__panel .eyebrow,
.nh-hero__panel h1,
.nh-hero__panel p,
.nh-hero__panel .button {
  margin: 0;
}

.nh-hero__panel h1 {
  width: 100%;
  font-size: clamp(2.8rem, 4.8vw, 4.75rem);
}

.nh-hero__panel > p {
  max-width: 35rem;
}

.nh-hero__note {
  width: min(100%, 15rem);
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border-brass);
  color: var(--color-juniper);
  font-family: var(--font-heading);
  font-size: var(--text-md);
  line-height: 1.25;
}

.nh-hero__note span {
  color: var(--color-brass);
  font-family: var(--font-body);
  font-size: var(--text-2xs);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
}

.nh-foundation::before,
.nh-closing::after {
  position: absolute;
  width: 6rem;
  height: 6rem;
  border: 1px solid rgb(114 129 107 / 42%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.nh-foundation::before {
  top: 3rem;
  right: 5vw;
}

.nh-foundation__intro {
  width: min(100%, 38.75rem);
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.nh-foundation__intro .eyebrow,
.nh-foundation__intro h2,
.nh-foundation__intro p {
  margin: 0;
}

.nh-pillars {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-8);
}

.nh-pillar {
  position: relative;
  min-width: 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border-brass);
}

.nh-pillar:not(:last-child)::after {
  position: absolute;
  top: -1.05rem;
  right: -0.75rem;
  color: var(--color-brass);
  content: "+";
  font-family: var(--font-heading);
  font-size: var(--text-xl);
}

.nh-pillar h3 {
  margin-bottom: var(--space-3);
  font-size: clamp(2.25rem, 3.4vw, 3.25rem);
}

.nh-pillar p {
  margin: 0;
  font-size: var(--text-xs);
  line-height: 1.55;
}

.nh-foundation__closing {
  width: min(100%, 38.75rem);
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-top: var(--space-7);
  padding-top: var(--space-5);
  border-top: 3px double var(--color-border-brass);
}

.nh-foundation__closing p {
  margin: 0;
}

.nh-foundation__closing .meta {
  color: var(--color-wine);
}

.nh-cuisine__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: var(--space-8);
}

.nh-cuisine__copy {
  min-width: 0;
}

.nh-cuisine__copy p {
  max-width: 31.875rem;
}

.nh-cuisine__figure {
  min-width: 0;
  margin: 0;
}

.nh-cuisine__figure img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  filter: saturate(.92) contrast(1.04);
  transition: filter var(--duration-base) var(--ease-out);
}

.nh-cuisine__figure:hover img,
.nh-atmosphere__figure:hover img,
.nh-poker__figure:hover img,
.nh-occasions__figure:hover img {
  filter: brightness(1.06) saturate(.92) contrast(1.04);
}

.nh-cuisine__figure figcaption {
  width: min(100%, 11.25rem);
}

.nh-conversations {
  background: var(--color-paper);
}

.nh-conversations__heading {
  width: min(100%, 36rem);
}

.nh-conversations__panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.nh-group-panel,
.nh-conversation-panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: clamp(var(--space-5), 4vw, var(--space-7));
}

.nh-group-panel {
  border: 1px solid rgb(114 129 107 / 58%);
  background: var(--color-paper-shadow);
}

.nh-conversation-panel {
  border: 1px solid var(--color-border-brass);
  background: var(--color-juniper);
  color: var(--color-light);
}

.nh-group-panel h3,
.nh-group-panel p,
.nh-group-panel a,
.nh-conversation-panel h3,
.nh-conversation-panel p,
.nh-conversation-panel blockquote {
  margin: 0;
}

.nh-group-panel p,
.nh-conversation-panel p {
  max-width: 30rem;
}

.nh-conversation-panel blockquote {
  width: min(100%, 22.5rem);
  padding: var(--space-4) 0 var(--space-4) var(--space-5);
  color: var(--color-light);
}

.nh-conversation-panel blockquote cite {
  color: var(--color-paper-shadow);
}

.nh-conversation-panel .nh-text-link,
.nh-atmosphere .nh-text-link,
.nh-closing .nh-text-link {
  color: var(--color-light);
}

.nh-atmosphere__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 5fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-4);
}

.nh-atmosphere__copy {
  grid-column: 1;
  min-width: 0;
  padding-top: var(--space-4);
}

.nh-atmosphere__copy p:not(.nh-sensory-list) {
  max-width: 31.25rem;
}

.nh-sensory-list {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
  color: var(--color-paper-shadow);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
  text-transform: uppercase;
}

.nh-sensory-list span {
  color: var(--color-brass);
}

.nh-atmosphere__figure {
  grid-column: 3;
  min-width: 0;
  margin: 0 0 -3rem;
}

.nh-atmosphere__figure img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  filter: saturate(.9) contrast(1.05);
  transition: filter var(--duration-base) var(--ease-out);
}

.nh-poker__intro {
  width: min(100%, 42.5rem);
}

.nh-poker__intro .eyebrow span {
  color: var(--color-wine);
}

.nh-poker__figure {
  width: 100%;
  min-width: 0;
  margin: var(--space-7) 0 0;
}

.nh-poker__figure img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: saturate(.9) contrast(1.04);
  transition: filter var(--duration-base) var(--ease-out);
}

.nh-poker__principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-7);
}

.nh-poker__principles article {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border-brass);
}

.nh-poker__principles h3 {
  margin-top: var(--space-2);
}

.nh-poker__principles p {
  max-width: 18.75rem;
  margin-bottom: 0;
}

.nh-number,
.nh-timeline__number {
  color: var(--color-brass);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
}

.nh-poker__actions {
  width: min(100%, 45rem);
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-top: var(--space-7);
}

.nh-poker__actions p,
.nh-poker__actions .button {
  margin: 0;
}

.nh-evening__heading {
  width: min(100%, 31.25rem);
}

.nh-timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-4);
  margin: var(--space-7) 0 0;
  padding: 0;
  list-style: none;
}

.nh-timeline li {
  position: relative;
  min-width: 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border-brass);
}

.nh-timeline li::marker {
  content: "";
}

.nh-timeline__number {
  display: block;
  margin-bottom: var(--space-4);
}

.nh-timeline h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-lg);
}

.nh-timeline h3 em {
  color: var(--color-wine);
}

.nh-timeline p {
  margin: 0;
  font-size: var(--text-xs);
  line-height: 1.55;
}

.nh-timeline li:last-child {
  border-bottom: 3px double var(--color-border-brass);
  padding-bottom: var(--space-5);
}

.nh-occasions__figure {
  margin: 0;
}

.nh-occasions__figure img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 21 / 8;
  object-fit: cover;
  filter: saturate(.9) contrast(1.04);
  transition: filter var(--duration-base) var(--ease-out);
}

.nh-occasions__heading {
  width: min(100%, 36rem);
  margin-top: var(--space-7);
}

.nh-occasions__panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.nh-occasion-group,
.nh-occasion-private {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: clamp(var(--space-5), 4vw, var(--space-7));
}

.nh-occasion-group {
  background: var(--color-paper-shadow);
  border: 1px solid var(--color-border-brass);
}

.nh-occasion-private {
  background: var(--color-juniper);
  border: 1px solid var(--color-border-brass);
  color: var(--color-light);
}

.nh-occasion-group h3,
.nh-occasion-group p,
.nh-occasion-group a,
.nh-occasion-private h3,
.nh-occasion-private p,
.nh-occasion-private a {
  margin: 0;
}

.nh-occasion-group p,
.nh-occasion-private p {
  max-width: 26.875rem;
}

.nh-occasion-private .nh-text-link {
  color: var(--color-light);
}

.nh-occasions__cta {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  margin-top: var(--space-5);
  padding: var(--space-5);
  border-top: 1px solid var(--color-border-brass);
  border-bottom: 1px solid var(--color-border-brass);
}

.nh-occasions__cta > p {
  width: min(100%, 42.5rem);
  margin: 0;
}

.nh-occasions__cta > div {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

.nh-occasions__cta .button,
.nh-occasions__cta .nh-text-link {
  margin: 0;
}

.nh-faq__intro {
  width: min(100%, 38.75rem);
}

.nh-faq__list {
  width: min(100%, 58.125rem);
  min-width: 0;
  margin-top: var(--space-7);
  margin-left: 8.333%;
  border-top: 1px solid var(--color-border-brass);
}

.nh-faq__item {
  min-width: 0;
  border-bottom: 1px solid var(--color-border-soft);
}

.nh-faq__item h3 {
  margin: 0;
  font-size: inherit;
}

.nh-faq__item button {
  width: 100%;
  min-width: 0;
  min-height: 4rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2rem;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  border: 0;
  background: transparent;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: 600;
  line-height: 1.1;
  text-align: left;
}

.nh-faq__icon {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid var(--color-border-brass);
  color: var(--color-wine);
  font-family: var(--font-body);
  font-size: var(--text-md);
}

.nh-faq__answer {
  overflow: hidden;
  transition: grid-template-rows var(--duration-base) var(--ease-out);
}

.nh-faq__answer:not([hidden]) {
  display: grid;
  grid-template-rows: 1fr;
}

.nh-faq__answer > div {
  min-width: 0;
  overflow: hidden;
}

.nh-faq__answer p {
  width: min(100%, 42.5rem);
  margin: 0;
  padding: 0 0 var(--space-5);
}

.nh-closing {
  min-height: 26.25rem;
  display: flex;
  min-width: 0;
  align-items: center;
  overflow: hidden;
}

.nh-closing::after {
  right: 8vw;
  bottom: -2rem;
  border-color: rgb(242 235 221 / 30%);
}

.nh-closing__content {
  width: min(100%, 36.25rem);
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-left: 8.333%;
}

.nh-closing__content .eyebrow,
.nh-closing__content h2,
.nh-closing__content p {
  margin: 0;
}

.nh-closing__content p {
  max-width: 36.25rem;
}

.nh-closing__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-2);
}

.nh-closing__actions .button,
.nh-closing__actions .nh-text-link {
  margin: 0;
}

@keyframes nh-rise {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 70rem) {
  .nh-pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nh-pillar:nth-child(3)::after { display: none; }
  .nh-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nh-atmosphere__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-6); }
  .nh-atmosphere__copy { grid-column: 1; }
  .nh-atmosphere__figure { grid-column: 2; margin-bottom: 0; }
}

@media (max-width: 62rem) {
  .nh-cuisine__grid { gap: var(--space-6); }
  .nh-poker__principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nh-poker__principles article:nth-child(3) { grid-column: 1 / -1; }
  .nh-poker__principles article:nth-child(3) p { max-width: 36rem; }
}

@media (max-width: 60rem) {
  .nh-conversations__panels,
  .nh-occasions__panels { grid-template-columns: minmax(0, 1fr); }
  .nh-cuisine__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .nh-cuisine__figure { grid-row: 1; }
  .nh-cuisine__copy { grid-row: 2; }
  .nh-cuisine__figure img { aspect-ratio: 16 / 10; }
  .nh-occasions__cta { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 53.75rem) {
  .nh-faq__list { width: 100%; margin-left: 0; }
  .nh-closing__content { margin-left: 0; }
}

@media (max-width: 47.99rem) {
  .nh-hero { padding-block: var(--section-space); }
  .nh-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .nh-hero__panel,
  .nh-hero__media { grid-column: 1; width: 100%; }
  .nh-hero__media { position: relative; margin-right: -0.75rem; width: calc(100% + 0.75rem); border-left: 1px solid var(--color-brass); padding-left: var(--space-3); }
  .nh-hero__media img { object-position: 62% center; }
  .nh-hero__panel h1 { max-width: 11ch; font-size: clamp(2.375rem, 10vw, 2.625rem); }
  .nh-foundation::before { top: 1rem; right: 1rem; width: 4rem; height: 4rem; }
  .nh-pillars { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); margin-top: var(--space-6); }
  .nh-pillar { padding-top: var(--space-4); }
  .nh-pillar:not(:last-child)::after { display: block; top: auto; right: auto; bottom: -1.15rem; left: 0; }
  .nh-pillar h3 { font-size: clamp(2.625rem, 12vw, 3rem); }
  .nh-cuisine__figure { margin-right: -0.75rem; }
  .nh-cuisine__figure img { aspect-ratio: 4 / 5; }
  .nh-atmosphere__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .nh-atmosphere__copy,
  .nh-atmosphere__figure { grid-column: 1; }
  .nh-atmosphere__figure { grid-row: 2; margin: 0; }
  .nh-atmosphere__figure img { aspect-ratio: 3 / 4; }
  .nh-poker__figure img { aspect-ratio: 4 / 3; }
  .nh-poker__principles { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .nh-poker__principles article:nth-child(3) { grid-column: 1; }
  .nh-timeline { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .nh-timeline li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); padding: var(--space-5) 0; }
  .nh-timeline__number { margin: 0; }
  .nh-timeline li:last-child { padding-bottom: var(--space-5); }
  .nh-occasions__figure img { aspect-ratio: 4 / 3; }
  .nh-occasions__cta > div { width: 100%; flex-direction: column; align-items: stretch; }
  .nh-occasions__cta .button { width: 100%; }
  .nh-faq__item button { min-height: 3.5rem; font-size: var(--text-md); }
  .nh-faq__answer p { width: 100%; }
  .nh-closing { min-height: auto; }
  .nh-closing__actions { width: 100%; flex-direction: column; align-items: stretch; }
  .nh-closing__actions .button { width: 100%; }
  .nh-closing__actions .nh-text-link { min-height: 2.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .nh-hero__panel { animation: none; }
  .nh-page .nh-text-link span { transition: none; }
}