/* Mutuo para nutricionistas: a static page on the landing's tokens and parts (bar, display, lede, cta, close).
   No stage and no .live class: every figure is a plain framed screenshot in document flow. */

.np-main { padding-top: 64px; }

/* Hero: copy and the patient file side by side. */
.np-hero {
  max-width: 1200px; margin: 0 auto; padding: clamp(40px, 7vw, 96px) var(--gut) clamp(32px, 5vw, 64px);
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 72px); align-items: center;
}
.np-hero .display--hero { font-size: clamp(2.3rem, 1.3rem + 3vw, 4.1rem); }
.np-copy { min-width: 0; }
.np-copy > * + * { margin-top: 16px; }
.np-copy > .cta { margin-top: 28px; }

/* Feature rows: alternate the figure side, stack on narrow screens. */
.np-row {
  max-width: 1200px; margin: 0 auto; padding: clamp(36px, 6vw, 80px) var(--gut);
  display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 72px); align-items: center;
}
.np-row--flip { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); }
.np-row--flip .np-copy { order: 2; }
.np-row--phone { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.np-row .display { font-size: clamp(1.8rem, 1.2rem + 1.8vw, 2.8rem); }
.np-fig { min-width: 0; justify-self: center; width: 100%; }
.np-row--phone .np-fig { max-width: 320px; }

/* Everything nutrition has, in one band. */
.np-kit { background: var(--sheet); }
.np-kit__in { max-width: 1200px; margin: 0 auto; padding: clamp(48px, 7vw, 96px) var(--gut); }
.np-kit .display { font-size: clamp(1.8rem, 1.2rem + 1.8vw, 2.8rem); max-width: 22ch; }
.np-kit .lede { margin-top: 14px; }
.np-kit__list {
  list-style: none; margin: clamp(28px, 4vw, 44px) 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px clamp(24px, 4vw, 48px);
}
.np-kit__list li { padding-top: 14px; border-top: 2px solid var(--logo-a); min-width: 0; }
.np-kit__list h3 { margin: 0; font-family: var(--sc-font-display); font-weight: 650; font-size: 1.2rem; letter-spacing: -0.015em; color: var(--ink); }
.np-kit__list p { margin: 6px 0 0; font-size: 0.98rem; line-height: 1.5; color: var(--ink-soft); }

.np-close { padding: clamp(48px, 7vw, 96px) 0 6vh; }

@media (max-width: 900px) {
  .np-kit__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .np-main { padding-top: 56px; }
  .np-hero, .np-row, .np-row--flip, .np-row--phone { grid-template-columns: minmax(0, 1fr); }
  .np-row--flip .np-copy { order: 0; }
  .np-hero .display--hero { font-size: 2.05rem; }
  .np-row .display, .np-kit .display { font-size: 1.72rem; }
  .np-kit__list { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}
@media (max-width: 700px) {
  .np-fig { max-width: 300px; }
}

/* The lab study is a tall full-page shot: on wide screens show its top, at the laptop ratio. */
@media (min-width: 701px) {
  .np-fig--crop img { aspect-ratio: 1360 / 850; object-fit: cover; object-position: top; }
}