/* ===================== תיאום שיחה: כותרת קצרה, ומסגרת ליומן ===================== */
.mt{position:relative;background:#000;color:#fff;padding:168px var(--gut) 140px;overflow:clip}
.mt-in{max-width:1160px;margin:0 auto}
.mt-head{display:block}
.mt-h1{margin:0;font-weight:900;font-size:clamp(56px,5.2vw,100px);line-height:.92;letter-spacing:-.015em;text-wrap:balance}
.mt-sub{margin:28px 0 0;font-size:clamp(20px,1.4vw,26px);font-weight:300;line-height:1.55;color:var(--fg-72);max-width:40ch;text-wrap:pretty}
.mt-out{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 24px;border-radius:999px;font-size:18px;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--fg-50);white-space:nowrap;transition:background-color .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease)}
.mt-out svg{width:16px;height:16px}
@media (hover:hover){.mt-out:hover{background:#fff;color:#000;box-shadow:inset 0 0 0 1.5px #fff}}
.mt-out:focus-visible,.mt-out:active{background:#fff;color:#000;box-shadow:inset 0 0 0 1.5px #fff}

/* המסגרת: ארבע הפינות של הסמן של דיגימה, מוגדלות, נפתחות סביב היומן */
.cal{position:relative;margin-top:64px}
/* סגור: לוח שחור עם קו מתאר, ההסבר של איתן והכפתור. פתוח: היומן בגובה שלו */
.cal-win{position:relative;min-height:560px;border-radius:28px;background:#000;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);overflow:clip;display:grid;place-items:center}
.cal.open .cal-win{height:var(--h,760px);min-height:0;background:#fff;color:#000;box-shadow:none}
.cal-win iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block;background:#fff}
.cal-gate{display:flex;flex-direction:column;align-items:center;gap:30px;max-width:640px;padding:64px 32px;text-align:center}
.cal.open .cal-gate{display:none}
.cal-gate>svg{width:72px;height:72px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cal-note{margin:0;font-size:20px;line-height:1.6;color:var(--fg-72);text-wrap:pretty}
.cal-note a,.cal-alt a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;border-radius:4px;transition:opacity .3s}
.cal-alt{margin:0;font-size:18px;line-height:1.6;color:var(--fg-72)}
@media (hover:hover){.cal-note a:hover,.cal-alt a:hover{opacity:.65}}
.cal-c{position:absolute;width:44px;height:44px;border:0 solid #fff;pointer-events:none;will-change:transform}
.cal-c:nth-of-type(1){transform-origin:0 0}.cal-c:nth-of-type(2){transform-origin:100% 0}.cal-c:nth-of-type(3){transform-origin:0 100%}.cal-c:nth-of-type(4){transform-origin:100% 100%}
.cal-c:nth-of-type(1){top:-18px;left:-18px;border-top-width:3px;border-left-width:3px;border-top-left-radius:14px}
.cal-c:nth-of-type(2){top:-18px;left:calc(100% - 26px);border-top-width:3px;border-right-width:3px;border-top-right-radius:14px}
.cal-c:nth-of-type(3){top:calc(100% - 26px);left:-18px;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:14px}
.cal-c:nth-of-type(4){top:calc(100% - 26px);left:calc(100% - 26px);border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:14px}

/* אם היומן לא נטען: אותו גודל, וקישור לחלון חדש */
.cal-ph{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:40px 24px;text-align:center;background:#fff;color:#000}
.cal.off .cal-ph{display:flex}
.cal.off iframe{display:none}
.cal-ph>svg{width:84px;height:84px;fill:none;stroke:#000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cal-ph p{margin:0;font-size:clamp(24px,2vw,34px);font-weight:900;line-height:1.15;max-width:18ch}
.cal-ph .btn-p{background:#000;color:#fff;box-shadow:inset 0 0 0 1.5px #000}
.cal-ph .btn-p .btn-ic{background:#fff;color:#000}
@media (hover:hover){.cal-ph .btn-p:hover{background:#fff;color:#000}.cal-ph .btn-p:hover .btn-ic{background:#000;color:#fff}}
.cal-ph .btn-p:focus-visible,.cal-ph .btn-p:active{background:#fff;color:#000;outline-color:#000}
.cal-ph .btn-p:focus-visible .btn-ic,.cal-ph .btn-p:active .btn-ic{background:#000;color:#fff}

.mt-alt[hidden]{display:none}
.mt-alt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;margin:40px 0 0;font-size:19px;color:var(--fg-72)}
.mt-alt a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;border-radius:6px;transition:opacity .3s}
@media (hover:hover){.mt-alt a:hover{opacity:.65}}

@media (max-width:899px){
  .mt{padding:120px 16px 90px}
  .mt-head{grid-template-columns:1fr;gap:28px;text-align:center}
  .mt .eyebrow{justify-content:center}
  .mt-h1{font-size:clamp(48px,13.4vw,76px)}
  .mt-sub{margin:22px auto 0;font-size:19px;max-width:30ch}
  .mt-out{justify-self:center}
  .cal{margin-top:44px}
  .cal-win{min-height:0;border-radius:22px}
  .cal.open .cal-win{height:var(--h,1060px)}
  .cal-gate{gap:24px;padding:44px 20px}
  .cal-gate>svg{width:56px;height:56px}
  .cal-note{font-size:18px}
  .cal-gate .btn{width:100%;max-width:340px}
  .cal-c{width:30px;height:30px}
  .cal-c:nth-of-type(1),.cal-c:nth-of-type(3){left:-10px}
  .cal-c:nth-of-type(1),.cal-c:nth-of-type(2){top:-10px}
  .cal-c:nth-of-type(2),.cal-c:nth-of-type(4){left:calc(100% - 20px)}
  .cal-c:nth-of-type(3),.cal-c:nth-of-type(4){top:calc(100% - 20px)}
  .mt-alt{justify-content:center;text-align:center;font-size:18px}
}