/* ===== s15 ===== */
@scope (.s15) {
  :scope{
    --navy:#0e0d2c;
    --gold-line:#b58d41;
    --ink:#1d1d1b;
    --canvas-w:1920px;
    --h:427;               /* Figma group 5719:15 = 1301x427, no padding band */
    --font-body:"Assistant","Heebo",system-ui,sans-serif;
    --font-head:"Heebo","Assistant",sans-serif;
  }
  *,*::before,*::after{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  html{direction:rtl;}
  body{direction:rtl;font-family:var(--font-body);background:#F6F6F6;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip;}
  p,h2,figure,blockquote{margin:0;}

  /* ===== scaled stage (identical convention to index.html) ===== */
  .pss{position:relative;width:100%;overflow:hidden;height:calc(100vw * var(--h) / 1920);background:#fff;}
  .pss > .stage{position:absolute;top:0;right:0;width:var(--canvas-w);height:calc(var(--h) * 1px);transform-origin:top right;transform:scale(calc(100vw / var(--canvas-w)));}
  .pss .stage > *{position:absolute;}

  /* image (left) */
  .pss__img{left:312px;top:8px;width:629px;height:419px;border-radius:8px;overflow:hidden;}
  .pss__img img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;}

  /* title (right) */
  .pss__title{top:0;right:307px;width:641px;text-align:right;font-family:var(--font-head);
    font-weight:700;font-size:50px;line-height:60px;color:var(--navy);}
  .pss__title b{font-weight:700;}
  .pss__title span{font-weight:400;}

  /* intro paragraph */
  .pss__lead{top:78px;right:310px;width:635px;text-align:right;font-family:var(--font-body);
    font-weight:400;font-size:20px;line-height:30px;color:var(--ink);}

  /* highlighted card */
  .pss__card{top:262px;right:310px;width:635px;height:165px;background:#fff;
    box-shadow:0 0 20px rgba(0,0,0,.12);}
  .pss__card::before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--gold-line);}
  .pss__card p{position:absolute;top:25px;right:26px;width:574px;text-align:right;
    font-family:var(--font-head);font-weight:400;font-size:25px;line-height:36px;color:var(--ink);}
  .pss__card b{font-weight:700;}

  /* ===== tablet (flow, single fluid column) ===== */
  
  /* ===== mobile (vertical stack, readable) ===== */

/* ===== RESPONSIVE — tablet ≤1199 / mobile ≤767 (Figma mobile: image ▸ title ▸ lead ▸ card) ===== */
@media (max-width:1199px){
  .pss{height:auto;overflow:visible;background:#fff}
  .pss > .stage{position:static;width:100%;height:auto;transform:none;
    display:flex;flex-direction:column;align-items:stretch;
    max-width:720px;margin:0 auto;padding:0 24px}
  .pss .stage > *{position:static;width:auto;height:auto}
  .pss__img{width:100%;aspect-ratio:341/227;border-radius:8px;overflow:hidden;margin:0}
  .pss__img img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
  .pss__title{width:100%;text-align:center;font-size:34px;line-height:44px;margin:34px 0 0}
  .pss__lead{width:100%;text-align:center;font-size:18px;line-height:28px;margin:18px 0 0}
  .pss .stage > .pss__card{position:relative;top:auto;right:auto;left:auto;width:100%;height:auto;
    margin:28px 0 0;padding:20px 22px;box-shadow:0 0 20px rgba(0,0,0,.12)}
  .pss__card::before{width:3px}
  .pss__card p{position:static;width:100%;text-align:center;font-size:17px;line-height:28px}
}

@media (max-width:767px){
  .pss > .stage{padding:0 16px}
  .pss__title{font-size:28px;line-height:38px;margin-top:40px}
  .pss__lead{font-size:16px;line-height:28px;margin-top:20px}
  .pss .stage > .pss__card{margin-top:29px;padding:18px 18px}
  .pss__card p{font-size:16px;line-height:28px}
}

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