/* ---------- דף פרויקט: התיק נסוג אחורה, הדף לובש את צבעי הלקוח ---------- */
.תיק{
  --פ-בהיר:color-mix(in srgb,var(--פ-רקע) 70%,#fff);
  --פ-עמום:color-mix(in srgb,var(--פ-דיו) 62%,var(--פ-רקע));
  --פ-קו:color-mix(in srgb,var(--פ-דיו) 18%,transparent);
  background:var(--פ-רקע);color:var(--פ-דיו);padding-bottom:clamp(64px,8vw,120px)
}
.תיק ::selection{background:var(--פ-מותג);color:var(--פ-על-מותג)}

/* פתיחה */
.תיק-פתיחה{padding-block:clamp(48px,8vw,120px) clamp(36px,5vw,64px);max-width:1100px}
.תיק-תווית{margin:0 0 22px;font-size:15px;font-weight:600;color:var(--פ-עמום)}
.תיק-תווית a{text-decoration:none}
.תיק-תווית a:hover{color:var(--פ-מותג)}
.תיק-הבטחה{margin:0;font-family:var(--פונט-תצוגה);font-weight:700;font-size:clamp(32px,5.2vw,82px);line-height:1.05;color:var(--פ-מותג);max-width:16ch}
.תיק-מבוא{margin:26px 0 0;font-size:clamp(18px,1.6vw,22px);max-width:44ch}

/* מדיית פתיחה בצבע המותג (הגדילה מ־main.js) */
.תיק .תמונת-פתיחה__חלון{border:0}
.תיק-אריח--מותג{background:var(--פ-מותג);color:var(--פ-על-מותג)}
.תיק-אריח--כהה{background:var(--פ-דיו);color:var(--פ-רקע)}
.תיק-אריח--בהיר{background:var(--פ-בהיר);color:var(--פ-דיו)}
.תיק-אריח--אפור{background:var(--אפור-עבודה);color:var(--שחור)}
.תיק-לוגו-זמני{width:clamp(110px,14vw,200px);aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--אפור-עבודה) 85%,var(--פ-מותג));display:grid;place-items:center}
.תיק-לוגו-זמני i{width:42%;height:54%;border-radius:999px 999px 6px 6px;background:var(--אפור-בהיר)}
.תיק-שבב{position:absolute;bottom:16px;inset-inline-start:16px;z-index:3;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--שמנת) 92%,transparent);color:var(--שחור);max-width:calc(100% - 32px)}

/* סקירה */
.תיק-סקירה{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,110px);padding-block:clamp(64px,8vw,120px) 0;align-items:start}
.תיק-פרטים{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--פ-דיו)}
.תיק-פרטים div{padding:16px 0;border-bottom:1px solid var(--פ-קו)}
.תיק-פרטים div:nth-child(odd){padding-inline-end:16px}
.תיק-פרטים div:last-child{grid-column:1/-1}
.תיק-פרטים dt{font-size:13px;font-weight:600;color:var(--פ-עמום)}
.תיק-פרטים dd{margin:2px 0 0;font-weight:600;font-size:17px}
.תיק-סקירה__טקסט p{margin:0 0 18px;max-width:52ch;font-size:18px}
.תיק-סקירה__טקסט .תיק-פסקה-גדולה{font-size:clamp(20px,2vw,28px);line-height:1.45;font-weight:500}

/* פרקים */
.תיק-פרק{padding-top:clamp(80px,10vw,150px)}
.תיק-פרק__טקסט{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,6vw,110px);margin-bottom:clamp(32px,4vw,56px)}
.תיק-פרק__טקסט > *{grid-column:1}
.תיק-פרק__טקסט--צד > *{grid-column:2}
.תיק-פרק__תווית{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--פ-מותג)}
.תיק-פרק__כותרת{margin:0 0 18px;font-family:var(--פונט-תצוגה);font-weight:700;font-size:clamp(26px,3.2vw,48px);line-height:1.1}
.תיק-פרק__טקסט p:not(.תיק-פרק__תווית){margin:0;font-size:18px;max-width:46ch}

/* פסיפסים */
.תיק-פסיפס{display:grid;gap:clamp(12px,1.8vw,24px);margin-top:clamp(12px,1.8vw,24px)}
.תיק-אריח{position:relative;border-radius:24px;overflow:hidden;display:grid;place-items:center;min-height:220px}
.תיק-אריח--קשת{border-radius:999px 999px 24px 24px}
.תיק-אריח--קשת-קטנה{border-radius:220px 220px 24px 24px}
.תיק-פסיפס--מלא{grid-template-columns:1fr}
.תיק-אריח--אתר{padding:clamp(20px,4vw,64px);place-items:stretch}
.תיק-אריח--אתר .אתר-חי{height:min(76vh,760px);border:0;border-radius:18px}
.תיק-פסיפס--חצאים{grid-template-columns:1fr 1fr}
.תיק-פסיפס--חצאים .תיק-אריח{aspect-ratio:1/1.05}
.תיק-מסך-זמני{width:72%;height:70%;border-radius:14px;background:var(--אפור-בהיר);box-shadow:0 0 0 10px var(--אפור-עבודה)}
.תיק-פסיפס--גבוה{grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr}
.תיק-אריח--גבוה{grid-row:span 2;min-height:clamp(560px,62vw,880px);padding:clamp(28px,4vw,56px) 0 72px}
.תיק-אריח--גבוה .רצועה{--רוחב:min(320px,70%);--גובה:100%;background:var(--אפור-בהיר)}
.תיק-אריח--גבוה .רצועה__מסגרת{box-shadow:none}
.תיק-אריח--גבוה .רצועה__התקדמות{background:color-mix(in srgb,var(--פ-רקע) 30%,transparent)}
.תיק-אריח--גבוה .רצועה__תווית{display:none}
.תיק-פסיפס--שלישים{grid-template-columns:repeat(3,minmax(0,1fr))}
.תיק-פסיפס--שלישים .תיק-אריח{aspect-ratio:4/5}
.תיק-אריח--סרטון{aspect-ratio:16/8;gap:14px}
.תיק-אריח--סרטון .סרטון__נגן{background:var(--פ-מותג)}
.תיק-אריח--סרטון .סרטון__נגן svg{fill:var(--פ-על-מותג)}

/* הפרויקט הבא */
.תיק-סוף{padding-top:clamp(96px,12vw,170px);display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.תיק-הבא{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px 32px;width:100%;min-height:clamp(380px,40vw,560px);padding:clamp(28px,4vw,56px);border-radius:32px;overflow:hidden;background:var(--הבא-מותג);color:var(--הבא-על-מותג);text-decoration:none;isolation:isolate}
.תיק-הבא__תווית{grid-column:1/-1;align-self:start;font-weight:600;font-size:15px;opacity:.85}
.תיק-הבא__הבטחה{font-family:var(--פונט-תצוגה);font-weight:700;font-size:clamp(28px,4.4vw,68px);line-height:1.05;max-width:14ch;position:relative;z-index:2}
.תיק-הבא__חץ{font-weight:700;font-size:18px;border-bottom:2px solid currentColor;padding-bottom:2px;position:relative;z-index:2;white-space:nowrap}
.תיק-הבא__קשת{position:absolute;inset-inline-end:clamp(24px,5vw,80px);bottom:0;width:clamp(160px,22vw,320px);height:78%;border-radius:999px 999px 0 0;background:color-mix(in srgb,var(--הבא-על-מותג) 22%,transparent);transform:translateY(16%);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:1}
.תיק-הבא:hover .תיק-הבא__קשת{transform:none}
.תיק-לכל{font-size:18px;color:var(--פ-דיו);border-color:var(--פ-דיו)}

/* פס קשר בצבעי האתר */
.תיק-קשר{background:var(--שמנת);padding-block:clamp(64px,8vw,110px)}
.תיק-קשר__פנים{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px}

@media (max-width:900px){
  .תיק-סקירה,.תיק-פרק__טקסט{grid-template-columns:1fr}
  .תיק-פרק__טקסט--צד > *{grid-column:1}
  .תיק-פסיפס--גבוה{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .תיק-אריח--גבוה{grid-column:1/-1;grid-row:auto;min-height:620px}
  .תיק-פסיפס--גבוה .תיק-אריח:not(.תיק-אריח--גבוה){aspect-ratio:1}
}
@media (max-width:640px){
  .תיק-פסיפס--חצאים{grid-template-columns:1fr}
  .תיק-פסיפס--שלישים{grid-template-columns:1fr 1fr}
  .תיק-פסיפס--שלישים .תיק-אריח:first-child{grid-column:1/-1;aspect-ratio:1}
  .תיק-פסיפס--גבוה{grid-template-columns:1fr}
  .תיק-אריח--גבוה{min-height:560px}
  .תיק-אריח--אתר{padding:12px}
  .תיק-אריח--אתר .אתר-חי{height:70vh}
  .תיק-אריח--סרטון{aspect-ratio:4/3}
  .תיק-הבא{grid-template-columns:1fr;min-height:420px}
  .תיק-הבא__קשת{width:46%;height:52%}
  .תיק-פרטים{grid-template-columns:1fr 1fr}
}