/* כיוון ג — שחר עולה. קו אופק + חצי שמש שעולה, בכל מקום בתפקיד אחר */
@font-face { font-family: "TelAviv Modernist"; src: url(../fonts/telaviv-modernistregular.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "TelAviv Modernist"; src: url(../fonts/telaviv-modernistbold.woff2) format("woff2"); font-weight: 700; font-display: swap; }

:root {
  --orange: #E2581F;
  --orange-deep: #B9471A;
  --orange-soft: #F2A574;
  --cream: #F3EAD9;
  --cream-warm: #F6D6B8;
  --olive: #3E4A2B;
  --olive-soft: #5A6644;
  --ink: #2B2A22;
  --ink-soft: #5C584D;
  --gray-1: #DDD8CF;
  --gray-2: #CFCAC2;
  --gray-3: #BDB7AE;
  --gray-4: #A8A297;
  --warm: 0; /* 0..1 — כמה הרקע התחמם, נקבע בגלילה */
  --page-bg: color-mix(in srgb, var(--cream-warm) calc(var(--warm) * 100%), var(--cream));

  --font-display: "TelAviv Modernist", "Assistant", sans-serif;
  --font-body: "Assistant", "Heebo", sans-serif;

  --gutter: clamp(16px, 4vw, 56px);
  --max: 1360px;
  --radius-arch: 50% 50% 14px 14px / 110px 110px 14px 14px;
  --radius-arch-sm: 50% 50% 10px 10px / 60px 60px 10px 10px;
  --radius-pill-arch: 26px 26px 12px 12px;
  --horizon: 2px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--page-bg);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.6;
  overflow-x: hidden;
}
img, svg, video { display: block; max-width: 100%; }
a { color: inherit; }
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 700; line-height: 1.05; margin: 0; letter-spacing: -0.01em; }
p { margin: 0; }
.en { font-family: var(--font-display); direction: ltr; unicode-bidi: isolate; }

.container { width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--gutter); }

/* ---------- כותרת עליונה ---------- */
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: color-mix(in srgb, var(--page-bg) 88%, transparent);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
}
.site-header__row { display: flex; align-items: center; gap: 28px; min-height: 76px; }
.logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.logo svg { width: 112px; height: auto; }
.main-nav { display: flex; gap: 26px; margin-inline-start: auto; }
.main-nav a { text-decoration: none; font-weight: 600; font-size: 17px; position: relative; padding-block: 6px; }
.main-nav a::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: var(--horizon); background: var(--orange); transform: scaleX(0); transform-origin: right; transition: transform .35s ease; }
.main-nav a:hover::after, .main-nav a[aria-current="page"]::after { transform: scaleX(1); }

/* ---------- כפתורים: גלולה עם גג קשתי ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-family: var(--font-body); font-weight: 700; font-size: 17px; text-decoration: none;
  padding: 14px 26px 12px; border-radius: var(--radius-pill-arch);
  border: 2px solid var(--ink); background: transparent; color: var(--ink);
  cursor: pointer; transition: background .25s, color .25s, transform .25s;
}
.btn:hover { transform: translateY(-2px); }
.btn--sun { background: var(--orange); border-color: var(--orange); color: #fff; }
.btn--sun:hover { background: var(--orange-deep); border-color: var(--orange-deep); }
.btn--small { padding: 10px 18px 8px; font-size: 15px; }
.btn svg { width: 20px; height: 20px; }

/* ---------- קו אופק ---------- */
.horizon { position: relative; height: 0; border-top: var(--horizon) solid var(--ink); margin: 0; }
.horizon--sun::after {
  content: ""; position: absolute; left: 50%; bottom: 0; width: 46px; height: 23px;
  translate: -50% 0; background: var(--orange); border-radius: 46px 46px 0 0;
}

/* ---------- פתיח ---------- */
.hero { padding-top: clamp(32px, 6vw, 80px); }
.hero__grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(24px, 5vw, 80px); align-items: end; }
.hero__eyebrow { font-weight: 700; color: var(--orange-deep); font-size: 17px; margin-bottom: 18px; display: flex; align-items: center; gap: 10px; }
.hero__eyebrow::before { content: ""; width: 22px; height: 11px; background: var(--orange); border-radius: 22px 22px 0 0; }
.hero h1 { font-size: clamp(40px, 5.2vw, 80px); max-width: 13ch; }
.hero h1 .accent { color: var(--orange); }
.hero__lead { font-size: clamp(19px, 1.6vw, 23px); max-width: 34ch; margin-top: 26px; color: var(--ink-soft); }
.hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; padding-bottom: clamp(32px, 5vw, 64px); }

.hero__portrait { position: relative; align-self: end; }
.portrait-arch {
  position: relative; aspect-ratio: 4 / 5.2; border-radius: 999px 999px 0 0; overflow: hidden;
  background: var(--gray-2);
}
.portrait-arch__sun {
  position: absolute; left: 50%; bottom: 0; width: 118%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle at 50% 45%, var(--orange-soft), var(--orange) 70%);
  translate: -50% 50%; transform: translateY(var(--sun-y, 0%));
  transition: transform 1.4s cubic-bezier(.2,.7,.2,1);
}
.portrait-arch__person {
  position: absolute; inset: auto 14% 0; height: 72%;
  background: var(--gray-3); border-radius: 999px 999px 0 0;
  display: grid; place-items: center; text-align: center; color: var(--ink-soft); font-weight: 600; font-size: 15px; padding: 20px;
}
.hero__horizon { margin-top: 0; }

/* ---------- תוויות "זמני" ---------- */
.temp-tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .02em; background: var(--ink); color: var(--cream); padding: 2px 8px; border-radius: 6px; vertical-align: middle; }

/* ---------- כותרות סקשן ---------- */
.section { padding-block: clamp(64px, 9vw, 130px); }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: clamp(32px, 4vw, 56px); }
.section-head h2 { font-size: clamp(36px, 4.6vw, 68px); }
.section-kicker { font-weight: 700; color: var(--orange-deep); margin-bottom: 12px; font-size: 16px; }
.section-head p { max-width: 42ch; color: var(--ink-soft); }

/* ---------- מסגרת אתר חי — גג קשתי, גוללים בפנים ---------- */
.live-frame {
  position: relative; background: var(--gray-1);
  border-radius: var(--radius-arch);
  border: 2px solid var(--ink);
  overflow: hidden;
}
.live-frame__scroll {
  height: 100%; overflow-y: auto; overscroll-behavior: contain;
  scrollbar-width: none;
}
.live-frame__hint {
  position: absolute; bottom: 14px; inset-inline-start: 14px; z-index: 3;
  background: var(--ink); color: var(--cream); font-size: 13px; font-weight: 700;
  padding: 5px 12px 4px; border-radius: var(--radius-pill-arch); pointer-events: none;
  transition: opacity .3s;
}
.live-frame.is-touched .live-frame__hint { opacity: 0; }

/* שלד אפור של אתר */
.skel { padding: 54px 7% 40px; display: flex; flex-direction: column; gap: 18px; }
.skel__bar { height: 14px; border-radius: 4px; background: var(--gray-3); }
.skel__nav { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.skel__nav span { height: 10px; border-radius: 3px; background: var(--gray-3); }
.skel__block { border-radius: 8px; background: var(--gray-2); }
.skel__row { display: grid; gap: 14px; }
.skel__text { display: flex; flex-direction: column; gap: 9px; }
.skel__text span { height: 9px; border-radius: 3px; background: var(--gray-3); }
.skel__label { text-align: center; font-size: 13px; font-weight: 700; color: var(--ink-soft); padding: 8px; }
.skel--sketch .skel__block, .skel--sketch .skel__bar, .skel--sketch .skel__text span, .skel--sketch .skel__nav span { background: transparent; border: 1.5px dashed var(--gray-4); }
.skel--live .skel__block.is-media { background: linear-gradient(135deg, var(--gray-3), var(--gray-2)); }
.skel--live .skel__block.is-accent { background: var(--gray-4); }
.skel--brand { padding: 54px 8% 40px; }
.skel--brand .skel__mark { aspect-ratio: 1; border-radius: 50%; background: var(--gray-3); width: 46%; margin: 30px auto 10px; }

/* ---------- מסקיצה לאתר חי ---------- */
.journey__grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(28px, 5vw, 80px); align-items: center; }
.journey__text h2 { font-size: clamp(36px, 4.6vw, 68px); }
.journey__text p { margin-top: 22px; color: var(--ink-soft); max-width: 38ch; }
.journey__stages { margin-top: 30px; display: flex; flex-direction: column; gap: 14px; padding: 0; list-style: none; }
.journey__stages li { display: flex; gap: 14px; align-items: baseline; border-top: 1px solid color-mix(in srgb, var(--ink) 20%, transparent); padding-top: 12px; transition: color .3s; color: var(--ink-soft); }
.journey__stages li b { font-family: var(--font-display); font-size: 22px; min-width: 92px; color: var(--ink); }
.journey__stages li.is-on b { color: var(--orange); }
.journey__frame { height: min(640px, 76vh); }
.journey__layers { display: grid; }
.journey__layers > div { grid-area: 1 / 1; background: var(--gray-1); }
.journey__layers > .layer-design { clip-path: inset(0 0 0 calc((1 - var(--p-design, 0)) * 100%)); }
.journey__layers > .layer-live { clip-path: inset(0 0 0 calc((1 - var(--p-live, 0)) * 100%)); }
.journey__layers > .layer-design::before, .journey__layers > .layer-live::before { content: none; }
.scrubber { margin-top: 18px; }
.scrubber__labels { display: flex; justify-content: space-between; font-weight: 700; font-size: 15px; margin-bottom: 6px; }
.scrubber input[type="range"] { width: 100%; accent-color: var(--orange); height: 30px; cursor: grab; direction: rtl; }

/* ---------- עבודות נבחרות: עולות מעל האופק ---------- */
.works-home { display: grid; grid-template-columns: repeat(12, 1fr); gap: clamp(20px, 2.6vw, 40px); row-gap: clamp(48px, 6vw, 90px); }
.work-card { display: flex; flex-direction: column; gap: 16px; }
.work-card .live-frame { height: 480px; }
.work-card--wide { grid-column: span 7; }
.work-card--narrow { grid-column: span 5; }
.work-card--narrow .live-frame { height: 400px; }
.work-card--drop { margin-top: 90px; }
.work-card__meta { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; border-top: var(--horizon) solid var(--ink); padding-top: 12px; }
.work-card__title { font-family: var(--font-display); font-size: 26px; font-weight: 700; text-decoration: none; }
.work-card__title:hover { color: var(--orange-deep); }
.work-card__tag { font-size: 15px; color: var(--ink-soft); white-space: nowrap; }
.work-card__go { font-weight: 700; color: var(--orange-deep); text-decoration: none; white-space: nowrap; }
.works-home__more { display: flex; justify-content: center; margin-top: clamp(48px, 6vw, 80px); }

/* חשיפה: עולה מתחת לקו האופק */
.js .rise > * { clip-path: inset(100% 0 0 0); transform: translateY(60px); transition: clip-path 1s cubic-bezier(.2,.7,.2,1), transform 1s cubic-bezier(.2,.7,.2,1); }
.js .rise > * + * { transition-delay: .15s; }
.js .rise.is-up > * { clip-path: inset(-20px 0 0 0); transform: none; }

/* ---------- מה אני עושה (פס זית) ---------- */
.services { background: var(--olive); color: var(--cream); }
.services .section-kicker { color: var(--orange-soft); }
.services__grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: clamp(32px, 6vw, 100px); align-items: start; }
.service h3 { font-size: clamp(40px, 5vw, 76px); display: flex; align-items: baseline; gap: 16px; }
.service h3 .en { font-size: 0.32em; font-weight: 400; opacity: .7; }
.service > p { margin-top: 18px; max-width: 40ch; opacity: .9; }
.service-list { list-style: none; padding: 0; margin: 32px 0 0; }
.service-list li { display: grid; grid-template-columns: 34px 1fr; gap: 14px; align-items: center; padding: 16px 0; border-top: 1px solid color-mix(in srgb, var(--cream) 30%, transparent); }
.service-list li::before { content: ""; width: 28px; height: 14px; border-radius: 28px 28px 0 0; background: var(--orange); }
.service--brand .video-ph { margin-top: 28px; }

/* ---------- placeholder לסרטון ---------- */
.video-ph {
  position: relative; background: var(--gray-2); border-radius: var(--radius-arch-sm); overflow: hidden;
  aspect-ratio: 4 / 3.4; display: grid; place-items: center; color: var(--ink-soft);
}
.video-ph::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%);
  background-size: 250% 100%; animation: shimmer 3.2s linear infinite;
}
.video-ph__inner { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 20px; }
.video-ph__play { width: 74px; height: 37px; background: var(--ink); border-radius: 74px 74px 0 0; display: grid; place-items: end center; padding-bottom: 6px; }
.video-ph__play::after { content: ""; border-style: solid; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent var(--cream); margin-inline-start: 4px; }
.video-ph__label { font-weight: 700; font-size: 15px; }
.video-ph--wide { aspect-ratio: 16 / 8; border-radius: var(--radius-arch); }
@keyframes shimmer { from { background-position: 150% 0; } to { background-position: -100% 0; } }

/* ---------- תהליך: זריחה בשלבים ---------- */
.process__list { list-style: none; padding: 0; margin: 0; }
.step { display: grid; grid-template-columns: 220px 1fr 1fr; gap: clamp(20px, 4vw, 60px); align-items: end; padding-block: 34px 0; }
.step__sky { position: relative; height: 130px; overflow: hidden; border-bottom: var(--horizon) solid var(--ink); }
.step__sun {
  position: absolute; left: 50%; bottom: 0; width: 84px; height: 84px; border-radius: 50%;
  background: var(--orange); translate: -50% 50%;
  transform: translateY(calc((1 - var(--rise, 0)) * 60px - var(--rise, 0) * var(--alt, 0px)));
}
.step:nth-child(1) .step__sun { background: color-mix(in srgb, var(--orange) 45%, var(--cream)); }
.step:nth-child(2) .step__sun { background: color-mix(in srgb, var(--orange) 65%, var(--cream)); }
.step:nth-child(3) .step__sun { background: color-mix(in srgb, var(--orange) 82%, var(--cream)); }
.step__num { font-family: var(--font-display); font-size: 15px; color: var(--orange-deep); font-weight: 700; display: block; margin-bottom: 6px; }
.step h3 { font-size: clamp(28px, 3vw, 44px); }
.step__body { color: var(--ink-soft); padding-bottom: 6px; max-width: 44ch; }
.step__main { padding-bottom: 6px; }
.process__video { margin-top: clamp(48px, 6vw, 90px); display: grid; grid-template-columns: 1.4fr 0.6fr; gap: 32px; align-items: end; }
.process__video p { color: var(--ink-soft); }

/* ---------- עליי ---------- */
.about__grid { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: clamp(32px, 6vw, 100px); align-items: center; }
.about__video .video-ph { aspect-ratio: 3 / 4; border-radius: 999px 999px 14px 14px; }
.about__quote { font-family: var(--font-display); font-size: clamp(30px, 3.8vw, 56px); line-height: 1.1; font-weight: 700; }
.about__quote s { text-decoration-color: var(--orange); text-decoration-thickness: 5px; color: var(--ink-soft); }
.about__text { margin-top: 28px; display: flex; flex-direction: column; gap: 16px; max-width: 52ch; color: var(--ink-soft); }
.about__sign { margin-top: 28px; font-weight: 700; }

/* ---------- יצירת קשר: השמש עולה ---------- */
.contact { position: relative; overflow: hidden; padding-top: clamp(80px, 10vw, 150px); text-align: center; }
.contact h2 { font-size: clamp(42px, 6.4vw, 104px); max-width: 15ch; margin-inline: auto; }
.contact p { margin: 22px auto 0; color: var(--ink-soft); max-width: 40ch; }
.contact__sunwrap { position: relative; height: clamp(220px, 30vw, 380px); margin-top: 40px; overflow: hidden; border-bottom: var(--horizon) solid var(--ink); }
.contact__sun {
  position: absolute; left: 50%; bottom: 0; width: clamp(360px, 52vw, 720px); aspect-ratio: 1; border-radius: 50%;
  translate: -50% 50%; background: radial-gradient(circle at 50% 40%, var(--orange-soft), var(--orange) 55%, var(--orange-deep));
  transform: translateY(42%); transition: transform 1.6s cubic-bezier(.2,.7,.2,1);
  display: flex; justify-content: center; padding-top: clamp(54px, 7vw, 100px);
}
.contact__sun.is-up { transform: translateY(0); }
.contact__sun .btn { background: var(--cream); border-color: var(--cream); color: var(--ink); font-size: 19px; height: fit-content; }
.contact__sun .btn:hover { background: #fff; }

/* ---------- כותרת תחתונה ---------- */
.site-footer { padding-block: 40px 30px; }
.site-footer__row { display: flex; flex-wrap: wrap; gap: 20px 40px; align-items: center; justify-content: space-between; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 22px; }
.site-footer a { text-decoration: none; font-weight: 600; }
.site-footer a:hover { color: var(--orange-deep); }
.site-footer small { color: var(--ink-soft); font-size: 14px; }

/* ---------- דף עבודות ---------- */
.works-page__head { padding-top: clamp(40px, 6vw, 90px); }
.works-page__head h1 { font-size: clamp(56px, 9vw, 140px); display: flex; align-items: baseline; gap: 18px; }
.works-page__head h1 sup { font-size: 0.25em; color: var(--orange); font-family: var(--font-display); }
.works-page__head p { color: var(--ink-soft); max-width: 46ch; margin-top: 16px; }
.filters { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.filters button[aria-pressed="true"] { background: var(--ink); color: var(--cream); }
.works-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(20px, 2.4vw, 36px); row-gap: clamp(44px, 5vw, 70px); margin-top: 26px; }
.works-grid .work-card { grid-column: span 2; }
.works-grid .work-card .live-frame { height: 440px; }
.works-grid .work-card:nth-child(4n+1) { grid-column: span 3; }
.works-grid .work-card:nth-child(4n+2) { grid-column: span 3; }
.works-grid .work-card:nth-child(4n+3) .live-frame,
.works-grid .work-card:nth-child(4n) .live-frame { height: 380px; }
.works-grid .work-card:nth-child(4n+3) { grid-column: span 4; }
.works-grid .work-card:nth-child(4n) { grid-column: span 2; }
.works-grid .work-card[hidden] { display: none; }

/* ---------- דף פרויקט ---------- */
.p-opening { padding-top: clamp(28px, 4vw, 56px); }
.p-opening__title { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: end; }
.p-opening__title h1 { font-size: clamp(52px, 8vw, 128px); }
.p-opening__title .temp-tag { margin-bottom: 14px; }
.p-opening__sub { color: var(--ink-soft); margin-top: 14px; max-width: 46ch; font-size: 20px; }
.p-opening__stage { margin-top: 36px; display: flex; justify-content: center; }
.p-opening__media {
  --g: 0;
  width: calc(58% + 42% * var(--g)); aspect-ratio: 16 / 9; background: var(--gray-2);
  border-radius: calc((1 - var(--g)) * 50%) calc((1 - var(--g)) * 50%) 14px 14px / calc((1 - var(--g)) * 160px + 14px) calc((1 - var(--g)) * 160px + 14px) 14px 14px;
  display: grid; place-items: center; color: var(--ink-soft); font-weight: 700; overflow: hidden; position: relative;
}
.p-opening__media::after { content: ""; position: absolute; inset: auto 0 0; height: var(--horizon); background: var(--ink); }
.p-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; padding-top: 20px; border-top: var(--horizon) solid var(--ink); }
.p-facts dt { font-size: 14px; color: var(--ink-soft); }
.p-facts dd { margin: 4px 0 0; font-weight: 700; font-size: 18px; }
.chapter { display: grid; grid-template-columns: 0.4fr 1fr; gap: clamp(24px, 5vw, 80px); padding-block: clamp(56px, 7vw, 100px) 0; }
.chapter__label { position: relative; padding-top: 18px; border-top: var(--horizon) solid var(--ink); }
.chapter__label::before { content: ""; position: absolute; top: calc(var(--horizon) * -1); inset-inline-start: 0; width: 40px; height: 20px; translate: 0 -100%; background: var(--orange); border-radius: 40px 40px 0 0; }
.chapter__label span { font-family: var(--font-display); font-weight: 700; color: var(--orange-deep); }
.chapter__label h2 { font-size: clamp(34px, 4vw, 60px); margin-top: 6px; }
.chapter__body { display: flex; flex-direction: column; gap: 18px; font-size: 20px; max-width: 56ch; color: var(--ink-soft); padding-top: 18px; }
.chapter__body strong { color: var(--ink); }
.media-full { aspect-ratio: 16 / 7.5; background: var(--gray-2); border-radius: 14px; margin-top: clamp(40px, 5vw, 70px); display: grid; place-items: center; color: var(--ink-soft); font-weight: 700; }
.media-halves, .media-thirds { display: grid; gap: clamp(14px, 2vw, 28px); margin-top: clamp(14px, 2vw, 28px); }
.media-halves { grid-template-columns: 1fr 1fr; }
.media-thirds { grid-template-columns: 1fr 1fr 1fr; }
.media-halves > div, .media-thirds > div { background: var(--gray-2); border-radius: 14px; aspect-ratio: 4 / 3.6; display: grid; place-items: center; color: var(--ink-soft); font-weight: 700; font-size: 15px; text-align: center; padding: 10px; }
.media-thirds > div:nth-child(2) { border-radius: var(--radius-arch-sm); }
.p-live { display: grid; grid-template-columns: 1fr 1.3fr; gap: clamp(24px, 5vw, 80px); align-items: center; margin-top: clamp(56px, 7vw, 100px); }
.p-live .live-frame { height: min(640px, 78vh); }
.p-live h2 { font-size: clamp(32px, 3.6vw, 54px); }
.p-live p { color: var(--ink-soft); margin-top: 16px; max-width: 38ch; }
.p-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 30px 0; margin-top: clamp(56px, 7vw, 100px); border-block: var(--horizon) solid var(--ink); }
.p-cta p { font-family: var(--font-display); font-size: clamp(24px, 2.6vw, 36px); font-weight: 700; }
.next-project { display: block; text-decoration: none; padding-top: clamp(56px, 7vw, 110px); }
.next-project__kicker { font-weight: 700; color: var(--orange-deep); }
.next-project__sky { position: relative; overflow: hidden; border-bottom: var(--horizon) solid var(--ink); margin-top: 10px; padding-bottom: 20px; }
.next-project__title { font-family: var(--font-display); font-weight: 700; font-size: clamp(54px, 10vw, 170px); line-height: 1; position: relative; z-index: 1; }
.next-project__sun { position: absolute; inset-inline-end: 6%; bottom: 0; width: clamp(120px, 18vw, 260px); aspect-ratio: 1; border-radius: 50%; background: var(--orange); translate: 0 70%; transition: translate .7s cubic-bezier(.2,.7,.2,1); }
.next-project:hover .next-project__sun, .next-project:focus-visible .next-project__sun { translate: 0 40%; }

/* ---------- מגע ונגישות ---------- */
:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.skip { position: absolute; inset-inline-start: 10px; top: -60px; background: var(--ink); color: var(--cream); padding: 8px 14px; z-index: 100; border-radius: 8px; }
.skip:focus { top: 10px; }

/* ---------- רספונסיבי ---------- */
@media (max-width: 1000px) {
  .hero__grid, .journey__grid, .services__grid, .about__grid, .p-live, .process__video { grid-template-columns: 1fr; }
  .hero__portrait { max-width: 460px; width: 100%; margin-inline: auto; }
  .step { grid-template-columns: 150px 1fr; }
  .step__body { grid-column: 2; }
  .works-home .work-card { grid-column: span 12; margin-top: 0; }
  .works-grid { grid-template-columns: 1fr 1fr; }
  .works-grid .work-card, .works-grid .work-card:nth-child(n) { grid-column: span 1; margin-top: 0; }
  .chapter { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  body { font-size: 17px; }
  .site-header__row { flex-wrap: wrap; gap: 6px 14px; min-height: 0; padding-block: 10px 0; }
  .logo svg { width: 88px; }
  .site-header .btn--wa { margin-inline-start: auto; }
  .main-nav { order: 3; width: 100%; margin: 0; justify-content: space-between; gap: 10px; padding-block: 4px 8px; }
  .main-nav a { font-size: 15.5px; }
  .work-card .live-frame, .works-grid .work-card .live-frame, .works-grid .work-card:nth-child(n) .live-frame { height: 420px; }
  .works-grid { grid-template-columns: 1fr; }
  .step { grid-template-columns: 1fr; gap: 14px; }
  .step__body { grid-column: 1; }
  .step__sky { height: 90px; width: 160px; }
  .step__sun { width: 60px; height: 60px; }
  .p-facts { grid-template-columns: 1fr 1fr; }
  .media-thirds { grid-template-columns: 1fr 1fr; }
  .media-thirds > div:nth-child(3) { grid-column: span 2; aspect-ratio: 16 / 9; }
  .p-opening__title { grid-template-columns: 1fr; }
  .journey__frame { height: 520px; }
  .work-card__meta { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js .rise > * { clip-path: none; transform: none; }
  .contact__sun { transform: none; }
}

/* ---------- סימן הלוגו: השמש עולה בתוך ה־ח ---------- */
.logo-sun { animation: logo-sun 1.8s .2s cubic-bezier(.2,.7,.2,1) both; }
@keyframes logo-sun { from { transform: translateY(22px); } to { transform: none; } }
.logo:hover .logo-sun { animation: logo-sun 1.2s cubic-bezier(.2,.7,.2,1) both; }
.p-opening__title h1.en, .next-project__title.en { text-align: right; }
.p-opening__title .temp-tag { justify-self: start; }
.p-opening__media { padding: 20px; text-align: center; }
@media (max-width: 680px) {
  .p-opening__media { width: calc(80% + 20% * var(--g)); aspect-ratio: 4 / 4.2; }
}

/* ===== סבב תיקונים ===== */
.btn--wa { border-radius: 999px; padding: 9px 16px 8px; gap: 8px; }
.btn--wa svg { width: 18px; height: 18px; flex-shrink: 0; }
.lbl-short { display: none; }
.hero__eyebrow--plain { font-size: clamp(20px, 1.8vw, 26px); color: var(--ink); margin-bottom: 14px; }

/* תהליך: כל שלב בגודל ובצד אחר — השמש גדלה ככל שהיום מתקדם */
.process__list { display: flex; flex-direction: column; gap: 10px; }
.step { grid-template-columns: var(--sky-w, 160px) minmax(15ch, 0.9fr) minmax(0, 1.1fr); }
.step h3 { font-size: clamp(26px, 2.5vw, 38px); }
.step:nth-child(1) { --sky-w: 120px; width: 78%; }
.step:nth-child(2) { --sky-w: 160px; width: 84%; margin-inline-start: auto; }
.step:nth-child(3) { --sky-w: 200px; width: 90%; }
.step:nth-child(4) { --sky-w: 240px; width: 92%; margin-inline-start: auto; }
.step:nth-child(2), .step:nth-child(4) { grid-template-columns: minmax(15ch, 0.9fr) minmax(0, 1.1fr) var(--sky-w); }
.step:nth-child(2) .step__sky, .step:nth-child(4) .step__sky { order: 3; }
.step:nth-child(2) .step__main, .step:nth-child(4) .step__main { order: 1; }
.step:nth-child(2) .step__body, .step:nth-child(4) .step__body { order: 2; }
.step:nth-child(1) .step__sun { width: 56px; height: 56px; }
.step:nth-child(2) .step__sun { width: 70px; height: 70px; }
.step:nth-child(3) .step__sun { width: 86px; height: 86px; }
.step:nth-child(4) .step__sun { width: 100px; height: 100px; }
.step:nth-child(5) { grid-template-columns: 1fr; gap: 18px; margin-top: 30px; }
.step:nth-child(5) .step__sky { height: 190px; order: 0; }
.step:nth-child(5) .step__sun { width: 260px; height: 260px; }
.step:nth-child(5) .step__main { display: flex; align-items: baseline; gap: 22px; flex-wrap: wrap; }
.step:nth-child(5) h3 { font-size: clamp(44px, 5.4vw, 84px); color: var(--orange-deep); }
.step:nth-child(5) .step__body { max-width: 60ch; }
.process__video { grid-template-columns: 0.9fr 1.1fr; gap: clamp(24px, 4vw, 60px); align-items: center; }
.process__video .video-ph--wide { aspect-ratio: 16 / 9; }
.process__video h3 { font-size: clamp(26px, 2.6vw, 38px); margin-bottom: 12px; }

@media (max-width: 1000px) {
  .step, .step:nth-child(n) { width: 100%; grid-template-columns: var(--sky-w, 140px) 1fr; }
  .step:nth-child(2) .step__sky, .step:nth-child(4) .step__sky { order: 0; }
  .step:nth-child(5) { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .site-header__row { flex-wrap: nowrap; gap: 12px; min-height: 56px; padding-block: 0; }
  .logo svg { width: 64px; }
  .main-nav { order: 0; width: auto; margin-inline-start: auto; gap: 14px; padding: 0; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
  .main-nav a { font-size: 15px; white-space: nowrap; }
  .site-header .btn--wa { margin-inline-start: 0; padding: 7px 11px 6px; font-size: 14px; }
  .lbl-long { display: none; }
  .lbl-short { display: inline; }
  .hero { padding-top: 18px; }
  .hero__grid { gap: 18px; }
  .hero__portrait { order: -1; max-width: none; margin: 0; display: flex; justify-content: flex-start; }
  .portrait-arch { width: 58%; aspect-ratio: 4 / 4.2; }
  .hero h1 { font-size: 38px; }
  .hero__eyebrow--plain { font-size: 19px; }
  .hero__lead { margin-top: 16px; font-size: 18px; }
  .hero__actions { margin-top: 22px; }
  .step, .step:nth-child(n) { grid-template-columns: 1fr; }
  .step__sky, .step:nth-child(n) .step__sky { width: min(100%, var(--sky-w, 160px)); }
  .step:nth-child(5) .step__sky { width: 100%; height: 140px; }
  .step:nth-child(5) .step__sun { width: 180px; height: 180px; }
  .works-grid .work-card:nth-child(n) { grid-column: span 1; }
}
.step:nth-child(5) .step__sky { height: 220px; }
.step:nth-child(5) .step__sun { width: 240px; height: 240px; }
@media (max-width: 680px) {
  .step:nth-child(5) .step__sky { height: 160px; }
  .step:nth-child(5) .step__sun { width: 150px; height: 150px; }
}