@font-face{font-family:"Karantina";font-weight:700;src:url(/fonts/files/karantina-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+FB1D-FB4F}
@font-face{font-family:"Karantina";font-weight:700;src:url(/fonts/files/karantina-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Plex";font-weight:400;src:url(/fonts/files/ibm-plex-sans-hebrew-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+FB1D-FB4F}
@font-face{font-family:"Plex";font-weight:400;src:url(/fonts/files/ibm-plex-sans-hebrew-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Plex";font-weight:500;src:url(/fonts/files/ibm-plex-sans-hebrew-hebrew-500-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+FB1D-FB4F}
@font-face{font-family:"Plex";font-weight:500;src:url(/fonts/files/ibm-plex-sans-hebrew-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Plex";font-weight:700;src:url(/fonts/files/ibm-plex-sans-hebrew-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+FB1D-FB4F}
@font-face{font-family:"Plex";font-weight:700;src:url(/fonts/files/ibm-plex-sans-hebrew-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Rubik";font-weight:800;src:url(/fonts/files/rubik-hebrew-800-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-weight:800;src:url(/fonts/files/rubik-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Rubik";font-weight:900;src:url(/fonts/files/rubik-hebrew-900-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-weight:900;src:url(/fonts/files/rubik-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"PlexMono";font-weight:500;src:url(/fonts/files/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}







:root{
  --ink:#0F1E2B; --ink2:#16283A; --paper:#F3F5F7; --card:#FFFFFF; --line:#D6DEE5; --muted:#5A6B78;
  --cobalt:#2340D9; --cobalt2:#1A31B0; --marigold:#F2B705; --mari-soft:#FFF4CC;
  --ok:#17803D; --ok-soft:#E3F4E8; --stop:#C2331B; --stop-soft:#FBE7E3; --coral:#FF8A65; --sky:#DCE3FF;
  --disp:"Karantina","OswaldCy","Rubik",sans-serif; --body:"Plex","Rubik",sans-serif; --mono:"PlexMono","Plex",monospace; --punch:"Rubik","Plex",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#000;overflow:hidden}
#stage{position:relative;overflow:hidden;direction:rtl;font-family:var(--body);color:var(--ink);background:var(--paper)}
.scene{position:absolute;inset:0;overflow:hidden}
.scene.ink{background:var(--ink);color:#fff}
.scene.paper{background-color:var(--paper);background-image:linear-gradient(rgba(35,64,217,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(35,64,217,.055) 1px,transparent 1px);background-size:60px 60px}
.scene.cobalt{background:var(--cobalt);color:#fff}
.scene.night{background:radial-gradient(120% 80% at 50% 20%,#1B2C44 0%,#0A1220 60%,#060B14 100%);color:#fff}
.abs{position:absolute}
.disp{font-family:var(--disp);font-weight:700;line-height:.86}
.punch{font-family:var(--punch);font-weight:900}
.mono{font-family:var(--mono);direction:ltr}
.mari{color:var(--marigold)} .cob{color:var(--cobalt)}

/* staff badge */
.badge{position:absolute;background:var(--card);color:var(--ink);border-radius:22px;box-shadow:0 18px 40px rgba(15,30,43,.18),0 2px 0 rgba(15,30,43,.06);overflow:hidden;border:2px solid var(--line)}
.badge .clip{height:22px;background:var(--line);position:relative}
.badge .clip::after{content:"";position:absolute;top:7px;left:50%;width:80px;height:8px;margin-left:-40px;border-radius:8px;background:var(--paper)}
.badge .top{display:flex;align-items:center;gap:18px;padding:22px 24px 14px}
.badge .av{width:78px;height:78px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--disp);font-size:66px;line-height:1;flex:none;padding-top:6px}
.badge.mgr .av{background:var(--marigold);color:var(--ink)}
.badge .nm{font-weight:700;font-size:34px;line-height:1.1}
.badge .dc{font-family:var(--mono);font-size:21px;color:var(--muted);direction:ltr;text-align:right;margin-top:4px}
.chip{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:12px 26px;font-weight:700;white-space:nowrap}
.ico{display:inline-block;flex:none}
.ico path,.ico circle,.ico rect,.ico polyline,.ico line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* logo */
.logo{font-family:var(--disp);font-weight:700;line-height:.84;white-space:nowrap;display:flex;align-items:center;gap:.12em}
.logo .bx{border:.06em solid currentColor;padding:0 .1em .03em;line-height:.9}

/* captions */
.caps{position:absolute;z-index:999;left:0;right:0;display:flex;justify-content:center;pointer-events:none}
.caps-karaoke{bottom:46px}
.caps-karaoke .cap-line{background:rgba(10,18,28,.84);color:#fff;font-family:var(--body);font-weight:500;font-size:42px;line-height:1.35;padding:12px 30px 14px;border-radius:14px;max-width:1500px;text-align:center}
.caps-karaoke .w{transition:none}
.caps-karaoke .w.on{color:var(--marigold)}
.caps-build{top:1390px;padding:0 70px}
.caps-build .cap-line{font-family:var(--punch);font-weight:900;font-size:84px;line-height:1.18;color:#fff;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;text-shadow:5px 0px 0 #0F1E2B,-5px 0px 0 #0F1E2B,0px 5px 0 #0F1E2B,0px -5px 0 #0F1E2B,4px 4px 0 #0F1E2B,-4px 4px 0 #0F1E2B,4px -4px 0 #0F1E2B,-4px -4px 0 #0F1E2B,3px 6px 0 #0F1E2B,-3px 6px 0 #0F1E2B,0 10px 24px rgba(0,0,0,.35)}
.caps-build .w{display:inline-block;padding:2px 14px 8px;border-radius:16px}
.caps-build .w.on{background:var(--marigold);color:var(--ink);text-shadow:none;box-shadow:0 6px 0 #0F1E2B}