/* ============================================================================
   1 · Hero
   Design source: design/v3.0.1/reference/nam-yam-index.html  L89–110
   ============================================================================ */

#hero {
  min-height: clamp(720px, 100vh, 1040px);
  display: flex; align-items: flex-end;
  overflow: hidden;
  padding: clamp(120px, 18vh, 180px) var(--ny-pad) clamp(80px, 12vh, 120px);
}

.ny-hero__bg {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: 72% center;   /* subject sits right of frame */
  filter: saturate(.92);
}

.ny-hero__shade {
  position: absolute; inset: 0;
  background: var(--ny-scrim-hero);
}

/* Gold corner bracket, top right */
.ny-hero__corner {
  position: absolute;
  top: clamp(96px, 14vh, 150px);
  right: var(--ny-pad);
  width: clamp(110px, 13vw, 180px);
  height: clamp(110px, 13vw, 180px);
  border-top: 1px solid var(--ny-gold-42);
  border-right: 1px solid var(--ny-gold-42);
}

.ny-hero__copy {
  position: relative;
  width: min(680px, 62%);
  display: flex; flex-direction: column;
  gap: clamp(18px, 2.4vh, 28px);
}

.ny-hero__title {
  font: var(--ny-serif-regular) var(--ny-fs-h1)/var(--ny-lh-tight) var(--ny-serif);
  letter-spacing: 0;
  color: var(--ny-white);
}
.ny-hero__title span { display: block; white-space: nowrap; }
.ny-hero__title-alt { margin-top: .035em; line-height: 1.01; color: var(--ny-bronze); }

.ny-hero__lead {
  max-width: 46ch;
  font: var(--ny-sans-light) var(--ny-fs-lead)/var(--ny-lh-body) var(--ny-sans);
  color: var(--ny-white-78);
  text-wrap: pretty;
}

.ny-hero__actions {
  display: flex; flex-direction: row; flex-wrap: wrap;
  align-items: center;
  gap: clamp(16px, 2.4vw, 32px);
  margin-top: 6px;
}

/* Scroll cue, vertical, centred at the foot */
.ny-hero__cue {
  position: absolute; left: 50%;
  bottom: clamp(26px, 4vh, 44px);
  transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center;
  gap: 12px;
  font: var(--ny-sans-regular) var(--ny-fs-cue)/1 var(--ny-sans);
  text-transform: uppercase;
  letter-spacing: var(--ny-ls-label);
  color: var(--ny-white-62);
}
.ny-hero__cue:hover { color: var(--ny-gold); }
.ny-hero__cue span { writing-mode: vertical-rl; }
.ny-hero__cue i { display: block; width: 1px; height: 34px; background: var(--ny-cue-line); }

@media (max-width: 760px) {
  #hero {
    min-height: min(100svh, 740px);
    padding: clamp(104px, 15vh, 132px) var(--ny-pad-sm) clamp(48px, 8vh, 72px);
  }
  .ny-hero__bg    { object-position: 68% center; }
  .ny-hero__shade { background: var(--ny-scrim-hero-sm); }
  .ny-hero__copy  { width: 100%; gap: clamp(14px, 1.8vh, 20px); }
  .ny-hero__title { font-size: var(--ny-fs-h1-sm); }
  .ny-hero__actions { flex-direction: column; align-items: stretch; }
  .ny-hero__actions .ny-btn { width: 100%; }
  .ny-hero__cue { display: none; }
}