/* The logo of the site (owner, 2026-11-03: "קול מבשר", the new one with the speaker, from its brand kit): layers painted
   in the brand colours; the words land one by one, the bar of the ל opens into the speaker, its waves and the trail of
   envelopes come out, and the dancers turn around the envelope three times, then everything rests (about 20 seconds).
   On a dark page the wine turns to ivory. src/logo.html is the markup, scripts/build_pages.py puts it where a page says
   <!--LOGO-->. */
/* nothing of the page reaches the layers (the about page has a .mi of its own, with padding and a border) */
.mlg div, .mlg i { margin:0; padding:0; border:0; box-sizing:border-box; display:block; gap:0; float:none; }

/* the logo in layers painted in the brand colours, as on the vote page */
.mlg { position:relative; width:100%; --mb:#78102a; --mg:#b8862b; --men:#ffffff; --mv:#b8862b; --msh:rgba(0,0,0,.19); --mhalo:#ffffff; --mpaint:linear-gradient(115deg, #6e4310 0%, #a8741f 18%, #7d5013 32%, #c08a2c 46%, #85561a 60%, #b07a22 76%, #5f3a0d 100%); }
body:not([data-look="light"]) .mlg { --mb:#f4ede0; --men:#b8862b; --mv:#78102a; --msh:transparent; --mhalo:#2a0a12; --mpaint:linear-gradient(115deg, #b07a22 0%, #f0cf73 16%, #c8912c 30%, #fbe7a1 46%, #d29f3a 60%, #f4d68a 76%, #a96f1c 100%); }
.mlg .ml { position:absolute; -webkit-mask:var(--m) 0 0 / 100% 100% no-repeat; mask:var(--m) 0 0 / 100% 100% no-repeat; }
.mlg .mseal { position:absolute; background:center / 100% 100% no-repeat; }
.mlg .pt { position:absolute; inset:0; }
.mlg .mb .pt { background:var(--mb); }
.mlg .mg .pt { background:var(--mg); }
.mlg .msha .pt { background:var(--msh); }
.mlg .men .pt { background:var(--men); }
.mlg .mv .pt { background:var(--mv); }
/* shiny gold (owner, 2026-11-01): one gradient over the whole logo, each gold layer
   shows its own part of it (--gs, --gp from scripts/brand_gold.py); the V is gold on light, the envelope on dark */
.mlg .mg .pt, body[data-look="light"] .mlg .mv .pt, body:not([data-look="light"]) .mlg .men .pt { background:var(--mpaint) var(--gp, 0 0) / var(--gs, 100% 100%) no-repeat; }
.mlg .mho .pt { background:var(--mhalo); }
.mlg .mplw, .mlg .memb, .mlg .mvirt { position:absolute; }
.mlg .memb { position:absolute; inset:0; }
.mlg .mhora, .mlg .mhora > div { position:absolute; inset:0; }
.mlg .mhora { opacity:0; animation:mHoraOn 6s 1.4s linear 3; }
.mlg .mhenv { z-index:10; }
.mlg .mstr { overflow:hidden; }
.mlg .sh { position:absolute; top:0; bottom:0; left:0; width:24%; background:linear-gradient(100deg, rgba(255,255,255,0), rgba(255,248,222,.95), rgba(255,255,255,0)); opacity:.7; transform:translateX(-110%); }
.mlg .mlt { animation:mIn .7s calc(.15s + var(--i) * 90ms) cubic-bezier(.2,.9,.25,1.2) both; }
.mlg .mstr .pt { animation:mDraw .9s .8s cubic-bezier(.6,0,.2,1) both; }
.mlg .mplw { animation:mFly 1s .95s cubic-bezier(.3,.7,.2,1) both; }
.mlg .mpl { animation:mHop 6s 1.4s ease-in-out 3; }
.mlg .mnik { animation:mFade .5s 1.3s both; }
.mlg .mslo, .mlg .msha { animation:mUp .8s 1.55s both ease-out; }
.mlg .mgw .sh { animation:mSweep 6s 2.4s ease-in-out 3; }
.mlg .memb { animation:mEmbIn .8s .1s cubic-bezier(.2,.9,.25,1.15) both, mRestOff 6s 1.4s linear 3; }
.mlg .mhl { animation:mNodL 6s 1.4s ease-in-out 3; }
.mlg .mhr { animation:mNodR 6s 1.4s ease-in-out 3; }
.mlg .memb .mseal { transform-origin:50% 50%; animation:mDing 6s 1.4s ease-in-out 3; }
@keyframes mIn { from { opacity:0; transform:translateY(-14%); } }
@keyframes mDraw { from { transform:translateX(-101%); } }
@keyframes mFly { from { opacity:0; transform:translate(-420.9%, 40%) scale(.55); } 30% { opacity:1; } }
@keyframes mHop { 0%, 40% { transform:none; } 47% { transform:translate(8%, -14%) rotate(-6deg); } 58% { transform:translate(3%, -5%) rotate(-1deg); } 72%, 100% { transform:none; } }
@keyframes mFade { from { opacity:0; } }
@keyframes mUp { from { opacity:0; transform:translateY(12%); } }
@keyframes mSweep { 0% { transform:translateX(-110%); } 45%, 100% { transform:translateX(420%); } }
@keyframes mEmbIn { from { opacity:0; transform:scale(.86); } }
@keyframes mRestOff { 0%, 2.4% { opacity:1; } 2.5%, 61.4% { opacity:0; } 61.5%, 100% { opacity:1; } }
@keyframes mHoraOn { 0% { opacity:0; } 2.5%, 61.5% { opacity:1; } 64%, 100% { opacity:0; } }
@keyframes mNodL { 0%, 66%, 75%, 84%, 100% { transform:rotate(0); } 70.5%, 79.5% { transform:rotate(-7deg); } }
@keyframes mNodR { 0%, 66%, 75%, 84%, 100% { transform:rotate(0); } 70.5%, 79.5% { transform:rotate(7deg); } }
@keyframes mDing { 0%, 86%, 100% { transform:rotate(0) scale(1); } 89% { transform:rotate(-9deg) scale(1.08); } 92% { transform:rotate(7deg) scale(1.08); } 95% { transform:rotate(-3deg) scale(1.02); } }
@keyframes mHUL { 0.000% { transform:translate(0.000%, 0.000%) scale(1.000, 1.000); z-index:4; } 1.281% { transform:translate(-0.033%, 0.058%) scale(1.001, 1.001); z-index:4; } 2.562% { transform:translate(-0.123%, 0.238%) scale(1.003, 1.003); z-index:5; } 3.844% { transform:translate(-0.255%, 0.565%) scale(1.006, 1.006); z-index:5; } 5.125% { transform:translate(-0.406%, 1.081%) scale(1.011, 1.011); z-index:5; } 6.406% { transform:translate(-0.549%, 1.844%) scale(1.015, 1.015); z-index:6; } 7.688% { transform:translate(-0.663%, 2.924%) scale(1.018, 1.018); z-index:6; } 8.969% { transform:translate(-0.734%, 4.392%) scale(1.019, 1.019); z-index:7; } 10.250% { transform:translate(-0.761%, 6.307%) scale(1.018, 1.018); z-index:7; } 11.531% { transform:translate(-0.755%, 8.691%) scale(1.013, 1.013); z-index:8; } 12.813% { transform:translate(-0.741%, 11.507%) scale(1.006, 1.006); z-index:9; } 14.094% { transform:translate(-0.739%, 14.642%) scale(0.996, 0.996); z-index:10; } 15.375% { transform:translate(-0.754%, 17.898%) scale(0.987, 0.987); z-index:12; } 16.656% { transform:translate(-0.758%, 21.019%) scale(0.982, 0.982); z-index:13; } 17.938% { transform:translate(-0.673%, 23.733%) scale(0.982, 0.982); z-index:14; } 19.219% { transform:translate(-0.379%, 25.815%) scale(0.990, 0.990); z-index:15; } 20.500% { transform:translate(0.262%, 27.159%) scale(1.006, 1.006); z-index:16; } 21.781% { transform:translate(1.373%, 27.814%) scale(1.027, 1.027); z-index:17; } 23.062% { transform:translate(3.002%, 27.975%) scale(1.048, 1.048); z-index:17; } 24.344% { transform:translate(5.091%, 27.912%) scale(1.064, 1.064); z-index:18; } 25.564% { transform:translate(7.348%, 27.863%) scale(1.070, 1.070); z-index:18; } 25.588% { transform:translate(7.394%, 27.863%) scale(-1.070, 1.070); z-index:18; } 25.625% { transform:translate(7.464%, 27.863%) scale(-1.070, 1.070); z-index:18; } 26.906% { transform:translate(9.859%, 27.920%) scale(-1.063, 1.063); z-index:18; } 28.188% { transform:translate(11.996%, 27.973%) scale(-1.046, 1.046); z-index:17; } 29.469% { transform:translate(13.656%, 27.722%) scale(-1.022, 1.022); z-index:17; } 30.750% { transform:translate(14.742%, 26.791%) scale(-1.000, 1.000); z-index:16; } 32.031% { transform:translate(15.301%, 24.873%) scale(-0.985, 0.985); z-index:14; } 33.312% { transform:translate(15.488%, 21.873%) scale(-0.981, 0.981); z-index:13; } 34.594% { transform:translate(15.497%, 17.965%) scale(-0.987, 0.987); z-index:12; } 35.875% { transform:translate(15.479%, 13.566%) scale(-0.999, 0.999); z-index:10; } 37.156% { transform:translate(15.495%, 9.206%) scale(-1.012, 1.012); z-index:9; } 38.438% { transform:translate(15.496%, 5.384%) scale(-1.019, 1.019); z-index:7; } 39.719% { transform:translate(15.362%, 2.431%) scale(-1.017, 1.017); z-index:6; } 41.000% { transform:translate(14.957%, 0.456%) scale(-1.005, 1.005); z-index:5; } 42.281% { transform:translate(14.184%, -0.642%) scale(-0.988, 0.988); z-index:4; } 43.563% { transform:translate(13.021%, -1.098%) scale(-0.968, 0.968); z-index:3; } 44.844% { transform:translate(11.528%, -1.183%) scale(-0.949, 0.949); z-index:2; } 46.125% { transform:translate(9.822%, -1.128%) scale(-0.937, 0.937); z-index:2; } 47.406% { transform:translate(8.049%, -1.076%) scale(-0.930, 0.930); z-index:2; } 47.892% { transform:translate(7.388%, -1.072%) scale(-0.930, 0.930); z-index:2; } 47.917% { transform:translate(7.355%, -1.072%) scale(0.930, 0.930); z-index:2; } 48.687% { transform:translate(6.344%, -1.083%) scale(0.931, 0.931); z-index:2; } 49.969% { transform:translate(4.810%, -1.132%) scale(0.937, 0.937); z-index:2; } 51.250% { transform:translate(3.508%, -1.178%) scale(0.947, 0.947); z-index:2; } 52.531% { transform:translate(2.457%, -1.172%) scale(0.958, 0.958); z-index:3; } 53.812% { transform:translate(1.646%, -1.085%) scale(0.969, 0.969); z-index:3; } 55.094% { transform:translate(1.045%, -0.915%) scale(0.978, 0.978); z-index:3; } 56.375% { transform:translate(0.617%, -0.685%) scale(0.986, 0.986); z-index:4; } 57.656% { transform:translate(0.324%, -0.436%) scale(0.993, 0.993); z-index:4; } 58.938% { transform:translate(0.137%, -0.212%) scale(0.997, 0.997); z-index:4; } 60.219% { transform:translate(0.033%, -0.056%) scale(0.999, 0.999); z-index:4; } 61.500% { transform:translate(0.000%, 0.000%) scale(1.000, 1.000); z-index:4; } 100% { transform:none; z-index:4; } }
.mlg .mhUL { z-index:4; animation:mHUL 6s 1.4s linear 3; }
@keyframes mHLL { 0.000% { transform:translate(0.000%, 0.000%) scale(1.000, 1.000); z-index:16; } 1.281% { transform:translate(0.033%, 0.056%) scale(1.001, 1.001); z-index:16; } 2.562% { transform:translate(0.137%, 0.212%) scale(1.003, 1.003); z-index:16; } 3.844% { transform:translate(0.324%, 0.436%) scale(1.007, 1.007); z-index:16; } 5.125% { transform:translate(0.617%, 0.685%) scale(1.014, 1.014); z-index:16; } 6.406% { transform:translate(1.045%, 0.915%) scale(1.022, 1.022); z-index:17; } 7.688% { transform:translate(1.646%, 1.085%) scale(1.031, 1.031); z-index:17; } 8.969% { transform:translate(2.457%, 1.172%) scale(1.042, 1.042); z-index:17; } 10.250% { transform:translate(3.508%, 1.178%) scale(1.053, 1.053); z-index:18; } 11.531% { transform:translate(4.810%, 1.132%) scale(1.063, 1.063); z-index:18; } 12.813% { transform:translate(6.344%, 1.083%) scale(1.069, 1.069); z-index:18; } 13.583% { transform:translate(7.355%, 1.072%) scale(1.070, 1.070); z-index:18; } 13.608% { transform:translate(7.388%, 1.072%) scale(-1.070, 1.070); z-index:18; } 14.094% { transform:translate(8.049%, 1.076%) scale(-1.070, 1.070); z-index:18; } 15.375% { transform:translate(9.822%, 1.128%) scale(-1.063, 1.063); z-index:18; } 16.656% { transform:translate(11.528%, 1.183%) scale(-1.051, 1.051); z-index:18; } 17.938% { transform:translate(13.021%, 1.098%) scale(-1.032, 1.032); z-index:17; } 19.219% { transform:translate(14.184%, 0.642%) scale(-1.012, 1.012); z-index:16; } 20.500% { transform:translate(14.957%, -0.456%) scale(-0.995, 0.995); z-index:15; } 21.781% { transform:translate(15.362%, -2.431%) scale(-0.983, 0.983); z-index:14; } 23.062% { transform:translate(15.496%, -5.384%) scale(-0.981, 0.981); z-index:13; } 24.344% { transform:translate(15.495%, -9.206%) scale(-0.988, 0.988); z-index:11; } 25.625% { transform:translate(15.479%, -13.566%) scale(-1.001, 1.001); z-index:10; } 26.906% { transform:translate(15.497%, -17.965%) scale(-1.013, 1.013); z-index:8; } 28.188% { transform:translate(15.488%, -21.873%) scale(-1.019, 1.019); z-index:7; } 29.469% { transform:translate(15.301%, -24.873%) scale(-1.015, 1.015); z-index:6; } 30.750% { transform:translate(14.742%, -26.791%) scale(-1.000, 1.000); z-index:4; } 32.031% { transform:translate(13.656%, -27.722%) scale(-0.978, 0.978); z-index:3; } 33.312% { transform:translate(11.996%, -27.973%) scale(-0.954, 0.954); z-index:3; } 34.594% { transform:translate(9.859%, -27.920%) scale(-0.937, 0.937); z-index:2; } 35.875% { transform:translate(7.464%, -27.863%) scale(-0.930, 0.930); z-index:2; } 35.912% { transform:translate(7.394%, -27.863%) scale(-0.930, 0.930); z-index:2; } 35.936% { transform:translate(7.348%, -27.863%) scale(0.930, 0.930); z-index:2; } 37.156% { transform:translate(5.091%, -27.912%) scale(0.936, 0.936); z-index:2; } 38.438% { transform:translate(3.002%, -27.975%) scale(0.952, 0.952); z-index:3; } 39.719% { transform:translate(1.373%, -27.814%) scale(0.973, 0.973); z-index:3; } 41.000% { transform:translate(0.262%, -27.159%) scale(0.994, 0.994); z-index:4; } 42.281% { transform:translate(-0.379%, -25.815%) scale(1.010, 1.010); z-index:5; } 43.563% { transform:translate(-0.673%, -23.733%) scale(1.018, 1.018); z-index:6; } 44.844% { transform:translate(-0.758%, -21.019%) scale(1.018, 1.018); z-index:7; } 46.125% { transform:translate(-0.754%, -17.898%) scale(1.013, 1.013); z-index:8; } 47.406% { transform:translate(-0.739%, -14.642%) scale(1.004, 1.004); z-index:10; } 48.687% { transform:translate(-0.741%, -11.507%) scale(0.994, 0.994); z-index:11; } 49.969% { transform:translate(-0.755%, -8.691%) scale(0.987, 0.987); z-index:12; } 51.250% { transform:translate(-0.761%, -6.307%) scale(0.982, 0.982); z-index:13; } 52.531% { transform:translate(-0.734%, -4.392%) scale(0.981, 0.981); z-index:13; } 53.812% { transform:translate(-0.663%, -2.924%) scale(0.982, 0.982); z-index:14; } 55.094% { transform:translate(-0.549%, -1.844%) scale(0.985, 0.985); z-index:14; } 56.375% { transform:translate(-0.406%, -1.081%) scale(0.989, 0.989); z-index:15; } 57.656% { transform:translate(-0.255%, -0.565%) scale(0.994, 0.994); z-index:15; } 58.938% { transform:translate(-0.123%, -0.238%) scale(0.997, 0.997); z-index:15; } 60.219% { transform:translate(-0.033%, -0.058%) scale(0.999, 0.999); z-index:16; } 61.500% { transform:translate(0.000%, 0.000%) scale(1.000, 1.000); z-index:16; } 100% { transform:none; z-index:16; } }
.mlg .mhLL { z-index:16; animation:mHLL 6s 1.4s linear 3; }
@keyframes mHUR { 0.000% { transform:translate(0.000%, 0.000%) scale(1.000, 1.000); z-index:4; } 1.281% { transform:translate(-0.033%, -0.056%) scale(0.999, 0.999); z-index:4; } 2.562% { transform:translate(-0.137%, -0.212%) scale(0.997, 0.997); z-index:4; } 3.844% { transform:translate(-0.324%, -0.436%) scale(0.993, 0.993); z-index:4; } 5.125% { transform:translate(-0.617%, -0.685%) scale(0.986, 0.986); z-index:4; } 6.406% { transform:translate(-1.045%, -0.915%) scale(0.978, 0.978); z-index:3; } 7.688% { transform:translate(-1.646%, -1.085%) scale(0.969, 0.969); z-index:3; } 8.969% { transform:translate(-2.457%, -1.172%) scale(0.958, 0.958); z-index:3; } 10.250% { transform:translate(-3.508%, -1.178%) scale(0.947, 0.947); z-index:2; } 11.531% { transform:translate(-4.810%, -1.132%) scale(0.937, 0.937); z-index:2; } 12.813% { transform:translate(-6.344%, -1.083%) scale(0.931, 0.931); z-index:2; } 13.583% { transform:translate(-7.355%, -1.072%) scale(0.930, 0.930); z-index:2; } 13.608% { transform:translate(-7.388%, -1.072%) scale(-0.930, 0.930); z-index:2; } 14.094% { transform:translate(-8.049%, -1.076%) scale(-0.930, 0.930); z-index:2; } 15.375% { transform:translate(-9.822%, -1.128%) scale(-0.937, 0.937); z-index:2; } 16.656% { transform:translate(-11.528%, -1.183%) scale(-0.949, 0.949); z-index:2; } 17.938% { transform:translate(-13.021%, -1.098%) scale(-0.968, 0.968); z-index:3; } 19.219% { transform:translate(-14.184%, -0.642%) scale(-0.988, 0.988); z-index:4; } 20.500% { transform:translate(-14.957%, 0.456%) scale(-1.005, 1.005); z-index:5; } 21.781% { transform:translate(-15.362%, 2.431%) scale(-1.017, 1.017); z-index:6; } 23.062% { transform:translate(-15.496%, 5.384%) scale(-1.019, 1.019); z-index:7; } 24.344% { transform:translate(-15.495%, 9.206%) scale(-1.012, 1.012); z-index:9; } 25.625% { transform:translate(-15.479%, 13.566%) scale(-0.999, 0.999); z-index:10; } 26.906% { transform:translate(-15.497%, 17.965%) scale(-0.987, 0.987); z-index:12; } 28.188% { transform:translate(-15.488%, 21.873%) scale(-0.981, 0.981); z-index:13; } 29.469% { transform:translate(-15.301%, 24.873%) scale(-0.985, 0.985); z-index:14; } 30.750% { transform:translate(-14.742%, 26.791%) scale(-1.000, 1.000); z-index:16; } 32.031% { transform:translate(-13.656%, 27.722%) scale(-1.022, 1.022); z-index:17; } 33.312% { transform:translate(-11.996%, 27.973%) scale(-1.046, 1.046); z-index:17; } 34.594% { transform:translate(-9.859%, 27.920%) scale(-1.063, 1.063); z-index:18; } 35.875% { transform:translate(-7.464%, 27.863%) scale(-1.070, 1.070); z-index:18; } 35.912% { transform:translate(-7.394%, 27.863%) scale(-1.070, 1.070); z-index:18; } 35.936% { transform:translate(-7.348%, 27.863%) scale(1.070, 1.070); z-index:18; } 37.156% { transform:translate(-5.091%, 27.912%) scale(1.064, 1.064); z-index:18; } 38.438% { transform:translate(-3.002%, 27.975%) scale(1.048, 1.048); z-index:17; } 39.719% { transform:translate(-1.373%, 27.814%) scale(1.027, 1.027); z-index:17; } 41.000% { transform:translate(-0.262%, 27.159%) scale(1.006, 1.006); z-index:16; } 42.281% { transform:translate(0.379%, 25.815%) scale(0.990, 0.990); z-index:15; } 43.563% { transform:translate(0.673%, 23.733%) scale(0.982, 0.982); z-index:14; } 44.844% { transform:translate(0.758%, 21.019%) scale(0.982, 0.982); z-index:13; } 46.125% { transform:translate(0.754%, 17.898%) scale(0.987, 0.987); z-index:12; } 47.406% { transform:translate(0.739%, 14.642%) scale(0.996, 0.996); z-index:10; } 48.687% { transform:translate(0.741%, 11.507%) scale(1.006, 1.006); z-index:9; } 49.969% { transform:translate(0.755%, 8.691%) scale(1.013, 1.013); z-index:8; } 51.250% { transform:translate(0.761%, 6.307%) scale(1.018, 1.018); z-index:7; } 52.531% { transform:translate(0.734%, 4.392%) scale(1.019, 1.019); z-index:7; } 53.812% { transform:translate(0.663%, 2.924%) scale(1.018, 1.018); z-index:6; } 55.094% { transform:translate(0.549%, 1.844%) scale(1.015, 1.015); z-index:6; } 56.375% { transform:translate(0.406%, 1.081%) scale(1.011, 1.011); z-index:5; } 57.656% { transform:translate(0.255%, 0.565%) scale(1.006, 1.006); z-index:5; } 58.938% { transform:translate(0.123%, 0.238%) scale(1.003, 1.003); z-index:5; } 60.219% { transform:translate(0.033%, 0.058%) scale(1.001, 1.001); z-index:4; } 61.500% { transform:translate(0.000%, 0.000%) scale(1.000, 1.000); z-index:4; } 100% { transform:none; z-index:4; } }
.mlg .mhUR { z-index:4; animation:mHUR 6s 1.4s linear 3; }
@keyframes mHLR { 0.000% { transform:translate(0.000%, 0.000%) scale(1.000, 1.000); z-index:16; } 1.281% { transform:translate(0.033%, -0.058%) scale(0.999, 0.999); z-index:16; } 2.562% { transform:translate(0.123%, -0.238%) scale(0.997, 0.997); z-index:15; } 3.844% { transform:translate(0.255%, -0.565%) scale(0.994, 0.994); z-index:15; } 5.125% { transform:translate(0.406%, -1.081%) scale(0.989, 0.989); z-index:15; } 6.406% { transform:translate(0.549%, -1.844%) scale(0.985, 0.985); z-index:14; } 7.688% { transform:translate(0.663%, -2.924%) scale(0.982, 0.982); z-index:14; } 8.969% { transform:translate(0.734%, -4.392%) scale(0.981, 0.981); z-index:13; } 10.250% { transform:translate(0.761%, -6.307%) scale(0.982, 0.982); z-index:13; } 11.531% { transform:translate(0.755%, -8.691%) scale(0.987, 0.987); z-index:12; } 12.813% { transform:translate(0.741%, -11.507%) scale(0.994, 0.994); z-index:11; } 14.094% { transform:translate(0.739%, -14.642%) scale(1.004, 1.004); z-index:10; } 15.375% { transform:translate(0.754%, -17.898%) scale(1.013, 1.013); z-index:8; } 16.656% { transform:translate(0.758%, -21.019%) scale(1.018, 1.018); z-index:7; } 17.938% { transform:translate(0.673%, -23.733%) scale(1.018, 1.018); z-index:6; } 19.219% { transform:translate(0.379%, -25.815%) scale(1.010, 1.010); z-index:5; } 20.500% { transform:translate(-0.262%, -27.159%) scale(0.994, 0.994); z-index:4; } 21.781% { transform:translate(-1.373%, -27.814%) scale(0.973, 0.973); z-index:3; } 23.062% { transform:translate(-3.002%, -27.975%) scale(0.952, 0.952); z-index:3; } 24.344% { transform:translate(-5.091%, -27.912%) scale(0.936, 0.936); z-index:2; } 25.564% { transform:translate(-7.348%, -27.863%) scale(0.930, 0.930); z-index:2; } 25.588% { transform:translate(-7.394%, -27.863%) scale(-0.930, 0.930); z-index:2; } 25.625% { transform:translate(-7.464%, -27.863%) scale(-0.930, 0.930); z-index:2; } 26.906% { transform:translate(-9.859%, -27.920%) scale(-0.937, 0.937); z-index:2; } 28.188% { transform:translate(-11.996%, -27.973%) scale(-0.954, 0.954); z-index:3; } 29.469% { transform:translate(-13.656%, -27.722%) scale(-0.978, 0.978); z-index:3; } 30.750% { transform:translate(-14.742%, -26.791%) scale(-1.000, 1.000); z-index:4; } 32.031% { transform:translate(-15.301%, -24.873%) scale(-1.015, 1.015); z-index:6; } 33.312% { transform:translate(-15.488%, -21.873%) scale(-1.019, 1.019); z-index:7; } 34.594% { transform:translate(-15.497%, -17.965%) scale(-1.013, 1.013); z-index:8; } 35.875% { transform:translate(-15.479%, -13.566%) scale(-1.001, 1.001); z-index:10; } 37.156% { transform:translate(-15.495%, -9.206%) scale(-0.988, 0.988); z-index:11; } 38.438% { transform:translate(-15.496%, -5.384%) scale(-0.981, 0.981); z-index:13; } 39.719% { transform:translate(-15.362%, -2.431%) scale(-0.983, 0.983); z-index:14; } 41.000% { transform:translate(-14.957%, -0.456%) scale(-0.995, 0.995); z-index:15; } 42.281% { transform:translate(-14.184%, 0.642%) scale(-1.012, 1.012); z-index:16; } 43.563% { transform:translate(-13.021%, 1.098%) scale(-1.032, 1.032); z-index:17; } 44.844% { transform:translate(-11.528%, 1.183%) scale(-1.051, 1.051); z-index:18; } 46.125% { transform:translate(-9.822%, 1.128%) scale(-1.063, 1.063); z-index:18; } 47.406% { transform:translate(-8.049%, 1.076%) scale(-1.070, 1.070); z-index:18; } 47.892% { transform:translate(-7.388%, 1.072%) scale(-1.070, 1.070); z-index:18; } 47.917% { transform:translate(-7.355%, 1.072%) scale(1.070, 1.070); z-index:18; } 48.687% { transform:translate(-6.344%, 1.083%) scale(1.069, 1.069); z-index:18; } 49.969% { transform:translate(-4.810%, 1.132%) scale(1.063, 1.063); z-index:18; } 51.250% { transform:translate(-3.508%, 1.178%) scale(1.053, 1.053); z-index:18; } 52.531% { transform:translate(-2.457%, 1.172%) scale(1.042, 1.042); z-index:17; } 53.812% { transform:translate(-1.646%, 1.085%) scale(1.031, 1.031); z-index:17; } 55.094% { transform:translate(-1.045%, 0.915%) scale(1.022, 1.022); z-index:17; } 56.375% { transform:translate(-0.617%, 0.685%) scale(1.014, 1.014); z-index:16; } 57.656% { transform:translate(-0.324%, 0.436%) scale(1.007, 1.007); z-index:16; } 58.938% { transform:translate(-0.137%, 0.212%) scale(1.003, 1.003); z-index:16; } 60.219% { transform:translate(-0.033%, 0.056%) scale(1.001, 1.001); z-index:16; } 61.500% { transform:translate(0.000%, 0.000%) scale(1.000, 1.000); z-index:16; } 100% { transform:none; z-index:16; } }
.mlg .mhLR { z-index:16; animation:mHLR 6s 1.4s linear 3; }

/* קול מבשר חדש (owner, 2026-11-02: "תוסיף חדש בתור קול מבשר חדש עם כל הערכת מותג"): the bar of the ל runs over מבשר
   and opens with the ר into a megaphone, two waves and envelopes fly out of it (not in a row: "זה מידי סימטרי"), and
   the logo is on the dancers' envelope. The words are the m7/ letters with a new ל and ר (m8/); the megaphone is
   painted with the page's gold like the letters (one gold with the ר), with its wine / ivory as a picture over it,
   and the waves and the envelopes are pictures for a light and a dark page (.mi, --l/--d); the emblem is the m5/ one with a
   smaller seal, its flap and the logo (m8/). The megaphone is drawn from the ל (a window that slides, the picture
   stays), the waves pulse, the envelopes fly out of the mouth; all of it rests after about 20 seconds */
.mlg .mi { position:absolute; background:var(--l) 0 0 / 100% 100% no-repeat; }
body:not([data-look="light"]) .mlg .mi { background-image:var(--d); }
.mlg .qwin, .mlg .qe { position:absolute; }
.mlg .qslide { position:absolute; inset:0; overflow:hidden; animation:qWin .95s .75s cubic-bezier(.6,0,.2,1) both; }
.mlg .qin, .mlg .qin .mi, .mlg .qe .qb { position:absolute; inset:0; }
.mlg .qin { animation:qWinB .95s .75s cubic-bezier(.6,0,.2,1) both; }
.mlg .qw1 { animation:qWave .6s 1.5s cubic-bezier(.2,.9,.3,1.25) both, qPulse 6s 2.4s ease-in-out 3; }
.mlg .qw2 { animation:qWave .6s 1.65s cubic-bezier(.2,.9,.3,1.25) both, qPulse 6s 2.6s ease-in-out 3; }
.mlg .qe0 { animation:qE0 .9s 1.8s cubic-bezier(.2,.8,.25,1.05) both; }
.mlg .qe1 { animation:qE1 .9s 1.95s cubic-bezier(.2,.8,.25,1.05) both; }
.mlg .qe2 { animation:qE2 .9s 2.1s cubic-bezier(.2,.8,.25,1.05) both; }
.mlg .qe3 { animation:qE3 .9s 2.25s cubic-bezier(.2,.8,.25,1.05) both; }
.mlg .qe4 { animation:qE4 .9s 2.4s cubic-bezier(.2,.8,.25,1.05) both; }
.mlg .qe0 .qb { animation:qBob 3s 2.9s ease-in-out 5; }
.mlg .qe1 .qb { animation:qBob 3.4s 3.1s ease-in-out 4; }
.mlg .qe2 .qb { animation:qBob 2.6s 3.3s ease-in-out 5; }
.mlg .qe3 .qb { animation:qBob 3.2s 3.4s ease-in-out 4; }
.mlg .qe4 .qb { animation:qBob 2.8s 3.5s ease-in-out 5; }
.mlg .qdots { animation:mFade .6s 2.2s both; }
@keyframes qWin { from { transform:translateX(100%); } }
@keyframes qWinB { from { transform:translateX(-100%); } }
@keyframes qWave { from { opacity:0; transform:scale(.72); } }
@keyframes qPulse { 0%, 32%, 100% { opacity:1; transform:none; } 10% { opacity:.3; transform:scale(.94); } 20% { opacity:1; transform:scale(1.03); } }
@keyframes qBob { 0%, 100% { transform:none; } 50% { transform:translate(-6%, -9%) rotate(-3deg); } }
@keyframes qE0 { from { opacity:0; transform:translate(150.7%, -36.2%) scale(.3); } 35% { opacity:1; } }
@keyframes qE1 { from { opacity:0; transform:translate(227.2%, 152.9%) scale(.3); } 35% { opacity:1; } }
@keyframes qE2 { from { opacity:0; transform:translate(548.3%, 365.1%) scale(.3); } 35% { opacity:1; } }
@keyframes qE3 { from { opacity:0; transform:translate(200.0%, -350.0%) scale(.3); } 35% { opacity:1; } }
@keyframes qE4 { from { opacity:0; transform:translate(787.0%, 125.0%) scale(.3); } 35% { opacity:1; } }

/* the opening show once a visit (shared/sitetext.js): on a refresh the words are simply there */
html.quick .mlg :is(.mlt, .mnik, .mslo, .msha, .mplw, .qslide, .qin, .qw1, .qw2, .qe0, .qe1, .qe2, .qe3, .qe4, .qdots), html.quick .mlg .mstr .pt { animation:none; }
html.quick .mlg .memb { animation:mRestOff 6s 1.4s linear 3; }
.hz-off.mlg *, .hz-off .mlg * { animation-play-state:paused !important; }
@media (prefers-reduced-motion: reduce) { .mlg * { animation:none !important; } .mlg .sh { display:none; } }