/* ===== s19 ===== */
@scope (.s19) {
  :scope{
    --navy:#0e0d2c; --gold:#ab8444; --canvas-w:1920px;
    --font-body:"Assistant","Heebo",system-ui,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{background:#fff;font-family:var(--font-body);color:#161616}

  /* ===== scaled stage (index.html convention; canvas = node native width 1611) ===== */
  .scaled{position:relative;width:100%;overflow:hidden}
  .scaled > .stage{position:absolute;top:0;right:0;height:calc(var(--h) * 1px);transform-origin:top right}

  /* ===== section 5719-19 — "מי מלווה אתכם" =====
     node 5719-19 is 1611 wide but sits at the LEFT edge of the 1920 page,
     leaving a ~309px right-hand margin. Canvas = full page width (1920) so
     the text keeps that right margin instead of hugging the viewport edge. */
  .yd519{background:#fff}
  .yd519.scaled{height:calc(100vw * 617 / 1920)}
  .yd519 .stage{direction:rtl;width:1920px;transform:scale(calc(100vw / 1920px))}

  .yd519__photo{position:absolute;left:0;top:0;width:962px;height:617px;object-fit:cover;display:block}

  .yd519__eyebrow{position:absolute;right:310px;top:29px;width:138px;text-align:right}
  .yd519__eyebrow-tx{display:block;font-size:20px;line-height:20px;font-weight:700;color:var(--gold)}
  .yd519__eyebrow-line{display:block;width:137px;height:1px;background:var(--gold);margin-top:7px;margin-right:auto}

  .yd519__title{position:absolute;right:310px;top:87px;width:580px;font-size:50px;line-height:60px;font-weight:400;color:var(--navy);text-align:right}
  .yd519__title b{font-weight:700}

  .yd519__body{position:absolute;right:309px;top:291px;width:532px;font-size:22px;line-height:32px;font-weight:400;color:#000;text-align:right}
  .yd519__body b{font-weight:700}

  /* ===== tablet (≤1024) — real flow reflow: kill absolute/scale, stack, fluid ===== */
  
  /* ===== mobile (≤768) — tighter padding, readable type ===== */

/* ===== RESPONSIVE — tablet ≤1199 / mobile ≤767 (Figma mobile: copy first, photo last) ===== */

/* ===== RESPONSIVE — tablet ≤1199 / mobile ≤767 (Figma mobile: copy first, photo last) ===== */
@media (max-width:1199px){
  .yd519.scaled{height:auto}
  .yd519 .stage{position:static;display:flex;flex-direction:column;width:100%;height:auto;transform:none}
  .yd519__eyebrow{order:1;position:static;width:auto;max-width:720px;margin:0 auto;padding:0 24px;
    text-align:center}
  .yd519__eyebrow-tx{font-size:16px;line-height:20px}
  .yd519__eyebrow-line{width:123px;margin:7px auto 0}
  .yd519__title{order:2;position:static;width:auto;max-width:720px;margin:0 auto;padding:26px 24px 0;
    text-align:center;font-size:34px;line-height:44px}
  .yd519__body{order:3;position:static;width:auto;max-width:720px;margin:0 auto;padding:20px 24px 0;
    text-align:center;font-size:18px;line-height:28px}
  .yd519__photo{order:4;position:static;width:100%;height:auto;aspect-ratio:375/359;
    object-fit:cover;object-position:center 18%;margin-top:32px}
}

/* ===== TABLET 768–1199 — keep the portrait from dominating the page ===== */
@media (min-width:768px) and (max-width:1199px){
  .yd519__photo{aspect-ratio:auto;height:clamp(360px,52vw,520px)}
}

@media (max-width:767px){
  .yd519__eyebrow{padding:0 16px}
  .yd519__eyebrow-tx{font-size:15px;line-height:20px}
  .yd519__title{padding:27px 16px 0;font-size:28px;line-height:38px}
  .yd519__body{padding:21px 16px 0;font-size:16px;line-height:28px}
  .yd519__photo{margin-top:31px}
}

/* ===== Figma mobile 5647:20493 — corrected type scale ===== */
@media (max-width:767px){
  .yd519__eyebrow-tx{font-size:18px;line-height:20px;}
  .yd519__title{font-size:32px;line-height:38px;}
  .yd519__body{font-size:18px;line-height:28px;}
}
}