/* ===== שפת ארגז הכלים (2026-10-19) =====
   רקע: מש בקורל אחד מאחורי זכוכית מחורצת, רק בפתיחה ובתוך הכרטיסים. שאר האתר שחור נקי.
   מסלול דק עם נצנוצים בקורל סביב המוקד. כרטיסים בקו לבן דק.
   לא נוגעים באנימציה של "הרבה דברים יכולים להיות נכונים" ולא במלל. */

/* כל האורות הישנים כבויים: האלומה, הכתם, העשן והזוהר על הכותרת */
.bgfx, .fluid, .beam { display: none !important; }
.spot { opacity: 0 !important; }
.hero__content--lit .hero__title { text-shadow: none !important; }
.hero .aura { display: none !important; }

/* הזכוכית המחורצת: רצועות צרות (~13px) */
.rd { position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: 0; pointer-events: none; border-radius: inherit; }
.rd .st { position: absolute; top: 0; bottom: 0; overflow: hidden; }
.rd .st > .m { position: absolute; top: 0; bottom: 0; }
.rd .st::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.36), rgba(0,0,0,0) 34%, rgba(255,255,255,.05) 72%, rgba(0,0,0,.24)); }
.rd .m i { position: absolute; border-radius: 50%; }

/* המסלול סביב הכותרת: מופיע כשהכותרת מתחברת */
.rdspark { position: absolute; aspect-ratio: 1; transform: translate(-50%, -50%); background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); }

/* כרטיסים: קו לבן דק, פינות רכות, רקע כהה, ובתוכם הרקע המחורץ שנכנס מפינה */
.gpanel { position: relative; isolation: isolate; background: rgba(10, 9, 9, .6) !important; border: 1px solid rgba(255, 255, 255, .3) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.gpanel::before, .gpanel::after { display: none !important; }
.gpanel > *:not(.rd):not(.gpanel__star) { position: relative; z-index: 1; }
/* הנצנוץ יושב בדיוק על קו המסגרת, בקורל */
.gpanel__star { position: absolute; z-index: 2; fill: var(--coral) !important; color: var(--coral) !important; animation: none !important; top: 0 !important; left: 14% !important; transform: translate(-50%, -50%); width: clamp(20px, 2vw, 30px) !important; }

/* ===== סבב 3 ===== */
/* פתיחה: העכבר לא מאיר חלקים. אחרי שהכותרת נחתה כל הטקסט חד, והאור זז רק מאחורי הזכוכית */
.hero.is-done .hero__content--lit { -webkit-mask-image: none !important; mask-image: none !important; }
.hero.is-done .hero__content:not(.hero__content--lit) { opacity: 0 !important; }
.hero .ff, .hero .rect, .hero [class*="ret"] { opacity: 0 !important; }

/* שתי השורות מגיעות רק בגלילה אחרי שהכותרת נחתה */
.hero .hero__sub { opacity: 0; transform: translateY(18px); filter: blur(10px); transition: opacity 1s, transform 1s cubic-bezier(.2, .8, .2, 1), filter 1s; }
.hero.sub-in .hero__sub { opacity: 1; transform: none; filter: none; }

/* המסלול נכתב סביב הכותרת יחד עם המילה האחרונה, ואז הנצנוצים נדלקים */
.rdspark { opacity: 0; scale: .2; transition: opacity .5s 1.9s, scale .7s cubic-bezier(.2, 1.6, .4, 1) 1.9s; }
.rdspark + .rdspark { transition-delay: 2.2s; }

/* רקע מחורץ בכניסה לסקשנים (עבודות, מה אני עושה) */
.works-sec, .services-sec { position: relative; isolation: isolate; }
.one__sticky { isolation: isolate; }
.works-sec > .rd, .services-sec > .rd, .one__sticky > .rd { z-index: -1; }

/* גלריה: כרטיסים בקו לבן דק, בלי זכוכית חלבית, ונצנוץ על המסגרת של העבודה שבמרכז */
.gl__card { background: rgba(10, 9, 9, .55) !important; border: 1px solid rgba(255, 255, 255, .28) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; position: relative; }
.gl__card .gsp { position: absolute; width: 18px; aspect-ratio: 1; background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); transform: translate(-50%, -50%) scale(.2); opacity: 0; transition: opacity .4s, transform .6s cubic-bezier(.2, 1.6, .4, 1); z-index: 3; }
.gl__card .gsp.a { top: 0; left: 82%; } .gl__card .gsp.b { top: 100%; left: 16%; width: 13px; }
.gl__card.is-on .gsp { opacity: 1; transform: translate(-50%, -50%) scale(1); transition-delay: .25s; }

/* הרבה דברים נכונים: רקע מחורץ שמופיע עם השורה השנייה, ומסלול שנכתב סביב "בפוקוס" */
.one__sticky > .rd { opacity: var(--b, 0); }
.one__line, .one__verbs { z-index: 2; }

/* מה אני עושה: שחור, רקע מחורץ מהפינה, כל שירות בכרטיס בקו דק. השירות הפעיל: מסלול נכתב סביבו ונצנוצים על המסגרת */
.services-sec { background: var(--black) !important; }
.services-sec::before, .services-sec::after { display: none !important; }
.services-sec .sec__title em { color: var(--coral) !important; }
.services-sec .kicker { color: var(--mute) !important; }
#services .slist li:not(.slist__dot) { max-width: 860px; min-height: 62svh !important; margin: 8svh auto; position: relative; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: clamp(18px, 2vw, 28px); padding: clamp(26px, 3vw, 44px) clamp(24px, 3vw, 48px) !important; background: rgba(10, 9, 9, .5); transition: border-color .6s, background .6s, transform .8s cubic-bezier(.2, .8, .2, 1); transform: scale(.97); }
#services .slist li.is-on { border-color: rgba(255, 255, 255, .38) !important; background: rgba(10, 9, 9, .3); transform: none; }
.services-sec .slist h3 { color: rgba(255, 246, 242, .32) !important; font-weight: 700 !important; filter: blur(3px); transition: color .6s, filter .6s; }
#services .slist li.is-on h3 { color: #fff !important; filter: none !important; }
.services-sec .slist p { color: rgba(255, 246, 242, .7) !important; }
.services-sec .slist__n, .services-sec .slist__dot, .services-sec .ff { display: none !important; }
#services .slist h3 > span { position: relative; }
.services-sec .ssp { position: absolute; width: 16px; aspect-ratio: 1; background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); transform: translate(-50%, -50%) scale(.2); opacity: 0; transition: opacity .4s, transform .6s cubic-bezier(.2, 1.6, .4, 1); }
.services-sec .ssp.a { top: 0; left: 88%; } .services-sec .ssp.b { top: 100%; left: 10%; width: 12px; }
.services-sec li.is-on .ssp { opacity: 1; transform: translate(-50%, -50%) scale(1); transition-delay: 1.1s; }
.rdorb, .one__orb, .sorb { display: none !important; }

/* ===== רקע רציף לכל האתר: קנבס קבוע אחד ===== */
.rdfix { position: fixed; inset: 0; z-index: -1; pointer-events: none; }
html { background: #0a0909 !important; }
body { background: transparent !important; }
.hero, .hero__pin, .sec, .works-sec, .about-sec, .services-sec, .one, .one__sticky, .cta, #contact, .foot, .index-page, main, .view { background: transparent !important; }
.works-sec::before, .about-sec::before, .works-sec::after, .about-sec::after, #contact::before, #contact::after, .cta__glow { display: none !important; }
.one__sticky > .rd, .works-sec > .rd, .services-sec > .rd { display: none; }

/* ===== סבב 4 ===== */
/* תפריט: מסגרת אחת שזזה בין הקישורים */
.nav__links { position: relative; }
.nav__links .nav__cta { border-color: transparent !important; background: none !important; color: inherit !important; }
.nav__ind { position: absolute; left: 0; top: 0; border: 1px solid var(--coral); border-radius: 99px; pointer-events: none; transition: transform .55s cubic-bezier(.2, .9, .2, 1), width .55s cubic-bezier(.2, .9, .2, 1), height .55s; }
.nav__links a:not(.nav__cta)::after { display: none !important; }

/* גלריה: מתחת לשם רק "לפוקוס על הפרויקט" */
.gl__tags, .gl__count { display: none !important; }


/* אודות: מסגרת רחבה יותר שנכתבת סביב התוכן, נצנוץ שרץ עליה, והכותרת יוצאת מחוץ לקופסה */
.about-sec .wrap.narrow { max-width: min(1080px, 92vw) !important; }
.gpanel--about { border-color: transparent !important; overflow: visible !important; }
.gpanel--about .gp-draw { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2; }
.gpanel--about .gp-draw rect { width: calc(100% - 1px); height: calc(100% - 1px); fill: none; stroke: rgba(255, 255, 255, .34); stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2.4s cubic-bezier(.6, .05, .2, 1); }
.gpanel--about.is-drawn .gp-draw rect { stroke-dashoffset: 0; }
.gpanel--about .gp-run { position: absolute; z-index: 3; left: 0; top: 0; width: 22px; aspect-ratio: 1; background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); offset-path: inset(0 round 28px); offset-rotate: 0deg; offset-distance: 0%; opacity: 0; }
.gpanel--about.is-drawn .gp-run { animation: gpRun 2.4s cubic-bezier(.6, .05, .2, 1) forwards, gpGlow 3s 2.4s ease-in-out infinite; }
@keyframes gpRun { 0% { offset-distance: 0%; opacity: 1; } 100% { offset-distance: 100%; opacity: 1; } }
@keyframes gpGlow { 50% { filter: drop-shadow(0 0 8px rgba(242, 107, 109, .9)); scale: 1.25; } }
.gpanel--about .gpanel__star { display: none !important; }
.gpanel--about .sec__title { transform: translateX(6%) scale(.96); opacity: 0; transition: transform 1.4s cubic-bezier(.2, .9, .2, 1) .6s, opacity 1s .6s; }
.gpanel--about.is-drawn .sec__title { transform: translateX(-9%); opacity: 1; }
@media (max-width: 760px) { .gpanel--about.is-drawn .sec__title { transform: none; } }

/* מה אני עושה: ארבעה ריבועים מקבילים, מופיעים יחד, ואנימציה כשעומדים עליהם */
#services .slist { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 22px); max-width: 1240px !important; margin-inline: auto; opacity: 0; transform: translateY(40px); transition: opacity 1s, transform 1.2s cubic-bezier(.2, .9, .2, 1); }
#services .slist.is-in { opacity: 1; transform: none; }
@media (max-width: 960px) { #services .slist { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { #services .slist { grid-template-columns: 1fr; } }
#services .slist li:not(.slist__dot) { min-height: 0 !important; aspect-ratio: 1; margin: 0 !important; max-width: none !important; display: flex !important; flex-direction: column; justify-content: flex-end; align-items: flex-start !important; text-align: right !important; padding: clamp(20px, 2vw, 30px) !important; transform: none !important; overflow: hidden; isolation: isolate; border-color: rgba(255, 255, 255, .22) !important; background: rgba(10, 9, 9, .55) !important; transition: border-color .5s, transform .6s cubic-bezier(.2, 1.4, .3, 1) !important; }
#services #slist li h3, #services #slist li h3 span { color: #fff !important; filter: none !important; opacity: 1 !important; font-size: clamp(26px, 2.4vw, 38px) !important; transition: transform .6s cubic-bezier(.2, 1.2, .3, 1) !important; }
#services #slist li p, #services #slist li:not(.is-on) p { opacity: .75 !important; filter: none !important; font-size: 15px !important; transition: opacity .5s !important; }
#services .slist li::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 60% at var(--hx, 80%) var(--hy, 20%), rgba(242, 107, 109, .55), rgba(242, 107, 109, 0) 70%); opacity: 0; transition: opacity .5s; }
#services .slist li:hover { transform: translateY(-8px) !important; border-color: rgba(255, 255, 255, .55) !important; }
#services .slist li:hover::before { opacity: 1; }
#services .slist li:hover h3 { transform: translateY(-6px); }
#services .slist li:hover p { opacity: 1 !important; }
#services .slist li .ssp, #services .slist li.is-on .ssp { opacity: 0; transform: translate(-50%, -50%) scale(.2); transition: opacity .3s, transform .5s cubic-bezier(.2, 1.6, .4, 1) !important; }
#services .slist li:hover .ssp { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(90deg); }

/* צור קשר: כרטיס רחב יותר */
#contact .wrap.narrow { max-width: min(1000px, 92vw) !important; }

/* ===== סבב 5 ===== */
/* הכותרת בפתיחה נכתבת בקו קורל, ואז מתמלאת */
.hero .hero__title { opacity: 0 !important; }
.hwrite { position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none; overflow: visible; }
.hwrite .hw { fill: rgba(246, 243, 239, 0); stroke: #F26B6D; stroke-width: 1.1px; stroke-dasharray: 2200; stroke-dashoffset: 2200; paint-order: stroke; animation: hwDraw 2.1s cubic-bezier(.55, .05, .25, 1) var(--d) forwards, hwFill .9s ease var(--d) forwards; animation-delay: var(--d), calc(var(--d) + 1.35s); }
.hwrite .hw--a { --fill: #F26B6D; }
@keyframes hwDraw { to { stroke-dashoffset: 0; } }
@keyframes hwFill { to { fill: var(--fill, #f6f3ef); stroke-opacity: 0; } }
.hwrite.is-static .hw { animation: none; stroke-dashoffset: 0; fill: var(--fill, #f6f3ef); stroke-opacity: 0; }
@media (prefers-reduced-motion: reduce) { .hwrite .hw { animation: none; stroke-dashoffset: 0; fill: var(--fill, #f6f3ef); stroke-opacity: 0; } }
/* שתי השורות מגיעות אחרי שהכותרת נכתבה */
.hero.is-writing .hero__sub { opacity: 1 !important; transform: none !important; filter: none !important; transition-delay: 2.6s !important; }

/* דף פרויקט: במקום הסליידר, מסכים מלאים לסירוגין */
.view.case .case__slider { display: none !important; }
.case__flow { display: grid; gap: 0; margin-top: clamp(30px, 4vw, 60px); }
.case__flow figure { margin: 0; overflow: hidden; }
.case__flow img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.2, .8, .2, 1); }
.case__flow figure:hover img { transform: scale(1.03); }
.cf--full { height: 100svh; }
.cf--pair { display: grid; grid-template-columns: 1fr 1fr; height: 100svh; }
@media (max-width: 760px) { .cf--pair { grid-template-columns: 1fr; height: auto; } .cf--pair figure { height: 80svh; } .cf--full { height: 80svh; } }

/* קטע מיתוגים: גריד של לוגואים בכרטיסים בקו דק */
.brands-sec { min-height: 100svh; display: flex; align-items: center; }
.brands-sec .wrap { width: 100%; }
.brands-sec .sec__title { text-align: center; }
.brands { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.4vw, 20px); max-width: 1180px; margin: clamp(26px, 3vw, 44px) auto 0; }
@media (max-width: 860px) { .brands { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.brand { position: relative; aspect-ratio: 3 / 2; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .2); border-radius: clamp(14px, 1.6vw, 22px); background: rgba(10, 9, 9, .5); overflow: hidden; isolation: isolate; transition: border-color .5s, transform .6s cubic-bezier(.2, 1.4, .3, 1); }
.brand img { width: 52%; max-height: 46%; object-fit: contain; opacity: .78; transition: opacity .5s, transform .6s cubic-bezier(.2, 1.2, .3, 1); }
.brand::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 70% at 50% 60%, rgba(242, 107, 109, .45), rgba(242, 107, 109, 0) 70%); opacity: 0; transition: opacity .5s; }
.brand:hover { border-color: rgba(255, 255, 255, .5); transform: translateY(-6px); }
.brand:hover::before { opacity: 1; }
.brand:hover img { opacity: 1; transform: scale(1.06); }
.brand .bsp { position: absolute; width: 14px; aspect-ratio: 1; background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); transform: translate(-50%, -50%) scale(.2); opacity: 0; transition: opacity .3s, transform .5s cubic-bezier(.2, 1.6, .4, 1); }
.brand .bsp.a { top: 0; left: 84%; } .brand .bsp.b { top: 100%; left: 14%; width: 10px; }
.brand:hover .bsp { opacity: 1; transform: translate(-50%, -50%) scale(1); }

/* ===== סבב 6 ===== */
/* כל קטע בבית בגובה מסך אחד, כדי שגלילה אחת תביא אותו שלם */
.about-sec, #contact { min-height: 100svh !important; }
.about-sec > .wrap, #contact > .wrap { position: relative !important; min-height: 100svh; padding-block: 84px 28px !important; box-sizing: border-box; }
.works-sec { min-height: 100svh; box-sizing: border-box; padding-block: 84px 24px !important; display: flex; flex-direction: column; justify-content: center; }
.works-sec .sec__head { margin-bottom: 0; }
.works-sec .gl { margin-top: clamp(14px, 2svh, 28px); }
.works-sec .gl__row { --gw: min(30vw, 40svh, 420px); }
.works-sec .gl__bar { margin-top: clamp(10px, 1.6svh, 22px); }
.brands-sec { padding-block: 84px 24px !important; box-sizing: border-box; }

/* אודות: המסגרת המצוירת יושבת על הכרטיס עצמו (היא נדחפה מתחתיו ונראתה כמו ריבוע תקוע) */
.gpanel--about .gp-draw { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; }
.gpanel--about { padding: clamp(30px, 4svh, 56px) clamp(28px, 4.4vw, 72px) clamp(22px, 3svh, 36px) !important; }
.gpanel--about .sec__title { margin-bottom: clamp(16px, 2.6svh, 32px) !important; }
.gpanel--about .lines p { margin-block: 0 .7em; }
.gpanel--about .gpanel__foot { margin-top: clamp(14px, 2.4svh, 30px) !important; }
.about-sec .kicker, #contact .kicker { margin-bottom: 14px; }

/* מה אני עושה: הטיפוגרפיה ממלאת את הריבוע */
#services #slist li:not(.slist__dot) { justify-content: space-between !important; padding: clamp(20px, 1.8vw, 28px) !important; }
#services #slist li h3, #services #slist li h3 span { font-size: var(--fs, clamp(40px, 4vw, 64px)) !important; line-height: .9 !important; letter-spacing: -.02em; font-weight: 700 !important; margin: 0 !important; }
#services #slist li h3 { width: 100%; text-wrap: balance; transform-origin: right top; }
#services #slist li p, #services #slist li:not(.is-on) p { font-size: clamp(14px, 1.05vw, 17px) !important; line-height: 1.45; margin: 0 !important; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .22); width: 100%; }
#services #slist li:hover h3 { transform: translateY(-4px) scale(1.02); }
#services #slist li:hover h3 { color: #fff !important; }
.services-sec { min-height: 100svh; box-sizing: border-box; padding-block: 84px 24px !important; display: flex; flex-direction: column; justify-content: center; }

/* ===== פתיחה: הכותרת נכנסת לפוקוס ===== */
.hero.hx-on .hero__content, .hero.hx-on .hero__echo, .hero .hwrite { visibility: hidden !important; }
.hx { position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; padding-inline: var(--gutter, 24px); }
.hx__name { font-size: 13px; letter-spacing: .42em; color: rgba(246, 243, 239, .62); margin: 0 0 clamp(18px, 3svh, 34px); opacity: 0; transform: translateY(10px); transition: opacity 1s ease 2.8s, transform 1.2s cubic-bezier(.2, .9, .2, 1) 2.8s; }
.hx__t { position: relative; font-weight: 700; font-size: clamp(64px, 11.2vw, 196px); line-height: .94; letter-spacing: -.035em; color: #f6f3ef; }
.hx__l { display: block; white-space: nowrap; }
.hx__a { color: var(--coral); font-weight: 500; }
.hx__base { visibility: hidden; }
.hx.is-done .hx__base { visibility: visible; }
.hx.is-done .hx__s { display: none; }
/* הרצועות: מבעד לזכוכית המחורצת */
.hx__s { position: absolute; inset: 0; opacity: 0; transform: translate(var(--sx), var(--sy)) scale(1.04); filter: blur(14px); will-change: transform, filter; }
.hx.is-show .hx__s { opacity: .55; transition: opacity .6s ease; }
.hx.is-focus .hx__s { opacity: 1; transform: none; filter: blur(0); transition: opacity .7s ease var(--d), transform 1.5s cubic-bezier(.16, 1, .3, 1) var(--d), filter 1.2s cubic-bezier(.3, .7, .3, 1) var(--d); }
/* פינות הפוקוס עפות מקצות המסך וננעלות על "למותגים" */
.hx__f { position: absolute; pointer-events: none; }
.hx__f .c { position: absolute; width: clamp(14px, 1.6vw, 26px); aspect-ratio: 1; border: 0 solid #fff; opacity: 0; transition: transform 1s cubic-bezier(.2, 1.1, .3, 1), opacity .4s ease; }
.hx__f .c1 { top: 0; right: 0; border-top-width: 1.5px; border-right-width: 1.5px; border-top-right-radius: 18px; transform: translate(40vw, -40svh); }
.hx__f .c2 { top: 0; left: 0; border-top-width: 1.5px; border-left-width: 1.5px; border-top-left-radius: 18px; transform: translate(-40vw, -40svh); }
.hx__f .c3 { bottom: 0; right: 0; border-bottom-width: 1.5px; border-right-width: 1.5px; border-bottom-right-radius: 18px; transform: translate(40vw, 40svh); }
.hx__f .c4 { bottom: 0; left: 0; border-bottom-width: 1.5px; border-left-width: 1.5px; border-bottom-left-radius: 18px; transform: translate(-40vw, 40svh); }
.hx.is-lock .hx__f .c { opacity: 1; transform: none; }
.hx.is-lock .hx__f { animation: hxLock .55s cubic-bezier(.3, 1.6, .5, 1) 1s both; }
@keyframes hxLock { 0% { transform: scale(1.12); } 100% { transform: scale(1); } }
.hx.is-lock .hx__a { animation: hxSharp .8s ease .9s both; }
@keyframes hxSharp { 0% { filter: blur(0); } 35% { filter: blur(5px); } 100% { filter: blur(0); } }
/* הפינות מתחברות למסגרת בקו דק, ונצנוץ נוחת על הקו */
.hx__fr { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.hx__fr rect { width: calc(100% - 1px); height: calc(100% - 1px); fill: none; stroke: rgba(255, 255, 255, .7); stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 1; }
.hx.is-frame .hx__fr rect { stroke-dashoffset: 0; transition: stroke-dashoffset 1.1s cubic-bezier(.6, .05, .2, 1); }
.hx.is-frame .hx__f .c { opacity: 0; transition: opacity .8s ease .5s; }
.hx__sp { position: absolute; top: 0; left: 18%; width: clamp(18px, 1.8vw, 30px); aspect-ratio: 1; background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); transform: translate(-50%, -50%) scale(0) rotate(-90deg); }
.hx.is-frame .hx__sp { animation: hxSp .9s cubic-bezier(.2, 1.6, .4, 1) .7s forwards, hxTw 3.4s ease-in-out 1.8s infinite; }
@keyframes hxSp { to { transform: translate(-50%, -50%) scale(1) rotate(0); } }
@keyframes hxTw { 0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0); } 50% { transform: translate(-50%, -50%) scale(.72) rotate(45deg); } }
.hx__sub { margin: clamp(24px, 4svh, 44px) 0 0; font-size: clamp(16px, 1.35vw, 21px); line-height: 1.55; color: rgba(246, 243, 239, .86); max-width: 48ch; opacity: 0; transform: translateY(14px); transition: opacity 1s ease, transform 1.2s cubic-bezier(.2, .9, .2, 1); }
.hx.is-frame .hx__name, .hx.is-frame .hx__sub { opacity: 1; transform: none; transition-delay: .5s; }
.hx.is-frame .hx__name { transition-delay: .2s; }
@media (max-width: 700px) { .hx__t { font-size: 15.5vw; } .hx__f .c { border-radius: 10px !important; } }
@media (prefers-reduced-motion: reduce) { .hx__s { display: none; } .hx__base { visibility: visible; } .hx__f .c { display: none; } .hx__fr rect { stroke-dashoffset: 0; } .hx__sp { transform: translate(-50%, -50%); } .hx__name, .hx__sub { opacity: 1; transform: none; } }
/* מיתוגים: עד שיגיעו הלוגואים, תמונת הפרויקט ממלאת את הכרטיס */
.brand--img img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; object-fit: cover; opacity: .62; filter: saturate(.75); z-index: -2; transition: opacity .5s, transform .9s cubic-bezier(.2, .8, .2, 1), filter .5s; }
.brand--img:hover img { opacity: 1; filter: none; transform: scale(1.05); }
.brand--img::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(10, 9, 9, .82), rgba(10, 9, 9, 0) 55%); pointer-events: none; }
.brand__n { position: absolute; right: clamp(14px, 1.4vw, 20px); bottom: clamp(10px, 1.2vw, 16px); font-size: clamp(15px, 1.25vw, 19px); font-weight: 700; color: #fff; }

/* ===== סבב 7 ===== */
/* פתיחה: אותיות מפוזרות בעומקים שונים שמתכנסות לפוקוס */
.hx .hx__base { visibility: visible !important; }
.hx__c { display: inline-block; opacity: 0; transform: translate(var(--tx), var(--ty)) rotate(var(--r)) scale(var(--s)); filter: blur(var(--b)); will-change: transform, filter, opacity; }
.hx.is-show .hx__c { opacity: var(--o); transform: translate(calc(var(--tx) + var(--dx)), calc(var(--ty) + var(--dy))) rotate(calc(var(--r) * .8)) scale(var(--s)); transition: opacity 1s ease, transform 2.4s cubic-bezier(.3, .1, .3, 1); }
.hx.is-focus .hx__c { opacity: 1; transform: none; filter: blur(0); transition: transform 1.9s cubic-bezier(.22, 1.18, .32, 1) var(--d), filter 1.5s cubic-bezier(.5, 0, .2, 1) var(--d), opacity .9s ease var(--d); }
.hx.is-done .hx__c { will-change: auto; }
@media (prefers-reduced-motion: reduce) { .hx__c { opacity: 1 !important; transform: none !important; filter: none !important; } }

/* מעבר בין קטעים: הקטע שנכנס עולה קצת לקראת העין ומתבהר */
html.snap-on .view[data-view="home"] > section:not(.hero):not(.one) > .wrap,
html.snap-on .view[data-view="home"] > .brands-sec > .lrows { transition: transform 1.5s cubic-bezier(.2, .8, .2, 1), opacity 1.1s ease; }
html.snap-on .view[data-view="home"] > section:not(.hero):not(.one):not(.is-cur) > .wrap,
html.snap-on .view[data-view="home"] > .brands-sec:not(.is-cur) > .lrows { transform: translateY(70px) scale(.985); opacity: .25; }

/* מותגים שפיקסנו: שלוש שורות נוסעות */
.brands-sec { display: flex; flex-direction: column; justify-content: center; min-height: 100svh; overflow: hidden; }
.brands-sec .sec__head { margin-bottom: 0; }
.lrows { display: grid; gap: clamp(12px, 1.6svh, 20px); margin-top: clamp(26px, 4svh, 48px); direction: ltr; -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); }
.lrow { overflow: hidden; }
.lrow__track { display: flex; gap: clamp(12px, 1.4vw, 20px); width: max-content; animation: lrow var(--dur) linear infinite; }
.lrow--1 .lrow__track { animation-direction: reverse; }
.lrow:hover .lrow__track { animation-play-state: paused; }
@keyframes lrow { to { transform: translateX(calc(-50% - clamp(12px, 1.4vw, 20px) / 2)); } }
.lg { flex: none; width: clamp(150px, 13vw, 210px); height: clamp(84px, 13svh, 116px); display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .16); border-radius: clamp(14px, 1.4vw, 20px); background: rgba(10, 9, 9, .35); transition: background .5s, border-color .5s, transform .6s cubic-bezier(.2, 1.4, .3, 1); }
.lg img { max-width: 64%; max-height: 54%; object-fit: contain; filter: grayscale(1) brightness(0) invert(1); opacity: .62; transition: filter .5s, opacity .5s, transform .6s cubic-bezier(.2, 1.3, .3, 1); user-select: none; }
.lg:hover { background: #f6f3ef; border-color: #f6f3ef; transform: translateY(-4px); }
.lg:hover img { filter: none; opacity: 1; transform: scale(1.06); }
a.lg { cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .lrow__track { animation: none; } }

/* מה אני עושה: מילים ענקיות בקו מתאר, רק אחת בפוקוס */
.services-sec .wrap { width: 100%; }
.svx { list-style: none; margin: clamp(22px, 3.6svh, 44px) auto 0; padding: 0; max-width: 1240px; border-top: 1px solid rgba(255, 255, 255, .16); }
.svx__i { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 30%); align-items: center; gap: clamp(20px, 4vw, 70px); padding: clamp(6px, 1.2svh, 14px) 0; border-bottom: 1px solid rgba(255, 255, 255, .16); cursor: default; outline: none; }
.svx__t { position: relative; margin: 0; font-size: clamp(40px, min(6vw, 10.5svh), 100px); line-height: 1.04; font-weight: 700; letter-spacing: -.03em; width: max-content; max-width: 100%; }
.svx__o { color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .34); transition: -webkit-text-stroke-color .6s; }
.svx__f { position: absolute; inset: 0; color: #fff; clip-path: inset(-10% 0 -10% 100%); transition: clip-path 1.1s cubic-bezier(.7, 0, .2, 1); white-space: nowrap; }
.svx__i.is-on .svx__f { clip-path: inset(-10% 0 -10% 0); }
.svx__i:last-child .svx__f { color: #fff; }
/* הנצנוץ רוכב על קצה המילוי, מימין לשמאל, ונשאר על הקו התחתון */
.svx__sp { position: absolute; bottom: -.08em; right: 0; width: clamp(16px, 1.5vw, 24px); aspect-ratio: 1; background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); transform: translate(50%, 50%) scale(0) rotate(-90deg); transition: right 1.1s cubic-bezier(.7, 0, .2, 1), transform .5s cubic-bezier(.2, 1.6, .4, 1); }
.svx__i.is-on .svx__sp { right: 100%; transform: translate(50%, 50%) scale(1) rotate(0); }
.svx__p { margin: 0; font-size: clamp(15px, 1.2vw, 19px); line-height: 1.5; color: rgba(246, 243, 239, .86); text-align: right; }
.svx__w { display: inline-block; opacity: 0; transform: translateY(.7em); filter: blur(6px); transition: opacity .5s ease, transform .7s cubic-bezier(.2, 1, .3, 1), filter .5s ease; }
.svx__i.is-on .svx__w { opacity: 1; transform: none; filter: none; transition-delay: calc(.35s + var(--i) * .05s); }
/* כניסה לקטע: השורות עולות מתוך הקו */

.svx .svx__t { transform: translateY(40%); opacity: 0; transition: transform 1.1s cubic-bezier(.2, .9, .2, 1), opacity .9s ease; }
.svx.is-in .svx__t { transform: none; opacity: 1; }
.svx.is-in .svx__i:nth-child(2) .svx__t { transition-delay: .1s; } .svx.is-in .svx__i:nth-child(3) .svx__t { transition-delay: .2s; } .svx.is-in .svx__i:nth-child(4) .svx__t { transition-delay: .3s; }
@media (max-width: 760px) { .svx__i { grid-template-columns: 1fr; gap: 6px; padding: 10px 0; } .svx__p { min-height: 3em; } .svx__t { font-size: 13vw; } }

/* ===== סבב 8 ===== */
/* פתיחה זורמת: האותיות יוצאות לדרך מיד ונוחתות ברכות, בלי עצירות.
   פינות הפוקוס ננעלות על "למותגים" רגע, ואז נעלמות. בלי מסגרת */
.hx.is-focus .hx__c { transition: transform 2.3s cubic-bezier(.16, 1, .3, 1) var(--d), filter 1.7s cubic-bezier(.4, 0, .2, 1) var(--d), opacity .8s ease var(--d) !important; }
.hx__fr { display: none !important; }
.hx.is-lock .hx__f { animation: hxLock .7s cubic-bezier(.3, 1.4, .5, 1) .75s both; }
.hx__f .c { transition: transform .95s cubic-bezier(.16, 1, .3, 1), opacity .5s ease !important; }
.hx.is-frame .hx__f .c { opacity: 0 !important; transform: scale(1.25) !important; transition: opacity .9s ease, transform 1.1s cubic-bezier(.16, 1, .3, 1) !important; }
.hx.is-lock .hx__a { animation: none; }
.hx.is-frame .hx__sp { animation: hxSp .9s cubic-bezier(.2, 1.6, .4, 1) .2s forwards, hxTw 3.4s ease-in-out 1.3s infinite; }
.hx.is-lock .hx__name, .hx.is-lock .hx__sub { opacity: 1; transform: none; transition-delay: .6s; }
.hx.is-lock .hx__name { transition-delay: .3s; }

/* כל קטע: מסך אחד בדיוק, עם אוויר */
.view[data-view="home"] > section:not(.one) { box-sizing: border-box; }
.works-sec { padding-block: 96px 40px !important; }
.works-sec .gl__row { --gw: min(28vw, 36svh, 400px) !important; }
#contact { min-height: calc(100svh - var(--foot-h, 0px)) !important; }
#contact > .wrap { min-height: calc(100svh - var(--foot-h, 0px)) !important; }

/* מה אני עושה: הכותרת קטנה יותר, הכול ממורכז במסך אחד עם אוויר */
.services-sec { padding-block: 110px 70px !important; }
.services-sec .sec__head { margin-bottom: 0; }
.services-sec .sec__title { font-size: clamp(28px, min(3.6vw, 6svh), 56px) !important; line-height: 1.12; }
.svx { margin-top: clamp(28px, 5svh, 56px) !important; max-width: 1180px; }
.svx__t { font-size: clamp(38px, min(5.6vw, 8.6svh), 96px) !important; }
.svx__i { padding: clamp(4px, 1svh, 12px) 0 !important; }

/* מותגים שפיקסנו: בלי מסגרות. במעבר עכבר אור בהיר רך נדלק מאחורי הלוגו והוא נצבע */
.lg { border: 0 !important; background: transparent !important; border-radius: 0; position: relative; isolation: isolate; }
.lg::before { content: ""; position: absolute; inset: -18% -8%; z-index: -1; background: radial-gradient(closest-side, rgba(246, 243, 239, .96), rgba(246, 243, 239, .55) 55%, rgba(246, 243, 239, 0)); opacity: 0; transform: scale(.7); transition: opacity .5s, transform .7s cubic-bezier(.2, 1, .3, 1); }
.lg:hover { background: transparent !important; transform: none; }
.lg:hover::before { opacity: 1; transform: none; }
.lg img { opacity: .7; }
.lrows { gap: clamp(18px, 3.4svh, 40px) !important; margin-top: clamp(34px, 6svh, 70px) !important; }

/* הרבה דברים נכונים: מסך אחד, ומתנגן לבד בזמן. אי אפשר לגלול עד שהוא נגמר */
.one.tl { height: 100svh !important; }
.one.tl .one__words span { left: calc(var(--x) * 1%) !important; top: calc(var(--y) * 1%) !important; filter: blur(2px) !important; opacity: 1 !important; transition: left 1.6s cubic-bezier(.7, 0, .3, 1), top 1.6s cubic-bezier(.7, 0, .3, 1), filter 1.3s ease, opacity 1.3s ease; }
.one.tl.t1 .one__words span { left: 50% !important; top: 50% !important; filter: blur(16px) !important; opacity: 0 !important; }
.one.tl .one__l1 { filter: none !important; opacity: 1 !important; transition: filter 1.2s ease, opacity 1.2s ease, transform 1.4s cubic-bezier(.2, .8, .2, 1); }
.one.tl.t1 .one__l1 { filter: blur(16px) !important; opacity: 0 !important; transform: scale(.94); }
.one.tl .one__dot { scale: 0 !important; transition: scale .8s cubic-bezier(.2, 1.6, .4, 1); }
.one.tl.t2 .one__dot { scale: 1 !important; }
.one.tl .one__l2 { filter: blur(18px) !important; opacity: 0 !important; transform: translateY(24px); transition: filter 1.3s ease, opacity 1.1s ease, transform 1.4s cubic-bezier(.2, .9, .2, 1); }
.one.tl.t2 .one__l2 { filter: none !important; opacity: 1 !important; transform: none; }
/* שלוש השורות האחרונות: כל אחת עולה מתוך קו, בפוקוס, אחת אחרי השנייה */
.one.tl .one__verbs li { filter: blur(10px) !important; opacity: 0 !important; transform: translateY(.9em); letter-spacing: .12em; transition: filter 1s ease, opacity .9s ease, transform 1.1s cubic-bezier(.2, .9, .2, 1), letter-spacing 1.4s cubic-bezier(.2, .9, .2, 1); }
.one.tl.t3 .one__verbs li:nth-child(1), .one.tl.t4 .one__verbs li:nth-child(2), .one.tl.t5 .one__verbs li:nth-child(3) { filter: none !important; opacity: 1 !important; transform: none; letter-spacing: 0; }
@media (prefers-reduced-motion: reduce) { .one.tl * { transition: none !important; } }
/* צור קשר: נכנס במסך אחד יחד עם הכותרת התחתונה */
#contact > .wrap { padding-block: 96px 30px !important; justify-content: center; }
.gpanel--contact { width: min(1000px, 100%) !important; padding: clamp(28px, 4svh, 48px) clamp(28px, 4vw, 64px) clamp(22px, 3svh, 34px) !important; }
.gpanel--contact .sec__lead { margin-top: 10px; }
.gpanel--contact .cform { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; max-width: 760px !important; gap: 20px 24px !important; margin-top: clamp(18px, 3svh, 32px) !important; }
.gpanel--contact .cform .field--full:not(:has(textarea)) { grid-column: auto; }
.gpanel--contact .cform .field:has(textarea), .gpanel--contact .cform__foot, .gpanel--contact .cform > :not(.field) { grid-column: 1 / -1; }
.gpanel--contact textarea { height: 46px !important; min-height: 0 !important; resize: none; }
.gpanel--contact .direct { margin-top: clamp(14px, 2.4svh, 26px) !important; }
@media (max-width: 760px) { .gpanel--contact .cform { grid-template-columns: 1fr !important; } }
.works-sec { padding-block: 88px 28px !important; }
.works-sec .gl__row { --gw: min(28vw, 34svh, 380px) !important; }

/* ===== סבב 9 ===== */
/* לוגו במעבר עכבר: יושב על זכוכית חלבית מעוגלת */
.lg::before { inset: 0 !important; border-radius: clamp(16px, 1.6vw, 24px); background: rgba(246, 243, 239, .8) !important; -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 0 0 1px rgba(255, 255, 255, .35), 0 18px 40px -18px rgba(0, 0, 0, .6); transform: scale(.9) !important; }
.lg:hover::before { transform: none !important; }

/* ===== סבב 10: פתיחה — מצלמה שמחפשת פוקוס ===== */
.hx--cam .hx__c { opacity: .42; transform: none !important; transition: none !important; will-change: filter; }
.hx--cam.is-done .hx__c { will-change: auto; }
/* רצועת הפוקוס: אור צר ורך שעובר על הכותרת */
.hx__beam { position: absolute; z-index: -1; top: -14%; bottom: -14%; left: 50%; width: clamp(90px, 9vw, 150px); margin-left: calc(clamp(90px, 9vw, 150px) / -2); pointer-events: none; opacity: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(246, 243, 239, .2), rgba(242, 107, 109, .12) 45%, rgba(242, 107, 109, 0) 75%); filter: blur(6px); }
/* ברגע הנעילה הכותרת "נחתכת" לחדות: קפיצה קטנה בגודל */
.hx--cam .hx__t { transition: transform .5s cubic-bezier(.3, 1.6, .5, 1); }
.hx--cam.is-snap .hx__t { animation: hxSnap .55s cubic-bezier(.3, 1.5, .5, 1); }
@keyframes hxSnap { 0% { transform: scale(1.025); } 100% { transform: scale(1); } }
.hx--cam.is-lock .hx__f { animation: none; }
.hx--cam.is-lock .hx__name, .hx--cam.is-lock .hx__sub { opacity: 0; }
.hx--cam.is-snap .hx__name, .hx--cam.is-snap .hx__sub { opacity: 1; transform: none; transition-delay: .35s; }

/* ===== סבב 11 ===== */
/* פתיחה: הנצנוץ יושב על פינת המסגרת, נדלק כשהפינות ננעלות ונעלם יחד איתן */
.hx--cam .hx__sp { top: 0; left: 0; opacity: 0; animation: none !important; transform: translate(-50%, -50%) scale(.3) rotate(-90deg); transition: opacity .5s ease, transform .7s cubic-bezier(.2, 1.6, .4, 1); }
.hx--cam.is-lock .hx__sp { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0); transition-delay: .7s; }
.hx--cam.is-frame .hx__sp { opacity: 0; transform: translate(-50%, -50%) scale(1.25) rotate(45deg); transition: opacity .9s ease, transform 1.1s cubic-bezier(.16, 1, .3, 1); transition-delay: 0s; }
.hx--cam .hx__f .c { width: clamp(20px, 2.2vw, 36px); }

/* מעבר בין קטעים: מהיר ונקי יותר */
html.snap-on .view[data-view="home"] > section:not(.hero):not(.one) > .wrap,
html.snap-on .view[data-view="home"] > .brands-sec > .lrows { transition: transform 1s cubic-bezier(.2, .8, .2, 1), opacity .8s ease !important; }
html.snap-on .view[data-view="home"] > section:not(.hero):not(.one):not(.is-cur) > .wrap,
html.snap-on .view[data-view="home"] > .brands-sec:not(.is-cur) > .lrows { transform: translateY(46px) !important; opacity: .3 !important; }

/* אני אוהבת להבין */
.about-sec.abx-on .gpanel--about, .about-sec.abx-on > .wrap > .kicker, .about-sec.abx-on .lgrid { display: none !important; }
.about-sec.abx-on > .wrap { max-width: min(1240px, 92vw) !important; }
.abx { width: 100%; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(36px, 6vw, 110px); align-items: center; text-align: right; }
.abx__k { font-size: 13px; letter-spacing: .32em; color: var(--coral); margin: 0 0 clamp(16px, 2.4svh, 26px); opacity: 0; transition: opacity .8s ease .1s; }
.abx__t { margin: 0; font-size: clamp(42px, min(5.2vw, 9svh), 92px); line-height: 1.04; font-weight: 300; letter-spacing: -.025em; color: #f6f3ef; }
.abx__t em { font-style: normal; color: var(--coral); font-weight: 700; }
.abx__tl { display: block; overflow: hidden; padding-bottom: .06em; }
.abx__tl > span { display: inline-block; transform: translateY(105%); transition: transform 1.1s cubic-bezier(.2, .9, .2, 1); transition-delay: calc(var(--i) * .14s); }
.abx.is-in .abx__tl > span { transform: none; }
.abx.is-in .abx__k { opacity: 1; }
.abx__body { display: grid; }
.abx__s { position: relative; margin: 0; padding: clamp(14px, 2.2svh, 24px) 0; border-top: 1px solid rgba(255, 255, 255, .14); font-size: clamp(19px, min(1.6vw, 3svh), 27px); line-height: 1.5; font-weight: 300; color: #f6f3ef; opacity: .16; filter: blur(5px); transform: translateY(10px); transition: opacity .9s ease, filter .9s ease, transform 1s cubic-bezier(.2, .9, .2, 1); }
.abx__s:last-child { border-bottom: 1px solid rgba(255, 255, 255, .14); }
.abx__s em { font-style: normal; color: var(--coral); font-weight: 600; }
.abx__s--end { font-size: clamp(24px, min(2.3vw, 4.4svh), 40px); font-weight: 600; line-height: 1.25; }
.abx.is-in .abx__s { opacity: .3; filter: blur(3px); transform: none; }
.abx .abx__s.is-on { opacity: .62; filter: none; }
.abx .abx__s.is-cur, .abx.is-done .abx__s { opacity: 1; filter: none; }
/* קו קורל נמתח מעל המשפט שבפוקוס, ונצנוץ בקצה */
.abx__ln { position: absolute; top: -1px; right: 0; width: 100%; height: 1px; background: var(--coral); transform: scaleX(0); transform-origin: right; transition: transform 1s cubic-bezier(.7, 0, .2, 1), opacity .6s ease; }
.abx__s.is-cur .abx__ln { transform: scaleX(1); }
.abx__s.is-on:not(.is-cur) .abx__ln { transform: scaleX(1); opacity: 0; }
.abx__sp { position: absolute; top: 0; right: 0; width: 16px; aspect-ratio: 1; background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); transform: translate(50%, -50%) scale(0); opacity: 0; transition: right 1s cubic-bezier(.7, 0, .2, 1), transform .5s cubic-bezier(.2, 1.6, .4, 1), opacity .4s; }
.abx__s.is-cur .abx__sp { right: 100%; transform: translate(50%, -50%) scale(1) rotate(90deg); opacity: 1; }
.abx.is-done .abx__s--end .abx__sp { right: 100%; transform: translate(50%, -50%) scale(1); opacity: 1; animation: hxTw 3.4s ease-in-out infinite; }
@media (max-width: 860px) { .abx { grid-template-columns: 1fr; gap: 28px; } }
@media (prefers-reduced-motion: reduce) { .abx * { transition: none !important; } .abx__s { opacity: 1 !important; filter: none !important; } .abx__tl > span { transform: none !important; } }
.hx--cam .hx__sub { margin-top: clamp(48px, 8svh, 86px); }

/* ===== סבב 12: הכותרת מבעד לזכוכית מחורצת שזזה ===== */
.hx--glass .hx__c { opacity: 1 !important; filter: none !important; }
.hx--glass .hx__base { visibility: hidden !important; }
.hx--glass.is-settled .hx__base { visibility: visible !important; }
.hx__g { position: absolute; inset: 0; pointer-events: none; will-change: transform, opacity; }
.hx--glass .hx__beam { display: none; }
.hx__a { text-shadow: 0 0 28px rgba(10, 9, 9, .6), 0 0 2px rgba(10, 9, 9, .35); }

/* ===== סבב 15 ===== */
/* הרבה דברים ואודות: מהיר יותר */
.one.tl .one__words span { transition-duration: 1.1s, 1.1s, .9s, .9s !important; }
.one.tl .one__l1, .one.tl .one__l2, .one.tl .one__verbs li { transition-duration: .8s !important; }
.abx__s { transition-duration: .6s, .6s, .7s !important; }
.abx__ln, .abx__sp { transition-duration: .7s !important; }
.abx__tl > span { transition-duration: .8s; }
/* צור קשר: הכפתור במרכז, ומתחתיו הערת הפרטיות בשתיים־שלוש שורות ארוכות */
.gpanel--contact .cform__foot { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 16px !important; }
.gpanel--contact .cform__privacy { max-width: 720px; margin: 0 auto; text-align: center !important; font-size: 12.5px; line-height: 1.75; text-wrap: balance; color: rgba(246, 243, 239, .6); }
.gpanel--contact .cform .cform__privacy, .gpanel--contact .cform .cform__done, .gpanel--contact .cform .cform__foot { grid-column: 1 / -1 !important; }
/* תפריט פתוח: ממורכז. במעבר עכבר נסגרת סביב הקטגוריה מסגרת בקו דק עם פינות רכות,
   כמו בארגז הכלים, הטקסט נצבע בקורל ונצנוץ קופץ על קו המסגרת */
.menu { align-items: center !important; text-align: center; gap: clamp(6px, 1.4svh, 14px) !important; }
.menu a { position: relative; display: inline-block; padding: .08em .62em .14em; transition: color .4s ease; }
.menu a::before { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255, 255, 255, .6); border-radius: clamp(14px, 1.6vw, 22px); opacity: 0; transform: scale(.92, .8); transition: opacity .4s ease, transform .55s cubic-bezier(.2, 1.3, .3, 1); pointer-events: none; }
.menu a::after { content: ""; position: absolute; top: 0; left: 16%; width: 16px; aspect-ratio: 1; background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); transform: translate(-50%, -50%) scale(0) rotate(-90deg); transition: transform .5s cubic-bezier(.2, 1.6, .4, 1) .08s; pointer-events: none; }
.menu a:hover, .menu a:focus-visible { color: var(--coral); outline: none; }
.menu a:hover::before, .menu a:focus-visible::before { opacity: 1; transform: none; }
.menu a:hover::after, .menu a:focus-visible::after { transform: translate(-50%, -50%) scale(1) rotate(0); }
/* תפריט עליון: המסגרת שזזה בין הקטגוריות כמו כרטיס בארגז הכלים (קו לבן דק, פינות רכות, נצנוץ על הקו),
   והקטגוריה שעומדים עליה נצבעת בקורל */
.nav__ind { border: 1px solid rgba(255, 255, 255, .62) !important; border-radius: 14px !important; }
.nav__ind::after { content: ""; position: absolute; top: 0; left: 18%; width: 11px; aspect-ratio: 1; background: var(--coral); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); transform: translate(-50%, -50%); }
.nav__links a { transition: color .35s ease; }
.nav__links a:hover, .nav__links a:focus-visible { color: var(--coral) !important; }

/* ===== סבב 16 ===== */
/* מסגרות סביב מילים: מעוגלות יותר */
.menu a::before { border-radius: 999px !important; }
.menu a { padding: .08em .9em .14em !important; }
.menu a::after { left: 12% !important; }
.nav__ind { border-radius: 999px !important; }
.nav__ind::after { left: 14% !important; }
.hx__f .c1 { border-top-right-radius: 34px !important; } .hx__f .c2 { border-top-left-radius: 34px !important; }
.hx__f .c3 { border-bottom-right-radius: 34px !important; } .hx__f .c4 { border-bottom-left-radius: 34px !important; }
/* הפתיחה: בלי השם מעל הכותרת */
.hx__name { display: none !important; }
/* צור קשר: הטלפון והמייל גדולים יותר */
.gpanel--contact .direct { font-size: clamp(18px, 1.6vw, 24px) !important; gap: 22px !important; }
.gpanel--contact .direct a { font-weight: 500; }
/* לוגואים במעבר עכבר: זכוכית חלבית שקופה */
.lg::before { background: rgba(255, 255, 255, .13) !important; -webkit-backdrop-filter: blur(16px) saturate(1.4) !important; backdrop-filter: blur(16px) saturate(1.4) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 0 0 1px rgba(255, 255, 255, .18), 0 18px 40px -20px rgba(0, 0, 0, .6) !important; }
.foot .foot__copy { letter-spacing: 0 !important; color: var(--mute) !important; }
/* כפתור "לכל העבודות" יורד מעט; הלוגואים במעבר עכבר מקבלים מסגרת כמו שלו: גלולה בקו דק */
.works-sec .sec__foot { margin-top: clamp(18px, 3.4svh, 40px) !important; }
.lg::before { border-radius: 999px !important; background: rgba(255, 255, 255, .04) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; border: 1px solid rgba(246, 243, 239, .3); inset: 4% -6% !important; }
.works-sec .gl__row { --gw: min(28vw, 32svh, 370px) !important; }
/* לוגואים: מסגרת צרה ודקה יותר */
.lg::before { inset: 16% 4% !important; border: .6px solid rgba(246, 243, 239, .26) !important; }
/* בלי הלוגו בתחתית העמוד */
.foot__logo { display: none !important; }
/* התחתית לא נכנסת מתחת לחץ "למעלה" שבצד שמאל */
.foot { padding-left: clamp(96px, 9vw, 130px) !important; }
/* הטלפון והמייל: משקל דק, בלי ההדגשה שנראתה כבדה */
.gpanel--contact .direct a { font-weight: 300 !important; letter-spacing: .03em; }

/* ===== סבב 19: נגישות ===== */
.lrow__dup { display: contents; }
.skip { position: fixed; top: 10px; right: 10px; z-index: 200; padding: 10px 18px; border-radius: 99px; background: var(--coral); color: #160909; font-weight: 700; transform: translateY(-160%); transition: transform .25s ease; }
.skip:focus { transform: none; outline: none; }
:focus-visible { outline: 2px solid var(--coral) !important; outline-offset: 4px; border-radius: 6px; }
html.calm .lrow__track { animation: none !important; }
html.calm .hx *, html.calm .one *, html.calm .abx *, html.calm .svx * { transition-duration: .01s !important; animation-duration: .01s !important; }

/* ===== סבב 20: עמוד העבודות כקיר ===== */
.wall, .wall__bar { display: none; }
.view.wall-on .wall { display: block; position: fixed; inset: 0; z-index: 5; overflow: hidden; cursor: grab; touch-action: none; user-select: none; }
.view.wall-on .wall.is-drag { cursor: grabbing; }
.view.wall-on > :not(.wall):not(.wall__bar):not(.lbx) { display: none !important; }
body.wall-page .foot, body.wall-page .totop { display: none !important; }
body.wall-page { overflow: hidden; }
.wall__plane { position: absolute; inset: 0; transform-origin: 50% 50%; }
.wcard { position: absolute; left: 0; top: 0; border-radius: clamp(12px, 1.2vw, 18px); overflow: hidden; background: #141111; border: 1px solid rgba(255, 255, 255, .1); will-change: transform; transition: filter .45s ease, border-color .45s ease, opacity .25s ease; }
.wcard img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; transition: transform .9s cubic-bezier(.2, .8, .2, 1); }
.wall:hover .wcard { filter: brightness(.5) saturate(.8); }
.wall .wcard:hover { filter: none; border-color: rgba(255, 255, 255, .45); }
.wall .wcard:hover img { transform: scale(1.04); }
.wall.is-drag .wcard { filter: brightness(.7) !important; }
.wall.is-shuffle .wcard { opacity: 0; }
.wcard::after { content: ""; position: absolute; inset: auto 0 0 0; height: 45%; background: linear-gradient(to top, rgba(10, 9, 9, .78), rgba(10, 9, 9, 0)); opacity: 0; transition: opacity .35s ease; pointer-events: none; }
.wcard:hover::after { opacity: 1; }
.wcard__t { position: absolute; z-index: 1; right: 12px; left: 12px; bottom: 10px; display: grid; gap: 2px; text-align: right; opacity: 0; transform: translateY(8px); transition: opacity .35s ease, transform .45s cubic-bezier(.2, .9, .2, 1); }
.wcard__t b { font-size: 15px; font-weight: 700; color: #fff; }
.wcard__t small { font-size: 11.5px; color: rgba(246, 243, 239, .75); }
.wcard:hover .wcard__t { opacity: 1; transform: none; }
/* סרגל התצוגה בתחתית: גלולה בקו דק */
.view[data-view="works"]:not([hidden]) .wall__bar { display: flex; }
.wall__bar { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 30; align-items: center; gap: 4px; padding: 5px; border-radius: 999px; background: rgba(14, 12, 12, .78); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, .16); }
.wall__bar button { font: inherit; font-size: 14px; color: rgba(246, 243, 239, .8); background: none; border: 0; padding: 8px 16px; border-radius: 999px; cursor: pointer; transition: background .3s, color .3s; }
.wall__bar button:hover { color: var(--coral); }
.wall__bar button[data-m][aria-pressed="true"] { background: rgba(255, 255, 255, .12); color: #fff; }
.wall__bar i { width: 1px; height: 18px; background: rgba(255, 255, 255, .2); margin: 0 4px; }
.view:not(.wall-on) .wall__bar [data-a], .view:not(.wall-on) .wall__bar i { display: none; }
/* בקיר: התפריט העליון נשאר קריא מעל הכרטיסים */
body.wall-page .nav { z-index: 40; }
body.wall-page .nav { background: rgba(10, 9, 9, .72); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255, 255, 255, .08); }

/* ===== סבב 21: לוגואים בלי מסגרת. במעבר עכבר רק הצבע חוזר, והלוגו תמיד שלם ===== */
.lg::before { display: none !important; }
.lg { overflow: visible !important; padding: 0 !important; }
.lg img { max-width: 78% !important; max-height: 62% !important; width: auto; height: auto; object-fit: contain !important; }
.lg:hover img { transform: none !important; }
.lrows { -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important; }
/* במעבר עכבר: הלוגו נצבע כולו בקורל (ולא בצבעיו המקוריים, שחלקם כהים ונעלמים על השחור) */
.lg { position: relative; }
.lg__c { position: absolute; inset: 19% 11%; background: var(--coral); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; opacity: 0; transition: opacity .4s ease; pointer-events: none; }
.lg:hover .lg__c { opacity: 1; }
.lg:hover img { filter: grayscale(1) brightness(0) invert(1) !important; opacity: 0 !important; }
.lg__c { filter: drop-shadow(0 0 12px rgba(10, 9, 9, .7)); }
/* השורות לא חותכות לוגו גבוה */
.lrow { overflow-x: clip !important; overflow-y: visible !important; padding-block: 6px; }

/* ===== סבב 23: הגלריה מציגה את הפרסומים עצמם, שלמים ===== */
.wcard { background: #1a1616; }
.wcard img { object-fit: contain !important; }
.wall .wcard:hover img { transform: scale(1.02); }
.lbx { position: fixed; inset: 0; z-index: 80; display: grid; grid-template-rows: 1fr auto; justify-items: center; align-items: center; gap: 12px; padding: max(24px, env(safe-area-inset-top, 0px)) 24px max(24px, env(safe-area-inset-bottom, 0px)); background: rgba(8, 7, 7, .9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; transition: opacity .25s ease; }
.lbx.on { opacity: 1; }
.lbx img { max-width: min(92vw, 900px); max-height: calc(100svh - 120px); object-fit: contain; border-radius: 8px; box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .8); }
.lbx__n { margin: 0; color: rgba(246, 243, 239, .85); font-size: 15px; }
.lbx__x { position: absolute; top: max(18px, env(safe-area-inset-top, 0px)); left: 18px; font: inherit; color: #fff; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; padding: 8px 16px; cursor: pointer; }
/* לוגואים: גודל אחיד לפי שטח (נקבע ב-JS). במעבר עכבר רואים את הצבעים המקוריים של המותג,
   עם הילה בהירה דקה כדי שגם לוגו כהה יישאר גלוי על השחור */
.lg img { max-width: none !important; max-height: none !important; }
.lg__c { display: none !important; }
.lg:hover img { filter: drop-shadow(0 0 1px rgba(246, 243, 239, .85)) drop-shadow(0 0 14px rgba(246, 243, 239, .28)) !important; opacity: 1 !important; }
/* הגדלת פרסום: אותו פרסום גדל במקום, הרקע מתעמעם מעט */
.lbx { z-index: 200 !important; background: rgba(8, 7, 7, 0) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; opacity: 1 !important; transition: background .45s ease !important; }
.lbx.on { background: rgba(8, 7, 7, .78) !important; }
.lbx img { transition: transform .48s cubic-bezier(.2, .85, .2, 1); transform-origin: 50% 50%; will-change: transform; }
.lbx__n, .lbx__x { opacity: 0; transition: opacity .3s ease; }
.lbx.on .lbx__n, .lbx.on .lbx__x { opacity: 1; transition-delay: .25s; }
body.lb-open .nav, body.lb-open .wall__bar { opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.nav, .wall__bar { transition: opacity .3s ease; }
.lbx img { max-height: calc(100svh - 90px) !important; }
/* כל שורה ברוחב המסך בלבד (קודם השורה נמתחה לרוחב כל הלוגואים ונוצר רווח ריק בסוף הנסיעה) */
.lrows { grid-template-columns: minmax(0, 1fr) !important; width: 100%; }
.lrow { width: 100%; min-width: 0; }
/* הגלריה בדף הבית מציגה פרסומים שלמים, ביחס של עמוד */
.works-sec .gl__card { aspect-ratio: 1 / 1.414 !important; }
.works-sec .gl__row { --gw: min(24vw, 27svh, 300px) !important; }
.works-sec .gl__card img { object-fit: contain !important; background: #151212; }
.works-sec .gl__row { height: calc(var(--gw) * 1.414 + 2 * var(--gpad) + 4px) !important; --gw: min(22vw, 25svh, 280px) !important; }

/* ===== תחתית העמוד: שורה אחת מסודרת. מימין הזכויות והקרדיטים, משמאל הקישורים ===== */
.foot { display: block !important; padding-block: 26px 30px !important; border-top: 1px solid rgba(246, 243, 239, .1) !important; }
.foot__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 32px; max-width: 1240px; margin-inline: auto; }
.foot .foot__copy { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0; font-size: 13px; letter-spacing: .02em !important; color: rgba(246, 243, 239, .55) !important; }
.foot__c { color: rgba(246, 243, 239, .85); }
.foot__sep { width: 4px; height: 4px; border-radius: 50%; background: var(--coral); opacity: .8; }
.foot__links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; font-size: 13px; }
.foot__links a, .foot__links .foot__motion { color: rgba(246, 243, 239, .62); text-decoration: none !important; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; transition: color .3s; border-bottom: 1px solid transparent !important; }
.foot__links a:hover, .foot__links .foot__motion:hover { color: var(--coral); }
@media (max-width: 700px) { .foot__row { flex-direction: column; align-items: flex-start; } }
/* לוגו עם גרסה חד-צבעית: באותו גודל ובאותו מקום כמו הצבעוני */
.lg:has(.lg__m) { position: relative; }
.lg .lg__m { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; transition: opacity .5s; }
.lg:has(.lg__m) img:not(.lg__m) { opacity: 0 !important; }
.lg:has(.lg__m):hover img:not(.lg__m) { opacity: 1 !important; }
.lg:hover .lg__m { opacity: 0 !important; }
/* הגרסה החד-צבעית ממורכזת בלי transform, כדי שלא תזוז במעבר עכבר */
.lg .lg__m, .lg:hover .lg__m { left: 0 !important; top: 0 !important; right: 0; bottom: 0; margin: auto; transform: none !important; }

/* ===== לוגואים על זכוכית: כל לוגו יושב בתוך גלולה של זכוכית חלבית לבנה שקופה,
   עם קו דק כמו המסגרת שזזה בתפריט העליון. הלוגו קטן מספיק כדי לשבת בתוכה שלם ===== */
.lg { isolation: isolate; }
.lg::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 999px; background: rgba(255, 255, 255, .07); -webkit-backdrop-filter: blur(14px) saturate(1.25); backdrop-filter: blur(14px) saturate(1.25); border: 1px solid rgba(255, 255, 255, .42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18); transition: background .4s, border-color .4s; pointer-events: none; }
.lg:hover::after { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .75); }
.lrow__track { gap: clamp(14px, 1.6vw, 22px) !important; }
.lg--keep img, .lg--keep:hover img { filter: none !important; opacity: .92 !important; }
.lg { height: clamp(70px, 10.5svh, 94px) !important; width: clamp(160px, 13.5vw, 214px) !important; }
/* בזמן הנסיעה: כל הלוגואים לבנים, בלי מסגרת. כשעומדים על לוגו: מופיעה מסגרת הזכוכית והצבע המקורי */
.lg::after { opacity: 0; transform: scale(.94); transition: opacity .35s ease, transform .45s cubic-bezier(.2, 1, .3, 1), background .4s, border-color .4s !important; }
.lg:hover::after { opacity: 1; transform: none; }
/* בלי הילה סביב הלוגו בריחוף: רק מסגרת הזכוכית והצבע המקורי */
.lg:hover img { filter: none !important; }
/* חלון הפרסומים של לוגו */
.lbx--b { z-index: 300 !important; }
.lbx--b img { transition: opacity .3s ease; }
.lbx__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .08); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .3s .2s, background .3s; }
.lbx.on .lbx__nav { opacity: 1; }
.lbx__nav:hover { background: rgba(255, 255, 255, .18); }
.lbx__nav--p { right: max(18px, env(safe-area-inset-right, 0px)); } .lbx__nav--n { left: max(18px, env(safe-area-inset-left, 0px)); }
.lbx--b.one .lbx__nav { display: none; }
a.lg { cursor: zoom-in; }
.lbx, .lbx__n, .lbx__x { font-family: "Rag Sans", "Heebo", "Arial Hebrew", Arial, sans-serif !important; }
.lbx__n { font-size: 16px; letter-spacing: .02em; }
.lbx__nav { font-family: Arial, sans-serif !important; display: grid; place-items: center; padding: 0 0 4px; font-size: 30px !important; }

/* ===== תיקוני טלפון (בדיקת באגים) ===== */
@media (max-width: 700px) {
  .works-sec .gl__row { --gw: min(58vw, 40svh, 300px) !important; }
  .gpanel--contact .direct { flex-direction: column; align-items: center; gap: 8px !important; }
  .gpanel--contact .direct a { white-space: nowrap; }
  .gpanel--contact .direct span[aria-hidden] { display: none; }
  .foot__links { gap: 6px 16px; }
}
.wall__bar [data-m] { display: none !important; }

/* ===== טיפוגרפיה בכל פורמט ===== */
/* מסכים רחבים מאוד (1800px ומעלה): הטקסט הקטן גדל עם המסך, ועמודת "אודות" מתרחבת כדי שהכותרת לא תישבר לחמש שורות */
@media (min-width: 1800px) {
  .nav__links a, .nav__links .nav__cta { font-size: clamp(14px, .8vw, 20px) !important; }
  .hero .hero__sub { font-size: clamp(20px, 1.05vw, 28px) !important; }
  .hero__hint span { font-size: clamp(12px, .6vw, 16px) !important; }
  .sec__lead { font-size: clamp(18px, 1vw, 26px) !important; }
  .about-sec.abx-on > .wrap { max-width: min(1720px, 86vw) !important; }
  .abx__t { font-size: clamp(42px, min(4.6vw, 9svh), 128px) !important; }
  .abx__s { font-size: clamp(19px, min(1.25vw, 3svh), 32px) !important; }
  .abx__s--end { font-size: clamp(24px, min(1.8vw, 4.4svh), 46px) !important; }
  .svx__p { font-size: clamp(17px, .95vw, 24px) !important; }
  .gpanel--contact { width: min(1200px, 100%) !important; }
  .gpanel--contact .cform { max-width: 920px !important; }
  .field label { font-size: clamp(13px, .68vw, 17px) !important; }
  .field input, .field textarea { font-size: clamp(16px, .85vw, 21px) !important; }
  .gpanel--contact .cform__privacy { font-size: clamp(12.5px, .62vw, 16px) !important; max-width: 860px; }
  .foot__links, .foot__copy, .foot__row { font-size: clamp(13px, .66vw, 17px) !important; }
}
/* טלפונים נמוכים (גובה עד 720px): הכול נכנס במסך אחד, בלי כפתור חתוך */
@media (max-width: 700px) and (max-height: 720px) {
  .works-sec .gl__row { --gw: min(54vw, 33svh, 260px) !important; }
  .gpanel--contact { padding: 20px 22px 18px !important; }
  .gpanel--contact .sec__title { font-size: clamp(30px, 9vw, 40px) !important; }
  .gpanel--contact .sec__lead { margin-top: 4px !important; font-size: 15px !important; }
  .gpanel--contact .cform { gap: 8px !important; margin-top: 10px !important; }
  .gpanel--contact .field input, .gpanel--contact .field textarea { padding-top: 4px !important; padding-bottom: 6px !important; min-height: 0 !important; height: 36px !important; }
  .gpanel--contact .cform__privacy { font-size: 11px !important; line-height: 1.55 !important; }
  .gpanel--contact .direct { margin-top: 10px !important; font-size: 16px !important; }
}
@media (max-width: 700px) and (max-height: 720px) {
  .gpanel--contact .cform { grid-template-columns: 1fr 1fr !important; column-gap: 16px !important; }
  .gpanel--contact .cform .field--full { grid-column: 1 / -1 !important; }
  .gpanel--contact .field { gap: 2px !important; }
  .gpanel--contact .direct { flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 4px 14px !important; font-size: 15px !important; }
  .gpanel--contact .direct span[aria-hidden] { display: inline !important; }
}
/* מסכים רחבים: עמודת הכותרת של "אודות" רחבה יותר, כדי ש"אני אוהבת להבין" תישאר שורה אחת */
@media (min-width: 1800px) {
  .abx { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr) !important; }
  .abx__t { font-size: clamp(42px, min(3.9vw, 8.5svh), 112px) !important; }
}
@media (min-width: 1800px) and (max-width: 2199px) {
  .abx { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) !important; }
  .abx__t { font-size: clamp(42px, min(5.2vw, 9svh), 96px) !important; }
}
@media (min-width: 1800px) {
  .gpanel--contact .pill { font-size: clamp(15px, .8vw, 20px) !important; padding: .9em 2em !important; }
  .gpanel--contact .sec__title { font-size: clamp(44px, 2.6vw, 72px) !important; }
}
/* 2200px ומעלה (מסכי 2K/4K): כרטיס צור קשר והפוטר גדלים יחד, באותה פרופורציה */
@media (min-width: 2200px) {
  .abx__s { font-size: clamp(19px, min(1vw, 2.6svh), 30px) !important; }
  .abx__s--end { font-size: clamp(24px, min(1.45vw, 3.8svh), 42px) !important; }
  .gpanel--contact, .foot__row { zoom: 1.25; }
}
@media (min-width: 3000px) { .gpanel--contact, .foot__row { zoom: 1.6; } }
/* "בפוקוס עכשיו": שתי השורות מתחת לכותרת חדות וקריאות על הזכוכית (היו באפור שקוף 55%) */
#work .sec__lead { color: rgba(246, 243, 239, .9) !important; font-weight: 400; text-shadow: 0 1px 14px rgba(10, 9, 9, .85), 0 0 2px rgba(10, 9, 9, .6); }

/* קיר העבודות: קל לגרפיקה של המחשב. בלי שכבה נפרדת לכל כרטיס ובלי פילטר על כל הכרטיסים
   (זה מה שגרם לכרטיסים לבנים ומפוקסלים בזמן גרירה). ההחשכה נעשית בשכבה שקופה מעל */
.wcard { will-change: auto !important; contain: layout paint; transition: border-color .45s ease, opacity .25s ease !important; }
.wall:hover .wcard, .wall.is-drag .wcard { filter: none !important; }
.wcard::before { content: ""; position: absolute; inset: 0; z-index: 1; background: #0a0909; opacity: 0; transition: opacity .45s ease; pointer-events: none; }
.wall:hover .wcard::before { opacity: .5; }
.wall.is-drag .wcard::before { opacity: .3; }
.wall .wcard:hover::before { opacity: 0; }
.wcard::after, .wcard__t { z-index: 2; }
.wcard img { transition: opacity .3s ease, transform .9s cubic-bezier(.2, .8, .2, 1) !important; }