/* News — "Sit tight!" (Figma "Frame 15561" 1369:224, 1828x655, ochre). Absolute
   layout at the exact Figma coords scaled by --npx (the news frame unit); the
   text block and the photo share one centre line. That centre is the viewport
   centre, not Figma's x=937: --npx caps at 1 past the 1829 design width, so raw
   Figma x's would leave the block stranded left on a wide monitor (same
   centred-frame idiom as the hero). */
.nw-sit {
  position: relative;
  height: calc(669.75 * var(--npx));   /* 655 + 14.75 (section-spacing standard) */
  background: #b17200;
  overflow: hidden;
  color: #fff;
  text-align: center;
}
.nw-sit__title,
.nw-sit__sub {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-family: var(--font-display);
  line-height: calc(70 * var(--npx));
  white-space: nowrap;
}
.nw-sit__title { top: calc(79.25 * var(--npx));  font-weight: 700; font-size: calc(46.394 * var(--npx)); }   /* +14.75: first text 65px */
.nw-sit__sub   { top: calc(149.25 * var(--npx)); font-weight: 400; font-size: calc(37.394 * var(--npx)); }

.nw-sit__img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);       /* Figma 639 + 597/2 = the same centre line */
  top:  calc(248.75 * var(--npx));   /* +14.75: shifted with the section */
  width:  calc(597 * var(--npx));
  height: calc(362.333 * var(--npx));
  object-fit: contain;
  display: block;
}

/* Phones: --npx would shrink the copy to ~10px, so the section flows instead —
   the lines wrap and the photo sizes to the viewport. */
@media (max-width: 600px) {
  .nw-sit {
    height: auto;
    padding: 32px 24px 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .nw-sit__title,
  .nw-sit__sub,
  .nw-sit__img { position: static; left: auto; top: auto; transform: none; }
  .nw-sit__title { font-size: 28px; line-height: 1.2; }
  .nw-sit__sub   { font-size: 17px; line-height: 1.3; white-space: normal; margin-top: 10px; max-width: 320px; }
  .nw-sit__img   { width: 100%; max-width: 340px; height: auto; margin-top: 22px; }
}