/* amsalem.co motion layer: hidden only while html.mo is set by motion.js, so the page stays complete without JS */
.mo [data-mo]{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--mo-d,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--mo-d,0ms),filter .9s ease var(--mo-d,0ms)}
.mo [data-mo="blur"]{filter:blur(8px)}
.mo [data-mo="left"]{transform:translateX(-40px)}
.mo [data-mo="right"]{transform:translateX(40px)}
.mo [data-mo="scale"]{transform:scale(.94)}
.mo [data-mo].in{opacity:1;transform:none;filter:none}

/* headline, word by word (level 2) */
@keyframes mo-word{from{opacity:0;filter:blur(12px);transform:translateY(20px)}to{opacity:1;filter:none;transform:none}}
.mo-split .mo-w{display:inline-block;opacity:0;animation:mo-word .9s cubic-bezier(.2,.7,.2,1) var(--mo-d,0ms) forwards}
.mo-split b{background:none!important;-webkit-text-fill-color:initial!important;color:inherit!important}
.mo-split b .mo-w{background:linear-gradient(160deg,#f4d98a,#c9a55a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}

/* soft gold cloud behind the hero (level 2) */
@keyframes mo-cloud{0%,100%{transform:translate(0,0) scale(1);opacity:.75}50%{transform:translate(-60px,30px) scale(1.15);opacity:1}}
.mo-cloud{position:absolute;width:620px;height:620px;top:-180px;inset-inline-end:-120px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,217,138,.22),rgba(244,217,138,0));filter:blur(24px);pointer-events:none;animation:mo-cloud 14s ease-in-out infinite;z-index:0}
.mo-cloud.b{width:480px;height:480px;top:auto;bottom:-220px;inset-inline-end:auto;inset-inline-start:-140px;background:radial-gradient(closest-side,rgba(56,104,170,.35),rgba(56,104,170,0));animation-duration:18s;animation-delay:-5s}

/* portrait drift + mouse follow (level 2) */
@keyframes mo-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.mo-l2 .hero-ph{animation:mo-drift 7s ease-in-out infinite}
.mo-l2 .hero-ph,.mo-l2 .avv .fc{transition:translate .35s ease-out}

/* "אבי" cursor wandering between the video chips (level 2) */
@keyframes mo-cur{0%{top:16%;right:6%}20%{top:22%;right:16%}40%{top:52%;right:78%}55%{top:58%;right:84%}75%{top:84%;right:58%}90%{top:80%;right:30%}100%{top:16%;right:6%}}
.mo-cursor{position:absolute;z-index:4;pointer-events:none;display:flex;align-items:flex-start;gap:2px;animation:mo-cur 13s cubic-bezier(.45,0,.25,1) 1.5s infinite both}
.mo-cursor svg{width:22px;height:22px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.mo-cursor span{margin-top:14px;font:800 12px 'Heebo',sans-serif;background:#f4d98a;color:#2a1f08;border-radius:99px;padding:3px 10px;box-shadow:0 6px 16px rgba(0,0,0,.35)}

/* scroll-linked (level 3) */
.mo-bar{position:fixed;top:0;right:0;left:0;height:3px;z-index:10000;transform-origin:right center;transform:scaleX(0);background:linear-gradient(90deg,#c9a55a,#f4d98a);pointer-events:none}
.mo-l3 .avv .ph,.mo-l3 .ph2,.mo-l3 .hero-ph{will-change:transform}
.mo-hl{background-image:linear-gradient(transparent 70%,rgba(244,217,138,.32) 70%,rgba(244,217,138,.32) 92%,transparent 92%);background-repeat:no-repeat;background-position:100% 0;background-size:calc(var(--p,0)*100%) 100%}

/* preview switcher (test copies only) */
.mo-switch{position:fixed;bottom:16px;left:16px;z-index:10001;display:flex;gap:6px;align-items:center;background:rgba(10,16,32,.92);border:1px solid rgba(244,217,138,.45);border-radius:999px;padding:6px 8px;font:700 13px 'Heebo',sans-serif;color:#c3cddb;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.mo-switch a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:999px}
.mo-switch a.on{background:#f4d98a;color:#2a1f08}

@media (prefers-reduced-motion:reduce){.mo-cloud,.mo-cursor,.mo-l2 .hero-ph{animation:none}.mo-cursor{display:none}}