/* NEXT Statement widget: black band with a large quote (one word in red), a signature
 * line, and an optional photo fading in from the right.
 * Colors + fonts come from the site brand kit (--next-* tokens).
 */
.nx-stmt {
  --nx-gutter: clamp(16px, 4vw, 56px);
  position: relative; overflow: hidden; box-sizing: border-box;
  padding: clamp(64px, 8vw, 110px) var(--nx-gutter);
  background: var(--next-black); color: var(--next-white); font-family: var(--next-font-head);
}
.nx-stmt *, .nx-stmt *::before, .nx-stmt *::after { box-sizing: border-box; }
.nx-stmt-bg { position: absolute; inset: 0 0 0 44%; margin: 0; }
.nx-stmt-bg img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.2) brightness(.72); }
.nx-stmt-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .75) 30%, rgba(0, 0, 0, .15) 100%); }
.nx-stmt-in { position: relative; max-width: 1480px; margin: 0 auto; padding-inline: clamp(28px, 3vw, 56px); }
.nx-stmt-quote { max-width: 780px; }
.nx-stmt .eyebrow {
  display: flex; align-items: center; gap: 14px; margin: 0 0 8px;
  font: 700 12px/1 var(--next-font-sub); letter-spacing: .2em; text-transform: uppercase; color: var(--next-red);
}
.nx-stmt .eyebrow::after { content: ""; width: 48px; height: 2px; background: var(--next-red); }
.nx-stmt-mark { display: block; height: 70px; margin-bottom: 8px; font: 900 150px/1 var(--next-font-head); color: var(--next-red); }
.nx-stmt blockquote { margin: 0; font: 300 clamp(30px, 3.6vw, 52px)/1.12 var(--next-font-head); letter-spacing: -.02em; color: var(--next-white); text-wrap: balance; }
.nx-stmt blockquote b { font-weight: 900; color: var(--next-red); }
.nx-stmt-sig { display: flex; align-items: center; gap: 16px; margin: 34px 0 0; font: 700 12px/1.3 var(--next-font-sub); letter-spacing: .16em; text-transform: uppercase; color: #9A9AA0; }
.nx-stmt-sig::before { content: ""; flex: none; width: 48px; height: 2px; background: var(--next-red); }

@media (max-width: 1100px) {
  .nx-stmt { padding-bottom: 320px; }
  .nx-stmt-bg { inset: auto 0 0 0; height: 360px; }
  .nx-stmt-bg::after { background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .3) 60%); }
  .nx-stmt--no-photo { padding-bottom: clamp(64px, 8vw, 110px); }
  .nx-stmt-in { padding-inline: 28px; }
}
@media (max-width: 560px) {
  .nx-stmt-in { padding-inline: 20px; }
  .nx-stmt { padding-bottom: 260px; }
  .nx-stmt-bg { height: 300px; }
}