/* אור עבודה: the stage, the desk and the prompt book */
@font-face{font-family:"Assistant";font-style:normal;font-weight:400;font-display:swap;src:url(/files/fonts/assistant-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-style:normal;font-weight:400;font-display:swap;src:url(/files/fonts/assistant-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Assistant";font-style:normal;font-weight:700;font-display:swap;src:url(/files/fonts/assistant-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-style:normal;font-weight:700;font-display:swap;src:url(/files/fonts/assistant-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Assistant";font-style:normal;font-weight:800;font-display:swap;src:url(/files/fonts/assistant-hebrew-800-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-style:normal;font-weight:800;font-display:swap;src:url(/files/fonts/assistant-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Karantina";font-style:normal;font-weight:700;font-display:swap;src:url(/files/fonts/karantina-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+FB1D-FB4F}
@font-face{font-family:"Playpen Sans Hebrew";font-style:normal;font-weight:600;font-display:swap;src:url(/files/fonts/playpen-sans-hebrew-hebrew-600-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Playpen Sans Hebrew";font-style:normal;font-weight:600;font-display:swap;src:url(/files/fonts/playpen-digits-600.woff2) format("woff2");unicode-range:U+0020-0040,U+00B7}
@font-face{font-family:"Cousine";font-style:normal;font-weight:700;font-display:swap;src:url(/files/fonts/cousine-digits-700.woff2) format("woff2");unicode-range:U+0020-0040,U+00B7}

:root{
--bg:#06070b;--bg2:#0d0e15;--panel:#13141a;--line:#24262f;
--ink:#f3ecdf;--mute:#bdb5c6;--dim:#918a9c;--amber:#ecc996;--warm:#ffd28a;
--paper:#f2ead8;--paper2:#e7dcc2;--ink2:#211d18;--pencil:#5d564b;--red:#b3341f;
--A:#6f8cff;--B:#ffb648;--C:#ff5f86;--D:#45dca4;
--f:"Assistant",system-ui,-apple-system,"Segoe UI",sans-serif;
--fd:"Karantina","Assistant",system-ui,sans-serif;
--fh:"Playpen Sans Hebrew","Assistant",cursive;
--fm:"Cousine","Assistant",ui-monospace,monospace;
--ease:cubic-bezier(.2,.9,.25,1);
}
.rA{--c:var(--A)}
.rB{--c:var(--B)}
.rC{--c:var(--C)}
.rD{--c:var(--D)}
.rN{--c:var(--amber)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:18px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--warm);outline-offset:3px}
.vh{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.skip{position:absolute;top:-80px;right:16px;z-index:200;padding:10px 18px;border-radius:10px;background:var(--warm);color:#14110c;font-weight:800;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:1288px;margin:0 auto;padding:0 24px}
.sec-head{max-width:760px}
.sec-h{margin:0;font-family:var(--fd);font-weight:700;font-size:clamp(46px,5.4vw,70px);line-height:.92;letter-spacing:.3px;color:#fbf2e2}
.sec-p{margin:12px 0 0;color:var(--mute);font-size:18px}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid var(--warm);background:linear-gradient(180deg,rgba(255,210,138,.16),rgba(255,210,138,.04));color:#fff3df;font-weight:800;font-size:16px;text-decoration:none;transition:box-shadow .2s,background-color .2s,transform .15s}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{box-shadow:0 0 26px -6px var(--warm);transform:translateY(-1px)}
.btn--ghost{border-color:#3a3c48;background:transparent;color:var(--ink)}
.btn--ghost:hover{border-color:#5b5e6c;box-shadow:none}
.sw{display:inline-block;width:10px;height:14px;border-radius:2px;background:var(--c);box-shadow:0 0 8px -1px var(--c)}

/* ---------------------------------------------------------------- masthead */
.mh{position:relative;z-index:60}
.mh__in{max-width:1440px;margin:0 auto;padding:0 24px;height:70px;display:flex;align-items:center;gap:18px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.logo__ic svg{width:24px;height:34px;filter:drop-shadow(0 0 8px rgba(255,206,130,.6))}
.logo__t{font-family:var(--fd);font-weight:700;font-size:40px;line-height:1;color:#f9efdc;letter-spacing:.3px}
.nav{display:flex;align-items:center;gap:2px;margin-inline-start:auto}
.nv{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 12px;border-radius:10px;font-size:15.5px;font-weight:700;color:#cfc6b6;text-decoration:none;transition:background-color .2s,color .2s}
.nv i{flex:none;width:10px;height:15px;border-radius:2px;background:var(--c);box-shadow:0 0 10px -1px var(--c);opacity:.85}
.nv:hover,.nv.is-here{background:#151722;color:#fff}
.nv.is-here i{opacity:1;box-shadow:0 0 14px var(--c)}
.nv--plain{color:#a39bb0}
.snd{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid #2d2f3a;background:#10111a;color:var(--mute);font-size:14px;font-weight:700;cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s}
.snd[hidden],.burger[hidden]{display:none}
.snd svg{width:20px;height:20px}
.snd[aria-pressed="false"] .snd__w1,.snd[aria-pressed="false"] .snd__w2{display:none}
.snd[aria-pressed="true"] .snd__x{display:none}
.snd[aria-pressed="true"]{color:#fff6e6;border-color:var(--warm);box-shadow:0 0 18px -6px var(--warm)}
.burger{display:none;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid #2d2f3a;background:#10111a;font-size:14px;font-weight:800;cursor:pointer}
.burger__ic{display:grid;gap:4px}
.burger__ic i{display:block;width:18px;height:2px;border-radius:2px;background:#efe6d6}

/* ---------------------------------------------------------------- hero: the stage */
.hero{max-width:1440px;margin:0 auto;padding:0 24px 30px}
.stage{position:relative}
.bill{position:absolute;z-index:30;top:62px;right:3%;width:34%;text-shadow:0 2px 20px rgba(0,0,0,.95)}
.kick{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:15px;font-weight:700;color:var(--amber)}
.kick::before{content:"";flex:none;width:30px;height:2px;border-radius:2px;background:var(--amber);box-shadow:0 0 8px var(--amber)}
.h1{margin:0;font-family:var(--fd);font-weight:700;font-size:66px;line-height:.9;color:#fdf4e3;animation:strike 1.6s ease-out both}
@keyframes strike{0%{opacity:0}10%{opacity:.85}13%{opacity:.15}19%{opacity:.95}24%{opacity:.35}32%,100%{opacity:1}}
.tag{margin:14px 0 0;max-width:460px;font-size:16.5px;line-height:1.55;color:#d6cedc}
.live{display:flex;align-items:center;gap:9px;margin:14px 0 0;font-size:14px;font-weight:700;color:#efe7da}
.live i{flex:none;width:8px;height:8px;border-radius:50%;background:#ff5f6d;box-shadow:0 0 10px #ff5f6d;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}
.hint{display:flex;align-items:center;gap:9px;margin:6px 0 0;font-size:14px;font-weight:600;color:#c6bdd1}
.hint svg{flex:none;width:17px;height:17px}

.sc{position:relative;isolation:isolate;aspect-ratio:1392/520;border-radius:20px;overflow:hidden;background:#05060a;box-shadow:0 0 0 1px #171822,0 40px 80px -40px #000}
.sc::after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;box-shadow:inset 0 0 160px 30px rgba(0,0,0,.85),inset 0 -40px 60px -30px rgba(0,0,0,.6)}
.cyc{position:absolute;inset:0;z-index:0;background:radial-gradient(60% 70% at 46% 42%,#1b1d2b 0%,#0d0e16 55%,#07080c 100%)}
.floor{position:absolute;left:0;right:0;bottom:0;height:9%;z-index:1;background:linear-gradient(180deg,#15161e 0%,#08090d 100%);box-shadow:0 -1px 0 #23252f}
.floor::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,rgba(0,0,0,0) 1px 90px)}
.set{position:absolute;inset:0}
.set--m{display:none}
.ghosts{position:absolute;inset:0;z-index:2;pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--fr,0px) at var(--fx,50%) var(--fy,50%),#000 0%,rgba(0,0,0,.6) 45%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle var(--fr,0px) at var(--fx,50%) var(--fy,50%),#000 0%,rgba(0,0,0,.6) 45%,rgba(0,0,0,0) 100%)}
.gp{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.gp img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:brightness(.5) saturate(.55);-webkit-mask-image:radial-gradient(circle,#000 0 50%,rgba(0,0,0,0) 70%);mask-image:radial-gradient(circle,#000 0 50%,rgba(0,0,0,0) 70%)}
.gp em{display:flex;flex-direction:column;align-items:center;gap:2px;font-style:normal;font-family:var(--fh);font-weight:600;font-size:clamp(14px,1.5vw,21px);line-height:1;color:rgba(240,234,222,.78);transform:rotate(-6deg)}
.gp em small{font-size:.65em;color:rgba(240,234,222,.55)}
.beams{position:absolute;inset:0;z-index:3;pointer-events:none}
.beam{position:absolute;inset:0;mix-blend-mode:screen;filter:blur(6px);transition:opacity .9s ease;-webkit-mask-image:url(/files/haze.webp),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));mask-image:url(/files/haze.webp),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));-webkit-mask-size:560px 560px,100% 100%;mask-size:560px 560px,100% 100%;animation:smoke 30s linear infinite}
.beam i{position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,var(--c) 22%,rgba(0,0,0,0) 96%)}
@keyframes smoke{to{-webkit-mask-position:560px -280px,0 0;mask-position:560px -280px,0 0}}
.pools{position:absolute;inset:0;z-index:4}
.pool{position:absolute;display:block;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;cursor:pointer;transition:opacity .9s ease,filter .9s ease,scale .3s ease;-webkit-tap-highlight-color:transparent}
.pool img{width:100%;height:100%;object-fit:cover;border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 0 50%,rgba(0,0,0,.55) 61%,rgba(0,0,0,0) 71%);mask-image:radial-gradient(circle,#000 0 50%,rgba(0,0,0,.55) 61%,rgba(0,0,0,0) 71%)}
.pool::after{content:"";position:absolute;inset:-4%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,0) 46%,var(--c) 62%,rgba(0,0,0,0) 72%);opacity:.45;mix-blend-mode:screen}
.pool:hover{scale:1.03}
.pool:focus-visible{outline:none}
.pool:focus-visible::before,.pool.is-sel::before{content:"";position:absolute;inset:-3%;border-radius:50%;border:1px dashed rgba(255,244,225,.55);pointer-events:none;animation:spin 26s linear infinite}
.pool:focus-visible::before{border:2px solid var(--warm)}
.pool__n{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);padding:2px 7px;border-radius:5px;background:rgba(5,6,10,.72);font-family:var(--fm);font-weight:700;font-size:11px;letter-spacing:.5px;color:var(--c)}
@keyframes spin{to{rotate:360deg}}
.folds{position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0px,rgba(0,0,0,0) 16px,rgba(255,255,255,.025) 26px,rgba(0,0,0,0) 36px,rgba(0,0,0,.2) 52px)}
.haze{position:absolute;inset:-60%;z-index:6;pointer-events:none;background:url(/files/haze.webp) 0 0/640px 640px repeat;opacity:.08;mix-blend-mode:screen;animation:drift 80s linear infinite}
@keyframes drift{to{transform:translate3d(-640px,-640px,0)}}
.truss{position:absolute;left:-1%;right:-1%;top:9px;height:18px;z-index:7;background:linear-gradient(#5a5e6b,#2b2e36) 0 0/100% 3px no-repeat,linear-gradient(#4a4e59,#24262d) 0 100%/100% 3px no-repeat,repeating-linear-gradient(60deg,rgba(0,0,0,0) 0 8px,#3b3f49 8px 10px,rgba(0,0,0,0) 10px 18px),repeating-linear-gradient(-60deg,rgba(0,0,0,0) 0 8px,#30333c 8px 10px,rgba(0,0,0,0) 10px 18px);box-shadow:0 8px 16px rgba(0,0,0,.65)}
.lamps{position:absolute;inset:0;z-index:8;pointer-events:none}
.lamp{position:absolute;top:17px;width:26px;height:40px;margin-left:-13px;transform-origin:50% 2px}
.lamp::before{content:"";position:absolute;left:10px;top:0;width:6px;height:9px;border-radius:2px;background:#3a3d47}
.lamp i{position:absolute;left:2px;top:7px;width:22px;height:27px;border-radius:6px 6px 8px 8px;background:linear-gradient(90deg,#15161b 0%,#41454f 42%,#1b1c22 100%);box-shadow:0 0 0 1px #08090b}
.lamp b{position:absolute;left:3px;bottom:2px;width:20px;height:9px;border-radius:50%;background:radial-gradient(ellipse,#fff 0%,var(--c) 45%,rgba(0,0,0,0) 76%);box-shadow:0 0 22px 6px var(--c);transition:opacity .9s ease}
.set--m .lamp{top:12px;width:18px;height:30px;margin-left:-9px}
.set--m .lamp::before{left:6px;width:6px;height:7px}
.set--m .lamp i{left:2px;top:6px;width:14px;height:19px;border-radius:4px 4px 6px 6px}
.set--m .lamp b{left:2px;width:14px;height:7px;box-shadow:0 0 14px 4px var(--c)}
.gl{position:absolute;z-index:9;bottom:1.5%;left:85.13%;height:31%;aspect-ratio:60/170;transform:translateX(-50%);pointer-events:none}
.gl svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gl__glow{position:absolute;left:50%;top:20%;width:520%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,216,150,.6) 0%,rgba(255,190,110,.2) 30%,rgba(0,0,0,0) 68%);mix-blend-mode:screen;transition:opacity 1.2s ease;animation:breathe 4.5s ease-in-out infinite}
@keyframes breathe{50%{filter:brightness(1.15)}}
.spot{position:absolute;left:0;top:0;z-index:10;width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,246,230,.16) 0%,rgba(255,246,230,.06) 38%,rgba(0,0,0,0) 70%);mix-blend-mode:screen;transform:translate(var(--fx,-999px),var(--fy,-999px));opacity:var(--fo,0);transition:opacity .35s}
.no-js .pool{opacity:.9!important}
.no-js .beam{opacity:.45!important}
.no-js .lamp b{opacity:.9!important}
.no-js .gl__glow{opacity:.35}

/* ---------------------------------------------------------------- hero: the desk */
.desk{position:relative;display:flex;gap:18px;margin-top:14px;padding:16px 18px 18px;border-radius:22px;background:linear-gradient(180deg,#1e2027 0%,#16171c 55%,#111216 100%);box-shadow:inset 0 1px 0 #30333d,inset 0 -2px 0 #0a0a0d,0 0 0 1px #0b0c10,0 30px 60px -24px rgba(0,0,0,.85)}
.desk::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,rgba(0,0,0,0) 1px 3px)}
.chans{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px}
.lcd{position:relative;overflow:hidden;display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:88px;padding:10px 18px;border-radius:12px;background:linear-gradient(180deg,#0b1222,#070b16);box-shadow:inset 0 0 0 1px #24304a,inset 0 0 30px rgba(80,120,255,.08),0 1px 0 #2a2d36}
.lcd::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,rgba(0,0,0,0) 1px 3px)}
.lcd__ch{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-inline-end:14px;border-inline-end:1px solid #1e2940}
.lcd__lbl{font-size:12px;font-weight:700;color:#8a95b9}
.lcd__n{font-family:var(--fm);font-weight:700;font-size:38px;line-height:1;color:var(--c);text-shadow:0 0 14px var(--c)}
.lcd__body{min-width:0}
.lcd__meta{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;color:#a0abcb}
.lcd__meta i{flex:none;width:10px;height:10px;border-radius:2px;background:var(--c);box-shadow:0 0 8px var(--c)}
.lcd__t{margin:3px 0 2px;font-size:21px;font-weight:800;line-height:1.2;color:#f2f5ff}
.lcd__x{margin:0;font-size:14.5px;line-height:1.45;color:#b4bdd2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lcd__act{position:relative;z-index:1}
.lcd__go{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid var(--c);font-size:16px;font-weight:800;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0));white-space:nowrap;transition:box-shadow .2s,background-color .2s}
.lcd__go svg{width:20px;height:20px}
.lcd__go:hover{box-shadow:0 0 24px -4px var(--c);background-color:rgba(255,255,255,.06)}
.lcd__go[hidden],.lcd__wait[hidden]{display:none}
.lcd__wait{display:inline-block;padding:10px 16px;border:1px dashed #6e5c45;border-radius:10px;font-family:var(--fh);font-weight:600;font-size:16px;color:#ffd9a3;white-space:nowrap}
.lcd.is-flash::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.08),rgba(255,255,255,0));animation:scan .5s ease-out}
@keyframes scan{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.banks{display:none}
.bank{min-height:44px;padding:0 6px;border-radius:9px;border:1px solid #2b2d36;background:#17181e;font-size:13px;font-weight:800;color:#cfc8bb;cursor:pointer}
.bank.is-on{border-color:var(--amber);color:#fff;background:#23242c}
.grps{display:flex;gap:14px}
.grp{min-width:0}
.grp.rA,.grp.rB{flex:5 1 0}
.grp.rC{flex:3 1 0}
.grp.rD{flex:2 1 0}
.grp__lbl{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:12px;font-weight:800;color:#c3bbcb;white-space:nowrap}
.grp__lbl i{flex:1 1 auto;height:3px;border-radius:2px;background:var(--c);opacity:.7;box-shadow:0 0 8px -1px var(--c)}
.grp__strips{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
.strip{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:7px 4px 9px;border-radius:10px;background:linear-gradient(180deg,#1a1c23,#131418);box-shadow:inset 0 0 0 1px #25272f;transition:box-shadow .25s,background-color .25s}
.strip:hover,.strip.is-sel{background:linear-gradient(180deg,#20222b,#16171c);box-shadow:inset 0 0 0 1px #3a3d4a,0 12px 24px -16px var(--c)}
.strip.is-sel::after{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;border-radius:2px;background:var(--c);box-shadow:0 0 10px var(--c)}
.strip__top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 3px;font-family:var(--fm);font-weight:700;font-size:11px;color:#858a9d}
.strip__led{flex:none;width:7px;height:7px;border-radius:50%;background:#2a2c33;box-shadow:inset 0 0 0 1px #000;transition:background-color .4s,box-shadow .4s}
.strip.is-on .strip__led{background:var(--c);box-shadow:0 0 9px 1px var(--c)}
.strip__v{min-width:22px;text-align:end;color:#b2b6c4}
.strip.is-taped .strip__n,.strip.is-taped .strip__v{color:#555968}
.strip__mid{display:flex;align-items:stretch;justify-content:center;gap:5px;width:100%;height:132px}
.meter{position:relative;display:block;flex:none;width:6px;border-radius:2px;background:linear-gradient(0deg,#2ee08b 0%,#2ee08b 58%,#ffc43d 74%,#ff4f5e 92%);-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 8px,rgba(0,0,0,0) 8px 11px);mask-image:repeating-linear-gradient(0deg,#000 0 8px,rgba(0,0,0,0) 8px 11px)}
.meter__c{position:absolute;left:0;right:0;top:0;height:100%;display:block;background:#0c0d11;transform-origin:50% 0;transition:height .5s ease}
.strip.is-on .meter__c{animation:flick 1.3s steps(4,end) infinite}
.grp__strips .strip:nth-child(2n) .meter__c{animation-duration:1.05s}
.grp__strips .strip:nth-child(3n) .meter__c{animation-duration:1.6s}
@keyframes flick{0%{transform:scaleY(1)}25%{transform:scaleY(.92)}50%{transform:scaleY(1.04)}75%{transform:scaleY(.96)}100%{transform:scaleY(1)}}
.fader{position:relative;display:block;flex:none;width:44px}
.slot{position:absolute;left:50%;top:8px;bottom:8px;width:6px;margin-left:-3px;border-radius:3px;background:#050507;box-shadow:inset 0 1px 2px #000,0 1px 0 #2b2d35}
.ticks{position:absolute;top:8px;bottom:8px;left:4px;right:4px;background:repeating-linear-gradient(0deg,#3b3e48 0 1px,rgba(0,0,0,0) 1px 11.6px) 0 0/7px 100% no-repeat,repeating-linear-gradient(0deg,#3b3e48 0 1px,rgba(0,0,0,0) 1px 11.6px) 100% 0/7px 100% no-repeat}
.fd{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:grab;writing-mode:vertical-lr;direction:rtl;touch-action:none}
.fd:active{cursor:grabbing}
.cap{position:absolute;left:50%;bottom:0;width:38px;height:22px;margin-left:-19px;border-radius:4px;pointer-events:none;background:linear-gradient(180deg,#e2e4e8 0%,#aeb1b9 46%,#8b8e96 54%,#c9cbd1 100%);box-shadow:0 4px 7px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.7);transition:bottom .95s var(--ease),transform .95s var(--ease)}
.cap::after{content:"";position:absolute;left:5px;right:5px;top:50%;height:2px;margin-top:-1px;border-radius:1px;background:var(--c);box-shadow:0 0 6px var(--c)}
.strip.is-drag .cap,.strip.is-drag .meter__c{transition:none}
.fd:focus-visible + .cap{outline:2px solid var(--warm);outline-offset:3px}
.cap--down{filter:brightness(.7)}
.gaff{position:absolute;z-index:3;left:-7px;right:-7px;top:40%;height:30px;padding:0;border:0;border-radius:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#d02b35,#a31d27);box-shadow:0 2px 5px rgba(0,0,0,.55);transform:rotate(-6deg);clip-path:polygon(3% 0,97% 0,100% 18%,96% 36%,100% 52%,97% 70%,100% 86%,97% 100%,3% 100%,0 84%,4% 66%,0 50%,3% 32%,0 14%)}
.gaff span{font-family:var(--fh);font-weight:600;font-size:14px;letter-spacing:.3px;color:#fff}
.gaff.is-shake{animation:shake .5s ease}
@keyframes shake{20%{transform:rotate(-2deg) translateX(-3px)}40%{transform:rotate(-9deg) translateX(3px)}60%{transform:rotate(-4deg) translateX(-2px)}80%{transform:rotate(-7deg) translateX(1px)}}
.tape{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:4px 4px 3px;background:linear-gradient(180deg,#f1e8d2,#e2d6b9);font-family:var(--fh);font-weight:600;font-size:13px;line-height:1.15;text-align:center;color:#2a251f;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.5);clip-path:polygon(2% 4%,98% 0,100% 30%,97% 55%,100% 80%,98% 100%,2% 96%,0 70%,3% 45%,0 20%);transform:rotate(-1.5deg)}
a.tape:hover{background:linear-gradient(180deg,#fff4dc,#ece0c3)}
.grp__strips .strip:nth-child(2n) .tape{transform:rotate(1.4deg)}
.grp__strips .strip:nth-child(3n) .tape{transform:rotate(-.6deg)}
.strip.is-taped .tape{color:#7f776a;font-weight:600}
.master{position:relative;flex:0 0 256px;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:linear-gradient(180deg,#18191f,#111216);box-shadow:inset 0 0 0 1px #25272f}
.master::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 50% at 22% 0%,rgba(255,196,120,.15),rgba(0,0,0,0) 70%)}
.lite{position:absolute;left:18px;top:-58px;width:64px;height:70px;pointer-events:none}
.m__lbl{grid-area:l;position:relative;margin:0;font-size:12px;font-weight:800;color:#a8a0b4}
.scenes{grid-area:s;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.scene{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 9px;border-radius:9px;border:1px solid #2b2d36;background:#1a1b21;font-size:13px;font-weight:700;line-height:1.15;color:#ddd6ca;text-align:start;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s}
.scene i{flex:none;width:14px;height:19px;border-radius:2px;background:var(--c);opacity:.5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);transition:opacity .2s,box-shadow .2s}
.scene:hover{border-color:#3c3f4b;background:#20212a}
.scene.is-on{border-color:var(--c);background:#20212a;box-shadow:0 0 20px -8px var(--c)}
.scene.is-on i{opacity:1;box-shadow:0 0 12px var(--c)}
.go{grid-area:g;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;margin-top:4px;border:0;border-radius:12px;cursor:pointer;background:radial-gradient(120% 150% at 50% 0%,#4ff5a8 0%,#18b56b 55%,#0d7a48 100%);box-shadow:0 0 0 1px #0a5232,0 10px 26px -10px #2fe28d,inset 0 1px 0 rgba(255,255,255,.55);transition:transform .12s,box-shadow .2s}
button.go{color:#032012}
.go:hover{box-shadow:0 0 0 1px #0a5232,0 12px 34px -8px #2fe28d,inset 0 1px 0 rgba(255,255,255,.55)}
.go:active{transform:translateY(2px)}
.go__t{font-size:20px;font-weight:800;line-height:1}
.go__n{font-size:12px;font-weight:700;opacity:.82}
.bo{grid-area:b;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:10px;border:1px solid #3d2329;background:#1c1315;font-size:15px;font-weight:800;cursor:pointer;transition:background-color .2s,border-color .2s}
button.bo{color:#ffc3cb}
.bo i{flex:none;width:9px;height:9px;border-radius:50%;background:#ff4f5e;box-shadow:0 0 10px #ff4f5e}
.bo:hover,.bo[aria-pressed="true"]{background:#2a1117;border-color:#ff4f5e}
.no-js .master,.no-js .banks,.no-js .hint,.no-js .fd{display:none}

/* ---------------------------------------------------------------- the band: switch, deck, mini player */
.grp__inst{flex:none;padding:1px 8px 2px;border-radius:999px;border:1px solid var(--c);font-size:11px;font-weight:800;color:#ece6f3;background:rgba(0,0,0,.25)}
.desk.is-music .meter__c{transition:none;animation:none}
.deck{display:none}
.deck.is-ready{grid-area:d;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"r b" "c c" "v v";align-items:center;gap:8px 10px;padding:10px;border-radius:12px;background:linear-gradient(180deg,#1f2129,#15161b);box-shadow:inset 0 0 0 1px #2d303a,inset 0 1px 0 #3b3e49}
.deck__reels{grid-area:r;justify-self:center;position:relative;display:flex;align-items:center;gap:8px;width:max-content;direction:ltr}
.reel{display:block;width:34px;height:34px}
.deck.is-playing .reel{animation:reel 2.6s linear infinite}
.deck.is-playing .reel:last-child{animation-duration:3.4s}
.deck__tape{position:absolute;left:17px;right:17px;bottom:1px;height:2px;border-radius:1px;background:#4a3324}
@keyframes reel{to{transform:rotate(-360deg)}}
.deck__body{grid-area:b;min-width:0}
.deck__k{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0;font-size:11px;font-weight:800;color:#b3abbf}
.deck__hint{margin:3px 0 0;font-size:11.5px;font-weight:700;line-height:1.3;color:#8f889b}
.deck__t{margin:3px 0 0;font-size:14px;font-weight:800;line-height:1.25;color:#f6eedf;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.deck__time{display:inline-flex;gap:5px;font-family:var(--fm);font-weight:700;font-size:12px;color:#ffd28a;direction:ltr}
.deck__time i{font-style:normal;color:#5f5a6b}
.deck__ctl{grid-area:c;display:flex;justify-content:center;gap:8px;direction:ltr}
.dk{display:inline-flex;align-items:center;justify-content:center;width:46px;height:42px;padding:0;border-radius:10px;border:1px solid #333643;background:linear-gradient(180deg,#282a34,#1b1c22);color:#ece5d8;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .12s}
.dk svg{width:20px;height:20px}
.dk:hover{border-color:#50545f}
.dk:active{transform:translateY(1px)}
.dk--play{width:64px;border-color:var(--warm);color:#ffe3b3;box-shadow:0 0 20px -8px var(--warm)}
.dk .ic-pause,.mp .ic-pause{display:none}
.dk--play[aria-pressed="true"] .ic-play,.mp[aria-pressed="true"] .ic-play{display:none}
.dk--play[aria-pressed="true"] .ic-pause,.mp[aria-pressed="true"] .ic-pause{display:block}
.deck.is-loading .dk--play,.snd.is-loading,.mp.is-loading{animation:blink 1s ease-in-out infinite}
.deck__vol{grid-area:v;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#b3abbf}
.deck__vol input{flex:1 1 auto;min-width:0;height:30px;margin:0;accent-color:#ffd28a;cursor:pointer}
.snd .eq{width:20px;height:20px}
.eq__b{fill:currentColor;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.4)}
html.is-music .snd .eq__b{animation:eq 1.1s ease-in-out infinite}
html.is-music .snd .eq__b:nth-child(2){animation-duration:.8s}
html.is-music .snd .eq__b:nth-child(3){animation-duration:1.35s}
html.is-music .snd .eq__b:nth-child(4){animation-duration:.95s}
@keyframes eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.mp{position:fixed;z-index:70;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:10px;max-width:min(330px,calc(100vw - 32px));min-height:52px;padding:6px 8px 6px 14px;border-radius:999px;border:1px solid #3a3d48;background:rgba(14,15,20,.94);color:#f2eadb;box-shadow:0 16px 34px -12px rgba(0,0,0,.85);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.mp[hidden]{display:none}
.mp__reel .reel{width:38px;height:38px}
.mp.is-on .reel{animation:reel 2.6s linear infinite}
.mp.is-on{border-color:var(--warm);box-shadow:0 16px 34px -12px rgba(0,0,0,.85),0 0 22px -10px var(--warm)}
.mp__t{min-width:0;max-width:0;opacity:0;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:max-width .45s var(--ease),opacity .3s}
.mp.is-peek .mp__t,.mp:hover .mp__t,.mp:focus-visible .mp__t{max-width:230px;opacity:1}
@media (min-width:761px){.mp:not(.is-peek):not(:hover):not(:focus-visible){gap:6px;padding-inline:8px}}
.mp__st{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffd28a;color:#1a1408}
.mp__st svg{width:16px;height:16px}

/* ---------------------------------------------------------------- cue sheet */
.cues{padding:96px 0 40px}
.clip{position:relative;max-width:1120px;margin:48px auto 0}
.clip__clamp{position:absolute;z-index:3;top:-26px;left:50%;width:190px;height:52px;margin-left:-95px;border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,#e5e7ec 0%,#a3a7b0 45%,#7c8089 55%,#c7cad1 100%);box-shadow:0 10px 18px -6px rgba(0,0,0,.7),inset 0 1px 0 #fff}
.clip__clamp::after{content:"";position:absolute;left:50%;top:10px;width:46px;height:10px;margin-left:-23px;border-radius:6px;background:#3d4048;box-shadow:inset 0 2px 3px #000}
.clip::before{content:"";position:absolute;inset:-14px -16px -18px;border-radius:18px;background:linear-gradient(160deg,#5b3b22,#3d2614);box-shadow:0 40px 80px -30px #000;transform:rotate(-.6deg)}
.sheet{position:relative;z-index:1;padding:44px 40px 30px;border-radius:4px;background:linear-gradient(180deg,rgba(0,0,0,.025) 0,rgba(0,0,0,0) 60px),var(--paper);color:var(--ink2);box-shadow:0 2px 0 #d7cbb0,0 4px 0 #cbbd9f,0 18px 30px -18px rgba(0,0,0,.6);transform:rotate(-.6deg)}
.sheet__top{display:flex;justify-content:space-between;gap:16px;margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid #cbbf9f;font-family:var(--fh);font-weight:600;font-size:16px;color:var(--pencil)}
.cue-list{list-style:none;margin:0;padding:0}
.cue__in{display:grid;grid-template-columns:58px minmax(0,1fr) 168px 64px 132px;gap:18px;align-items:center;padding:14px 6px;border-bottom:1px dashed #cdbf9f;text-decoration:none;color:inherit;transition:background-color .2s}
a.cue__in:hover{background:rgba(120,90,40,.07)}
a.cue__in:hover .cue__t{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.cue__n{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--red);border-radius:52% 48% 50% 47%;font-family:var(--fm);font-weight:700;font-size:18px;color:var(--red);transform:rotate(-4deg)}
.cue__body{min-width:0}
.cue__t{display:block;font-size:19px;font-weight:800;line-height:1.3;color:#15120e}
.cue__x{display:block;margin-top:2px;font-size:15px;line-height:1.45;color:#5d564b}
.cue__rg{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#3b352d}
.cue__rg i{flex:none;width:12px;height:17px;border-radius:2px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.cue__m{font-family:var(--fm);font-size:13px;font-weight:700;color:#5d564b;white-space:nowrap}
.cue__st{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:#1f6b45;white-space:nowrap}
.cue__st::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:#2fbf72;box-shadow:0 0 0 3px rgba(47,191,114,.2)}
.cue--wait .cue__n{border-style:dashed;color:#9a8f7c;border-color:#b6a98f}
.cue--wait .cue__t{font-family:var(--fh);font-weight:600;color:#7a705f}
.cue--wait .cue__st{color:#9b3424}
.cue--wait .cue__st::before{background:#d64532;box-shadow:0 0 0 3px rgba(214,69,50,.18)}

/* ---------------------------------------------------------------- gels */
.gels{padding:88px 0 40px;overflow:hidden}
.fan{list-style:none;margin:64px 0 0;padding:0 0 30px;display:flex;justify-content:center}
.gel{position:relative;width:300px;margin:0 -22px;transform:rotate(var(--r,0deg)) translateY(var(--ty,0px));transition:transform .45s var(--ease),z-index 0s;z-index:1}
.gel:nth-child(1){--r:-8deg;--ty:22px}
.gel:nth-child(2){--r:-2.5deg;--ty:0px}
.gel:nth-child(3){--r:2.5deg;--ty:0px}
.gel:nth-child(4){--r:8deg;--ty:22px}
.gel:hover,.gel:focus-within{z-index:5;transform:rotate(0deg) translateY(-22px) scale(1.04)}
.gel a{position:relative;display:flex;flex-direction:column;gap:8px;min-height:390px;padding:24px 24px 22px 50px;border-radius:16px;overflow:hidden;text-decoration:none;color:#0c0b10;background-color:var(--c);background-image:linear-gradient(160deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 38%),linear-gradient(0deg,rgba(0,0,0,.22),rgba(0,0,0,0) 45%);box-shadow:0 30px 60px -28px var(--c),0 0 0 1px rgba(255,255,255,.35) inset,0 18px 40px -18px #000}
.gel a::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(255,255,255,.13) 0 2px,rgba(255,255,255,0) 2px 26px);mix-blend-mode:soft-light}
.gel a::after{content:"";position:absolute;top:14px;left:14px;width:54px;height:54px;border-radius:50%;border:2px solid rgba(0,0,0,.35);box-shadow:inset 0 0 0 6px rgba(255,255,255,.25)}
.gel__no{font-family:var(--fm);font-size:13px;font-weight:700;opacity:.75}
.gel__name{margin-top:26px;font-family:var(--fd);font-weight:700;font-size:52px;line-height:.88}
.gel__tl{font-size:17px;font-weight:800;line-height:1.3}
.gel__list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.gel__list li{padding:2px 9px 3px;background:rgba(255,255,255,.55);font-family:var(--fh);font-weight:600;font-size:13px;transform:rotate(-1.5deg);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.gel__list li:nth-child(2n){transform:rotate(1.3deg)}
.gel__n{margin-top:auto;font-size:14px;font-weight:800;opacity:.85}
.gel__go{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800}
.gel__go svg{width:20px;height:20px;transition:transform .25s}
.gel a:hover .gel__go svg{transform:translateX(-4px)}

/* ---------------------------------------------------------------- programme */
.prog{padding:80px 0 40px}
.prog__in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:48px;align-items:center}
.prog__card{position:relative;padding:44px 52px 40px;background:var(--paper);color:var(--ink2);border-radius:6px;box-shadow:0 0 0 8px #e3d7bb,0 0 0 9px #b9a984,0 40px 80px -30px #000}
.prog__card::before{content:"";position:absolute;inset:14px;border:1px solid #c9b994;pointer-events:none}
.prog__k{display:flex;align-items:center;gap:14px;margin:0;font-size:14px;font-weight:800;letter-spacing:1px;color:#8b6a3a}
.prog__k::before,.prog__k::after{content:"";flex:1 1 auto;height:1px;background:#c2ab7e}
.prog__h{margin:14px 0 18px;font-family:var(--fd);font-weight:700;font-size:62px;line-height:.92;text-align:center;color:#18140f}
.prog__card p{position:relative;font-size:18px;line-height:1.7}
.prog__card .btn{color:#2a1c08;border-color:#8b6a3a;background:linear-gradient(180deg,#f7e3b8,#ecd29b)}
.prog__lamp{position:relative;height:420px}
.prog__lamp svg{position:absolute;left:50%;bottom:0;width:120px;height:340px;transform:translateX(-50%)}
.prog__glow{position:absolute;left:50%;top:6%;width:440px;height:440px;margin-left:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,150,.5) 0%,rgba(255,190,110,.16) 30%,rgba(0,0,0,0) 66%);animation:breathe 4.5s ease-in-out infinite}

/* ---------------------------------------------------------------- setlist FAQ */
.setlist{padding:80px 0 96px}
.sl{position:relative;max-width:900px;margin:48px auto 0;padding:26px 36px 18px;background:linear-gradient(180deg,#f6eedd,#efe5ce);color:var(--ink2);transform:rotate(.5deg);box-shadow:0 30px 60px -30px #000}
.sl::before,.sl::after{content:"";position:absolute;top:-14px;width:118px;height:32px;background:linear-gradient(180deg,#2f2f35,#1d1d22);box-shadow:0 2px 4px rgba(0,0,0,.4);clip-path:polygon(2% 6%,98% 0,100% 50%,98% 100%,2% 94%,0 50%)}
.sl::before{right:-26px;transform:rotate(9deg)}
.sl::after{left:-26px;transform:rotate(-7deg)}
.sl__q{border-bottom:2px solid #d8cbaf}
.sl__q:last-child{border-bottom:0}
.sl__q summary{display:grid;grid-template-columns:40px minmax(0,1fr) 26px;gap:14px;align-items:center;padding:16px 2px;cursor:pointer;list-style:none;font-weight:800;font-size:19.5px;line-height:1.4;color:#1c1813}
.sl__q summary::-webkit-details-marker{display:none}
.sl__q summary::after{content:"";width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#b3341f 0 2.5px,rgba(0,0,0,0) 3px),conic-gradient(from 0deg,rgba(0,0,0,0) 0 100%);border:2px solid #b3341f;transition:transform .3s,background-color .3s}
.sl__q[open] summary::after{background-color:#b3341f;transform:scale(.8)}
.sl__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1c1813;color:#f6eedd;font-family:var(--fm);font-size:15px;font-weight:700}
.sl__q.rA .sl__n{box-shadow:0 0 0 3px var(--A)}
.sl__q.rB .sl__n{box-shadow:0 0 0 3px var(--B)}
.sl__q.rC .sl__n{box-shadow:0 0 0 3px var(--C)}
.sl__q.rD .sl__n{box-shadow:0 0 0 3px var(--D)}
.sl__a{padding:0 56px 18px 4px;font-size:17px;line-height:1.7}
.sl__a p{margin:0 0 8px}
.sl__from{font-size:15px;color:#5d564b}
.sl__from a{color:#8f2b18;font-weight:700}

/* ---------------------------------------------------------------- footer */
.ft{margin-top:40px;border-top:1px solid #1d1f28;background:linear-gradient(180deg,#0a0b10,#050609)}
.ft__in{max-width:1288px;margin:0 auto;padding:48px 24px 28px;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,.8fr)) minmax(0,.9fr);gap:32px}
.ft__name{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-family:var(--fd);font-weight:700;font-size:38px;line-height:1;color:#f8eedb}
.ft__ic svg{width:20px;height:28px}
.ft__brand p:last-child{margin:0;color:var(--mute);font-size:16px;max-width:360px}
.ft__h{margin:0 0 10px;font-size:13px;font-weight:800;color:var(--dim);letter-spacing:.5px}
.ft__col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ft__col a{display:inline-flex;align-items:center;gap:9px;min-height:32px;text-decoration:none;color:#ddd5c8;font-size:16px}
.ft__col a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.ft__exit p{margin:12px 0 0;color:var(--dim);font-size:14px}
.exit{display:inline-block;padding:6px 16px;border-radius:6px;background:#0b3220;color:#62ffa6;font-weight:800;font-size:18px;letter-spacing:.5px;box-shadow:0 0 22px -2px rgba(80,255,150,.35),inset 0 0 0 2px #1a6b40;text-shadow:0 0 10px rgba(98,255,166,.75)}
.ft__c{max-width:1288px;margin:0 auto;padding:16px 24px 28px;border-top:1px solid #15171e;color:#7d768a;font-size:14px}

/* ---------------------------------------------------------------- article */
.cuebar{position:fixed;z-index:70;top:0;left:0;right:0;transform:translateY(-110%);transition:transform .35s var(--ease);background:rgba(8,9,13,.93);border-bottom:1px solid #22242d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cuebar.is-on{transform:none}
.cuebar__in{max-width:1288px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:14px}
.cuebar__light{flex:none;width:12px;height:12px;border-radius:50%;background:#ff4f5e;box-shadow:0 0 10px #ff4f5e;transition:background-color .4s,box-shadow .4s}
.cuebar__light.is-go{background:#2ee08b;box-shadow:0 0 12px #2ee08b}
.cuebar__light.is-end{background:var(--warm);box-shadow:0 0 12px var(--warm)}
.cuebar__n{flex:none;font-family:var(--fm);font-weight:700;font-size:14px;color:var(--c)}
.cuebar__t{flex:1 1 auto;min-width:0;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e9e2d5}
.cuebar__track{position:relative;flex:none;width:180px;height:6px;border-radius:3px;background:#1b1c23;box-shadow:inset 0 1px 2px #000}
.cuebar__track i{position:absolute;right:0;top:0;bottom:0;width:0;border-radius:3px;background:linear-gradient(270deg,var(--c),#fff)}

.art{position:relative}
.ah{max-width:1288px;margin:0 auto;padding:18px 24px 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"text stage";gap:44px;align-items:center}
.ah__text{grid-area:text}
.ah__stage{grid-area:stage;position:relative;width:100%;max-width:500px;aspect-ratio:1/1.08;justify-self:center;border-radius:24px;overflow:hidden;background:radial-gradient(70% 60% at 50% 62%,#1d1f2d 0%,#0c0d14 60%,#06070b 100%);box-shadow:0 0 0 1px #171822,0 40px 80px -40px #000}
.ah__stage::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 20px rgba(0,0,0,.8)}
.ah__truss{position:absolute;left:-2%;right:-2%;top:12px;height:16px;background:linear-gradient(#5a5e6b,#2b2e36) 0 0/100% 3px no-repeat,linear-gradient(#4a4e59,#24262d) 0 100%/100% 3px no-repeat,repeating-linear-gradient(60deg,rgba(0,0,0,0) 0 7px,#3b3f49 7px 9px,rgba(0,0,0,0) 9px 16px),repeating-linear-gradient(-60deg,rgba(0,0,0,0) 0 7px,#30333c 7px 9px,rgba(0,0,0,0) 9px 16px)}
.ah__lamp{position:absolute;left:50%;top:22px;width:34px;height:50px;margin-left:-17px}
.ah__lamp i{position:absolute;left:3px;top:6px;width:28px;height:34px;border-radius:7px 7px 10px 10px;background:linear-gradient(90deg,#15161b 0%,#41454f 42%,#1b1c22 100%)}
.ah__lamp b{position:absolute;left:4px;bottom:4px;width:26px;height:11px;border-radius:50%;background:radial-gradient(ellipse,#fff 0%,var(--c) 45%,rgba(0,0,0,0) 76%);box-shadow:0 0 30px 8px var(--c);animation:lens 1.6s ease-out both}
.ah__beam{position:absolute;left:0;right:0;top:66px;bottom:6%;mix-blend-mode:screen;filter:blur(8px);background:linear-gradient(180deg,#fff 0%,var(--c) 18%,rgba(0,0,0,0) 92%);clip-path:polygon(47.5% 0,52.5% 0,92% 72%,8% 72%);opacity:.5;animation:lens 1.6s ease-out both;-webkit-mask-image:url(/files/haze.webp),linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55));mask-image:url(/files/haze.webp),linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55));-webkit-mask-size:420px 420px,100% 100%;mask-size:420px 420px,100% 100%}
.ah__pool{position:absolute;left:9%;right:9%;bottom:7%;margin:0;aspect-ratio:1;border-radius:50%;animation:poolin 1.6s ease-out both}
.ah__pool img{width:100%;height:100%;object-fit:cover;border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 0 52%,rgba(0,0,0,.55) 62%,rgba(0,0,0,0) 71%);mask-image:radial-gradient(circle,#000 0 52%,rgba(0,0,0,.55) 62%,rgba(0,0,0,0) 71%)}
.ah__pool::after{content:"";position:absolute;inset:-3%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,0) 48%,var(--c) 63%,rgba(0,0,0,0) 72%);opacity:.5;mix-blend-mode:screen}
.ah__floor{position:absolute;left:0;right:0;bottom:0;height:9%;background:linear-gradient(#14151d,#07080c);box-shadow:0 -1px 0 #23252f}
@keyframes lens{0%{opacity:0}12%{opacity:.8}16%{opacity:.1}24%{opacity:.9}30%{opacity:.3}42%,100%{opacity:1}}
@keyframes poolin{0%{opacity:0;filter:brightness(.3)}30%{opacity:.6;filter:brightness(.6)}36%{opacity:.25}48%,100%{opacity:1;filter:none}}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0 0 16px;padding:0;font-size:14px;color:var(--dim)}
.crumbs li:not(:last-child)::after{content:"/";margin:0 8px;color:#4c4756}
.crumbs a{color:#cfc7d8;text-decoration:none}
.crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.ah__meta1{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid #30323f;background:rgba(255,255,255,.04);font-size:14px;font-weight:800;text-decoration:none;color:#ece5d9}
.chip i{flex:none;width:9px;height:13px;border-radius:2px;background:var(--c);box-shadow:0 0 9px var(--c)}
.chip:hover{border-color:var(--c)}
.ah__cue{font-family:var(--fm);font-size:13px;font-weight:700;color:var(--c)}
.ah h1{margin:0;font-family:var(--fd);font-weight:700;font-size:clamp(46px,5.6vw,76px);line-height:.92;color:#fdf4e3}
.lead{margin:18px 0 0;font-size:21px;line-height:1.55;color:#e1d9e6;max-width:620px}
.ah__meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin:20px 0 0;font-size:15px;color:var(--mute)}
.ah__meta span{display:inline-flex;align-items:center;gap:8px}
.ah__meta span::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c)}
.brief{position:relative;max-width:min(900px,calc(100% - 56px));margin:56px auto 0;padding:24px 34px 20px;background:linear-gradient(180deg,#f4ebd7,#ece1c8);color:var(--ink2);transform:rotate(-.7deg);box-shadow:0 26px 50px -26px #000}
.brief::before,.brief::after{content:"";position:absolute;top:-12px;width:96px;height:28px;background:linear-gradient(180deg,#2f2f35,#1d1d22);clip-path:polygon(2% 6%,98% 0,100% 50%,98% 100%,2% 94%,0 50%)}
.brief::before{right:-20px;transform:rotate(8deg)}
.brief::after{left:-20px;transform:rotate(-6deg)}
.brief__h{margin:0 0 6px;font-family:var(--fh);font-weight:600;font-size:22px;color:var(--red)}
.brief p{margin:0;font-size:18.5px;line-height:1.65}

.book{max-width:1288px;margin:56px auto 0;padding:0 24px;display:grid;grid-template-columns:264px minmax(0,1fr);gap:40px;align-items:start}
.cs{position:sticky;top:76px;display:flex;gap:16px;max-height:calc(100vh - 96px)}
.cs__fader{position:relative;flex:none;width:34px;height:300px;border-radius:10px;background:linear-gradient(180deg,#1a1c23,#121318);box-shadow:inset 0 0 0 1px #25272f}
.cs__slot{position:absolute;left:50%;top:14px;bottom:14px;width:5px;margin-left:-2.5px;border-radius:3px;background:#050507;box-shadow:inset 0 1px 2px #000}
.cs__meter{position:absolute;right:4px;top:14px;bottom:14px;width:4px;overflow:hidden;border-radius:2px;background:#1d1f27}
.cs__meter i{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(0deg,#2ee08b,#ffc43d 80%,#ff4f5e)}
.cs__cap{position:absolute;left:50%;bottom:14px;width:26px;height:16px;margin-left:-13px;border-radius:3px;background:linear-gradient(180deg,#e2e4e8 0%,#aeb1b9 46%,#8b8e96 54%,#c9cbd1 100%);box-shadow:0 3px 6px rgba(0,0,0,.6)}
.cs__cap::after{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;margin-top:-1px;background:var(--c)}
.cs__body{min-width:0;overflow:auto;scrollbar-width:thin}
.cs__h{margin:0 0 10px;font-size:14px;font-weight:800;color:var(--dim);letter-spacing:.4px}
.cs__h span{font-family:var(--fm);color:var(--c)}
.cs__toggle{display:none}
.cs__list{list-style:none;margin:0;padding:0}
.cs__list a{display:grid;grid-template-columns:10px 34px minmax(0,1fr);gap:8px;align-items:baseline;padding:5px 0;font-size:14.5px;line-height:1.4;color:#b8b0c2;text-decoration:none;transition:color .2s}
.cs__list a:hover{color:#fff}
.cs__dot{width:9px;height:9px;border-radius:50%;border:1.5px solid #4a4d58;transform:translateY(-1px);transition:background-color .3s,border-color .3s,box-shadow .3s}
.cs__q{font-family:var(--fm);font-size:11.5px;font-weight:700;color:#6f6a7c}
.cs__list li.is-done .cs__dot{background:#2ee08b;border-color:#2ee08b;box-shadow:0 0 8px #2ee08b}
.cs__list li.is-now a{color:#fff}
.cs__list li.is-now .cs__dot{background:var(--warm);border-color:var(--warm);box-shadow:0 0 10px var(--warm)}

.script{position:relative;min-width:0;padding:60px 64px 48px 150px;border-radius:4px;background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) calc(100% - 128px),rgba(179,52,31,.35) calc(100% - 128px),rgba(179,52,31,.35) calc(100% - 126px),rgba(0,0,0,0) calc(100% - 126px)),var(--paper);color:var(--ink2);font-size:19px;line-height:1.78;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 40px 90px -40px #000}
.script{padding:60px 150px 48px 64px}
.script p{margin:0 0 1.05em}
.script a{color:#8f2b18;font-weight:700;text-decoration-thickness:1.5px;text-underline-offset:3px}
.script a:hover{color:#5f1b0e}
.opening p:first-child{font-size:21.5px;line-height:1.6;font-weight:700;color:#14110d}
.leg{position:relative}
.script h2{position:relative;margin:2.1em 0 .65em;font-family:var(--f);font-weight:800;font-size:27px;line-height:1.25;color:#120f0c}
.script h2::before{content:"קיו " attr(data-q);position:absolute;right:-128px;top:-2px;width:104px;padding:3px 0;border:1.5px solid rgba(179,52,31,.6);border-radius:46% 52% 44% 50%;font-family:var(--fh);font-weight:600;font-size:15px;line-height:1.5;text-align:center;color:var(--red);transform:rotate(-4deg)}
.script h2::after{content:"";position:absolute;right:-22px;top:.62em;width:16px;border-top:1.5px dashed rgba(179,52,31,.6)}
.kit{list-style:none;margin:0 0 1.2em;padding:0}
.kit li{position:relative;margin:10px 0;padding-inline-start:38px}
.kit li::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:24px;height:15px;background:linear-gradient(180deg,#34343a,#202025);transform:rotate(-5deg);clip-path:polygon(3% 8%,97% 0,100% 50%,97% 100%,3% 92%,0 50%)}
.kit li:nth-child(2n)::before{transform:rotate(4deg)}
.report{margin:0 0 1.2em;border:1.5px solid #8ea3b8;border-radius:6px;background:linear-gradient(180deg,#eef2f4,#e6ecef);color:#1c232b;overflow:hidden}
.report__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:12px 20px;border-bottom:1.5px dashed #8ea3b8;font-size:15px;color:#33404d}
.report__stamp{display:inline-block;padding:2px 12px;border:2px solid var(--red);border-radius:4px;font-family:var(--fh);font-weight:600;font-size:16px;color:var(--red);transform:rotate(-5deg)}
.report__f b{margin-inline-end:8px;font-weight:800;color:#5a6875}
.report p{margin:0;padding:12px 22px 0}
.report p:last-child{padding-bottom:18px}
.two{margin:0 0 1.1em}
.two__stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:44px 18px 18px;border-radius:16px;background:radial-gradient(80% 90% at 50% 0%,#20222f,#0b0c12 75%);box-shadow:inset 0 0 0 1px #1d1f29,0 20px 40px -24px #000}
.two__spot{--a:1;position:relative;padding:20px 20px 16px;border-radius:12px;color:#f1eadf;font-size:17px;line-height:1.7;background:radial-gradient(110% 90% at 50% 0%,rgba(255,236,206,.2),rgba(255,236,206,.03) 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);opacity:calc(.32 + .68 * var(--a));filter:saturate(calc(.4 + .6 * var(--a)));transition:opacity .35s,filter .35s}
.two__spot::before{display:block;margin:0 0 6px;font-family:var(--fh);font-weight:600;font-size:15px;color:var(--amber)}
.two__spot--a::before{content:"עמדה א׳"}
.two__spot--b::before{content:"עמדה ב׳"}
.two__spot::after{content:"";position:absolute;left:50%;top:-40px;width:70%;height:60px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(50% 100% at 50% 0%,rgba(255,240,215,.55),rgba(0,0,0,0));opacity:var(--a);transition:opacity .35s}
.two__spot p{margin:0}
.two__xf{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px auto 0;max-width:460px;font-family:var(--fh);font-weight:600;font-size:15px;color:#6b6152}
.two__xf[hidden]{display:none}
.two__xf input{flex:1 1 auto;accent-color:#b3341f;min-height:30px;cursor:pointer}
.two__meet{margin-top:4px}
.imprint{margin:2.4em 0 0;padding-top:18px;border-top:1.5px dashed #cbbf9f;font-family:var(--fh);font-weight:600;font-size:16px;line-height:1.7;color:#6a5f50}
.credits{max-width:900px;margin:56px auto 0;padding:0 24px;text-align:center}
.credits__h{margin:0;font-family:var(--fd);font-weight:700;font-size:44px;line-height:1;color:#f6ecdb}
.credits ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.credits a{color:#e9c693;font-weight:700;text-underline-offset:4px}
.call{position:relative;isolation:isolate;max-width:1240px;margin:72px auto 0;padding:110px 24px 64px;overflow:hidden;border-radius:26px;background:radial-gradient(70% 80% at 50% 100%,#3a1d10,#0d0b0e 72%);text-align:center}
.call__valance{position:absolute;z-index:3;top:0;left:0;right:0;height:52px;background:repeating-linear-gradient(90deg,#6d1220 0 30px,#8f1d2e 30px 60px);border-bottom:3px solid #c9a04a;border-radius:0 0 50% 50%/0 0 34px 34px;box-shadow:0 10px 20px rgba(0,0,0,.5)}
.call__cur{position:absolute;z-index:1;top:0;bottom:0;width:52%;background:repeating-linear-gradient(90deg,#5c0f1a 0 18px,#8a1a29 18px 34px,#5c0f1a 34px 52px);box-shadow:inset 0 -60px 80px rgba(0,0,0,.55);transition:transform 1.5s cubic-bezier(.6,.05,.25,1)}
.call__cur--r{right:0;transform:translateX(86%)}
.call__cur--l{left:0;transform:translateX(-86%)}
.call.is-down .call__cur{transform:none}
.call__in{position:relative;z-index:2;max-width:720px;margin:0 auto}
.call__k{margin:0;font-family:var(--fh);font-weight:600;font-size:18px;color:var(--amber)}
.call__h{margin:6px 0 12px;font-family:var(--fd);font-weight:700;font-size:clamp(50px,6vw,76px);line-height:.92;color:#fff4e3;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.call__p{margin:0 auto;max-width:560px;font-size:18px;color:#f0e2d6}
.clap{display:inline-flex;align-items:center;gap:10px;margin-top:22px;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid #e9c693;background:rgba(20,8,8,.55);font-weight:800;font-size:16px;cursor:pointer;transition:transform .12s,box-shadow .2s}
button.clap{color:#ffe6c4}
.clap[hidden]{display:none}
.clap:hover{box-shadow:0 0 24px -4px #e9c693}
.clap:active{transform:scale(.96)}
.call.is-clap .call__in::before{content:"";position:absolute;left:50%;top:40%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,232,190,.35),rgba(0,0,0,0) 60%);animation:flash 1s ease-out both;z-index:-1}
@keyframes flash{0%{opacity:0;transform:scale(.6)}25%{opacity:1}100%{opacity:0;transform:scale(1.15)}}
.nq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;text-align:start}
.nq__a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background:rgba(10,8,10,.72);border:1px solid rgba(255,255,255,.14);text-decoration:none;transition:border-color .2s,transform .2s}
.nq__a:hover{border-color:#e9c693;transform:translateY(-2px)}
.nq__k{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--amber)}
.nq__k svg{width:18px;height:18px}
.nq__t{font-weight:700;font-size:17px;line-height:1.35;color:#fff3e4}
.nq__a--next{text-align:end;align-items:flex-end}
.more{padding:80px 0 30px}
.mcards{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.mcard>a,.mcard__in{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:16px;height:100%;padding:16px;border-radius:16px;background:#0f1017;border:1px solid #23252f;text-decoration:none;transition:border-color .2s,transform .2s}
.mcard>a:hover{border-color:var(--c);transform:translateY(-2px)}
.mcard__pool{grid-row:1/4;width:92px;height:92px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--c),0 0 30px -6px var(--c)}
.mcard__pool img{width:100%;height:100%;object-fit:cover}
.mcard__q{font-family:var(--fm);font-size:12px;font-weight:700;color:var(--c)}
.mcard__t{margin-top:2px;font-weight:800;font-size:17px;line-height:1.3;color:#f3ecdf}
.mcard__x{margin-top:4px;font-size:14.5px;line-height:1.45;color:var(--mute)}
.mcard__pool--taped,.card__pool--taped{display:grid;place-items:center;background:radial-gradient(circle,#191a22,#0c0d12);box-shadow:inset 0 0 0 1px #2a2c36;position:relative}
.mcard__pool--taped span,.card__pool--taped span{position:relative;z-index:1;padding:3px 10px;background:linear-gradient(180deg,#d02b35,#a31d27);color:#fff;font-family:var(--fh);font-weight:600;font-size:14px;transform:rotate(-8deg)}
.mcard--wait .mcard__t,.card--wait .card__t{font-family:var(--fh);font-weight:600;color:#b5ad9f}
.more__all{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}

/* ---------------------------------------------------------------- scene pages */
.sh{position:relative;overflow:hidden;padding:40px 0 70px;min-height:560px}
.sh__wash{position:absolute;inset:0;background:radial-gradient(60% 80% at 22% 0%,color-mix(in srgb,var(--c) 38%,transparent),transparent 70%),radial-gradient(90% 60% at 50% 120%,#15161f,transparent),#07080c}
.sh__lamp{position:absolute;left:19%;top:-6px;width:70px;height:56px;border-radius:0 0 14px 14px;background:linear-gradient(90deg,#15161b,#41454f 42%,#1b1c22);box-shadow:0 0 0 1px #08090b}
.sh__lamp::after{content:"";position:absolute;left:8px;right:8px;bottom:-6px;height:14px;border-radius:50%;background:radial-gradient(ellipse,#fff,var(--c) 45%,transparent 76%);box-shadow:0 0 40px 12px var(--c)}
.sh__cone{position:absolute;left:calc(19% - 260px);top:40px;width:590px;height:130%;mix-blend-mode:screen;filter:blur(14px);opacity:.45;background:linear-gradient(180deg,#fff 0%,var(--c) 18%,transparent 85%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}
.sh__haze{position:absolute;inset:-50%;background:url(/files/haze.webp) 0 0/600px 600px repeat;opacity:.08;mix-blend-mode:screen;animation:drift 90s linear infinite}
.sh__in{position:relative;z-index:2}
.sh__k{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:15px;font-weight:800;color:#e6dfd2}
.sh__gel{width:14px;height:20px;border-radius:2px;background:var(--c);box-shadow:0 0 14px var(--c)}
.sh h1{margin:0;font-family:var(--fd);font-weight:700;font-size:clamp(76px,11vw,150px);line-height:.85;color:#fff6e8;text-shadow:0 0 40px color-mix(in srgb,var(--c) 45%,transparent)}
.sh .lead{font-size:24px;font-weight:700;color:#f1e9dc}
.sh__intro{max-width:680px;margin-top:20px;font-size:18px;color:#dcd3e0}
.sh__intro p{margin:0 0 .9em}
main{overflow-x:clip}
.sl-sec{padding:40px 0 30px}
.cards{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card>a,.card__in{display:flex;flex-direction:column;gap:6px;height:100%;padding:22px;border-radius:18px;background:linear-gradient(180deg,#11121a,#0c0d13);border:1px solid #23252f;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s}
.card>a:hover{border-color:var(--c);transform:translateY(-3px);box-shadow:0 24px 50px -30px var(--c)}
.card__pool{align-self:center;width:200px;height:200px;margin:4px 0 12px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--c),0 0 50px -10px var(--c);transition:filter .3s}
.card__pool img{width:100%;height:100%;object-fit:cover;filter:brightness(.82);transition:filter .3s}
.card>a:hover .card__pool img{filter:none}
.card__q{font-family:var(--fm);font-size:13px;font-weight:700;color:var(--c)}
.card__t{font-weight:800;font-size:20px;line-height:1.3;color:#f6efe2}
.card__x{font-size:15.5px;line-height:1.5;color:var(--mute)}
.card__m{margin-top:auto;padding-top:8px;font-size:13.5px;color:var(--dim)}
.others{padding:50px 0 30px}
.others .sec-h{font-size:46px}
.others__list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.gelbtn{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 18px;border-radius:14px;background:#0f1017;border:1px solid #23252f;text-decoration:none;transition:border-color .2s,transform .2s}
.gelbtn:hover{border-color:var(--c);transform:translateY(-2px)}
.gelbtn i{flex:none;width:22px;height:32px;border-radius:3px;background:var(--c);box-shadow:0 0 18px var(--c)}
.gelbtn b{display:block;font-size:18px;color:#f6efe2}
.gelbtn small{display:block;font-size:14px;color:var(--mute)}

/* ---------------------------------------------------------------- booklet (about, accessibility) */
.booklet{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1120px;margin:30px auto 80px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #1c1d26,0 60px 100px -50px #000}
.booklet__cover{position:relative;overflow:hidden;min-height:520px;padding:40px 30px;background:radial-gradient(80% 60% at 50% 70%,#2a2234,#0d0b12 72%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}
.booklet__cover svg{position:relative;width:90px;height:255px;margin-top:auto}
.booklet__glow{position:absolute;left:50%;top:44%;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,150,.45),rgba(255,190,110,.14) 32%,transparent 66%);animation:breathe 4.5s ease-in-out infinite}
.booklet__t{position:relative;order:-1;font-family:var(--fd);font-weight:700;font-size:72px;line-height:.9;color:#fbe9cb}
.booklet__s{position:relative;margin-top:18px;font-size:15px;font-weight:800;letter-spacing:1px;color:var(--amber)}
.booklet__page{padding:44px 56px 50px;background:var(--paper);color:var(--ink2);font-size:18px;line-height:1.75}
.booklet__page .crumbs ol{color:#7a7062}
.booklet__page .crumbs a{color:#5a3b1a}
.booklet__page .crumbs li:not(:last-child)::after{color:#a99b82}
.booklet__page h1{margin:0 0 18px;font-family:var(--fd);font-weight:700;font-size:clamp(52px,6vw,74px);line-height:.9;color:#15110d}
.booklet__page h2{display:flex;align-items:center;gap:12px;margin:1.7em 0 .5em;font-size:24px;font-weight:800;line-height:1.3;color:#15110d}
.bk__n{display:grid;place-items:center;flex:none;width:38px;height:38px;border:2px solid var(--red);border-radius:52% 48% 50% 47%;font-family:var(--fm);font-weight:700;font-size:14px;color:var(--red);transform:rotate(-5deg)}
.booklet__page p{margin:0 0 1em}

/* ---------------------------------------------------------------- 404 */
.lost{position:relative;overflow:hidden;min-height:620px;padding:60px 0 70px}
.lost__stage{position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 75%,#1b1d2b,#07080c 70%)}
.lost__stage svg{position:absolute;left:11%;bottom:9%;width:80px;height:226px}
.lost__glow{position:absolute;left:calc(11% + 40px);bottom:-44px;width:560px;height:560px;margin-left:-280px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,150,.45),rgba(255,190,110,.14) 32%,transparent 66%);animation:breathe 4.5s ease-in-out infinite}
.lost__floor{position:absolute;left:0;right:0;bottom:0;height:9%;background:linear-gradient(#14151d,#07080c);box-shadow:0 -1px 0 #23252f}
.lost__in{position:relative;z-index:2;max-width:760px;text-align:center}
.lost__k{margin:0;font-family:var(--fm);font-weight:700;color:var(--amber)}
.lost h1{margin:8px 0 10px;font-family:var(--fd);font-weight:700;font-size:clamp(64px,9vw,120px);line-height:.88;color:#fdf2e0}
.lost p{color:#ddd4e0}
.lost .btn{margin:6px}
.lost .others__list{margin-top:28px;text-align:start}
.lost h1{text-shadow:0 0 60px rgba(255,210,140,.25)}

/* ---------------------------------------------------------------- responsive */
@media (min-width:1181px){
.strip__mid{height:206px}
.deck__hint{display:none}
.deck.is-ready{gap:7px 10px;padding:9px 10px}
.deck__vol input{height:22px}
.dk{height:38px}
.go{min-height:58px}
}
@media (max-width:1180px){
.bill{position:static;width:auto;max-width:700px;padding:10px 4px 22px;text-shadow:none}
.h1{font-size:60px}
.desk{flex-direction:column}
.master{flex:none;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"d d" "l l" "s g" "s b";column-gap:12px;align-items:start}
.deck.is-ready{grid-template-columns:auto minmax(0,1fr) auto minmax(130px,200px);grid-template-areas:"r b c v";margin-bottom:6px}
.scenes{grid-template-columns:repeat(2,minmax(0,1fr))}
.go{margin-top:0}
.lite{display:none}
.ft__in{grid-template-columns:repeat(2,minmax(0,1fr))}
.gel{width:250px;margin:0 -16px}
.gel a{min-height:360px;padding:22px 20px 20px 44px}
.gel a::after{width:46px;height:46px}
.gel__name{font-size:44px}
}
@media (max-width:980px){
.burger{display:inline-flex;margin-inline-start:auto}
.js .nav{display:none;position:absolute;top:70px;left:12px;right:12px;flex-direction:column;align-items:stretch;padding:8px;border:1px solid #262833;border-radius:14px;background:#0f1017;box-shadow:0 20px 40px rgba(0,0,0,.6)}
.js .mh.is-open .nav{display:flex}
.no-js .mh__in{height:auto;flex-wrap:wrap;padding:10px 14px}
.no-js .nav{flex-wrap:wrap;margin:0}
.js .banks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.js .desk.b0 .grp:not(.bk0),.js .desk.b1 .grp:not(.bk1),.js .desk.b2 .grp:not(.bk2){display:none}
.no-js .grps{overflow-x:auto}
.no-js .grp{flex:none;width:340px}
.ah{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "text";gap:26px}
.ah__stage{max-width:420px}
.book{grid-template-columns:minmax(0,1fr);gap:18px}
.cs{position:relative;top:0;max-height:none;padding:14px 16px;border-radius:14px;background:#0f1017;border:1px solid #23252f}
.cs__fader{display:none}
.cs__toggle{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #3a3c48;background:transparent;font-size:14px;font-weight:800;cursor:pointer}
.cs__toggle[hidden]{display:none}
.cs.is-folded .cs__list{display:none}
.cs__h{display:inline-block;margin:0 0 0 12px}
.cs__list{margin-top:10px}
.script{padding:44px 26px 36px 26px;background:var(--paper)}
.script::before{display:none}
.script h2{padding-top:28px}
.script h2::before{position:static;display:block;width:auto;margin:0 0 6px;padding:0;border:0;text-align:start;transform:none;font-size:14px}
.script h2::after{display:none}
.cue__in{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"n body" "n meta";gap:8px 14px}
.cue__n{grid-area:n;align-self:start}
.cue__body{grid-area:body}
.cue__rg,.cue__m,.cue__st{grid-area:meta}
.cue__in{grid-template-areas:"n body body body" "n rg m st";grid-template-columns:52px auto auto minmax(0,1fr)}
.cue__rg{grid-area:rg}
.cue__m{grid-area:m}
.cue__st{grid-area:st;justify-self:end}
.fan{justify-content:flex-start;gap:16px;margin-top:36px;padding:10px 4px 30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.fan::-webkit-scrollbar{display:none}
.gel{flex:none;width:min(300px,78vw);margin:0;transform:none!important;scroll-snap-align:start}
.prog__in{grid-template-columns:minmax(0,1fr)}
.prog__lamp{display:none}
.booklet{grid-template-columns:minmax(0,1fr)}
.booklet__cover{min-height:0;flex-direction:row;padding:24px 28px}
.booklet__cover svg{width:40px;height:113px;margin:0}
.booklet__glow{left:auto;right:-120px;top:50%}
.booklet__t{order:0;font-size:52px}
.booklet__s{margin:0}
}
@media (max-width:760px){
body{font-size:17px}
.wrap{padding:0 16px}
.mh__in{height:62px;padding:0 14px;gap:10px}
.logo__t{font-size:34px}
.snd{min-height:44px;padding:0 12px}
.snd__t{display:none}
.js .nav{top:62px}
.hero{padding:0 0 24px}
.bill{padding:12px 16px 18px}
.h1{font-size:50px}
.tag{font-size:16px}
.sc{aspect-ratio:390/600;border-radius:0;box-shadow:none}
.set--d{display:none}
.set--m{display:block}
.truss{top:6px;height:14px}
.gl{left:65.9%;height:21%}
.desk{margin:12px 10px 0;padding:12px;border-radius:18px;gap:12px}
.lcd{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 14px}
.lcd__ch{flex-direction:row;align-items:baseline;gap:8px;padding:0;border:0}
.lcd__n{font-size:30px}
.lcd__act{justify-self:start}
.grps{gap:10px}
.master{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"d d" "l l" "s s" "g b"}
.deck.is-ready{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"r b" "c v";gap:10px}
.deck__ctl{justify-content:flex-start}
.dk{width:42px}
.dk--play{width:56px}
.mp{left:12px;bottom:12px;gap:0;min-height:0;padding:5px}
.mp__t{display:none}
.mp__st{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;box-shadow:0 0 0 2px #0e0f14}
.mp__st svg{width:13px;height:13px}
.cues{padding-top:70px}
.clip::before{inset:-10px -8px -14px}
.sheet{padding:34px 16px 20px}
.sheet__top{flex-direction:column;gap:2px;font-size:14px}
.cue__in{grid-template-areas:"n body" "n meta";grid-template-columns:44px minmax(0,1fr)}
.cue__n{width:40px;height:40px;font-size:15px}
.cue__rg,.cue__m,.cue__st{grid-area:auto}
.cue__in>.cue__rg{grid-column:2;grid-row:2;justify-self:start}
.cue__in>.cue__m{display:none}
.cue__in>.cue__st{grid-column:2;grid-row:3;justify-self:start}
.cue__t{font-size:17.5px}
.prog__card{padding:34px 22px 28px}
.prog__h{font-size:48px}
.sl{padding:18px 16px 10px;margin-top:36px}
.sl__q summary{grid-template-columns:34px minmax(0,1fr) 22px;font-size:18px}
.sl__a{padding:0 4px 16px}
.ah{padding:8px 16px 0}
.ah__stage{max-width:none;border-radius:18px}
.lead{font-size:19px}
.brief{max-width:none;margin:40px 14px 0;padding:22px 18px 18px}
.book{padding:0 10px}
.script{padding:34px 18px 28px;font-size:18px;line-height:1.75}
.script h2{font-size:24px}
.two__stage{grid-template-columns:minmax(0,1fr);padding:34px 12px 12px}
.two__spot::after{top:-30px}
.report p{padding:10px 14px 0}
.report__head{padding:10px 14px}
.call{margin:56px 10px 0;padding:96px 16px 40px}
.nq{grid-template-columns:minmax(0,1fr)}
.nq__a--next{text-align:start;align-items:flex-start}
.cuebar__track{width:70px}
.ft__in{grid-template-columns:minmax(0,1fr);gap:24px}
.booklet{margin:16px 0 60px;border-radius:0}
.booklet__page{padding:30px 18px 36px}
.sh{padding:24px 0 50px;min-height:0}
.sh__cone{left:-120px;width:420px}
.card__pool{width:170px;height:170px}
.lost__stage svg{left:50%;width:46px;height:130px;margin-left:-23px;bottom:9%;opacity:.5}
.lost__glow{left:50%;bottom:4%}
.lost{padding-bottom:180px}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
.h1,.ah__pool,.ah__beam,.ah__lamp b{opacity:1}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}