/* opener.css */
/* SADE opener sketch, v2: one stage on Jerusalem limestone where the layers stack.
   Paper → the word in two scripts → every letter overprinted, in translucent inks. */
@font-face{font-family:'SADE';src:url(SADE-ExtraBold.d5a1ee1703.woff2) format('woff2');font-display:block}
@font-face{font-family:'Plex Mono';src:url(IBMPlexMono-Regular-Latin1.e8993d9466.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Plex Hebrew';src:url(IBMPlexSansHebrew-Regular.9e56b8035b.woff2) format('woff2');font-weight:400;font-display:swap}

:root{
  --stone:#E7E1D1;     /* Jerusalem limestone */
  --stone-2:#DDD5C2;
  --ink:#1C1A17;
  --ink-2:#5B5446;
  --red:#D2453C;       /* the poster red */
  --blue:#4F86D6;      /* the sky, deepened */
  --olive:#3E4A1E;     /* the giant letters, overprinted */
  --pink:#E7679F;
  --gl:max(16px,env(safe-area-inset-left,0px));
  --gr:max(16px,env(safe-area-inset-right,0px));
  color-scheme:light;
}
@media (min-width:900px){:root{--gl:max(28px,env(safe-area-inset-left,0px));--gr:max(28px,env(safe-area-inset-right,0px))}}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:var(--stone);color:var(--ink)}
body{font-family:'Plex Hebrew',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .09 0 0 0 0 .08 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
p,h1,h2{margin:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ltr{direction:ltr;unicode-bidi:isolate}
.sade{font-family:'SADE',sans-serif;font-weight:400}
.mcap{font-family:'Plex Mono','Plex Hebrew',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}

/* ---------- the stage ---------- */
.stg{position:relative;height:100vh;height:100svh;overflow:hidden;isolation:isolate}
.guides i{position:absolute;background:rgba(28,26,23,.16)}
.gv{top:0;bottom:0;width:1px}
.g1{left:25%}.g2{left:50%}.g3{left:75%}
.gh{left:0;right:0;height:1px}
.h1{top:33%}.h2{top:66%}

.paper-wrap{position:absolute;left:50%;top:50%;height:min(82svh,130vw);aspect-ratio:2536/3536;transform:translate(-50%,-50%);z-index:1}
.paper{display:block;width:100%;height:100%;overflow:visible}
.p-shadow{fill:rgba(28,26,23,.28)}
.he-word path{fill:var(--red)}


.la-word{position:absolute;left:var(--gl);right:var(--gr);top:75%;width:calc(100% - var(--gl) - var(--gr));height:auto;transform:translateY(-50%);transform-origin:50% 50%;overflow:visible;z-index:2;mix-blend-mode:multiply}
.la-word path{fill:var(--blue)}

.stairs{position:absolute;inset:0;z-index:3;pointer-events:none}
.srow{position:absolute;display:flex;align-items:flex-end;font-family:'SADE',sans-serif;line-height:1;white-space:nowrap;mix-blend-mode:multiply}
.srow.he{color:var(--olive)}.srow.la{color:#22346E}.srow.fi{color:#8E2A20}
/* the cells of the glyph wall: a hairline at each letter's start, its advance width above */
.sc{position:relative;display:block;width:calc(var(--adv) * 1em / 1000);height:1.12em;padding-top:.28em;flex:none;visibility:hidden}
.sc i,.srow .end{position:absolute;inset-inline-start:0;top:.02em;bottom:-.06em;width:1px;background:rgba(28,26,23,.62)}
.srow .end{position:relative;top:auto;bottom:auto;display:block;align-self:stretch;margin-top:.02em;margin-bottom:-.06em;visibility:hidden}
.sc b{position:absolute;top:.02em;inset-inline-start:5px;font:400 clamp(9px,.78vw,12px)/1 'Plex Mono',monospace;color:var(--ink-2);letter-spacing:.02em}
.sc > span{display:block;line-height:.84}
.sc.on,.srow .end.on{visibility:visible}
.sc.hot{color:var(--pink)}.sc.hot i{background:var(--pink)}.sc.hot b{color:var(--pink)}

.hud{position:absolute;top:14px;left:var(--gl);right:var(--gr);z-index:6;border:1px solid var(--ink);padding:8px 10px 6px;background:rgba(231,225,209,.55);backdrop-filter:blur(2px)}
.hud-bar{position:relative;height:24px}
.hm{position:absolute;top:0;transform:translateX(50%);white-space:nowrap}
.hud2 .hm:first-of-type{transform:none}.hud2 .hm:last-of-type{transform:translateX(100%)}
.hud-line{position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--ink)}
.hud-dot{position:absolute;bottom:-1px;right:0;width:9px;height:9px;margin-right:-4px;border-radius:50%;background:var(--red)}
.hud-row{display:flex;justify-content:space-between;padding-top:6px;font-variant-numeric:tabular-nums}
.corner{position:absolute;bottom:14px;z-index:6}
.c-bs{right:var(--gr)}
.c-be{left:var(--gl)}

/* ---------- 02 · the Gimel ---------- */
.st2{border-top:1px solid rgba(28,26,23,.16)}
.card-wrap{position:absolute;left:50%;top:50%;height:min(76svh,112vw);aspect-ratio:2721/3401;transform:translate(-50%,-50%);z-index:1}
.gx-wrap{z-index:3;pointer-events:none}
.ccard,.gx{display:block;width:100%;height:100%;overflow:visible}
.c-shadow{fill:rgba(28,26,23,.22)}
.c-paper{fill:#F7F1D6}
.c-rough,.c-cap{fill:var(--ink)}
.c-trace{fill:none;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.55}
.c-scan path{stroke:var(--red);stroke-width:1.5;vector-effect:non-scaling-stroke}
.c-scan .band{fill:var(--red);opacity:.14}
.c-scan text{font-family:'Plex Mono',monospace;fill:var(--red);letter-spacing:.06em}
.g-new{fill:var(--red)}
.tail{height:30svh}
@media (max-width:640px){
  .card-wrap{height:min(52svh,96vw);top:44%}
  .sc b{font-size:8px;inset-inline-start:3px}
  .la-word{top:78%}
  .g1,.g3{display:none}
}

/* ms.css */
/* generated by tools/scope/scope.js from css/site.css — do not edit */
/* SADE minisite
   Graphic world: screenprinted pedal faceplates and gig posters, in the colours of the Israeli landscape
   (terra rossa, wheat, olive and pitch green, sky, limestone enamel). Display in SADE; labels in Plex Mono; text in Plex Sans Hebrew.
   One committed light world: no dark-mode swap. */

@font-face{font-family:'SADE';src:url(SADE-ExtraBold.d5a1ee1703.woff2) format('woff2');font-display:block}
@font-face{font-family:'Plex Hebrew';src:url(IBMPlexSansHebrew-Regular.9e56b8035b.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Plex Hebrew';src:url(IBMPlexSansHebrew-Medium.91911819ba.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Plex Hebrew';src:url(IBMPlexSansHebrew-SemiBold.22792f09b9.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Plex Mono';src:url(IBMPlexMono-Regular-Latin1.e8993d9466.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Plex Mono';src:url(IBMPlexMono-Medium-Latin1.41201b658a.woff2) format('woff2');font-weight:500;font-display:swap}

.ms{
  --enamel:#E7E1D1;      /* limestone enamel, the ground */
  --enamel-2:#DDD5C2;
  --ink:#1C1A17;
  --ink-2:#5B5446;
  --terra:#D2453C;       /* terra rossa (tuned so ink text on it passes 4.5:1) */
  --terra-deep:#A8342C;
  --wheat:#F7F1D6;
  --olive:#3E4A1E;
  --pitch:#3E4A1E;
  --sky:#4F86D6;
  --pink:#E7679F;
  --f-disp:'SADE','Plex Hebrew',sans-serif;
  --f-body:'Plex Hebrew',system-ui,sans-serif;
  --f-mono:'Plex Mono','Plex Hebrew',ui-monospace,monospace;
  --gl:max(12px,env(safe-area-inset-left,0px));
  --gr:max(12px,env(safe-area-inset-right,0px));
  --dock-h:92px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-io:cubic-bezier(.77,0,.175,1);
  color-scheme:light;
}
@media (min-width:900px){.ms{--gl:max(20px,env(safe-area-inset-left,0px));--gr:max(20px,env(safe-area-inset-right,0px))}}

.ms *,.ms *::before,.ms *::after{box-sizing:border-box}
.ms{background:var(--enamel);-webkit-text-size-adjust:100%}
.ms{margin:0;background:var(--enamel);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.45;overflow-x:hidden;padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom,0px));-webkit-font-smoothing:antialiased}
.ms p,.ms h1,.ms h2,.ms h3,.ms dl,.ms dd,.ms dt,.ms figure,.ms blockquote,.ms ol,.ms ul{margin:0;padding:0}
.ms ol,.ms ul{list-style:none}
.ms a{color:inherit}
.ms :focus-visible{outline:1px solid var(--terra);outline-offset:3px}
.ms ::selection{background:var(--wheat);color:var(--ink)}
.ms .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ms .ltr{direction:ltr;unicode-bidi:isolate}
.ms .sade{font-family:var(--f-disp);font-weight:400;font-kerning:normal}
.ms .lb{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}
.ms .lb.he{font-family:var(--f-body);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.ms .en{color:var(--ink-2)}

/* frame-line labels, like the legends screenprinted into a pedal's border */
.ms .fl{position:absolute;z-index:3;padding-inline:8px;background:var(--fl-bg,var(--enamel));color:var(--fl-c,var(--ink));line-height:1;white-space:nowrap}
/* physical sides on purpose: logical properties resolve against each label's own dir, and Latin legends are dir=ltr */
.ms .fl-ts{top:0;right:28px;transform:translateY(-50%)}
.ms .fl-te{top:0;left:28px;transform:translateY(-50%)}
.ms .fl-bs{bottom:0;right:28px;transform:translateY(50%)}
.ms .fl-be{bottom:0;left:28px;transform:translateY(50%)}

/* the diamond: SADE's own period, used as the poster ornament */
.ms .dia{display:inline-block;width:.62em;height:.62em;background:currentColor;transform:rotate(45deg)}

/* ================= 01 hero ================= */
.ms .hero{background:var(--terra);color:var(--enamel);--fl-bg:var(--terra);--fl-c:var(--ink)}
.ms .hero .lb{color:var(--ink)}
.ms .hero-in{padding:22px var(--gr) 22px var(--gl)}
.ms .plate{position:relative;border:1px solid var(--enamel);border-radius:2px;padding:clamp(28px,3vw,44px) clamp(16px,2.6vw,44px) clamp(24px,3vw,40px);isolation:isolate}
.ms .plate-clip{position:absolute;inset:0;border-radius:2px;overflow:hidden;z-index:-1;pointer-events:none}
.ms .rings{position:absolute;width:min(130vw,1700px);aspect-ratio:1;left:50%;top:var(--ring-y,40%);transform:translate(-50%,-50%);pointer-events:none}
.ms .rings circle{fill:none;stroke:var(--terra-deep);stroke-linecap:butt}
.ms .rings .rg{transform-origin:0 0;animation:spin var(--d,120s) linear infinite;animation-direction:var(--dir,normal)}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ms .rings .rg{animation:none}}
.ms .hero-stack{display:flex;flex-direction:column}
.ms .presents{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:clamp(6px,1vw,14px)}
.ms .presents .dia{font-size:12px;color:var(--ink)}
.ms .fit{white-space:nowrap;line-height:.8;text-align:center;display:block;width:max-content;max-width:none;margin-inline:auto;font-size:10vw}
.ms .hword{line-height:.78;letter-spacing:-.005em;margin-block:clamp(4px,1vw,12px) clamp(14px,2vw,26px)}
.ms .hword .l{display:inline-block}
.ms .lineup{color:var(--ink);line-height:.92;margin-top:.12em}
.ms .lineup.lat{color:var(--enamel)}
.ms .hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-top:clamp(18px,2.4vw,34px);padding-top:clamp(14px,1.6vw,22px);border-top:1px solid var(--enamel)}
.ms .hlat{font-size:clamp(96px,15vw,236px);line-height:.78;color:var(--wheat)}
.ms .verse{display:flex;flex-direction:column;gap:10px;max-width:640px;min-width:0}
.ms .verse blockquote{font-size:clamp(34px,4.4vw,70px);line-height:1.18;color:var(--enamel)}
.ms .verse figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:space-between;color:var(--ink)}
.ms .hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px;margin-top:22px;color:var(--ink)}
.ms .hero-meta div{display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--ink);padding-top:10px}
.ms .hero-meta dd{color:var(--ink)}
@media (max-width:760px){
  .ms .hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ms .plate{border-radius:2px}
  .ms .fl-te,.ms .fl-be{display:none}
  .ms .presents .lb.ltr{display:none}
}

/* ================= chapter heads ================= */
.ms .ch-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:14px clamp(16px,2.4vw,40px);padding:clamp(56px,8vw,128px) var(--gr) clamp(18px,2.4vw,32px) var(--gl);border-bottom:1px solid var(--ink)}
.ms .ch-no{font-size:clamp(48px,11vw,180px);line-height:.78;color:var(--terra)}
.ms .ch-tt{min-width:0}
.ms .ch-tt h2{font-size:clamp(54px,14vw,210px);line-height:.78}
.ms .ch-en{font-size:clamp(26px,3vw,48px);line-height:1;color:var(--ink-2);margin-top:.3em}
.ms .ch-sum{grid-column:2;max-width:64ch;font-size:16px;line-height:1.5}
.ms .ch-sum .en{display:block;font-size:14px;margin-top:8px}
@media (max-width:900px){.ms .ch-sum{grid-column:1/-1}}

/* ================= 02 the gimel ================= */
.ms .stage-wrap{height:calc(100vh - var(--dock-h));height:calc(100svh - var(--dock-h) - env(safe-area-inset-bottom,0px));min-height:560px;padding:14px var(--gr) 14px var(--gl)}
.ms .stage{height:100%;display:grid;grid-template-columns:minmax(260px,19rem) minmax(0,1fr);gap:14px}
.ms .face{position:relative;border:1px solid var(--ink);border-radius:2px;background:var(--wheat);padding:20px 22px;display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden}
.ms .face-top{display:flex;justify-content:space-between}
.ms .knob-wrap{display:grid;place-items:center}
.ms .knob{width:200px;height:200px;overflow:visible}
.ms .knob-body{fill:var(--enamel);stroke:var(--ink);stroke-width:4}
.ms .knob-ptr line{stroke:var(--ink);stroke-width:7;stroke-linecap:round}
.ms .knob-ticks line{stroke:var(--ink);stroke-width:3;stroke-linecap:round}
.ms .knob-ticks text{font-family:'Plex Hebrew',sans-serif;font-size:15px;font-weight:600;fill:var(--ink);opacity:.45;transition:opacity .25s ease}
.ms .knob-ticks text.on{opacity:1}
.ms .step-list{display:grid;flex:1;align-content:start}
.ms .step{grid-area:1/1;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),visibility 0s .3s}
.ms .step.on{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),visibility 0s}
.ms .sw{font-size:clamp(52px,5vw,84px);line-height:.85}
.ms .step .en{font-size:15px;color:#3E3829}
.ms .readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ms .readout div{border:1px solid var(--ink);border-radius:2px;padding:6px 8px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ms .readout dt{font:500 10px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.ms .readout dd{font:500 13px/1.2 var(--f-mono);direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.ms .visual{position:relative;min-width:0;border:1px solid var(--ink);border-radius:2px;overflow:hidden;background:var(--enamel);container-type:size}
.ms .vsvg{position:absolute;left:50%;top:50%;height:84%;width:auto;overflow:visible;direction:ltr}
.ms #gRough{fill:var(--ink)}
.ms #gRoughLine{fill:none;stroke:var(--terra);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.ms #gSade{fill:var(--terra)}
.ms #gSadeLine{fill:none;stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.ms #gCap{fill:var(--ink)}
.ms #gDims path{fill:none;stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke}
.ms #gDims text{font:500 44px 'Plex Mono',monospace;fill:var(--ink)}
.ms #gCorners circle{fill:none;stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke}
.ms #gCorners path{fill:none;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.6}
.ms #gCorners text{font:500 36px 'Plex Mono',monospace;fill:var(--ink)}
.ms #scan path{stroke:var(--terra);stroke-width:3;vector-effect:non-scaling-stroke}
.ms #scan rect{fill:var(--terra)}
.ms #scan text{font:500 40px 'Plex Mono',monospace;fill:var(--enamel);letter-spacing:.06em}
.ms .vcap{position:absolute;z-index:2;display:flex;flex-direction:column;gap:2px}
.ms .vcap-s{top:16px;inset-inline-start:18px}
.ms .counter{position:absolute;z-index:2;bottom:12px;left:18px;display:flex;align-items:baseline;gap:8px;opacity:0;color:var(--enamel)}
.ms .counter b{font:400 clamp(44px,5cqw,80px)/1 var(--f-disp);color:var(--wheat);font-variant-numeric:tabular-nums}
.ms .case{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:2cqh;padding:5cqh 3cqw 10cqh}
.ms .case-he{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:min(1cqw,1.4cqh);direction:rtl}
.ms .case-la{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:min(.6cqw,1cqh);direction:ltr}
.ms .tile{position:relative;aspect-ratio:1/1;border-radius:0;display:grid;place-items:center;min-width:0;opacity:0;overflow:hidden}
.ms .tile span{font-family:var(--f-disp);font-size:min(8.4cqw,13cqh);line-height:1;padding-top:.08em}
.ms .tile i,.ms .tile em{position:absolute;font:500 min(.9cqw,1.35cqh)/1 'Plex Mono',monospace;letter-spacing:.04em;font-style:normal;direction:ltr;opacity:.75}
.ms .tile i{top:7%;left:8%}
.ms .tile em{bottom:7%;right:8%}
.ms .case-la .tile{border:1px solid rgba(236,231,218,.5);color:var(--enamel)}
.ms .case-la .tile span{font-size:min(3.8cqw,5.8cqh)}
.ms .case-la .tile i,.ms .case-la .tile em{display:none}
@media (max-width:760px){
  .ms .stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
  .ms .visual{order:-1}
  .ms .face{padding:12px 14px;gap:8px;flex-direction:row;flex-wrap:wrap;align-items:center}
  .ms .face-top,.ms .readout{display:none}
  .ms .knob{width:96px;height:96px}
  .ms .knob-ticks text{display:none}
  .ms .step-list{flex:1 1 200px}
  .ms .sw{font-size:40px}
  .ms .step p{font-size:14px}
  .ms .step .en{font-size:12px}
  .ms .tile i,.ms .tile em{display:none}
}
.ms .static-gimel{display:none}
.ms:not(.motion) .stage-wrap{display:none}
.ms:not(.motion) .static-gimel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;padding:14px var(--gr) 14px var(--gl)}
.ms .sg{border:1px solid var(--ink);border-radius:2px;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--enamel)}
.ms .sg svg{width:100%;height:auto;max-height:340px}

/* ================= soon ================= */
.ms .soon .ch-no{color:var(--ink-2)}

/* ================= dock: the pedal strip ================= */
.ms .dock{position:fixed;inset-inline:0;bottom:0;z-index:60;padding:0 var(--gr) calc(12px + env(safe-area-inset-bottom,0px)) var(--gl);pointer-events:none}
.ms .dock-in{pointer-events:auto;position:relative;max-width:1040px;margin-inline:auto;height:68px;display:flex;align-items:center;gap:16px;padding-inline:18px 10px;background:var(--enamel);border:1px solid var(--ink);border-radius:2px;box-shadow:none}
.ms .dock .fl{--fl-bg:var(--enamel);font-size:10px}
.ms .dock-logo{font-size:30px;line-height:1;text-decoration:none;padding-top:4px;flex:none}
.ms .leds{display:flex;align-items:center;gap:2px;flex:none}
.ms .leds a,.ms .leds span.led-off{position:relative;display:grid;place-items:center;width:30px;height:44px;text-decoration:none}
.ms .leds i{display:block;width:12px;height:12px;border-radius:50%;border:1px solid var(--ink);background:var(--enamel);transition:background-color .2s ease,box-shadow .2s ease}
.ms .leds .lit i{background:var(--terra);box-shadow:0 0 0 3px rgba(214,68,43,.22),0 0 12px 2px rgba(214,68,43,.55)}
.ms .leds .past i{background:var(--ink)}
.ms .leds .led-off i{opacity:.35}
.ms .leds .tip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,4px);background:var(--ink);color:var(--enamel);padding:6px 9px;border-radius:0;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.ms .leds a:hover .tip,.ms .leds span:hover .tip{opacity:1;transform:translate(-50%,0)}}
.ms .leds a:focus-visible .tip{opacity:1;transform:translate(-50%,0)}
.ms .dock-now{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ms .dock-now b{font-weight:400;font-size:22px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms .foot{display:flex;gap:6px;flex:none}
.ms .fsw{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 14px 0 6px;border:1px solid var(--ink);border-radius:0;font-weight:600;font-size:15px;cursor:not-allowed;user-select:none}
.ms .fsw i{width:34px;height:34px;border-radius:50%;border:1px solid var(--ink);background:radial-gradient(circle,var(--enamel) 0 38%,var(--ink) 39% 47%,var(--enamel) 48%);flex:none}
.ms .fsw-buy{background:var(--ink);color:var(--enamel)}
.ms .fsw-buy i{border-color:var(--enamel);background:radial-gradient(circle,var(--ink) 0 38%,var(--enamel) 39% 47%,var(--ink) 48%)}
@media (max-width:760px){
  .ms{--dock-h:82px}
  .ms .dock-in{height:60px;gap:8px;padding-inline:12px 6px}
  .ms .dock-now,.ms .dock .fl{display:none}
  .ms .dock-logo{font-size:24px}
  .ms .leds a,.ms .leds span.led-off{width:16px}
  .ms .leds i{width:10px;height:10px}
  .ms .fsw{padding:0 12px;min-height:44px;font-size:14px}
  .ms .fsw i{display:none}
  .ms .dock-shape{padding:0 12px}
  .ms .dock-shape .lb{display:none}
  .ms .leds{flex:1;justify-content:center}
}

/* ================= shared hardware: toggle switch, LED, pedal faceplate ================= */
.ms .toggle{position:relative;width:62px;height:34px;border-radius:0;border:1px solid var(--ink);background:var(--enamel);cursor:pointer;padding:0;flex:none}
.ms .toggle .lever{position:absolute;top:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 5px var(--ink),inset 0 0 0 8px var(--enamel);transition:inset-inline-start .28s var(--ease-io)}
.ms .toggle[aria-pressed=true] .lever{inset-inline-start:30px}
.ms .toggle:active .lever{transform:scale(.94)}
.ms .led{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid var(--ink);background:#5a2a20;transition:background-color .2s ease,box-shadow .2s ease;flex:none}
.ms .led.on{background:#FF4A2E;box-shadow:0 0 0 3px rgba(255,74,46,.25),0 0 14px 3px rgba(255,74,46,.6)}
.ms .pedal{position:relative;background:#F7F1D6;color:var(--ink);border:1px solid var(--ink);border-radius:2px;padding:26px 20px 20px;display:flex;flex-direction:column;gap:14px;--fl-bg:#F7F1D6}
.ms .pd-box{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;gap:10px;border:1px solid var(--ink);border-radius:2px;padding:16px 10px 10px}
.ms .pd-ico{display:block;width:26px;height:26px;background:var(--ink)}
.ms .pd-dia{transform:rotate(45deg) scale(.8)}
.ms .pd-dot{border-radius:50%}
.ms .pd-lbl{grid-column:1/-1;width:100%;text-align:center;border-top:1px solid var(--ink);padding-top:8px;margin-top:4px;font-size:14px;letter-spacing:.12em}
.ms .pd-name{font-size:clamp(46px,4.4vw,64px);line-height:.86;direction:ltr;text-align:left}
.ms .pd-he{font-size:clamp(40px,3.8vw,56px);line-height:.9}
.ms .pd-led{display:flex;align-items:center;gap:10px;border-top:1px solid var(--ink);padding-top:12px}

/* ================= 03 magnetic field ================= */
.ms .magnet{background:var(--ink);color:var(--enamel)}
.ms .ch-head.on-ink{border-bottom-color:rgba(236,231,218,.35)}
.ms .on-ink .ch-no{color:var(--wheat)}
.ms .on-ink .ch-en,.ms .on-ink .en{color:#BDB4A3}
.ms .mag-stage{position:relative;min-height:calc(100svh - var(--dock-h));overflow:hidden;touch-action:pan-y}
.ms .mag-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ms .mag-grid{position:relative;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:clamp(20px,4vw,72px);align-items:end;padding:clamp(28px,5vw,72px) var(--gr) clamp(40px,6vw,96px) var(--gl);pointer-events:none}
.ms .mag-grid .pedal,.ms .mag-grid button{pointer-events:auto}
.ms .mag-type{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,20px);min-width:0}
.ms .mag-type .fit{color:var(--wheat);line-height:.9;margin-inline:0 auto}
.ms .mag-line{font-size:clamp(46px,7.2vw,124px);line-height:1;color:var(--enamel)}
.ms .mag-niq{font-size:clamp(40px,5.6vw,96px);line-height:1.5;color:var(--enamel)}
.ms .mag-cap{display:flex;flex-wrap:wrap;gap:4px 20px;color:#BDB4A3}
@media (max-width:860px){.ms .mag-grid{grid-template-columns:minmax(0,1fr)}.ms .mag-grid .pedal{max-width:340px}}
/* the site-wide shape: ss08 on every SADE run that doesn't set its own features */
.ms.round .sade:not([data-ff]){font-feature-settings:"ss08" 1}
.ms .dia{transition:border-radius .5s var(--ease-io)}
.ms.round .dia{border-radius:50%}
.ms .dock-shape{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--ink);border-radius:0;background:var(--enamel);color:var(--ink);cursor:pointer;flex:none}
.ms .dock-shape .dia{font-size:12px}
.ms .dock-shape[aria-pressed=true]{background:var(--ink);color:var(--enamel)}

/* ================= 04 the XI ================= */
.ms .xi{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px;padding:14px var(--gr) 0 var(--gl)}
.ms .pitch{position:relative;aspect-ratio:105/68;border-radius:2px;border:1px solid var(--ink);overflow:hidden;background:repeating-linear-gradient(90deg,var(--pitch) 0 9.0909%,#36421A 9.0909% 18.1818%);container-type:inline-size}
.ms .pitch-lines{position:absolute;inset:0;width:100%;height:100%}
.ms .pitch-lines *{fill:none;stroke:rgba(236,231,218,.85);stroke-width:2;vector-effect:non-scaling-stroke}
.ms .pitch-cap{position:absolute;bottom:12px;inset-inline:18px;display:flex;justify-content:space-between;color:var(--enamel)}
.ms .pitch-cap .lb{background:var(--ink);padding:4px 8px;border-radius:0}
.ms .player{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%,-50%);border:0;padding:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .3s var(--ease-out)}
.ms .jersey{position:relative;display:grid;place-items:center;width:clamp(44px,7.4cqw,84px);aspect-ratio:1;border-radius:50%;border:1px solid var(--ink);background:var(--jc,var(--enamel));color:var(--ink);font-family:var(--f-disp);font-size:clamp(20px,3.6cqw,42px);line-height:1;padding-top:.06em;box-shadow:none}
.ms .jersey.sm{font-size:clamp(12px,1.8cqw,20px)}
.ms .jersey b{position:absolute;top:-8px;inset-inline-end:-10px;min-width:26px;height:26px;border-radius:2px;background:var(--ink);color:var(--enamel);font:500 12px/26px var(--f-mono);text-align:center;padding-inline:5px}
.ms .player .tg{font:500 11px/1 var(--f-mono);color:var(--enamel);background:rgba(22,20,18,.6);padding:3px 6px;border-radius:0;letter-spacing:.04em}
@media (hover:hover) and (pointer:fine){.ms .player:hover{transform:translate(-50%,-50%) scale(1.07)}}
.ms .player[aria-pressed=true]{transform:translate(-50%,-50%) scale(1.14);z-index:2}
.ms .player[aria-pressed=true] .jersey{--jc:var(--terra);color:var(--enamel)}
.ms .lineup-list{border:1px solid var(--ink);border-radius:2px;padding:10px;display:flex;flex-direction:column;background:var(--enamel);min-width:0;counter-reset:none}
.ms .lineup-list li{display:block}
.ms .lineup-list button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:4px 12px;border:0;border-radius:2px;background:none;color:var(--ink);cursor:pointer;text-align:start}
.ms .lineup-list button + button{border-top:0}
.ms .lineup-list .n{font:500 12px var(--f-mono);direction:ltr}
.ms .lineup-list .nm{font-family:var(--f-disp);font-size:clamp(20px,1.9vw,28px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms .lineup-list .t{font:500 11px var(--f-mono);letter-spacing:.05em;direction:ltr}
@media (hover:hover) and (pointer:fine){.ms .lineup-list button:hover{background:var(--enamel-2)}}
.ms .lineup-list button[aria-pressed=true]{background:var(--terra);color:var(--ink)}
.ms .card{grid-column:1/-1;border:1px solid var(--ink);border-radius:2px;background:var(--wheat);padding:clamp(18px,2.4vw,32px);display:flex;flex-direction:column;gap:clamp(14px,2vw,26px);min-width:0;overflow:hidden}
.ms .card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 24px}
.ms .card-no{font-size:clamp(72px,8vw,128px);line-height:.8}
.ms .card-tt h3{font-weight:400;font-size:clamp(34px,3.6vw,58px);line-height:.95}
.ms .card-tt{display:flex;flex-direction:column;gap:6px;min-width:0}
.ms .ab{display:flex;align-items:center;gap:10px}
.ms .card-phrase{font-size:clamp(52px,8.6vw,150px);line-height:1.08;min-height:1.1em;transition:filter .18s ease,opacity .18s ease}
.ms .card-phrase.swap{filter:blur(6px);opacity:.4}
.ms .card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px}
.ms .card-note{max-width:60ch;font-size:16px}
.ms .copy{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--enamel);cursor:pointer}
.ms .copy:active{transform:scale(.97)}
@media (max-width:900px){
  .ms .xi{grid-template-columns:minmax(0,1fr)}
  .ms .card-head{grid-template-columns:auto minmax(0,1fr)}
  .ms .ab{grid-column:1/-1}
}
@media (max-width:640px){
  .ms .pitch{aspect-ratio:68/105;background:repeating-linear-gradient(0deg,var(--pitch) 0 9.0909%,#36421A 9.0909% 18.1818%)}
  .ms .pitch-lines{transform:rotate(90deg) scale(1.544,.6476);transform-origin:50% 50%}
  .ms .player .tg{display:none}
  .ms .jersey{width:clamp(40px,13cqw,64px);font-size:clamp(18px,6cqw,30px)}
  .ms .jersey.sm{font-size:clamp(11px,3cqw,15px)}
}

/* ================= 05 pedalboard ================= */
.ms .board{background:var(--ink);color:var(--enamel)}
.ms .board-in{padding:16px var(--gr) clamp(32px,4vw,64px) var(--gl);display:flex;flex-direction:column;gap:18px}
.ms .amp{position:relative;border:1px solid var(--enamel);border-radius:2px;background:var(--amp-bg,var(--enamel));color:var(--amp-fg,var(--ink));padding:clamp(28px,3.4vw,52px) clamp(18px,3vw,48px) clamp(24px,3vw,44px);--fl-bg:var(--ink);--fl-c:var(--enamel);transition:background-color .3s ease,color .3s ease}
.ms .amp-jack{position:absolute;top:50%;inset-inline-end:-13px;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--ink);border:1px solid var(--enamel);box-shadow:inset 0 0 0 4px #8B8577}
.ms .amp-text{display:block;width:100%;overflow-wrap:normal;word-break:keep-all;border:0;outline:0;resize:none;background:transparent;color:inherit;font-size:112px;line-height:1.05;padding:0;margin:0;overflow:hidden;min-height:1.1em;font-feature-settings:var(--amp-ff,normal);caret-color:var(--terra)}
.ms .amp:focus-within{box-shadow:none}
.ms .presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ms .presets .lb{color:#BDB4A3;margin-inline-end:6px}
.ms .preset{min-height:40px;padding:0 14px;border-radius:0;border:1px solid rgba(236,231,218,.45);background:transparent;color:var(--enamel);font:500 14px/1 var(--f-body);cursor:pointer}
.ms .preset:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.ms .preset:hover{border-color:var(--enamel)}}
.ms .preset[aria-pressed=true]{background:var(--enamel);color:var(--ink);border-color:var(--enamel)}
.ms .pedals-scroll{position:relative;overflow-x:auto;overscroll-behavior-x:contain;padding:22px 4px 30px;scrollbar-color:#5B5446 transparent}
.ms .cables{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.ms .cables path{fill:none;stroke-width:6;stroke-linecap:round}
.ms .pedals{position:relative;display:flex;gap:22px;width:max-content;margin-inline:auto;align-items:stretch}
.ms .pd{position:relative;width:172px;flex:none;background:var(--pc,#F7F1D6);color:var(--ink);border:1px solid var(--ink);border-radius:2px;padding:14px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:none}
.ms .pd .jk{position:absolute;top:44%;width:16px;height:16px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 4px #8B8577}
.ms .pd .jk.in{inset-inline-start:-11px}
.ms .pd .jk.out{inset-inline-end:-11px}
.ms .pd-top{width:100%;display:flex;justify-content:space-between;align-items:center}
.ms .pd-title{font-family:var(--f-disp);font-size:24px;line-height:.9;text-align:center;direction:ltr;min-height:44px;display:grid;place-items:center}
.ms .pd-title small{display:block;font-size:17px;direction:rtl;margin-top:4px}
.ms .pd-ctrls{display:flex;gap:10px;justify-content:center;align-items:flex-start;min-height:92px;flex-wrap:wrap}
.ms .pd-tag{font:500 10px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);border-radius:0;padding:3px 6px;direction:ltr}
.ms .stomp{width:72px;height:72px;border-radius:50%;border:1px solid var(--ink);background:radial-gradient(circle,#E9E5DB 0 30%,var(--ink) 31% 37%,#CFC9BB 38% 58%,var(--ink) 59% 63%,#E9E5DB 64%);cursor:pointer;margin-top:auto;transition:transform .12s var(--ease-out)}
.ms .stomp:active{transform:scale(.94)}
.ms .kn{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:ns-resize;touch-action:none;user-select:none}
.ms .kn svg{width:58px;height:58px;overflow:visible}
.ms .kn .bd{fill:var(--ink)}
.ms .kn .rim{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:2 4}
.ms .kn .pt{stroke:var(--enamel);stroke-width:5;stroke-linecap:round}
.ms .kn span{font:500 10px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;direction:ltr}
.ms .kn:focus-visible{outline:1px solid var(--terra);outline-offset:4px;border-radius:0}
.ms .mini{display:flex;flex-direction:column;align-items:center;gap:4px}
.ms .mini .toggle{width:44px;height:26px}
.ms .mini .toggle .lever{width:16px;height:16px;top:2.5px;inset-inline-start:2.5px;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 5px var(--enamel)}
.ms .mini .toggle[aria-pressed=true] .lever{inset-inline-start:21px}
.ms .mini span{font:500 10px var(--f-mono);letter-spacing:.04em;direction:ltr}
.ms .sel3{display:flex;border:1px solid var(--ink);border-radius:0;overflow:hidden}
.ms .sel3 button{min-width:38px;min-height:40px;border:0;background:transparent;font-family:var(--f-disp);font-size:20px;color:var(--ink);cursor:pointer;padding:0 6px}
.ms .sel3 button+button{border-inline-start:1px solid var(--ink)}
.ms .sel3 button[aria-pressed=true]{background:var(--ink);color:var(--pc,#F7F1D6)}
@media (max-width:760px){.ms .amp-text{line-height:1.08}.ms .pedals{margin-inline:0}}

/* ================= 06 airfield ================= */
.ms .air{background:var(--sky)}
.ms .air .ch-head{border-bottom-color:var(--ink)}
.ms .air .ch-no{color:var(--enamel)}
.ms .air .en{color:#2B3A4E}
.ms .air-in{padding:16px var(--gr) clamp(32px,4vw,64px) var(--gl);display:flex;flex-direction:column;gap:16px}
.ms .fids{position:relative;background:var(--ink);color:var(--enamel);border:1px solid var(--ink);border-radius:2px;padding:28px clamp(14px,2vw,28px) 18px;--fl-bg:var(--sky);--fl-c:var(--ink)}
.ms .fids-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.ms .fids-head span{white-space:nowrap}
.ms .fids-head,.ms .fids-row{display:grid;grid-template-columns:7.2em 7.2em minmax(10em,1fr) 3.4em 11em;gap:1.1em;align-items:center;min-width:820px}
.ms .fids-head{color:#A9A190;padding-bottom:12px;border-bottom:1px solid rgba(236,231,218,.2);margin-bottom:10px}
.ms .fids-rows{display:flex;flex-direction:column;gap:8px}
.ms .fids-row{font-family:var(--f-disp);font-size:clamp(22px,2.3vw,34px);line-height:1}
.ms .cells{display:flex;gap:3px}
.ms .cells.ltr{direction:ltr}
.ms .flap{display:inline-grid;place-items:center;width:1em;height:1.32em;background:#26231F;border-radius:0;position:relative;color:var(--enamel);padding-top:.06em;flex:none}
.ms .flap::after{content:"";position:absolute;inset:50% 0 auto;height:1px;background:rgba(0,0,0,.6)}
.ms .flap.flip{animation:flip .12s ease-in}
@keyframes flip{0%{transform:scaleY(1)}50%{transform:scaleY(.08)}100%{transform:scaleY(1)}}
.ms .stat{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:1.3em;padding:.12em .5em 0;border-radius:0;font-size:.62em;white-space:nowrap}
.ms .stat.ok{background:var(--pitch);color:var(--enamel)}
.ms .stat.board{background:var(--wheat);color:var(--ink)}
.ms .stat.late{background:var(--terra);color:var(--ink)}
.ms .stat.gone{border:1px solid #6E675B;color:#A9A190}
.ms .fids-ctrl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;min-width:820px}
.ms .mini-row{display:flex;align-items:center;gap:10px}
.ms .toggle.sm{width:48px;height:28px}
.ms .toggle.sm .lever{width:18px;height:18px;top:2.5px;inset-inline-start:2.5px;box-shadow:inset 0 0 0 4px var(--ink),inset 0 0 0 6px var(--enamel)}
.ms .toggle.sm[aria-pressed=true] .lever{inset-inline-start:23px}
.ms .fids .toggle{border-color:var(--enamel)}
.ms .chipb{min-height:44px;padding:0 16px;border-radius:0;border:1px solid var(--enamel);background:transparent;color:var(--enamel);font:500 15px/1 var(--f-body);cursor:pointer}
.ms .chipb:active{transform:scale(.97)}
.ms .air-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.ms .rose-card,.ms .fig-card{position:relative;border:1px solid var(--ink);border-radius:2px;padding:30px clamp(16px,2.4vw,32px) 22px;--fl-bg:var(--sky);min-width:0}
.ms .rose-card{background:var(--pitch);color:var(--enamel);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:18px 24px;align-items:center}
.ms .rose{position:relative;width:min(240px,46vw);aspect-ratio:1;grid-row:span 2}
.ms .rose span{position:absolute;left:50%;top:50%;font-family:var(--f-disp);font-size:clamp(34px,4vw,54px);line-height:1;transform:translate(-50%,-50%);color:rgba(236,231,218,.45);transition:color .15s ease,transform .25s var(--ease-out)}
.ms .rose span.on{color:var(--wheat);transform:translate(-50%,-50%) scale(1.25)}
.ms .rose::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--enamel);transform:rotate(45deg)}
.ms .sign{display:flex;flex-direction:column;gap:6px;border:1px solid var(--enamel);border-radius:2px;padding:12px 16px;min-width:0}
.ms .sign-row{display:flex;align-items:center;gap:.4em;font-size:clamp(28px,3.2vw,48px);line-height:1.1;white-space:nowrap}
.ms .sign-row .km{margin-inline-start:auto;font-feature-settings:"ss07" 1}
.ms .rose-sel{justify-self:start;border-color:var(--enamel)}
.ms .rose-sel button{color:var(--enamel)}
.ms .rose-sel button+button{border-inline-start-color:var(--enamel)}
.ms .rose-sel button[aria-pressed=true]{background:var(--enamel);color:var(--pitch)}
.ms .fig-card{background:var(--enamel);display:flex;flex-direction:column;gap:10px}
.ms .fig-big{font-size:clamp(56px,7.4vw,118px);line-height:1;font-feature-settings:"ss07" 1}
.ms .fig-frac{font-size:clamp(40px,4.6vw,72px);line-height:1.1}
.ms .fig-price{font-size:clamp(34px,3.8vw,58px);line-height:1.1}
.ms .fig-note{color:var(--ink-2)}
@media (max-width:900px){.ms .air-grid{grid-template-columns:minmax(0,1fr)}.ms .rose-card{grid-template-columns:minmax(0,1fr)}.ms .rose{grid-row:auto;justify-self:center}}

/* ================= 07 field of view ================= */
.ms .view-in{padding:16px var(--gr) clamp(32px,4vw,64px) var(--gl);display:grid;grid-template-columns:minmax(300px,4fr) minmax(0,8fr);gap:16px;align-items:start}
.ms .insp{position:sticky;top:16px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--enamel);padding:28px 18px 18px;--fl-bg:var(--enamel);--fl-c:var(--ink);display:flex;flex-direction:column;gap:12px}
.ms .insp-svg{width:100%;aspect-ratio:1/1.05;display:block;overflow:visible;direction:ltr}
.ms .insp-svg .gfill{fill:var(--enamel);transition:fill-opacity .25s ease}
.ms .insp-svg.outl .gfill{fill-opacity:.08}
.ms .insp-svg .gline{fill:none;stroke:var(--wheat);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .25s ease}
.ms .insp-svg.outl .gline,.ms .insp-svg.outl .pts{opacity:1}
.ms .insp-svg .pts{opacity:0;transition:opacity .25s ease}
.ms .insp-svg .pts circle{fill:var(--terra)}
.ms .insp-svg .pts rect{fill:none;stroke:var(--sky);stroke-width:1;vector-effect:non-scaling-stroke}
.ms .insp-svg .met line{stroke:rgba(236,231,218,.35);stroke-width:1;vector-effect:non-scaling-stroke}
.ms .insp-svg .met .adv{stroke:var(--terra);stroke-dasharray:4 4}
.ms .insp-svg .met text{font:500 28px 'Plex Mono',monospace;fill:#A9A190}
.ms .insp-cap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;border-top:1px solid rgba(236,231,218,.25);padding-top:12px}
.ms .insp-ch{font-size:56px;line-height:1}
.ms .insp-dl{display:flex;gap:18px}
.ms .insp-dl div{display:flex;flex-direction:column;gap:3px}
.ms .insp-dl dt{color:#A9A190}
.ms .insp .toggle{border-color:var(--enamel)}
.ms .gl{display:flex;flex-direction:column;gap:18px;min-width:0}
.ms .gl h3{display:flex;justify-content:space-between;font-weight:500;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:6px}
.ms .gl-set{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:0;border-top:1px solid rgba(22,20,18,.2);border-inline-start:1px solid rgba(22,20,18,.2)}
.ms .gc{position:relative;aspect-ratio:1;border:0;border-bottom:1px solid rgba(22,20,18,.2);border-inline-end:1px solid rgba(22,20,18,.2);background:transparent;color:var(--ink);font-family:var(--f-disp);font-size:clamp(40px,4vw,60px);line-height:1;cursor:crosshair;padding:.08em 0 0;display:grid;place-items:center;transition:background-color .12s ease,color .12s ease}
.ms .gc small{position:absolute;top:5px;left:6px;font:500 9px/1 var(--f-mono);color:var(--ink-2);direction:ltr;opacity:0;transition:opacity .12s ease}
@media (hover:hover) and (pointer:fine){.ms .gc:hover{background:var(--wheat)}.ms .gc:hover small{opacity:1}}
.ms .gc[aria-pressed=true]{background:var(--ink);color:var(--enamel)}
.ms .gc[aria-pressed=true] small{opacity:1;color:#A9A190}
@media (max-width:900px){.ms .view-in{grid-template-columns:minmax(0,1fr)}.ms .insp{position:relative;top:0}.ms .insp-svg{aspect-ratio:1.3/1}}

/* ================= 03 two scripts ================= */
.ms .pairs{display:flex;flex-direction:column}
.ms .band{background:var(--pb);color:var(--pc,var(--ink));padding:clamp(10px,1.4vw,22px) var(--gr) clamp(6px,1vw,14px) var(--gl);border-bottom:1px solid var(--ink)}
.ms .pair{position:relative;display:flex !important;align-items:center;gap:.22em;line-height:1 !important}
.ms .pair .dia{font-size:.18em;flex:none}
.ms .pair::before,.ms .pair::after{content:"";position:absolute;inset-inline:-2vw;height:0;border-top:2px dashed currentColor;opacity:0;transition:opacity .2s ease}
.ms .pair::before{top:.11em}
.ms .pair::after{top:.89em}
@media (hover:hover) and (pointer:fine){.ms .band:hover .pair::before,.ms .band:hover .pair::after{opacity:.55}}
.ms .pairs-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding:12px var(--gr) 0 var(--gl)}
.ms .fall{padding:clamp(40px,6vw,96px) var(--gr) 0 var(--gl);display:flex;flex-direction:column}
.ms .fall-row{display:grid;grid-template-columns:minmax(0,1fr) 9rem;gap:12px 24px;align-items:baseline;padding-block:clamp(10px,1.2vw,18px);border-top:1px solid rgba(22,20,18,.25)}
.ms .fall-row .cap{color:var(--ink-2);order:2;text-align:left}
.ms .fall-row .sade{font-size:var(--fs);line-height:1.08;text-wrap:balance}
@media (max-width:700px){.ms .fall-row{grid-template-columns:minmax(0,1fr)}}
.ms .dense{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,56px);padding:clamp(40px,5vw,80px) var(--gr) clamp(48px,6vw,96px) var(--gl)}
.ms .col{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--ink);padding-top:12px}
.ms .col .lb{color:var(--ink-2)}
.ms .col .sade{font-size:clamp(20px,2vw,28px);line-height:1.15;text-wrap:pretty}
@media (max-width:800px){.ms .dense{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.ms .dock-logo{display:none}.ms .leds a,.ms .leds span.led-off{width:15px}.ms .dock-in{padding-inline:8px 6px}}

/* ================= 09 tickets ================= */
.ms .tix{background:var(--enamel)}
.ms .tix-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px var(--gr) 0 var(--gl)}
.ms .ticket{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 7.5rem;background:var(--tc);color:var(--tf,var(--ink));border:1px solid var(--ink);border-radius:2px;min-height:300px;transition:transform .35s var(--ease-out)}
.ms .ticket::before,.ms .ticket::after{content:"";position:absolute;inset-inline-end:calc(7.5rem - 13px);width:26px;height:26px;border-radius:50%;background:var(--enamel);border:1px solid var(--ink)}
.ms .ticket::before{top:-14px;clip-path:inset(50% 0 0 0)}
.ms .ticket::after{bottom:-14px;clip-path:inset(0 0 50% 0)}
.ms .t-main{padding:20px clamp(16px,2vw,28px) 22px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ms .t-main h3{font-weight:400;font-size:clamp(46px,5vw,84px);line-height:.9;margin-top:6px}
.ms .t-en{font-size:clamp(22px,2.2vw,34px);line-height:1;opacity:.75}
.ms .t-list{display:flex;flex-direction:column;gap:2px;margin-top:10px;font-size:15px}
.ms .t-list li::before{content:"";display:inline-block;width:7px;height:7px;background:currentColor;transform:rotate(45deg);margin-inline-end:10px;vertical-align:middle}
.ms .t-price{margin-top:auto;padding-top:14px;font-size:clamp(30px,3vw,44px);line-height:1}
.ms .t-stub{border-inline-start:3px dashed var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 8px;text-align:center;transform-origin:50% 0;transition:transform .45s var(--ease-out)}
.ms .t-seat{font-size:84px;line-height:1}
@media (hover:hover) and (pointer:fine){.ms .ticket:hover{transform:translateY(-4px) rotate(-.6deg)}.ms .ticket:hover .t-stub{transform:rotate(4deg) translateY(4px)}}
.ms .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px var(--gr) 0 var(--gl)}
.ms .steps li{display:flex;gap:14px;align-items:baseline;border-top:1px solid var(--ink);padding-top:12px}
.ms .steps .sade{font-size:clamp(48px,5vw,80px);line-height:.85;color:var(--terra)}
.ms .steps p{font-weight:500}
.ms .steps .en{display:block;font-weight:400;font-size:14px}
.ms .tix-note{padding:20px var(--gr) clamp(48px,6vw,96px) var(--gl);color:var(--ink-2)}
@media (max-width:900px){.ms .tix-in,.ms .steps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.ms .ticket{grid-template-columns:minmax(0,1fr) 5.2rem}.ms .ticket::before,.ms .ticket::after{inset-inline-end:calc(5.2rem - 13px)}.ms .t-seat{font-size:60px}}

/* ================= footer ================= */
.ms .foot-c{background:var(--ink);color:var(--enamel);overflow:hidden}
.ms .credits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:26px 32px;padding:clamp(56px,7vw,104px) var(--gr) 44px var(--gl)}
.ms .credits .lb{color:#A9A190;margin-bottom:8px}
.ms .credits p{font-size:15px;line-height:1.5}
.ms .foot-bet{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;border-top:1px solid rgba(236,231,218,.2);padding:0 var(--gr) 0 var(--gl)}
.ms .bet-b{font-size:clamp(260px,44vw,640px);line-height:.74;color:var(--terra)}
.ms .bet-r{padding-bottom:44px;display:flex;flex-direction:column;gap:8px}
.ms .bet-n{font-size:clamp(40px,5vw,76px);line-height:1}
.ms .bet-r .lb{color:#A9A190}

/* screenprint ink speckle on hardware and tickets (like the spatter on a screen-printed pedal) */
.ms .face::after{opacity:.1 !important}
.ms .pd::after,.ms .pedal::after,.ms .ticket .t-main::after,.ms .face::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27300%27%20height=%27300%27%20fill=%27%23161412%27%3E%3Ccircle%20cx=%27280%27%20cy=%27171%27%20r=%270.8%27/%3E%3Ccircle%20cx=%27174%27%20cy=%2778%27%20r=%271%27/%3E%3Ccircle%20cx=%27221%27%20cy=%27129%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2731%27%20cy=%27269%27%20r=%271%27/%3E%3Ccircle%20cx=%27187%27%20cy=%27299%27%20r=%270.6%27/%3E%3Ccircle%20cx=%27186%27%20cy=%274%27%20r=%271.8%27/%3E%3Ccircle%20cx=%275%27%20cy=%2749%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27191%27%20cy=%2712%27%20r=%271%27/%3E%3Ccircle%20cx=%27254%27%20cy=%2726%27%20r=%270.6%27/%3E%3Ccircle%20cx=%27120%27%20cy=%27166%27%20r=%270.6%27/%3E%3Ccircle%20cx=%2780%27%20cy=%27174%27%20r=%270.8%27/%3E%3Ccircle%20cx=%27289%27%20cy=%2737%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27184%27%20cy=%2742%27%20r=%271%27/%3E%3Ccircle%20cx=%2782%27%20cy=%27295%27%20r=%270.6%27/%3E%3Ccircle%20cx=%2766%27%20cy=%27279%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27253%27%20cy=%27165%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27199%27%20cy=%2718%27%20r=%271%27/%3E%3Ccircle%20cx=%27233%27%20cy=%27257%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2723%27%20cy=%2758%27%20r=%271%27/%3E%3Ccircle%20cx=%27280%27%20cy=%27242%27%20r=%270.6%27/%3E%3Ccircle%20cx=%2737%27%20cy=%27193%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27101%27%20cy=%27226%27%20r=%271.3%27/%3E%3Ccircle%20cx=%273%27%20cy=%27132%27%20r=%271.8%27/%3E%3Ccircle%20cx=%27112%27%20cy=%27126%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2788%27%20cy=%279%27%20r=%270.6%27/%3E%3Ccircle%20cx=%2748%27%20cy=%2759%27%20r=%270.8%27/%3E%3Ccircle%20cx=%2712%27%20cy=%2765%27%20r=%271.3%27/%3E%3Ccircle%20cx=%275%27%20cy=%27238%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2784%27%20cy=%27272%27%20r=%271%27/%3E%3Ccircle%20cx=%27279%27%20cy=%27226%27%20r=%271.3%27/%3E%3Ccircle%20cx=%2727%27%20cy=%27199%27%20r=%271.8%27/%3E%3Ccircle%20cx=%27141%27%20cy=%27276%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2786%27%20cy=%27175%27%20r=%271.8%27/%3E%3Ccircle%20cx=%27247%27%20cy=%27148%27%20r=%271.3%27/%3E%3Ccircle%20cx=%2750%27%20cy=%27176%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2743%27%20cy=%27288%27%20r=%271%27/%3E%3Ccircle%20cx=%27235%27%20cy=%27194%27%20r=%270.6%27/%3E%3Ccircle%20cx=%27231%27%20cy=%27235%27%20r=%270.6%27/%3E%3Ccircle%20cx=%27119%27%20cy=%27190%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2782%27%20cy=%27233%27%20r=%270.6%27/%3E%3Ccircle%20cx=%27124%27%20cy=%27156%27%20r=%270.6%27/%3E%3Ccircle%20cx=%27127%27%20cy=%27217%27%20r=%270.6%27/%3E%3Ccircle%20cx=%27211%27%20cy=%27179%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27287%27%20cy=%2713%27%20r=%270.8%27/%3E%3Ccircle%20cx=%2752%27%20cy=%27252%27%20r=%271%27/%3E%3Ccircle%20cx=%27263%27%20cy=%2750%27%20r=%271.8%27/%3E%3Ccircle%20cx=%27126%27%20cy=%27278%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27124%27%20cy=%2774%27%20r=%270.8%27/%3E%3Ccircle%20cx=%27204%27%20cy=%27106%27%20r=%271%27/%3E%3Ccircle%20cx=%27117%27%20cy=%27278%27%20r=%271.8%27/%3E%3Ccircle%20cx=%27203%27%20cy=%27231%27%20r=%270.8%27/%3E%3Ccircle%20cx=%2775%27%20cy=%27225%27%20r=%270.6%27/%3E%3Ccircle%20cx=%27226%27%20cy=%27273%27%20r=%270.8%27/%3E%3Ccircle%20cx=%270%27%20cy=%27183%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27292%27%20cy=%27135%27%20r=%270.8%27/%3E%3Ccircle%20cx=%27102%27%20cy=%27189%27%20r=%271%27/%3E%3Ccircle%20cx=%2723%27%20cy=%27279%27%20r=%270.8%27/%3E%3Ccircle%20cx=%2726%27%20cy=%27233%27%20r=%271%27/%3E%3Ccircle%20cx=%27147%27%20cy=%2761%27%20r=%270.6%27/%3E%3Ccircle%20cx=%27199%27%20cy=%27288%27%20r=%271.3%27/%3E%3Ccircle%20cx=%2726%27%20cy=%2728%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27219%27%20cy=%2711%27%20r=%271%27/%3E%3Ccircle%20cx=%27134%27%20cy=%275%27%20r=%270.8%27/%3E%3Ccircle%20cx=%2770%27%20cy=%27238%27%20r=%271.3%27/%3E%3Ccircle%20cx=%2762%27%20cy=%27157%27%20r=%271%27/%3E%3Ccircle%20cx=%27234%27%20cy=%27204%27%20r=%270.6%27/%3E%3Ccircle%20cx=%2714%27%20cy=%27299%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2745%27%20cy=%2777%27%20r=%271%27/%3E%3Ccircle%20cx=%27263%27%20cy=%27147%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2720%27%20cy=%27109%27%20r=%271%27/%3E%3C/svg%3E");background-size:300px 300px;opacity:.22;mix-blend-mode:multiply}
.ms .ticket .t-main{position:relative}

/* motion helpers */
.ms .band{overflow:hidden}
.ms .sg .sade{overflow-wrap:anywhere;word-break:break-all}

/* ================= the shuk: specimen cards (after GT Maru's place-word cards) ================= */
.ms .shuk{padding:clamp(40px,6vw,96px) 0 0}
.ms .shuk-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;padding:0 var(--gr) 16px var(--gl)}
.ms .shuk-head h3{font-family:var(--f-disp);font-weight:400;font-size:clamp(40px,5vw,76px);line-height:.9}
.ms .shuk-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0 var(--gr) 4px var(--gl)}
.ms .tag{position:relative;background:var(--tg);color:var(--ink);border:1px solid var(--ink);border-radius:2px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px;min-height:280px;transform:rotate(var(--r,0deg));transition:transform .35s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.ms .tag:hover{transform:rotate(0) translateY(-6px)}}
.ms .tag::before{content:"";position:absolute;top:12px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--enamel);border:1px solid var(--ink)}
.ms .tag-he{font-family:var(--f-disp);font-size:clamp(46px,4.6vw,72px);line-height:.95;margin-top:22px}
.ms .tag-en{font-family:var(--f-disp);font-size:clamp(18px,1.6vw,24px);line-height:1;direction:ltr;text-align:left;opacity:.8}
.ms .tag-price{margin-top:auto;display:flex;align-items:baseline;gap:6px;border-top:1px solid var(--ink);padding-top:8px;font-family:var(--f-disp);font-size:clamp(40px,4vw,62px);line-height:1}
.ms .tag-price small{font-size:.45em}
.ms .tag-note{font-size:13px;line-height:1.35}
@media (max-width:1000px){.ms .shuk-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,62vw);overflow-x:auto;overscroll-behavior-x:contain;padding-top:8px;padding-bottom:16px;scroll-snap-type:x mandatory}.ms .tag{scroll-snap-align:start}}

/* round 9 */
.ms .ch-h{display:flex !important;align-items:center;gap:.22em;line-height:.86 !important;margin-inline:0 auto !important;font-weight:400}
.ms .ch-h .dia{font-size:.16em;flex:none;color:var(--terra)}
.ms .ch-h.stacked{flex-direction:column;align-items:flex-start;gap:.08em;font-size:clamp(40px,12.5vw,96px);white-space:normal;max-width:100%}
.ms .ch-h.stacked .dia{display:none}
.ms .ch-h.stacked .ltr{font-size:.62em;align-self:flex-start}
.ms .on-ink .ch-h .dia{color:var(--wheat)}
.ms .ch-no{align-self:end}
.ms .dock{transition:transform .38s var(--ease-out)}
.ms .dock.away{transform:translateY(130%)}
.ms .dock-in{height:56px;gap:12px}
.ms .fsw{min-height:40px;padding:0 16px}
.ms .dock-shape{min-height:40px}
.ms .gl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.ms .gl-tabs button{min-height:40px;padding:0 14px;border-radius:0;border:1px solid var(--ink);background:transparent;color:var(--ink);font:500 14px/1 var(--f-body);cursor:pointer}
.ms .gl-tabs button[aria-selected=true]{background:var(--ink);color:var(--enamel)}
.ms .gl-tabs button span{font:500 10px var(--f-mono);margin-inline-start:6px;opacity:.7}
.ms .gc .tg{position:absolute;bottom:5px;right:6px;font:500 9px/1 var(--f-mono);color:var(--terra);direction:ltr}
.ms .pd-fx{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-disp);font-size:40px;line-height:1;min-height:52px;border-top:2px dashed rgba(22,20,18,.35);border-bottom:2px dashed rgba(22,20,18,.35);width:100%;padding:6px 0}
.ms .pd-fx i{font-style:normal;font-family:var(--f-mono);font-size:14px;opacity:.6}
@media (max-width:760px){.ms{--dock-h:72px}.ms .dock-in{height:54px}}
.ms{padding-bottom:0;position:relative;z-index:1;overflow:visible;overflow-x:clip}

/* ms-edit.css */
/* SADE opener sketch · editorial layer over the minisite chapters (loaded after ms.css).
   Same world as the opener and the Gimel: limestone ground, the opener's inks, hairline guides,
   mono labels, square corners. Colour stays, but as ink on stone, not as toys. */

/* ---- the inks: the opener's palette; the yellow becomes the catalog card's cream ---- */
.ms{
  --enamel:#E7E1D1; --enamel-2:#DDD5C2;
  --ink:#1C1A17; --ink-2:#5B5446;
  --terra:#D2453C; --terra-deep:#A8342C;
  --wheat:#F7F1D6;
  --olive:#3E4A1E; --pitch:#3E4A1E;
  --sky:#4F86D6; --pink:#E7679F;
  --hair:rgba(28,26,23,.16);
  background:var(--enamel);
}

/* ---- guides: the same three verticals as the opener stage, on every stone section ---- */
.ms .ch:not(.magnet):not(.board),.ms .air{
  background-color:var(--enamel);
  background-image:linear-gradient(to right,transparent calc(25% - .5px),var(--hair) calc(25% - .5px),var(--hair) calc(25% + .5px),transparent calc(25% + .5px),transparent calc(50% - .5px),var(--hair) calc(50% - .5px),var(--hair) calc(50% + .5px),transparent calc(50% + .5px),transparent calc(75% - .5px),var(--hair) calc(75% - .5px),var(--hair) calc(75% + .5px),transparent calc(75% + .5px));
}
@media (max-width:640px){.ms .ch:not(.magnet):not(.board),.ms .air{background-image:linear-gradient(to right,transparent calc(50% - .5px),var(--hair) calc(50% - .5px),var(--hair) calc(50% + .5px),transparent calc(50% + .5px))}}

/* the blue airfield panel goes back to stone; the black spreads stay as inverted pages */
.ms .air{color:var(--ink)}
.ms .air .en{color:var(--ink-2)}

/* ---- chapter heads: the big line stays, the number becomes a label, like "02 · הגימל" ---- */
.ms .ch-head{border-bottom:1px solid var(--ink);padding-top:clamp(64px,9vw,140px);position:relative;grid-template-columns:minmax(0,1fr)}
.ms .ch-head.on-ink{border-bottom-color:rgba(231,225,209,.4)}
.ms .ch-no{position:absolute;top:18px;right:var(--gr);font:400 11px/1 'Plex Mono',monospace !important;letter-spacing:.06em;color:var(--ink-2)}
.ms .ch-no::before{content:"\2014\00a0"}
.ms .on-ink .ch-no,.ms .magnet .ch-no,.ms .board .ch-no{color:rgba(231,225,209,.7)}
.ms .air .ch-no{color:var(--ink-2)}
.ms .ch-sum{grid-column:1;font-size:14px;max-width:60ch}
.ms .ch-sum .en{font:400 11px/1.5 'Plex Mono',monospace;letter-spacing:.02em;margin-top:6px}
.ms .ch-h .dia{color:var(--terra)}
.ms .on-ink .ch-h .dia{color:var(--terra)}

/* ---- labels: the opener's mono, lighter ---- */
.ms .lb{font-weight:400;letter-spacing:.06em}
.ms .lb.he{font-weight:400}

/* ---- colour bands: hairlines between them ---- */
.ms .band{border-bottom:1px solid var(--ink)}

/* ---- the footer: the same inverted page ---- */
.ms .foot-c{background:var(--ink)}

/* ---- the XI pitch: olive turf, hairline markings ---- */
.ms .pitch-lines *{stroke:rgba(231,225,209,.75);stroke-width:1}

/* ---- 06 LOUPE: every glyph in one wall, grouped; the magnifier rides beside it ---- */
.ms #glyphGrid{display:block;border:0}
.ms .gw-head{display:flex;justify-content:space-between;align-items:baseline;padding:22px 0 8px;border-bottom:1px solid var(--ink)}
.ms .gw-head:first-child{padding-top:0}
.ms .gw-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));border-inline-start:1px solid rgba(28,26,23,.2)}
.ms .insp{top:80px;background:var(--ink);border:1px solid var(--ink)}
@media (hover:hover) and (pointer:fine){.ms .gc:hover{background:var(--wheat)}}
.ms .gc[aria-pressed=true]{background:var(--terra);color:var(--wheat)}
@media (max-width:900px){
  .ms .view-in{display:block}
  .ms .insp{position:sticky;top:0;z-index:6;padding:16px 12px 10px;margin:0 calc(-1 * var(--gr)) 14px calc(-1 * var(--gl));border-left:0;border-right:0}
  .ms .insp-svg{height:24svh;width:auto;max-width:100%;margin:0 auto;aspect-ratio:auto}
  .ms .insp-cap{padding-top:8px;gap:8px 14px}
  .ms .insp-ch{font-size:34px}
  .ms .insp .mini-row{display:none}
  .ms .gw-group{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}
}

/* LOUPE, round 2: the magnifier takes half the page, the wall is set a fifth smaller */
@media (min-width:901px){
  .ms .view-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2vw,32px)}
  .ms .insp{position:sticky;top:max(16px,4svh);padding:clamp(18px,2.4vw,32px)}
  .ms .insp-svg{aspect-ratio:auto;height:min(64svh,calc(50vw - 120px));width:100%}
  .ms .insp-ch{font-size:clamp(56px,6vw,96px)}
}
.ms .gw-group{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}
.ms .gc{font-size:clamp(32px,3.2vw,48px)}
@media (max-width:900px){.ms .gw-group{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.ms .gc{font-size:30px}}

/* ---- line breaks: pretty paragraphs, balanced labels (typeset.js does the rest, for every browser) ---- */
.ms p,.ms li,.ms summary,.ms dd,.co p,.co li{text-wrap:pretty}
.ms .lb,.ms .nm,.ms h3,.ms .lic-h3,.ms .credits p,.co .co-h,.co .co-steps span{text-wrap:balance}
.ms .lic-files{display:inline;white-space:nowrap}
@media (max-width:700px){.ms .pf-qa br{display:none}}

/* the separator is SADE's own diamond (· middle dot), not a drawn square: sized so it reads as before,
   seated on the letters' middle (the glyph is centred on half the letter height, 390 of 780) */
.ms .dia.sade{width:auto;height:auto;background:none;transform:none;border-radius:0;font-family:'SADE',sans-serif;font-weight:400;line-height:1;display:inline-block}
.ms .pair .dia.sade{font-size:1em}
.ms .ch-h .dia.sade{font-size:1em}

/* pitch.css */
/* SADE opener sketch · 04 PITCH and the layered sheets */

/* ---------- layers: every stage/sheet can be covered by the next one ---------- */
.stg,.sheet{--cover:0}
.stg{scale:calc(1 - .05 * var(--cover))}
.stg::after,.sheet::after{content:"";position:absolute;inset:0;background:#1C1A17;opacity:calc(var(--cover) * .55);pointer-events:none;z-index:60}
.sheet{position:relative;background:#E7E1D1;scale:calc(1 - .04 * var(--cover));transform-origin:50% 100%}
.sheet-stage{scale:none}
.px-st{scale:none}
.gm{position:relative;z-index:2}
.ms{z-index:3}
/* the sheets ride over the pinned stages only once the scripts have pinned them (html.lay, set in opener.js):
   before that — the first paint, no JS, reduced motion — the page is a plain stack and opens on the opener */
html.lay .gm,html.lay .ms{margin-top:-100svh}
.sheet + .sheet,.ms > .sheet:first-child{box-shadow:0 -1px 0 #1C1A17,0 -18px 40px -24px rgba(28,26,23,.45)}
.sheet-tab{position:absolute;top:16px;right:var(--gr,28px);z-index:20;margin:0}
.ms .ch-no{display:none}

/* ---------- 06 PITCH — a match poster: flat pitch on squared paper, title across the halfway line, starting XI beside ---------- */
/* colours: AFISH's 25.4.57 poster, ס.ק. רסיפה נגד הפועל ירושלים — kraft paper, navy, letterpress red */
.stg.px-st{--grass:#34407A;--orange:#D22F36;--chalk:#EFE5C2;--navy:#34407A;
  background-color:#DDD0A2;
  background-image:linear-gradient(rgba(52,64,122,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(52,64,122,.16) 1px,transparent 1px);
  background-size:44px 44px;background-position:-1px -1px}
.px-pitch{position:absolute;top:max(40px,5.5svh);bottom:max(40px,5.5svh);right:var(--gr);aspect-ratio:68/100;background:var(--grass);container-type:size;overflow:hidden;z-index:2;color:var(--orange)}
.px-lines{position:absolute;inset:0;width:100%;height:100%}
.px-lines *{fill:none;stroke:var(--chalk);stroke-width:5;stroke-dasharray:1 1;stroke-dashoffset:var(--draw,0)}
.px-type{position:absolute;inset:0;z-index:2}
.px-row{position:absolute;left:0;right:0;margin:0;text-align:center;font-size:5.4cqw;line-height:1}
.px-row span,.px-row button{display:inline-block}
.px-kick.k1{top:16%}
.px-kick.k2{top:calc(16% + 7cqw)}
.px-foot.f1{bottom:calc(16% + 7cqw)}
.px-foot.f2{bottom:16%}
.px-box{background:var(--orange);color:var(--grass);padding:.06em .28em .02em}
.px-css{font:inherit;font-size:4.6cqw;color:var(--orange);background:none;border:0;padding:0;cursor:pointer}
.px-css:hover{text-decoration:underline}
.px-title{position:absolute;left:0;right:0;top:50%;margin:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;font-weight:400;line-height:.86;text-align:center}
.px-l1{display:block;white-space:nowrap;padding-bottom:.06em}
.px-l2{display:flex;align-items:center;justify-content:center;gap:2cqw;width:100%}
.px-inv{background:var(--orange);color:var(--grass);padding:.04em .1em 0;white-space:nowrap;box-shadow:0 0 0 .5cqw var(--grass),0 0 0 1cqw var(--orange)}
.px-vs{color:var(--orange);font-size:2.4cqw;letter-spacing:.04em}
.px-side{position:absolute;margin:0;white-space:nowrap;z-index:2;line-height:1}
.px-side-a{left:2.6cqw;top:5cqh;font-size:6.6cqw;transform-origin:0 0;transform:rotate(-90deg) translateX(-100%)}
.px-side-b{right:2.6cqw;bottom:5cqh;font-size:3cqw;transform-origin:100% 100%;transform:rotate(-90deg) translateX(100%)}

/* the starting XI */
.px-team{position:absolute;top:max(40px,5.5svh);bottom:max(40px,5.5svh);left:var(--gl);right:calc(var(--gr) + (100svh - 2 * max(40px,5.5svh)) * .68 + clamp(24px,3vw,56px));display:flex;flex-direction:column;z-index:2;color:var(--navy)}
.px-head{display:flex;gap:1.2em;margin:0 0 clamp(10px,2svh,22px);color:var(--navy)}
.px-head span:nth-child(2){flex:1}
.px-arrow{color:var(--orange)}
.px-xi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,2.6svh,28px) clamp(10px,1.4vw,22px);direction:ltr}
.px-xi li{visibility:hidden}
.px-xi li.on{visibility:visible}
.px-xi button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;text-align:center}
.px-xi .num{font-size:clamp(44px,14.5svh,150px);line-height:.84;color:var(--navy)}
.px-xi .nm{font-size:clamp(11px,1.6svh,15px);line-height:1.1;direction:rtl}
.px-xi .tg{font-size:10px;color:var(--navy);opacity:.7}
.px-xi button[aria-pressed="true"] .num{color:var(--orange)}
.px-xi button[aria-pressed="true"] .nm{background:var(--orange);color:var(--chalk);padding:0 .3em}
.px-xi button:focus-visible{outline:1px solid var(--orange);outline-offset:4px}
.px-xi li.flash .num{color:var(--grass)}
.px-bench{margin-top:auto;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:start}
.px-bench .mcap{grid-column:1/-1;margin:0;color:var(--navy)}
.px-bench ul{grid-column:1/-1;list-style:none;margin:0;padding:0;columns:2;column-gap:20px;font-size:clamp(12px,1.6svh,15px)}
.px-bench li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(52,64,122,.25);padding:3px 0;break-inside:avoid}
.px-bench li b{font-weight:400}
.px-bench li i{font-style:normal;font-family:'Plex Mono',monospace;font-size:10px;color:var(--navy);opacity:.7}
.px-bench li.off{color:var(--orange);text-decoration:line-through}
.px-note{margin:clamp(8px,1.6svh,16px) 0 0;font-size:13px;line-height:1.45;max-width:58ch;min-height:2.9em}

@media (max-width:900px){
  .px-pitch{left:var(--gl);right:var(--gr);top:max(40px,5svh);bottom:auto;height:54svh;aspect-ratio:auto}
  .px-team{top:calc(max(40px,5svh) + 54svh + 14px);left:var(--gl);right:var(--gr);bottom:36px}
  .px-xi{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 6px}
  .px-xi .num{font-size:clamp(26px,5svh,44px)}
  .px-xi .nm{font-size:9px}
  .px-xi .tg,.px-bench,.px-note{display:none}
  .px-head{margin-bottom:6px}
  .px-row{font-size:4.2cqw}
  .px-kick.k1{top:10%}.px-kick.k2{top:calc(10% + 6cqw)}
  .px-foot.f1{bottom:calc(10% + 6cqw)}.px-foot.f2{bottom:10%}
  .px-side-a{font-size:4.6cqw}.px-side-b{font-size:2.4cqw}
}

.px-st .corner{color:var(--navy)}
.px-note{color:var(--navy)}

/* ---------- the line-up side, round 2: a clear headline, numbers that never touch, the set shown at work ---------- */
.px-team{container-type:size}
.px-head{display:flex;flex-direction:column;gap:6px;margin:0 0 clamp(10px,2.4svh,26px)}
.px-hd{margin:0;font-weight:400;font-size:min(7.4cqw,6.4svh);line-height:.92;color:var(--navy);text-wrap:balance}
.px-hl{margin:0;font-size:min(2.6cqw,2.4svh);line-height:1;color:var(--navy);align-self:flex-end}
.px-head span:nth-child(2){flex:none}
/* number size from the column width as well as the height: 10 and 11 can't run into each other */
.px-xi{gap:clamp(6px,1.8svh,20px) 4cqw}
.px-xi .num{font-size:min(10.5svh,13cqw)}

@media (max-width:900px){
  .px-pitch{height:44svh}
  .px-team{top:calc(max(40px,5svh) + 44svh + 12px);bottom:30px}
  .px-hd{font-size:22px}
  .px-hl{display:none}
  .px-head{margin-bottom:8px}
  .px-xi{gap:4px 2cqw}
  .px-xi .num{font-size:min(5svh,9cqw)}
}
.px-xi .num{font-size:min(12svh,15cqw)}
@media (max-width:900px){.px-xi .num{font-size:min(5svh,9cqw)}}

/* the bench and the note, a size up so the set's effect reads */
.px-bench .mcap{font-size:12px}
.px-bench ul{font-size:min(2.9cqw,2.6svh)}
.px-bench li{padding:6px 0}
.px-bench li i{font-size:11px}
.px-note{font-size:15px}
.px-hl{align-self:flex-start}
.px-bench ul{font-size:min(2.3cqw,2.1svh)}
.px-bench li{padding:3px 0}

/* textures.css */
/* SADE opener sketch · texture: one printer noise, everywhere, in the background
   noise.jpg ← PRINTER NOISE TEXTURES / TEXTURE001 (high-passed around mid-grey, made seamless)
   Overlay blend: mid-grey disappears, only the printer's grain stays — on stone, on colour and on ink alike.
   It rides on each sheet, so the layers stay physical. scan.jpg (TEXTURE051) stays on Bergman's card. */

body::after{display:none}
.stg{isolation:isolate;background-color:#E7E1D1}
.stg::before,.sheet:not(.sheet-stage)::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:55;
  background:url(noise.9781d3ec62.jpg) 0 0/512px 512px repeat;mix-blend-mode:overlay;opacity:.42}

/* Bergman's card: it is a scan */
.card-wrap:not(.gx-wrap)::after{content:"";position:absolute;inset:0;pointer-events:none;background:url(scan.f037aa07e9.jpg) 0 0/280px auto repeat;mix-blend-mode:multiply;opacity:.16}

/* the old site's speckle on pedals, tickets and panels goes: the printer noise is the only grain */
.ms .pd::after,.ms .pedal::after,.ms .ticket .t-main::after,.ms .face::after{display:none}

/* scan.css */
/* SADE opener sketch · STAIRS → SCAN on black, and the overlay instruments around the scan */

/* ---------- STAIRS: colours as variables, so the black plate can turn them to limestone ---------- */
#st{--s-he:#3E4A1E;--s-la:#22346E;--s-fi:#8E2A20;--s-bar:rgba(28,26,23,.62);--s-lab:#5B5446;--s-hud:#1C1A17;--s-hud2:#5B5446;--s-hudbg:rgba(231,225,209,.55)}
#st .srow.he{color:var(--s-he)}#st .srow.la{color:var(--s-la)}#st .srow.fi{color:var(--s-fi)}
#st .sc i,#st .srow .end{background:var(--s-bar)}
#st .sc b{color:var(--s-lab)}
#st .hud{border-color:var(--s-hud);background:var(--s-hudbg)}
#st .hud-line{background:var(--s-hud)}
#st .mcap{color:var(--s-hud2)}
#st .stairs{z-index:4}
.ink{position:absolute;inset:0;z-index:3;background:#1C1A17;clip-path:inset(100% 0 0 0);pointer-events:none}

/* ---------- SCAN: a black page ---------- */
.stg.st2{background-color:#1C1A17}
.st2 .guides i{background:rgba(231,225,209,.1)}
.st2 .hud{border-color:rgba(231,225,209,.8);background:rgba(28,26,23,.55)}
.st2 .hud-line{background:rgba(231,225,209,.8)}
.st2 .mcap{color:rgba(231,225,209,.62)}
.st2 .c-shadow{fill:rgba(0,0,0,.55)}

/* edge points the scan finds, and the reticle that rides the line */
.c-pts rect{fill:none;stroke:#1C1A17;stroke-width:1;vector-effect:non-scaling-stroke;visibility:hidden}
.c-pts rect.on{visibility:visible}
.c-pts rect.hot{fill:#E7679F;stroke:#E7679F}
.c-ret circle,.c-ret path{fill:none;stroke:#1C1A17;stroke-width:1;vector-effect:non-scaling-stroke}
.c-ret text{font-family:'Plex Mono',monospace;fill:#1C1A17;letter-spacing:.04em}
.c-ret{opacity:0}

/* ---------- the overlay ---------- */
.fx{position:fixed;inset:0;z-index:2;opacity:0;pointer-events:none;color:rgba(231,225,209,.72);font:400 11px/1.3 'Plex Mono',monospace;letter-spacing:.05em;text-transform:uppercase}
.fx-stars{position:absolute;inset:0;overflow:hidden}
.fx-stars span{position:absolute;left:0;top:0;will-change:transform,opacity;white-space:nowrap;font-size:13px;color:#E7E1D1}
.fx-stars span.g{font:normal 26px/1 'SADE',sans-serif;text-transform:none;color:#D2453C}

/* the log: a staircase of readings, like Mechanik's "87.8 — MCNK" */
.fx-log{position:absolute;left:var(--gl);top:104px;direction:ltr;font-size:clamp(12px,1.05vw,15px);line-height:1.18}
.fx-log p{margin:0;white-space:nowrap;color:#E7679F;visibility:hidden}
.fx-log p.on{visibility:visible}
.fx-log p.last{color:#E7E1D1}
.fx-log b{font-weight:400;font-family:'SADE',sans-serif;font-size:1.15em}

.fx-inst{position:absolute;right:var(--gr);bottom:64px;width:220px;border-top:1px solid rgba(231,225,209,.5);padding-top:8px;direction:ltr}
.fx-inst p{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.rec{display:inline-block;width:7px;height:7px;border-radius:50%;background:#D2453C;opacity:.25}
.rec.on.dim{opacity:.25}
@keyframes rec{50%{opacity:1}}
.fx-inst dl{display:flex;justify-content:space-between;margin:0 0 10px}
.fx-inst dt{font-size:9px;opacity:.6}
.fx-inst dd{margin:2px 0 0;font-size:16px;color:#E7E1D1;font-variant-numeric:tabular-nums}
.fx-bars{display:flex;align-items:flex-end;gap:3px;height:34px}
.fx-bars i{flex:1;background:rgba(231,225,209,.55);height:10%}
.fx-bars i.hi{background:#D2453C}

.fx-osc{position:absolute;left:var(--gl);bottom:64px;width:240px;height:56px;overflow:visible}
.fx-osc path{fill:none;stroke:#E7E1D1;stroke-width:1;vector-effect:non-scaling-stroke}
.fx-osc line{stroke:rgba(231,225,209,.25);stroke-width:1;stroke-dasharray:2 4}

.fx-tick{position:absolute;left:0;right:0;bottom:38px;overflow:hidden;border-top:1px solid rgba(231,225,209,.12);border-bottom:1px solid rgba(231,225,209,.12);padding:3px 0;direction:ltr}
.fx-tick p{margin:0;white-space:nowrap;display:inline-block;will-change:transform;color:rgba(231,225,209,.45)}
@keyframes tick{to{transform:translateX(-50%)}}

.fx-corner{position:absolute;width:14px;height:14px;border:0 solid #D2453C;}
.fx-corner.dim{opacity:.2}
.fx-corner.k1{border-top-width:1px;border-left-width:1px}.fx-corner.k2{border-top-width:1px;border-right-width:1px;animation-delay:.4s}
.fx-corner.k3{border-bottom-width:1px;border-left-width:1px;animation-delay:.8s}.fx-corner.k4{border-bottom-width:1px;border-right-width:1px;animation-delay:1.2s}
@keyframes blink{50%{opacity:.15}}

@media (max-width:700px){
  .fx-log,.fx-inst{display:none}
  .fx-osc{width:140px;height:40px;bottom:58px}
  .fx-tick{bottom:34px}
}
@media (prefers-reduced-motion:reduce){.fx-tick p,.fx-corner,.rec.on{animation:none}}

/* STAIRS exit: a mechanical wave, cell by cell */
#st .sc.off,#st .srow .end.off{visibility:hidden}
#st .sc.flash{color:#E7679F}#st .sc.flash i{background:#E7679F}#st .sc.flash b{color:#E7679F}

/* afish.css */
/* SADE opener sketch · AFISH — Hapoel Jerusalem match posters (after Nimrod's reconstructions), set in SADE.
   Each poster is laid out on its own sheet at the original's proportions (A-format, landscape or portrait):
   every line is fitted to the box it occupies on the original, then the whole sheet is scaled to the screen. */
.af-st{background-color:#1C1A17;overflow:hidden}
.af-st .corner{color:#E7E1D1;z-index:6}

/* the frame is the poster's box on screen; the poster inside is drawn at its own size and scaled */
.af-frame{position:absolute;left:0;top:0;z-index:2}
.af-poster{position:absolute;left:0;top:0;transform-origin:0 0;background:var(--paper);color:var(--ink);overflow:hidden;
  --paper:#EFE8D5;--ink:#1C1A17;--ink2:#C8372D;--pass:0}
.af-art{position:absolute;inset:0;pointer-events:none;color:var(--ink2)}
.af-art .af-svg{position:absolute;inset:0;width:100%;height:100%;fill:currentColor;display:block}
.af-type{position:absolute;inset:0}
.af-poster.ov .af-type{mix-blend-mode:multiply}   /* the type overprints the art plate, like the originals */

/* items: positions and sizes are written by the script in sheet pixels */
.af-it{position:absolute;margin:0;visibility:hidden}
.af-it.on{visibility:visible}
.af-tx,.ms .af-tx{display:block;white-space:pre;line-height:1;font-kerning:none;letter-spacing:0;font-weight:400;color:var(--ink)}
.af-tx.c2{color:var(--ink2)}
.af-tx .so{display:inline}
.af-tx .so.off{visibility:hidden}
.af-tx .so.flash{color:var(--ink2)}
.af-poster.ov .af-tx .so.flash{color:var(--ink)}
.af-rl{background:var(--ink)}
.af-bx{border:solid var(--ink)}
.af-dt{background:repeating-linear-gradient(90deg,var(--ink) 0 7px,transparent 7px 11px)}
.af-dt.v{background:repeating-linear-gradient(180deg,var(--ink) 0 7px,transparent 7px 11px)}
.af-em .af-svg{width:100%;height:100%;display:block;fill:var(--ink)}
.af-em.c2 .af-svg{fill:var(--ink2)}

/* the second-colour pass: the ink-2 plate lands off register and steps back in */
.af-poster.pass .af-tx.big{text-shadow:calc(-9px*var(--pass)) calc(6px*var(--pass)) 0 var(--ink2)}

/* the plates: bands carrying the next fixture across the whole poster area */
.af-plbox{position:absolute;top:max(44px,6svh);bottom:max(44px,6svh);left:var(--gl);right:var(--gr);z-index:5;pointer-events:none;overflow:hidden;display:flex;flex-direction:column}
.af-pl{flex:1;min-height:0;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;white-space:nowrap}
.af-pl span{line-height:1;padding-right:.2em}

/* crop + register marks, colour chips */
.af-marks{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;color:#E7E1D1}
.af-marks.on{opacity:1}
.af-marks .cm{position:absolute;width:22px;height:22px}
.af-marks .cm::before,.af-marks .cm::after{content:"";position:absolute;background:currentColor}
.af-marks .cm::before{width:100%;height:1px}.af-marks .cm::after{width:1px;height:100%}
.af-marks .tl{top:-26px;left:-1px}.af-marks .tl::before{bottom:0}.af-marks .tl::after{left:0;top:0}
.af-marks .tr{top:-26px;right:-1px}.af-marks .tr::before{bottom:0}.af-marks .tr::after{right:0;top:0}
.af-marks .bl{bottom:-26px;left:-1px}
.af-marks .br{bottom:-26px;right:-1px}.af-marks .br::after{right:0}
.af-marks .reg{position:absolute;top:-32px;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;margin-left:-10px;transform:rotate(var(--rot,0deg))}
.af-marks .reg::before,.af-marks .reg::after{content:"";position:absolute;background:currentColor;left:50%;top:-5px;width:1px;height:28px}
.af-marks .reg::after{transform:rotate(90deg)}
.af-marks .r1{left:30%}.af-marks .r2{left:70%}
.af-chips{position:absolute;bottom:calc(max(44px,6svh) - 30px);left:50%;transform:translateX(-50%);display:flex;gap:18px;color:#E7E1D1;z-index:6;opacity:0;white-space:nowrap}
.af-chips.on{opacity:1}
.af-chips span{display:inline-flex;align-items:center;gap:6px}
.af-chips i{width:10px;height:10px;outline:1px solid #E7E1D1;outline-offset:1px}
.af-chips.hot span:last-child{opacity:0}

@media (max-width:700px){
  .af-chips{gap:8px;font-size:9px}.af-chips span{font-size:0;gap:0}.af-chips span:last-child{font-size:9px}
  .af-marks .reg{display:none}
  .af-marks .cm{width:14px;height:14px}
  .af-marks .tl,.af-marks .tr{top:-18px}.af-marks .bl,.af-marks .br{bottom:-18px}
}

/* proof.css */
/* SADE opener sketch · 05 PROOF — the stripes carry on with running text, in clusters of sizes. */
.ms .pf{display:flex;flex-direction:column}
.ms .pf-band{padding:clamp(14px,1.6vw,24px) var(--gr) clamp(22px,2.6vw,40px) var(--gl);overflow:hidden}
.ms .pf-cap{display:flex;justify-content:space-between;gap:16px;margin:0 0 clamp(14px,1.6vw,26px);padding-bottom:6px;border-bottom:1px solid currentColor;color:inherit;opacity:.8}
.ms .pf-cols{display:grid;gap:clamp(14px,2vw,32px);align-items:start}
.ms .pf-cols.c1{grid-template-columns:1fr}
.ms .pf-cols.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ms .pf-cols.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ms .pf-cols.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ms .pf-cols.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ms .pf-t{margin:0;text-wrap:pretty;font-feature-settings:"kern" 1}
.ms .pf-1 .pf-t{font-size:clamp(40px,6.4vw,104px);line-height:1;text-wrap:balance}
.ms .pf-2 .pf-t{font-size:clamp(26px,3vw,48px);line-height:1.06}
.ms .pf-3 .pf-t{font-size:clamp(19px,1.95vw,30px);line-height:1.14}
.ms .pf-4 .pf-t{font-size:clamp(15px,1.2vw,19px);line-height:1.32}
.ms .pf-5 .pf-t{font-size:clamp(12px,.86vw,13.5px);line-height:1.42}
.ms .pf-set .pf-t{font-size:clamp(28px,4.4vw,72px);line-height:1.08;word-break:break-all}
.ms .pf-2 .pf-t.ltr,.ms .pf-4 .pf-t.ltr,.ms .pf-5 .pf-t.ltr{text-align:left}
@media (max-width:900px){
  .ms .pf-cols.c3,.ms .pf-cols.c4,.ms .pf-cols.c5{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .ms .pf-cols.c2,.ms .pf-cols.c3,.ms .pf-cols.c4{grid-template-columns:1fr}
  .ms .pf-cap{flex-direction:column;gap:2px}
}

/* the quote, set in three sizes */
.ms .pf-quote{gap:clamp(10px,1.4vw,20px)}
.ms .pf-1 .pf-q{font-size:clamp(44px,7vw,124px);line-height:.9;padding-bottom:.16em}   /* room for ק ן below the baseline: the reveal clips to this box */
.ms .pf-q .ql{display:block;width:max-content;white-space:nowrap;margin-inline-start:0}
.ms .pf-qa{margin:0;font-size:clamp(20px,2.2vw,36px);line-height:1.12;max-width:34ch;border-top:1px solid currentColor;padding-top:.5em}
.ms .pf-qs{margin:0;color:inherit;opacity:.75}
@media (max-width:1100px){.ms .pf-5 .pf-t br{display:none}}   /* the burekas lines are set for wide screens; narrower columns let them run on */
.ms .pf-cols>*{min-width:0}   /* grid items must not grow to the quote's unfitted width */

/* gigs.css */
/* SADE opener sketch · GIGS — Israeli gig, party and festival posters, each in the manner of a poster Nimrod collected,
   in the site's inks, two colours each. The posters run sideways across the stage with the scroll; each one flickers
   on as it comes in, is off-register away from the centre and drops into register in the middle. All scroll-driven. */
.stg.gg-st{background-color:#1C1A17;overflow:hidden;color:#E7E1D1;--ph:min(76svh,calc(76vw * 7 / 5));--pw:calc(var(--ph) * 5 / 7)}
.gg-st .corner{color:rgba(231,225,209,.75);z-index:8}
.gg-track{position:absolute;top:50%;right:0;direction:ltr;display:flex;flex-direction:row-reverse;gap:clamp(18px,2.4vw,44px);padding:0 calc(50vw - var(--pw) / 2);transform:translate(var(--tx,0px),-50%);will-change:transform;z-index:3}
.gg-card{position:relative;direction:rtl;flex:none;width:var(--pw);height:var(--ph);container-type:size}
.gg-card .meta{position:absolute;top:100%;left:0;right:0;margin-top:10px;display:flex;justify-content:space-between;font:400 10px/1 'Plex Mono',monospace;letter-spacing:.06em;color:rgba(231,225,209,.55);direction:ltr}

/* tickers, top and bottom: they run against each other with the scroll */
.gg-tick{position:absolute;left:0;right:0;height:clamp(26px,4.4svh,44px);overflow:hidden;z-index:4;background:var(--tb,#E7E1D1);color:var(--tf,#1C1A17);display:flex;align-items:center}
.gg-tick.t1{top:0}.gg-tick.t2{bottom:0}
.gg-tick p{margin:0;white-space:nowrap;font-size:clamp(16px,2.8svh,28px);line-height:1;transform:translateX(var(--x,0px));will-change:transform;padding-top:.08em}

/* ---------- a poster ---------- */
.gg-p{position:absolute;inset:0;--pa:var(--pa0);--ik:var(--ik0);--i2:var(--i20);background:var(--pa);color:var(--ik);display:flex;flex-direction:column;justify-content:space-between;padding:4.4cqw;gap:1.6cqw;overflow:hidden}
.gg-p.inv{--pa:var(--ik0);--ik:var(--pa0)}
.gg-p .ln{visibility:hidden}
.gg-p .ln.on{visibility:visible}
.gg-p .ln.fl{color:var(--i2)}
.gg-p .gfit{white-space:nowrap;line-height:1;text-align:center;margin:0;font-weight:400}
.gg-p .gfit .t{display:inline-block}
.gg-p .sm{font-size:3.4cqw;line-height:1;text-align:center;margin:0;white-space:nowrap}
.gg-p .box{display:inline-block;background:var(--ik);color:var(--pa);padding:.12em .4em .06em}
.gg-p .star{display:inline-block;width:.8em;height:.8em;vertical-align:-.04em;fill:currentColor}
.gg-p svg.star{overflow:visible}
.gg-p .row{display:flex;align-items:center;justify-content:space-between;gap:2cqw}
.gg-p .grow{flex:1;min-width:0}
/* off-register away from the centre: the second ink slides out from under the headlines */
.gg-p .gfit .t{text-shadow:calc(var(--reg,0) * -1.4cqw) calc(var(--reg,0) * .9cqw) 0 var(--i2)}
/* print texture: a fine halftone, and the scan bar that runs down a poster while it is setting */
.gg-p::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:9;background:radial-gradient(circle,rgba(28,26,23,.13) .5px,transparent .9px) 0 0/5px 5px;mix-blend-mode:multiply;opacity:.6}
.gg-scan{position:absolute;left:0;right:0;top:calc(var(--scan,1) * 100%);height:.8cqw;background:var(--i2);box-shadow:0 0 0 .3cqw var(--ik);z-index:10;pointer-events:none;opacity:var(--scano,0)}

/* 1 · wood type (Stevie Wonder) */
.p-wood .slab{letter-spacing:.18em}
.p-wood .rule{height:.7cqw;background:var(--ik);margin:0 10%}

/* 2 · tall and quiet (Talking Heads) */
.p-tall{justify-content:flex-start;gap:2.2cqw}
.p-tall .orn{display:flex;align-items:center;justify-content:center;gap:1.4cqw;margin:2cqw 0}
.p-tall .orn i{height:1.1cqw;background:var(--ik);flex:0 0 26%;clip-path:polygon(0 50%,100% 0,100% 100%)}
.p-tall .orn i:last-child{clip-path:polygon(0 0,100% 50%,0 100%)}
.p-tall .orn b{width:2.4cqw;height:2.4cqw;background:var(--ik)}
.p-tall .push{margin-top:auto}

/* 3 · outlined (Midcity Mercado) */
.p-outl .ol{color:transparent;-webkit-text-stroke:.03em var(--ik)}
.p-outl .frieze{display:flex;justify-content:space-between;border-block:.5cqw solid var(--ik);padding:1cqw 0;font-size:3cqw;line-height:1}
.p-outl .mid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:2cqw}
.p-outl .mid .bigstar{width:30cqw;height:30cqw;fill:var(--ik);display:block}
.p-outl .mid .lab{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:2.9cqw;line-height:1;color:var(--pa);transform:rotate(-8deg);padding-top:4cqw}
.p-outl .mid .swk{position:relative}

/* 4 · three columns (Bloom Bar) */
.p-cols{padding:2.4cqw;gap:2.4cqw;flex-direction:row;justify-content:stretch}
.p-cols .gcol{position:relative;flex:1;background:var(--c);overflow:hidden}
.p-cols .rot{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(-90deg)}
.p-cols .rot .gfit{width:100%}
.p-cols .gtag{position:absolute;left:0;right:0;font-size:2.6cqw;text-align:center;line-height:1;z-index:2}
.p-cols .gtag.t1{top:1.6cqw}.p-cols .gtag.t2{bottom:1.6cqw}
.p-cols .sticker{position:absolute;left:52%;bottom:16%;z-index:3;transform:rotate(-14deg);background:#F7F1D6;color:var(--ik);border:.6cqw solid var(--ik);padding:1cqw 2.6cqw .6cqw;font-size:7cqw;line-height:1;box-shadow:1.2cqw 1.2cqw 0 var(--ik)}

/* 5 · blocks (I Want Festival) */
.p-blk{gap:1.6cqw}
.p-blk .blk{background:var(--ik);color:var(--pa);border-radius:6cqw;padding:1.6cqw 3cqw;display:flex;align-items:center;justify-content:center}
.p-blk .blk.sq{border-radius:1.4cqw}
.p-blk .blk.pill{border-radius:99cqw}
.p-blk .tri{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:1.6cqw;align-items:stretch}
.p-blk .tri .blk{flex-direction:column;gap:1cqw;font-size:3.4cqw;line-height:1;text-align:center}
.p-blk .side{font-size:3cqw;line-height:1.05;text-align:center;color:var(--ik)}

/* 5b · big box (Depeche Mode) — Mashina */
.p-dm{padding:3cqw;gap:1.6cqw;justify-content:space-between}
.p-dm .dmbox{border:1.2cqw solid var(--ik);padding:1.6cqw 2.4cqw 2cqw;display:flex;flex-direction:column;gap:.6cqw}
.p-dm .dmt{line-height:1}
.p-dm .dmt:first-child{line-height:.9}
.p-dm .dmslab{position:relative;background:var(--ik);color:var(--pa);padding:1.8cqw 2.4cqw;display:flex;flex-direction:column;gap:.8cqw;text-align:right}
.p-dm .dmslab .gfit{text-align:right}
.p-dm .dmslab .gfit .t{text-shadow:none}
.p-dm .dmstk{position:absolute;left:2.4cqw;top:50%;transform:translateY(-50%) rotate(-12deg);background:var(--pa);color:var(--ik);border:.6cqw solid var(--ik);outline:.5cqw solid var(--pa);font-size:3.4cqw;line-height:1;padding:1.4cqw 1.6cqw 1cqw;text-align:center}
.p-dm .dmstrip{background:var(--ik);display:flex;align-items:center;gap:3cqw;padding:.8cqw 3cqw}
.p-dm .dmstrip svg{width:12cqw;height:6cqw;fill:var(--pa);flex:none}
.p-dm .dmstrip .gfit{flex:1 1 0;min-width:0;color:transparent;-webkit-text-stroke:.025em var(--pa)}
.p-dm .dmstrip .gfit .t{text-shadow:none}
.p-dm .dmfoot{border:.6cqw solid var(--ik);display:flex;justify-content:space-between;align-items:center;gap:2cqw;padding:1.2cqw 2.4cqw;font-size:2.6cqw;line-height:1.1}
.p-dm .dmfoot b{font-weight:400;font-size:6cqw;line-height:1}
.p-dm .dmfoot span:last-child{text-align:left}
.p-dm .dmsym{display:flex;gap:2cqw;direction:ltr}
.p-dm .dmsym i{font-style:normal}

/* 6 · stars (Hardcore Art Book Fair) */
.p-star .starrow{display:flex;align-items:center;justify-content:center;gap:3cqw}
.p-star .starrow .bs{width:16cqw;height:22cqw;fill:var(--ik);flex:none}
.p-star .dash{display:flex;justify-content:center;align-items:center;gap:1cqw}
.p-star .dash i{height:.9cqw;width:12cqw;background:var(--ik);clip-path:polygon(0 50%,100% 0,100% 100%)}
.p-star .dash i:last-child{clip-path:polygon(0 0,100% 50%,0 100%)}
.p-star .dash b{width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--ik)}

/* 7 · echo (All Original) */
.p-echo .echo{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;color:var(--i2);z-index:0;pointer-events:none}
.p-echo .echo .gfit{line-height:.9}
.p-echo > .ln{position:relative;z-index:1}
.p-echo .cnr{display:flex;justify-content:space-between;font-size:2.4cqw;position:relative;z-index:1}

/* 8 · tiles (Research at Night) */
.p-tile .tiles{display:flex;justify-content:center;gap:1.2cqw;direction:rtl}
.p-tile .tl{width:var(--ts);height:var(--ts);background:var(--i2);color:var(--ik);display:flex;align-items:center;justify-content:center;font-size:calc(var(--ts) * .78);line-height:1;padding-top:calc(var(--ts) * .1);transform:rotate(var(--r)) translateY(var(--y));outline:.5cqw solid var(--ik);outline-offset:-.5cqw}
.p-tile .yel{color:#E3B640;font-size:4.2cqw;margin:0;line-height:1}
.p-tile .frame{border:.5cqw solid var(--ik);padding:2.4cqw 3cqw;display:flex;flex-direction:column;gap:1.6cqw}
.p-tile .low{display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw}
.p-tile .badge{width:26cqw;height:26cqw;border-radius:50%;background:var(--i2);outline:.6cqw solid var(--ik);display:flex;align-items:center;justify-content:center;transform:rotate(12deg);font-size:7cqw;line-height:1;text-align:center;flex:none}

/* 9 · tour list (Villanelle) */
.p-tour{border:3.2cqw solid var(--ik);outline:.5cqw dashed var(--pa);outline-offset:-1.9cqw;padding:3.4cqw}
.p-tour .dates{border:.6cqw solid var(--ik);padding:1.6cqw 2.4cqw;display:flex;flex-direction:column;gap:.9cqw;background:color-mix(in srgb,var(--pa) 80%,#fff)}
.p-tour .dates .d{letter-spacing:.06em}

/* 10 · star strips (Sonda) */
.p-strip .pill{display:flex;justify-content:center}
.p-strip .pill span{background:var(--ik);color:var(--i2);border-radius:99cqw;padding:.8cqw 3cqw .5cqw;font-size:3cqw;line-height:1}
.p-strip .strip{background:var(--ik);color:var(--i2);display:flex;justify-content:space-between;padding:.9cqw 2cqw;margin:0 2cqw}
.p-strip .strip svg{width:2.6cqw;height:2.6cqw;fill:currentColor}
.p-strip .bx .t{background:var(--ik);color:var(--i2);padding:.08em .2em 0}
.p-strip .circles{display:flex;justify-content:center;gap:5cqw}
.p-strip .circles span{width:20cqw;height:20cqw;border-radius:50%;background:var(--ik);color:var(--i2);display:flex;align-items:center;justify-content:center;text-align:center;font-size:4cqw;line-height:1.05}


/* 11 · festival (InDNegev) — after the Villanelle tour poster: a frame, the name, a huge 20, a box of lines */
.p-fest{border:3.2cqw solid var(--ik);outline:.5cqw dashed var(--pa);outline-offset:-1.9cqw;padding:3.2cqw;gap:1.2cqw}
.p-fest .yr{display:grid;grid-template-columns:58% minmax(0,1fr);align-items:center;gap:2.4cqw}
.p-fest .big20{line-height:.9;letter-spacing:-.02em}
.p-fest .yr .side{display:flex;flex-direction:column;gap:.8cqw;min-width:0}
.p-fest .lu{border:.6cqw solid var(--ik);background:color-mix(in srgb,var(--pa) 72%,#fff);padding:1.6cqw 2.2cqw;display:flex;flex-direction:column;gap:.7cqw}
.p-fest .lu .dt{letter-spacing:.08em}

/* 16 · ruled and cut (2AM/FM) — Jerusalem Jazz Festival */
.p-jazz{--rl:5.6cqh;justify-content:space-between;gap:.6cqh;padding:3cqw 4cqw;
  background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--rl) - .35cqw),color-mix(in srgb,var(--ik) 70%,transparent) calc(var(--rl) - .35cqw) var(--rl))}
.p-jazz .cut .t,.p-jazz .gfit.cut .t{-webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 calc(.31em),transparent calc(.31em) calc(.37em));mask-image:repeating-linear-gradient(to bottom,#000 0 calc(.31em),transparent calc(.31em) calc(.37em))}
.p-jazz .gfit{text-align:right}
.p-jazz .jl{display:block;font-size:2.4cqw;line-height:1;margin-bottom:.5cqw;letter-spacing:.06em}
.p-jazz .hand{margin:0;font-size:4.6cqw;line-height:1.05;color:transparent;-webkit-text-stroke:.04em var(--ik);transform:skewX(-12deg) rotate(-2deg);transform-origin:100% 50%;white-space:nowrap}
.p-jazz .jtop{display:flex;justify-content:space-between;align-items:flex-start}
.p-jazz .jtop .hand{font-size:6.4cqw;text-align:left}
.p-jazz .jstair{display:flex;flex-direction:column;gap:0}
.p-jazz .jstair .gfit,.p-jazz > .gfit{line-height:.88}
.p-jazz .jstair .gfit{margin-top:0}
.p-jazz .hand-lines{display:flex;flex-direction:column;gap:1.2cqh;align-items:flex-start}
.p-jazz .hand-lines .hand{font-size:3.6cqw}

/* 12 · cumbia sign (e-Boded × Teder) — after the Gran Baile de Cumbia poster: black frame, date boxes, one big shout-out panel */
.p-cumb{padding:2.4cqw;gap:1.6cqw;justify-content:flex-start}
.p-cumb .ctop{display:grid;grid-template-columns:19cqw minmax(0,1fr) 19cqw;gap:2cqw;align-items:stretch}
.p-cumb .cday{border:.5cqw solid var(--ik);border-radius:0 0 3cqw 0;display:flex;flex-direction:column;justify-content:space-between;padding:1.4cqw 1.6cqw;box-shadow:inset 0 0 0 1cqw var(--pa),inset 0 0 0 1.3cqw var(--ik)}
.p-cumb .cday.l{border-radius:0 0 0 3cqw}
.p-cumb .cday .dn{line-height:.9}
.p-cumb .cmid{display:flex;flex-direction:column;gap:.8cqw;min-width:0;text-align:center}
.p-cumb .cfine{margin:0;font-size:2.3cqw;line-height:1.1}
.p-cumb .crow{margin:0;display:flex;justify-content:space-between;align-items:center;font-size:2.4cqw;line-height:1;gap:2cqw}
.p-cumb .crow.c{justify-content:center}
.p-cumb .spk{width:5.4cqw;height:5.4cqw;fill:var(--ik);color:var(--ik);flex:none;transform:rotate(calc(var(--rot,0deg) * .5))}
.p-cumb .cpanel{flex:1;min-height:0;background:var(--ik);color:var(--pa);padding:2cqw 3cqw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.p-cumb .cpanel .gfit .t{text-shadow:calc(var(--reg,0) * -1.4cqw) calc(var(--reg,0) * .9cqw) 0 var(--i2)}
.p-cumb .chead{margin:0;display:flex;justify-content:space-between;font-size:5cqw;line-height:1;letter-spacing:.06em}
.p-cumb .cbig{line-height:1.12}
.p-cumb .cbig .t{transform:scaleY(1.22);transform-origin:50% 60%}
.p-cumb .csub{margin:0;font-size:2.2cqw;line-height:1.3;text-align:justify;text-align-last:center}
.p-cumb .csub b{font-weight:400;background:var(--pa);color:var(--ik);padding:0 .4em;margin:0 .2em}
.p-cumb .cfoot{display:flex;justify-content:space-between;align-items:center;gap:2cqw;font-size:3cqw;line-height:1}
.p-cumb .cfoot b{font-weight:400;font-size:5.6cqw;line-height:.9}
.p-cumb .cfoot i{font-style:normal;font-size:2.1cqw;line-height:1.15;text-align:center}
.p-cumb.inv .cpanel{background:var(--i2)}

/* 13 · hypnotic (Hypnotic Discotheque) */
.p-hyp{background:var(--pa) repeating-radial-gradient(circle at 50% 46%,transparent 0 2.6cqw,color-mix(in srgb,var(--ik) 26%,transparent) 2.6cqw 5.2cqw)}
.p-hyp .spin{position:absolute;inset:0;background:repeating-conic-gradient(from var(--rot,0deg) at 50% 50%,transparent 0 9deg,color-mix(in srgb,var(--i2) 10%,transparent) 9deg 18deg);pointer-events:none;z-index:0}
.p-hyp > .ln{position:relative;z-index:1}
.p-hyp .hlu{display:grid;grid-template-columns:1fr 1fr;gap:.6cqw 4cqw;font-size:3.3cqw;line-height:1.1;text-align:center}
.p-hyp .hlu span{background:var(--pa);padding:.4cqw 0}

/* 14 · still (Zikuk #2 at HaMazkeka) */
.p-drop .droprow{display:flex;align-items:center;justify-content:center;gap:4cqw}
.p-drop .droprow svg{width:12cqw;height:17cqw;fill:var(--i2);flex:none}
.p-drop .droprow .gfit{flex:0 1 auto}
.p-drop .pipe{height:1cqw;background:repeating-linear-gradient(90deg,var(--ik) 0 6cqw,transparent 6cqw 8cqw)}

/* 15 · programme (HaMazkeka, November) */
.p-prog .prog{display:flex;flex-direction:column;border-top:.6cqw solid var(--ik)}
.p-prog .prog div{display:grid;grid-template-columns:15cqw minmax(0,1fr);align-items:center;gap:2cqw;border-bottom:.3cqw solid var(--ik);padding:.9cqw 0}
.p-prog .prog i{font-style:normal;background:var(--ik);color:var(--pa);text-align:center;font-size:3.6cqw;line-height:1;padding:.8cqw 0 .5cqw}
.p-prog .prog span{font-size:3.7cqw;line-height:1.05;text-align:right;white-space:nowrap;overflow:hidden}
.p-prog .prog div:nth-child(odd) i{background:var(--i2)}

/* fitted lines inside flex boxes take the box's width instead of shrink-wrapping */
.gg-p .blk > .gfit,.gg-p .starrow > .gfit,.gg-p .row > .gfit{flex:1 1 0;min-width:0}
.p-outl .mid > *{min-width:0}

@media (max-width:700px){
  .stg.gg-st{--ph:min(66svh,calc(78vw * 7 / 5))}
}
.gg-p .ol .t{text-shadow:none}
/* אי־בודד × תדר: the star between names */
.p-cumb .csep{font-style:normal;font-size:.62em;vertical-align:.18em;margin:0 .06em}

/* press.css */
/* SADE opener sketch · PRESS — the type tester as a proof, blown up: the Israel Festival bill is set at one fixed size
   (700 × 972) and scaled to the full width of the page, so you scroll down through it, from the title to the lineup to
   the small print, and write on any line. The sets, paper and ink sit in a bar that floats at the bottom while the
   poster is on screen. The page, the poster and the bar share one paper and one ink. */
.ms .pr{--paper:#E9A93A;--ink:#3A2716;background-color:var(--paper);color:var(--ink);transition:background-color .3s,color .3s}
.pr-st{position:relative;padding:clamp(56px,7vw,110px) 0 clamp(120px,12vw,180px);--mx:clamp(28px,4.4vw,72px)}

/* ---------- the head ---------- */
.ms .pr-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:16px clamp(24px,4vw,64px);padding:0 var(--gr) 0 var(--gl)}
.ms .pr-kick{margin:0 0 6px;font-size:14px}
.ms .pr-h{margin:0;font-weight:400;font-size:clamp(56px,10vw,170px);line-height:.86;white-space:nowrap}
.ms .pr-note{margin:0;font-size:16px;line-height:1.5;max-width:52ch;justify-self:end}
/* 03.11: the big ↓ line between the head and the proof is gone; the head keeps the room for the crop marks */
.ms .pr-head{margin-bottom:calc(var(--mx) + clamp(40px,5vw,80px))}
.ms .pr-try{margin:clamp(64px,8vw,128px) 0 calc(var(--mx) + 28px);text-align:center;font-size:clamp(34px,4.6vw,76px);line-height:1}
.pr-try span{display:inline-block;margin:0 .3em}
@media (max-width:900px){.ms .pr-head{grid-template-columns:1fr}.ms .pr-note{justify-self:start}}

/* ---------- the proof, the width of the page ---------- */
.pr-proof{position:relative;margin:0 calc(var(--gr) + var(--mx)) 0 calc(var(--gl) + var(--mx));height:calc(972px * var(--k,1))}
.pr-poster{position:absolute;left:0;top:0;width:700px;height:972px;transform-origin:0 0;transform:scale(var(--k,1));container-type:size;background:var(--paper);color:var(--ink);padding:4cqw 4.6cqw 3.6cqw;display:flex;flex-direction:column;gap:1.2cqh;overflow:hidden;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 30%,transparent);transition:background-color .3s,color .3s}
.pr-poster .xe{outline:none;cursor:text;border-radius:1px}
.pr-poster .xe:hover{box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 45%,transparent)}
.pr-poster .xe:focus{box-shadow:0 0 0 1px var(--ink)}
.pr-poster p{margin:0}
.pr-poster .xs{font-size:2.2cqw;line-height:1.2}
.pr-poster .xf{white-space:nowrap;line-height:1;text-align:right}
.pr-poster .xf .xe{display:inline-block}
.pr-poster .xf.ltr{direction:ltr;text-align:right}
.pr-lab .tl{text-align:right}
.pr-title{display:flex;flex-direction:column;gap:.2cqh}
.pr-title .xf{line-height:.92}
.pr-tr{display:grid;grid-template-columns:70% minmax(0,1fr);align-items:center;gap:3cqw}
.pr-side{font-size:2.6cqw;line-height:1.15}
.pr-rows{display:flex;flex-direction:column;border:.35cqw solid var(--ink);border-radius:2.6cqw;overflow:hidden;flex:none}
.pr-row{display:grid;grid-template-columns:16cqw minmax(0,1fr);gap:2.4cqw;padding:.8cqw 2cqw;align-items:center;border-bottom:.25cqw solid var(--ink)}
.pr-row:last-child{border-bottom:0}
.pr-lab{font-size:2.05cqw;line-height:1.2;padding-top:.4cqw;display:flex;flex-direction:column}
.pr-lab .pr-pr{font-size:2.05cqw}
.pr-main{min-width:0;display:flex;flex-direction:column;gap:.5cqw}
.pr-sub{font-size:2.15cqw;line-height:1.2}
.pr-foot{display:grid;grid-template-columns:1fr 1.3fr 1fr;border:.35cqw solid var(--ink);border-radius:2.6cqw}
.pr-foot p{padding:1cqw 1.4cqw;font-size:1.95cqw;line-height:1.25;border-left:.25cqw solid var(--ink)}
.pr-foot p:last-child{border-left:0}
.pr-bottom{margin-top:auto;display:grid;grid-template-columns:72% minmax(0,1fr);align-items:end;gap:3cqw}
.pr-date{line-height:.9 !important}
.pr-tag{font-size:2.2cqw;line-height:1.2;padding-bottom:1cqw}
.pr-poster ::selection{background:var(--ink);color:var(--paper)}

.pr-poster{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 30%,transparent)}
/* every line you can write on says so: a dashed box on hover, a cursor, an outline when you are in it */
.pr-poster .xe{cursor:text;border-radius:2px;transition:box-shadow .15s}
.pr-poster .xe:hover{box-shadow:0 0 0 1px var(--paper),0 0 0 2.5px color-mix(in srgb,var(--ink) 55%,transparent)}
.pr-poster .xe:focus{box-shadow:0 0 0 1px var(--paper),0 0 0 3px var(--ink)}
/* the caret at the end of the first word, blinking with the scroll (not with a clock) until someone writes */
.pr-caret{position:absolute;z-index:3;width:calc(5px * var(--k,1));background:var(--ink);pointer-events:none;opacity:var(--blink,1)}
.pr-proof.used .pr-caret{display:none}

/* printer's marks, all in the ink */
.pr-marks{position:absolute;inset:calc(-1 * var(--mx));pointer-events:none;color:var(--ink);opacity:var(--mk,1)}
.pr-marks .cm{position:absolute;width:var(--mx);height:var(--mx)}
.pr-marks .cm::before,.pr-marks .cm::after{content:"";position:absolute;background:currentColor}
.pr-marks .cm::before{height:1px;width:calc(var(--mx) * .55);top:var(--mx)}
.pr-marks .cm::after{width:1px;height:calc(var(--mx) * .55);left:var(--mx)}
.pr-marks .c1{top:0;left:0}.pr-marks .c1::before{left:0}.pr-marks .c1::after{top:0}
.pr-marks .c2{top:0;right:0}.pr-marks .c2::before{right:0}.pr-marks .c2::after{left:auto;right:var(--mx);top:0}
.pr-marks .c3{bottom:0;left:0}.pr-marks .c3::before{top:auto;bottom:var(--mx);left:0}.pr-marks .c3::after{bottom:0}
.pr-marks .c4{bottom:0;right:0}.pr-marks .c4::before{top:auto;bottom:var(--mx);right:0}.pr-marks .c4::after{left:auto;right:var(--mx);bottom:0}
.pr-marks .rg{position:absolute;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--rot,0deg))}
.pr-marks .rg::before,.pr-marks .rg::after{content:"";position:absolute;left:50%;top:-6px;width:1px;height:30px;background:currentColor}
.pr-marks .rg::after{transform:rotate(90deg)}
.pr-marks .r1{left:50%;top:calc(var(--mx) / 2)}.pr-marks .r2{left:50%;top:calc(100% - var(--mx) / 2)}
.pr-marks .r3{left:calc(var(--mx) / 2);top:50%}.pr-marks .r4{left:calc(100% - var(--mx) / 2);top:50%}
.pr-bar{position:absolute;top:calc(var(--mx) + 12%);height:44%;right:calc(var(--mx) / 2 - 6px);width:12px;display:flex;flex-direction:column;border:1px solid currentColor}
.pr-bar i{flex:1;background:var(--c)}
.pr-slug{position:absolute;left:var(--mx);bottom:calc(var(--mx) / 2 - 5px);margin:0;font:400 10px/1 'Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.pr-slug.s2{left:auto;right:var(--mx)}

.ms .pr-end{margin:calc(var(--mx) + 28px) var(--gr) 0 var(--gl);text-align:center;font-size:14px}
.pr-link{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ---------- the floating bar ---------- */
.pr-dock{--paper:#E9A93A;--ink:#3A2716;position:fixed;z-index:900;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%,calc(100% + 40px));
  display:flex;align-items:center;gap:6px;padding:6px;max-width:calc(100vw - 24px);direction:rtl;
  background:var(--ink);color:var(--paper);border-radius:18px;font-family:'Plex Hebrew',system-ui,sans-serif;
  transition:transform .4s cubic-bezier(.23,1,.32,1),background-color .3s,color .3s;-webkit-font-smoothing:antialiased}
.pr-dock.on{transform:translate(-50%,0)}
.pr-dock *{box-sizing:border-box}
.pr-dock p{margin:0}
.pr-dl{display:flex;align-items:center;gap:8px;padding:0 12px 0 8px;min-width:190px;font-size:14px;line-height:1.15;white-space:nowrap}
.pr-pen{font-size:18px;line-height:1}
.pr-sets{display:flex;gap:3px;padding:0 6px;border-inline:1px solid color-mix(in srgb,var(--paper) 35%,transparent)}
.pr-sw{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:50px;height:52px;border-radius:12px;transition:background-color .15s,color .15s}
.pr-sw .gl{font-family:'SADE',sans-serif;font-size:22px;line-height:1}
.pr-sw .tg{font:400 9px/1 'Plex Mono',monospace;letter-spacing:.06em;opacity:.75}
.pr-sw:hover{background:color-mix(in srgb,var(--paper) 16%,transparent)}
.pr-sw[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.pr-sw[aria-pressed="true"] .tg{opacity:1}
.pr-sw:focus-visible,.pr-tin:focus-visible,.pr-reset:focus-visible{outline:2px solid var(--paper);outline-offset:2px}
.pr-inks{display:flex;gap:6px;padding:0 8px}
.pr-tin{all:unset;cursor:pointer;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--p) 0 50%,var(--k) 50% 100%);box-shadow:0 0 0 1px var(--paper)}
.pr-tin[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink),0 0 0 3.5px var(--paper)}
.pr-reset{all:unset;cursor:pointer;font-size:13px;line-height:1;border:1px solid var(--paper);border-radius:99px;padding:8px 13px 7px;margin-inline-end:4px;white-space:nowrap}
.pr-reset:hover{background:var(--paper);color:var(--ink)}
@media (max-width:1240px){.pr-dl{min-width:0}.pr-dl #prDlt{display:none}}
@media (max-width:900px){
  .pr-st{--mx:22px}
  .pr-marks .rg{width:12px;height:12px}.pr-marks .rg::before,.pr-marks .rg::after{top:-5px;height:20px}
  .pr-marks .r3,.pr-marks .r4,.pr-bar,.pr-slug{display:none}
  .pr-dock{left:12px;right:12px;transform:translateY(calc(100% + 40px));max-width:none;flex-wrap:wrap;justify-content:space-between;border-radius:16px}
  .pr-dock.on{transform:none}
  .pr-dl{order:1;padding:4px 6px}.pr-dl #prDlt{display:inline;font-size:13px}
  .pr-inks{order:2;padding:0}
  .pr-reset{order:3}
  .pr-sets{order:4;width:100%;border:0;border-top:1px solid color-mix(in srgb,var(--paper) 35%,transparent);padding:6px 0 0;overflow-x:auto;scrollbar-width:none}
  .pr-sets::-webkit-scrollbar{display:none}
  .pr-sw{flex:none;width:46px;height:48px}
}
@media (prefers-reduced-motion:reduce){.pr-dock{transition:none}}
/* a paragraph you write in is one box: the outline goes round the whole part, not line by line */
.pr-poster p:not(.xf)>.xe{display:block}
.pr-poster .xe:hover{box-shadow:0 0 0 4px var(--paper),0 0 0 5.5px color-mix(in srgb,var(--ink) 55%,transparent)}
.pr-poster .xe:focus{box-shadow:0 0 0 4px var(--paper),0 0 0 6.5px var(--ink)}
/* after Frama's tester: a hairline (1 screen px, whatever the poster's scale), rounded, with room around the text */
.pr-poster .xe,.pr-poster .xe:hover,.pr-poster .xe:focus{box-shadow:none}
.pr-poster .xe{border-radius:calc(8px / var(--k,1));outline:calc(1px / var(--k,1)) solid transparent;outline-offset:calc(10px / var(--k,1));transition:outline-color .15s}
.pr-poster .xe:hover{outline-color:color-mix(in srgb,var(--ink) 40%,transparent)}
.pr-poster .xe:focus{outline-color:var(--ink)}

/* license.css */
/* SADE opener sketch · LICENSE — the licences as one ruled order sheet inside printer's marks (the language of the
   PRESS desk: one paper, one ink, hairlines, rounded tables, pill switches), and the checkout as a sheet over the page.
   Quiet on purpose: no tickets, no jokes in the wording, everything readable at a glance. */

/* ---------- the section ---------- */
.ms .lic{background:var(--enamel);color:var(--ink);padding-bottom:clamp(64px,8vw,120px)}
.ms .lic .ch-head{border-bottom:0}
.ms .lic .ch-sum .en{display:block}

/* the order sheet, with its marks */
.ms .lic-sheet{position:relative;margin:clamp(40px,5vw,72px) calc(var(--gr) + 44px) 0 calc(var(--gl) + 44px)}
.ms .lic-marks{position:absolute;inset:-44px;pointer-events:none;color:var(--ink);opacity:var(--mk,1)}
.ms .lic-marks .cm{position:absolute;width:44px;height:44px}
.ms .lic-marks .cm::before,.ms .lic-marks .cm::after{content:"";position:absolute;background:currentColor}
.ms .lic-marks .cm::before{height:1px;width:24px;top:44px}
.ms .lic-marks .cm::after{width:1px;height:24px;left:44px}
.ms .lic-marks .c1{top:0;left:0}.ms .lic-marks .c1::before{left:0}.ms .lic-marks .c1::after{top:0}
.ms .lic-marks .c2{top:0;right:0}.ms .lic-marks .c2::before{right:0}.ms .lic-marks .c2::after{left:auto;right:44px;top:0}
.ms .lic-marks .c3{bottom:0;left:0}.ms .lic-marks .c3::before{top:auto;bottom:44px;left:0}.ms .lic-marks .c3::after{bottom:0}
.ms .lic-marks .c4{bottom:0;right:0}.ms .lic-marks .c4::before{top:auto;bottom:44px;right:0}.ms .lic-marks .c4::after{left:auto;right:44px;bottom:0}
.ms .lic-marks .rg{position:absolute;left:50%;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--rot,0deg))}
.ms .lic-marks .rg::before,.ms .lic-marks .rg::after{content:"";position:absolute;left:50%;top:-6px;width:1px;height:30px;background:currentColor}
.ms .lic-marks .rg::after{transform:rotate(90deg)}
.ms .lic-marks .r1{top:22px}.ms .lic-marks .r2{top:calc(100% - 22px)}
.ms .lic-bar{position:absolute;top:44px;bottom:44px;left:14px;width:10px;display:flex;flex-direction:column;border:1px solid currentColor}
.ms .lic-bar i{flex:1;background:var(--c)}
.ms .lic-slug{position:absolute;right:44px;bottom:10px;margin:0;font:400 9px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}

/* the table */
.ms .lic-table{border:1.5px solid var(--ink);border-radius:16px;overflow:hidden;background:var(--enamel)}
.ms .lic-thead,.ms .lic-row{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(0,1.5fr) auto minmax(120px,auto);column-gap:clamp(16px,2.4vw,36px);align-items:center;padding:0 clamp(16px,2vw,28px)}
.ms .lic-thead{padding-block:10px;border-bottom:1px solid var(--ink);font:500 11px/1 var(--f-mono);letter-spacing:.08em;color:var(--ink-2)}
.ms .lic-thead .ta-e{text-align:left}
.ms .lic-row{padding-block:clamp(16px,2vw,24px);border-bottom:1px solid var(--ink);transition:background-color .2s}
.ms .lic-row.on{background:color-mix(in srgb,var(--wheat) 70%,var(--enamel))}

.ms .lic-name{display:flex;align-items:center;gap:14px;cursor:pointer;min-width:0}
.ms .lic-cb{position:absolute;opacity:0;width:1px;height:1px}
.ms .lic-box{flex:none;width:24px;height:24px;border:1.5px solid var(--ink);border-radius:5px;display:grid;place-items:center;transition:background-color .15s}
.ms .lic-box::after{content:"";width:6px;height:11px;border:solid var(--enamel);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg);opacity:0}
.ms .lic-cb:checked+.lic-box{background:var(--ink)}
.ms .lic-cb:checked+.lic-box::after{opacity:1}
.ms .lic-cb:focus-visible+.lic-box{outline:2px solid var(--terra);outline-offset:3px}
.ms .lic-nm{display:flex;flex-direction:column;gap:2px;min-width:0}
.ms .lic-nm b{font-weight:400;font-size:clamp(30px,3.2vw,46px);line-height:.95}
.ms .lic-nm i{font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--ink-2)}
.ms .lic-desc{font-size:15px;line-height:1.45;max-width:46ch}
.ms .lic-files{display:inline-block;margin-inline-start:6px;font:500 11px/1 var(--f-mono);letter-spacing:.06em;color:var(--ink-2);white-space:nowrap}

.ms .lic-tiers{border:0;margin:0;padding:0;min-width:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-start}
.ms .lic-unit{float:right;width:100%;margin-bottom:6px;padding:0;font:500 11px/1 var(--f-mono);letter-spacing:.06em;color:var(--ink-2)}
.ms .lic-tier{cursor:pointer}
.ms .lic-tier input{position:absolute;opacity:0;width:1px;height:1px}
.ms .lic-tier span{display:inline-block;font-size:14px;line-height:1;white-space:nowrap;border:1px solid var(--ink);border-radius:99px;padding:7px 12px 6px;transition:background-color .15s,color .15s}
.ms .lic-tier:hover span{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.ms .lic-tier input:checked+span{background:var(--ink);color:var(--enamel)}
.ms .lic-row:not(.on) .lic-tier input:checked+span{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.ms .lic-tier input:focus-visible+span{outline:2px solid var(--terra);outline-offset:2px}

.ms .lic-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:left}
.ms .lic-from{font-size:12px;color:var(--ink-2)}
.ms .lic-p{font-size:clamp(28px,2.6vw,38px);line-height:1}

.ms .lic-sum{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(16px,2vw,24px) clamp(16px,2vw,28px);flex-wrap:wrap}
.ms .lic-sum-l{display:flex;flex-direction:column;gap:4px;min-width:0}
.ms .lic-lines{font-size:15px}
.ms .lic-disc{font-size:14px;color:var(--terra-deep)}
.ms .lic-sum-r{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);margin-inline-start:auto}
.ms .lic-tot{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ms .lic-total{font-size:clamp(40px,4.4vw,64px);line-height:.9}
.ms .lic-go{all:unset;cursor:pointer;font-family:var(--f-body);font-weight:500;font-size:17px;line-height:1;padding:16px 30px 15px;border-radius:99px;background:var(--ink);color:var(--enamel);transition:background-color .15s}
.ms .lic-go:hover{background:var(--terra-deep)}
.ms .lic-go:focus-visible{outline:2px solid var(--terra);outline-offset:3px}
.ms .lic-go:disabled{cursor:not-allowed;background:transparent;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--ink-2)}
.ms .lic-fine{margin-top:14px;font-size:13px;color:var(--ink-2)}

/* below the sheet: what's included, and the questions */
.ms .lic-info{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);margin:clamp(80px,9vw,140px) var(--gr) 0 var(--gl);padding-top:22px;border-top:1px solid var(--ink)}
.ms .lic-h3{font-family:var(--f-disp);font-weight:400;font-size:clamp(32px,3.4vw,52px);line-height:.95;margin-bottom:22px}
.ms .lic-list{display:flex;flex-direction:column}
.ms .lic-list li{font-size:16px;line-height:1.5;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.ms .lic-list b,.ms .lic-more b{font-weight:600}
.ms .lic-more{margin-top:28px;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.5}
.ms .lic-faq details{border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.ms .lic-faq details:last-child{border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.ms .lic-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:16px;font-weight:500}
.ms .lic-faq summary::-webkit-details-marker{display:none}
.ms .lic-faq summary::after{content:"+";font-family:var(--f-disp);font-size:24px;line-height:1;transition:transform .2s}
.ms .lic-faq details[open] summary::after{transform:rotate(45deg)}
.ms .lic-faq details p{font-size:15px;line-height:1.55;padding:0 0 16px;max-width:60ch}

@media (max-width:1100px){
  .ms .lic-thead{display:none}
  .ms .lic-row{grid-template-columns:minmax(0,1fr) auto;row-gap:12px}
  .ms .lic-desc{grid-column:1/-1;grid-row:2}
  .ms .lic-tiers{grid-column:1/-1;grid-row:3}
  .ms .lic-price{grid-column:2;grid-row:1}
}
@media (max-width:760px){
  .ms .lic-sheet{margin-inline:calc(var(--gl) + 22px) calc(var(--gr) + 22px)}
  .ms .lic-marks{inset:-22px}
  .ms .lic-marks .cm{width:22px;height:22px}.ms .lic-marks .cm::before{width:12px;top:22px}.ms .lic-marks .cm::after{height:12px;left:22px}
  .ms .lic-marks .c2::after{right:22px}.ms .lic-marks .c3::before{bottom:22px}.ms .lic-marks .c4::before{bottom:22px}.ms .lic-marks .c4::after{right:22px}
  .ms .lic-bar,.ms .lic-slug{display:none}
  .ms .lic-marks .r1{top:11px}.ms .lic-marks .r2{top:calc(100% - 11px)}
  .ms .lic-marks .rg{width:12px;height:12px}.ms .lic-marks .rg::before,.ms .lic-marks .rg::after{top:-5px;height:20px}
  .ms .lic-sum{flex-direction:column;align-items:stretch}
  .ms .lic-sum-r{margin:0;justify-content:space-between}
  .ms .lic-tot{align-items:flex-start}
  .ms .lic-info{grid-template-columns:1fr}
}

/* ---------- the checkout sheet (moved to <body>, so it carries its own tokens) ---------- */
html.co-open,html.co-open body{overflow:hidden}
.co{--paper:#E7E1D1;--ink:#1C1A17;--ink-2:#5B5446;--terra:#D2453C;--terra-deep:#A8342C;--wheat:#F7F1D6;
  --f-disp:'SADE','Plex Hebrew',sans-serif;--f-body:'Plex Hebrew',system-ui,sans-serif;--f-mono:'Plex Mono','Plex Hebrew',ui-monospace,monospace;
  position:fixed;inset:0;z-index:1000;overflow:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.45;
  direction:rtl;transform:translateY(100%);transition:transform .45s cubic-bezier(.23,1,.32,1);-webkit-font-smoothing:antialiased}
.co.in{transform:none}
.co *,.co *::before,.co *::after{box-sizing:border-box}
.co p,.co h2,.co h3,.co ul,.co ol{margin:0;padding:0}
.co ul,.co ol{list-style:none}
.co a{color:inherit}
.co .ltr{direction:ltr;unicode-bidi:isolate}
.co .sade{font-family:var(--f-disp);font-weight:400}
.co .lb{font:500 11px/1.35 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.co :focus-visible{outline:2px solid var(--terra);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.co{transition:none}}

.co-in{min-height:100%;display:flex;flex-direction:column;padding:16px max(16px,env(safe-area-inset-right)) 64px max(16px,env(safe-area-inset-left))}
.co-top{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:860px;width:100%;margin:0 auto}
.co-steps{display:flex;gap:6px;flex-wrap:wrap;counter-reset:st}
.co-steps span{counter-increment:st;font-size:13px;line-height:1;border:1px solid var(--ink);border-radius:99px;padding:6px 11px 5px;color:var(--ink)}
.co-steps span::before{content:counter(st) " · ";font-family:var(--f-mono);font-size:11px}
.co-steps span.now{background:var(--ink);color:var(--paper)}
.co-steps span.done{border-style:dashed}
.co-x{all:unset;cursor:pointer;font-size:14px;border:1px solid var(--ink);border-radius:99px;padding:6px 14px 5px}
.co-x:hover{background:var(--ink);color:var(--paper)}

.co-card{position:relative;width:100%;max-width:720px;margin:72px auto 0;padding:clamp(24px,4vw,44px);border:1.5px solid var(--ink);border-radius:16px}
.co-marks{position:absolute;inset:-36px;pointer-events:none}
.co-marks .cm{position:absolute;width:36px;height:36px}
.co-marks .cm::before,.co-marks .cm::after{content:"";position:absolute;background:var(--ink)}
.co-marks .cm::before{height:1px;width:20px;top:36px}.co-marks .cm::after{width:1px;height:20px;left:36px}
.co-marks .c1{top:0;left:0}.co-marks .c1::before{left:0}.co-marks .c1::after{top:0}
.co-marks .c2{top:0;right:0}.co-marks .c2::before{right:0}.co-marks .c2::after{left:auto;right:36px;top:0}
.co-marks .c3{bottom:0;left:0}.co-marks .c3::before{top:auto;bottom:36px;left:0}.co-marks .c3::after{bottom:0}
.co-marks .c4{bottom:0;right:0}.co-marks .c4::before{top:auto;bottom:36px;right:0}.co-marks .c4::after{left:auto;right:36px;bottom:0}
.co-marks .rg{position:absolute;left:50%;top:18px;width:16px;height:16px;border:1px solid var(--ink);border-radius:50%;transform:translate(-50%,-50%)}
.co-marks .rg::before,.co-marks .rg::after{content:"";position:absolute;left:50%;top:-5px;width:1px;height:26px;background:var(--ink)}
.co-marks .rg::after{transform:rotate(90deg)}
.co-slug{position:absolute;left:0;bottom:-27px;font:400 9px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink-2);padding-left:44px}

.co-h{font-size:clamp(44px,7vw,80px);line-height:.9;margin-bottom:12px;outline:none}
.co-note{font-size:15px;color:var(--ink-2);margin-bottom:24px}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.co-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.co-f>span{font-size:13px;font-weight:500}
.co-f>span i{font-style:normal;font-weight:400;color:var(--ink-2)}
.co-f input{all:unset;font-family:var(--f-body);font-size:18px;line-height:1.3;padding:8px 0 7px;border-bottom:1.5px solid var(--ink);min-width:0}
.co-f input::placeholder{color:color-mix(in srgb,var(--ink) 38%,transparent)}
.co-f input:focus{box-shadow:inset 0 -2px 0 var(--ink)}
.co-f input[dir="ltr"]{text-align:left}
.co-f.bad input{border-bottom-color:var(--terra);box-shadow:inset 0 -2px 0 var(--terra)}
.co-own{border:0;margin:30px 0 0;padding:18px 0 0;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.co-own legend{float:right;width:100%;font-size:13px;font-weight:500;margin-bottom:10px;padding:0}
.co-r{cursor:pointer}
.co-r input{position:absolute;opacity:0;width:1px;height:1px}
.co-r span{display:inline-block;font-size:15px;line-height:1;border:1px solid var(--ink);border-radius:99px;padding:9px 14px 8px}
.co-r input:checked+span{background:var(--ink);color:var(--paper)}
.co-r input:focus-visible+span{outline:2px solid var(--terra);outline-offset:2px}
.co-client{width:100%;margin-top:10px}
.co-err{margin-top:20px;color:var(--terra-deep);font-size:15px;font-weight:500}
.co-act{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:34px;flex-wrap:wrap}
.co-next,.co-back{all:unset;cursor:pointer;font-family:var(--f-body);font-size:16px;font-weight:500;line-height:1;border-radius:99px;padding:15px 26px 14px}
.co-next{background:var(--ink);color:var(--paper);margin-inline-start:auto}
.co-next:hover{background:var(--terra-deep)}
.co-back{box-shadow:inset 0 0 0 1px var(--ink)}
.co-back:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.co-next:focus-visible,.co-back:focus-visible{outline:2px solid var(--terra);outline-offset:3px}

.co-rt{border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;margin-bottom:18px}
.co-rr{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 18px;border-bottom:1px solid var(--ink);font-size:16px}
.co-rr:last-child{border-bottom:0}
.co-rr.tot{font-weight:600}
.co-rr.tot .sade{font-size:34px;font-weight:400;line-height:.9}
.co-rt.sm .co-rr{font-size:14px;padding:10px 18px}
.co-rt.sm .co-rr>span:first-child{color:var(--ink-2)}
.co-ok{display:flex;align-items:center;gap:12px;margin-top:8px;cursor:pointer;font-size:15px}
.co-ok input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:0;border:1.5px solid var(--ink);border-radius:5px;display:grid;place-items:center;cursor:pointer}
.co-ok input:checked{background:var(--ink)}
.co-ok input:checked::after{content:"";width:5px;height:10px;border:solid var(--paper);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.co-link{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.co-secure{margin-top:20px;font-size:13px;color:var(--ink-2)}

.co-pay{min-height:200px}
.co-frame{display:block;width:100%;height:min(720px,75svh);border:1.5px solid var(--ink);border-radius:12px;background:#fff}
.co-demo{border:1.5px dashed var(--ink);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;font-size:15px}
.co-demo .co-act{margin-top:12px}
.co-wait{font-size:15px;color:var(--ink-2)}

.co-done{display:flex;flex-direction:column;gap:14px;font-size:16px}
.co-big{font-size:19px;font-weight:500}
.co-sent{display:flex;flex-direction:column;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.co-sent li{padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font-size:15px}
.co-sent b{font-weight:600}

.co-eula{position:fixed;inset:0;z-index:2;background:color-mix(in srgb,var(--ink) 55%,transparent);display:grid;place-items:center;padding:16px}
.co-eula-in{background:var(--paper);border:1.5px solid var(--ink);border-radius:16px;max-width:640px;width:100%;max-height:calc(100svh - 32px);overflow:auto;padding:clamp(22px,4vw,40px);display:flex;flex-direction:column;gap:16px}
.co-eula-in h3{font-size:clamp(32px,5vw,48px);line-height:.95}
.co-eula-in ol{counter-reset:e;display:flex;flex-direction:column}
.co-eula-in li{counter-increment:e;display:grid;grid-template-columns:2em 1fr;padding:9px 0;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font-size:15px;line-height:1.5}
.co-eula-in li::before{content:counter(e);font-family:var(--f-disp);font-size:18px}
.co-eula-n{font-size:13px;color:var(--ink-2)}
.co-eula-in .co-next{align-self:flex-start;margin:0}

@media (max-width:640px){
  .co-grid{grid-template-columns:1fr}
  .co-card{margin-top:52px}
  .co-marks{inset:-20px}.co-marks .cm{width:20px;height:20px}.co-marks .cm::before{width:10px;top:20px}.co-marks .cm::after{height:10px;left:20px}
  .co-marks .c2::after{right:20px}.co-marks .c3::before{bottom:20px}.co-marks .c4::before{bottom:20px}.co-marks .c4::after{right:20px}
  .co-marks .rg{top:10px;width:10px;height:10px}.co-marks .rg::before,.co-marks .rg::after{height:18px;top:-5px}
  .co-slug{display:none}
  .co-steps span{font-size:12px;padding:5px 9px 4px}
  .co-act .co-next,.co-act .co-back{flex:1;text-align:center}
}
.co[hidden],.co [hidden],.ms .lic [hidden]{display:none !important}
/* Hebrew labels in the body face (the mono's letter-spacing pulls Hebrew apart) */
.ms .lic-thead{font:500 12px/1 var(--f-body);letter-spacing:0}
.ms .lic-unit{font:500 12px/1 var(--f-body);letter-spacing:0}
.co .co-f input:focus-visible{outline:none}
.co .co-demo .co-next,.co .co-demo .co-back{white-space:nowrap}
@media (max-width:640px){
  .co-steps{gap:4px}
  .co-steps span:not(.now){font-size:0;padding:5px 8px 4px}
  .co-steps span:not(.now)::before{content:counter(st);font-size:11px}
  .co-demo .co-act{flex-direction:column-reverse;align-items:stretch}
  .co-demo .co-next{margin:0}
}

/* ---------- round 2: the site texts from legal/site-copy.md ---------- */
.ms .lic .ch-sum{max-width:62ch}
/* the launch line: a red pill above the sheet */
.ms .lic-launch{position:relative;z-index:2;display:flex;justify-content:flex-start;margin:0 0 14px}
.ms .lic-launch[hidden]{display:none}
.ms .lic-launch b{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:15px;line-height:1;background:var(--terra-deep);color:var(--enamel);border-radius:99px;padding:9px 16px 8px}
.ms .lic-launch b bdi{font-family:var(--f-disp);font-size:18px}
.ms .lic-dot{display:none}
/* prices: launch price, regular struck through */
.ms .lic-price{flex-direction:column;align-items:flex-end}
.ms .lic-p{white-space:nowrap}
.ms .lic-reg{font-size:14px;color:var(--ink-2);text-decoration-thickness:1.5px;white-space:nowrap}
.ms .lic-reg[hidden]{display:none}
.ms .lic-row:not(.launch) .lic-reg{display:none}
.ms .lic-desc p{margin:0}
.ms .lic-desc .lic-fn{margin-top:6px;font-size:13px;line-height:1.45;color:var(--ink-2)}
.ms .lic-desc .lic-fn em{font-style:normal}
.ms .lic-nm i{font-family:var(--f-body);text-transform:none;letter-spacing:0;font-size:13px}
.ms .lic-bundle{margin:0;padding:12px clamp(16px,2vw,28px);border-bottom:1px solid var(--ink);font-size:15px;background:color-mix(in srgb,var(--wheat) 45%,var(--enamel))}
.ms .lic-bundle strong{font-weight:600;color:var(--terra-deep)}
/* what's included · what do I need */
.ms .lic-list ul{list-style:none;margin:0;padding:0}
.ms .lic-list li{font-size:16px;line-height:1.5;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.ms .lic-need .lg-tb{font-size:15px}
.ms .lic-need .lg-tb td:last-child{font-weight:600;white-space:normal}
/* the five short notes */
.ms .lic-notes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:clamp(48px,6vw,90px) var(--gr) 0 var(--gl);border-top:1.5px solid var(--ink)}
.ms .lic-note{padding:16px 18px 18px 0;border-inline-start:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding-inline-start:18px}
.ms .lic-note:first-child{border-inline-start:0;padding-inline-start:0}
.ms .lic-note h4{margin:0 0 8px;font-family:var(--f-disp);font-weight:400;font-size:22px;line-height:1}
.ms .lic-note p{margin:0;font-size:14.5px;line-height:1.55}
.ms .lic-note a{color:inherit}
.ms .lic-trialnote a[href="#trial"]{display:inline;font-weight:600;color:var(--terra-deep)}
/* FAQ, full width under the notes */
.ms .lic-faq{margin:clamp(56px,7vw,110px) var(--gr) 0 var(--gl);padding-top:22px;border-top:1px solid var(--ink)}
.ms .lic-faq #licFaq{columns:2;column-gap:clamp(32px,5vw,96px)}
.ms .lic-faq details{break-inside:avoid}
.ms .lic-faq details p{margin:0 0 14px}
.ms .lic-faq a[href^="#legal"]{color:var(--terra-deep)}
@media (max-width:1100px){.ms .lic-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.ms .lic-note{border-inline-start:0;padding-inline-start:0;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}}
@media (max-width:760px){.ms .lic-notes{grid-template-columns:1fr}.ms .lic-faq #licFaq{columns:1}}

/* checkout + trial, round 2 */
.co-f small{font-size:12.5px;line-height:1.4;color:var(--ink-2)}
.co-f[hidden]{display:none}
.co-wide{grid-column:1/-1}
.co-grid+.co-grid{margin-top:22px}
.co-own{margin:26px 0 22px}
.co-help{width:100%;margin:6px 0 0;font-size:13px;color:var(--ink-2)}
.co-client-note:not(.on){display:none}
.co-privacy{margin:22px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.co-privacy a,.co-payline a,.co-ok a{color:var(--terra-deep);text-decoration:underline;text-underline-offset:3px}
.co-sumh{margin:0 0 8px;font-size:13px;font-weight:500;color:var(--ink-2)}
.co-ok{align-items:flex-start;margin-top:12px;line-height:1.45}
.co-ok input{margin-top:1px}
.co-payline{margin:22px 0 0;padding:12px 14px;border:1px solid var(--ink);border-radius:10px;font-size:14px;line-height:1.5}
.co-done p{margin:0 0 10px}
.co-ono{font:500 12px/1 var(--f-mono);letter-spacing:.06em;color:var(--ink-2)}
.co-trial .co-card{max-width:560px}
.co-trial .co-steps span{font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.co-trial .co-steps span::before{content:none}
.ms .lic a[href^="mailto"],.co a[href^="mailto"],.ms .foot-legal a[href^="mailto"]{white-space:nowrap}
/* the legal texts under the order sheet: one quiet line of links that open the drawer */
.ms .lic-docs{margin:18px calc(var(--gr) + 44px) 0 calc(var(--gl) + 44px);font-size:14px;line-height:2.1;color:var(--ink-2,#5B5446)}
.ms .lic-docs a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ms .lic-docs a[href="#legal/cancel"]{text-decoration:none;border:1.5px solid var(--terra-deep,#A8342C);color:var(--terra-deep,#A8342C);border-radius:99px;padding:3px 11px 2px;margin:0 4px;white-space:nowrap}
.ms .lic-docs a[href="#legal/cancel"]:hover{background:var(--terra-deep,#A8342C);color:var(--paper,#E7E1D1)}
@media (max-width:640px){.ms .lic-docs{margin-inline:calc(var(--gl) + 22px) calc(var(--gr) + 22px)}}
.ms .lic-docs{margin-top:52px}
/* the launch stamp (02.11): one red label in SADE, set at a slight tilt like a stamp on the order sheet; no count of what's left */
.ms .lic-launch{margin:0 0 18px;padding-inline-start:4px}
.ms .lic-launch b{transform-origin:100% 50%;rotate:0deg;font:400 clamp(17px,1.5vw,21px)/1 var(--f-disp);letter-spacing:.01em;padding:10px 20px 8px;gap:0;box-shadow:0 0 0 2px var(--enamel),0 0 0 3.5px var(--terra-deep);transform:rotate(-2deg)}
.ms .lic-launch .ll-n{font-family:var(--f-disp);font-size:1.45em;line-height:.8;display:inline-block;min-width:1.2em;text-align:center;font-variant-numeric:tabular-nums;margin:0 .08em}
/* the regular price is struck by a drawn line (scroll draws it: --st 0 → 1) */
.ms .lic-reg{text-decoration:none;position:relative;display:inline-block}
.ms .lic-reg::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:1.5px;background:currentColor;transform-origin:100% 50%;transform:scaleX(var(--st,1))}
.ms .lic-launch .ll-n{font-variant-numeric:normal;font-feature-settings:normal;min-width:0;margin:0 .22em 0 .12em}
.ms .lic-launch b{white-space:nowrap}
@media (max-width:640px){.ms .lic-launch b{font-size:14.5px;padding:8px 14px 7px}}
/* straight, no tilt (02.11) */
.ms .lic-launch b{transform:none;rotate:none}
/* 'opening soon' sheet (live site before the shop opens) */
.co-soon .co-h{margin-bottom:16px}
.co-soon .co-h:focus{outline:none}
.co-soon a.co-next{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--enamel,#E7E1D1)}
.co-soon a.co-next:hover{color:var(--enamel,#E7E1D1)}
.co .co-demo a.co-next{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--paper,#E7E1D1)}

/* legal.css */
/* SADE opener sketch · the legal drawer — the same paper and ink as the checkout and LICENSE: printer's marks,
   hairlines, rounded pills, SADE's red. Legal text in IBM Plex Sans Hebrew at a reading size. */
html.lg-open,html.lg-open body{overflow:hidden}
.lg{--paper:#E7E1D1;--ink:#1C1A17;--ink-2:#5B5446;--terra:#D2453C;--terra-deep:#A8342C;--wheat:#F7F1D6;
  --f-disp:'SADE','Plex Hebrew',sans-serif;--f-body:'Plex Hebrew',system-ui,sans-serif;--f-mono:'Plex Mono','Plex Hebrew',ui-monospace,monospace;
  position:fixed;inset:0;z-index:1200;direction:rtl;font-family:var(--f-body);color:var(--ink);-webkit-font-smoothing:antialiased}
.lg[hidden]{display:none}
.lg *,.lg *::before,.lg *::after{box-sizing:border-box}
.lg .sade{font-family:var(--f-disp);font-weight:400}
.lg .ltr{direction:ltr;unicode-bidi:isolate}
.lg-scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--ink) 55%,transparent);opacity:0;transition:opacity .3s}
.lg.in .lg-scrim{opacity:1}
.lg-panel{position:absolute;top:0;bottom:0;right:0;width:min(560px,100vw);background:var(--paper);border-left:1.5px solid var(--ink);
  display:flex;flex-direction:column;transform:translateX(100%);transition:transform .42s cubic-bezier(.23,1,.32,1);box-shadow:-24px 0 60px -30px rgba(28,26,23,.5)}
.lg.in .lg-panel{transform:none}
.lg.rm .lg-panel,.lg.rm .lg-scrim{transition:none}
@media (prefers-reduced-motion:reduce){.lg-panel,.lg-scrim{transition:none}}

/* printer's marks, inside the sheet's corners */
.lg-marks{position:absolute;inset:10px;pointer-events:none;z-index:3}
.lg-marks .cm{position:absolute;width:14px;height:14px}
.lg-marks .cm::before,.lg-marks .cm::after{content:"";position:absolute;background:var(--ink)}
.lg-marks .cm::before{width:14px;height:1px}.lg-marks .cm::after{width:1px;height:14px}
.lg-marks .c1{top:0;left:0}.lg-marks .c2{top:0;right:0}.lg-marks .c2::after{right:0}
.lg-marks .c3{bottom:0;left:0}.lg-marks .c3::before{bottom:0}.lg-marks .c4{bottom:0;right:0}.lg-marks .c4::before{bottom:0}.lg-marks .c4::after{right:0}
.lg-marks .rg{position:absolute;left:50%;bottom:-2px;width:12px;height:12px;border:1px solid var(--ink);border-radius:50%;transform:translateX(-50%)}
.lg-marks .rg::before,.lg-marks .rg::after{content:"";position:absolute;left:50%;top:-4px;width:1px;height:18px;background:var(--ink)}
.lg-marks .rg::after{transform:rotate(90deg)}

/* top: the label, close, the tabs */
.lg-top{flex:none;padding:22px 30px 0;border-bottom:1px solid var(--ink);background:var(--paper);position:relative;z-index:2}
.lg-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.lg-kick{margin:0;font:500 11px/1 var(--f-mono);letter-spacing:.08em;color:var(--ink-2)}
.lg-x{all:unset;cursor:pointer;font-size:14px;line-height:1;border:1px solid var(--ink);border-radius:99px;padding:7px 14px 6px}
.lg-x:hover{background:var(--ink);color:var(--paper)}
.lg-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:14px;margin-inline:-2px;padding-inline:2px}
.lg-tabs::-webkit-scrollbar{display:none}
.lg-tabs [role="tab"]{all:unset;cursor:pointer;flex:none;font-size:14px;line-height:1;white-space:nowrap;border:1px solid var(--ink);border-radius:99px;padding:8px 13px 7px}
.lg-tabs [role="tab"]:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.lg-tabs [role="tab"][aria-selected="true"]{background:var(--ink);color:var(--paper)}
.lg-tabs [role="tab"][data-tab="cancel"]{border-color:var(--terra-deep);color:var(--terra-deep)}
.lg-tabs [role="tab"][data-tab="cancel"][aria-selected="true"]{background:var(--terra-deep);color:var(--paper)}
.lg :focus-visible{outline:2px solid var(--terra);outline-offset:3px}

/* the document */
.lg-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 30px 64px;position:relative}
.lg-head{padding:28px 0 18px}
.lg-title{margin:0;font-size:clamp(30px,6vw,40px);line-height:1;outline:none;text-wrap:balance}
.lg-meta{margin:10px 0 0;font:500 12px/1 var(--f-mono);letter-spacing:.06em;color:var(--ink-2)}
.lg-toc{position:sticky;top:0;z-index:1;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:0 -30px;padding:8px 30px}
.lg-toc[hidden]{display:none}
.lg-toc ol{list-style:none;margin:0;padding:0;display:flex;gap:4px 14px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.lg-toc ol::-webkit-scrollbar{display:none}
.lg-toc a{font-size:12.5px;line-height:1.6;color:var(--ink-2);text-decoration:none}
.lg-toc a b{font:500 11px/1 var(--f-mono);color:var(--terra-deep);margin-inline-end:3px}
.lg-toc a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.lg-body{font-size:16.5px;line-height:1.7;padding-top:6px}
.lg-body .lg-h2{font-family:var(--f-disp);font-weight:400;font-size:24px;line-height:1.1;margin:34px 0 10px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}
.lg-body .lg-h3{font-family:var(--f-disp);font-weight:400;font-size:19px;line-height:1.15;margin:22px 0 4px}
.lg-body .lg-h2 .lg-no,.lg-body .lg-h3 .lg-no{color:var(--terra-deep)}
.lg-body .lg-cl,.lg-body .lg-p{margin:0 0 10px}
.lg-body .lg-cl .lg-no{font:500 12.5px/1 var(--f-mono);color:var(--terra-deep);margin-inline-end:4px;white-space:nowrap}
.lg-body .lg-scope{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.lg-body .lg-scope em{font-style:normal}
.lg-body em{font-style:normal;color:var(--ink-2)}
.lg-body strong{font-weight:600}
.lg-body .lg-ul{margin:0 0 12px;padding:0 1.2em 0 0}
.lg-body .lg-ul li{margin:0 0 4px}
.lg-body .lg-hr{border:0;border-top:1px solid var(--ink);margin:30px 0 14px}
.lg-body a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lg-body a[href^="#legal"]{color:var(--terra-deep)}
.lg-body .lg-target{background:color-mix(in srgb,var(--terra) 12%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--terra) 12%,transparent);border-radius:2px;outline:none}
.lg-body .lg-act{margin:22px 0 0}
.lg-btn{display:inline-block;text-decoration:none !important;color:var(--paper) !important;background:var(--ink);border-radius:99px;padding:14px 22px 13px;font-size:16px;font-weight:500;line-height:1}
.lg-btn:hover{background:var(--terra-deep)}
.lg-slug{margin:36px 0 0;font:400 9px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}

/* tables (site texts on the page and in the drawer) */
.lg-tb{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4;margin:6px 0 14px}
.lg-tb th{font-weight:600;text-align:right;border-bottom:1.5px solid currentColor;padding:6px 0 6px 12px}
.lg-tb td{border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent);padding:8px 0 8px 12px;vertical-align:top}

@media (max-width:640px){
  .lg-panel{width:100vw;border-left:0}
  .lg-top{padding:16px 18px 0}
  .lg-scroll{padding:0 18px 56px}
  .lg-toc{margin:0 -18px;padding:8px 18px}
  .lg-body{font-size:16px}
  .lg-marks{inset:6px}
}

/* the legal footer (site-copy.md · ז), under the credits */
.ms .foot-legal{grid-column:1/-1;margin-top:clamp(28px,4vw,48px);padding-top:18px;border-top:1px solid rgba(236,231,218,.3);display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.55;color:#BDB4A3}
.ms .foot-legal p{margin:0}
.ms .foot-legal a{color:#E7E1D1;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(236,231,218,.45)}
.ms .foot-legal .fl-links{font-size:15px;color:#E7E1D1}
.ms .foot-legal .fl-links a[href="#legal/cancel"]{text-decoration:none;border:1.5px solid #E7E1D1;border-radius:99px;padding:3px 12px 2px;margin:0 4px;display:inline;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:2.1}
.ms .foot-legal .fl-links a[href="#legal/cancel"]:hover{background:#E7E1D1;color:#1C1A17}
.ms .foot-legal .fl-copy{text-align:right;font:400 11px/1.5 var(--f-mono);letter-spacing:.04em}
.ms .foot-legal{margin:0;padding:18px var(--gr) 30px var(--gl);border-top:1px solid rgba(236,231,218,.3)}
/* clause numbers read left to right (6ב.1., 14.2.), whatever the line around them */
.lg-body .lg-no{direction:ltr;unicode-bidi:isolate;display:inline-block}
.lg-toc a b{direction:ltr;unicode-bidi:isolate;display:inline-block}
/* room after the last section, so a link to it can bring it to the top */
.lg-body{padding-bottom:45svh}
/* the footer, small: credits in a tight grid, the studio's ב at a modest size */
.ms .foot-c .credits{gap:18px 28px;padding:clamp(36px,4vw,56px) var(--gr) 28px var(--gl);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.ms .foot-c .credits p{font-size:13px;line-height:1.45}
.ms .foot-c .credits .lb{margin-bottom:4px;font-size:10.5px}
.ms .foot-c .bet-b{font-size:clamp(96px,11vw,150px);line-height:.74}
.ms .foot-c .bet-r{padding-bottom:22px;gap:6px}
.ms .foot-c .bet-n{font-size:clamp(22px,2.4vw,32px)}
.ms .foot-c .foot-bet{align-items:flex-end;padding-top:24px}
.ms .foot-legal{padding:14px var(--gr) 22px var(--gl);gap:6px;font-size:12px}
.ms .foot-legal .fl-links{font-size:13.5px}
@media (max-width:640px){.ms .foot-c .credits{grid-template-columns:1fr 1fr;gap:16px 18px;padding-top:32px}.ms .foot-c .credits > div:last-child{grid-column:1/-1}}
/* the short footer (02.11): the studio, its line, then the legal links */
.ms .foot-s{background:var(--ink);color:var(--enamel,#ECE7DA)}
.ms .foot-s .fs-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(34px,4vw,56px) var(--gr) 26px var(--gl)}
.ms .foot-s .fs-id{display:flex;flex-direction:column;gap:14px;min-width:0}
.ms .foot-s .fs-name{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:clamp(26px,3.2vw,44px);line-height:1}
.ms .foot-s .fs-en{color:#A9A190}
.ms .foot-s .fs-tag{margin:0;display:flex;flex-direction:column;gap:3px;font-size:15px;line-height:1.4;color:#BDB4A3}
.ms .foot-s .fs-tag .ltr{font-size:14px}
.ms .foot-s .fs-bet{margin:0;flex:none;font-size:clamp(84px,9vw,128px);line-height:.74;color:var(--terra)}
.ms .foot-s .foot-legal{border-top:1px solid rgba(236,231,218,.25)}
@media (max-width:640px){.ms .foot-s .fs-top{gap:16px}.ms .foot-s .fs-name{flex-direction:column;gap:6px}.ms .foot-s .fs-bet{font-size:76px}}
.ms .foot-s .fs-tag{align-items:flex-start}

/* loupe.css */
/* SADE opener sketch · LOUPE, round 3 (02.11): the magnifier as a poster sheet.
   The same paper and ink as the PRESS poster (ochre, brown-black ink), SADE for every label and number,
   rounded ink boxes for the head and the readout (like the poster's lineup and footer boxes),
   registration marks on the sides. The glyph wall beside it is unchanged. */
.ms .insp{--pp:#E9A93A;--pi:#3A2716;--fl-bg:transparent;--fl-c:var(--pi);
  position:sticky;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:0;
  background:var(--pp);color:var(--pi);border:0;border-radius:0;padding:clamp(14px,1.6vw,22px);overflow:visible;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--pi) 30%,transparent),0 24px 50px -34px rgba(28,26,23,.55)}
/* registration marks, half outside the sheet like on the poster */
.ms .insp::before,.ms .insp::after{content:"";position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border:1.5px solid var(--pi);border-radius:50%;
  background:linear-gradient(var(--pi),var(--pi)) center/1.5px 30px no-repeat,linear-gradient(var(--pi),var(--pi)) center/30px 1.5px no-repeat;pointer-events:none}
.ms .insp::before{right:8px}.ms .insp::after{left:8px}

/* head: two boxed cells, glyph code and glyph name */
.ms .insp .fl{position:static;transform:none;z-index:auto;display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;
  font:400 clamp(15px,1.3vw,19px)/1 var(--f-disp);letter-spacing:.02em;text-transform:uppercase;padding:11px 16px 9px;border:2.5px solid var(--pi);background:none;color:var(--pi)}
.ms .insp .fl-ts{border-radius:0 16px 16px 0;justify-content:flex-start}
.ms .insp .fl-te{border-radius:16px 0 0 16px;border-right:0;justify-content:flex-end;display:flex}

/* the glyph on the sheet: ink on paper */
.ms .insp-svg{grid-column:1/-1;margin:clamp(14px,2vw,26px) 0}
.ms .insp-svg .gfill{fill:var(--pi)}
.ms .insp-svg.outl .gfill{fill-opacity:.12}
.ms .insp-svg .gline{stroke:var(--pi);stroke-width:1.6}
.ms .insp-svg .pts circle{fill:#B3261E}
.ms .insp-svg .pts rect{stroke:var(--pi)}
.ms .insp-svg .met line{stroke:color-mix(in srgb,var(--pi) 45%,transparent);stroke-width:1.5}
.ms .insp-svg .met .adv{stroke:#B3261E;stroke-dasharray:6 6}
.ms .insp-svg .met text{font:400 34px var(--f-disp);fill:var(--pi)}

/* readout: one boxed row — the glyph, its three numbers, the outline switch */
.ms .insp-cap{grid-column:1/-1;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr)) auto;align-items:stretch;gap:0;padding:0;
  border:2.5px solid var(--pi);border-radius:16px;overflow:hidden}
.ms .insp-cap > *,.ms .insp-dl > div{border-inline-end:2px solid var(--pi)}
.ms .insp-cap > :last-child{border-inline-end:0}
.ms .insp-ch{display:flex;align-items:center;justify-content:center;font-size:clamp(46px,4.6vw,76px) !important;line-height:1;padding:8px clamp(14px,1.6vw,22px) 4px}
.ms .insp-dl{display:contents}
.ms .insp-dl > div{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px 14px;min-width:0}
.ms .insp-dl dt,.ms .insp-dl dd{margin:0;font-family:var(--f-disp);letter-spacing:.02em;text-transform:uppercase;color:var(--pi)}
.ms .insp-dl dt{font-size:13px;line-height:1;opacity:.75}
.ms .insp-dl dd{font-size:clamp(24px,2.3vw,34px);line-height:.9}
.ms .insp .mini-row{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 14px}
.ms .insp .mini-row .lb{font:400 13px/1 var(--f-disp);letter-spacing:.02em;text-transform:uppercase;color:var(--pi);opacity:.75}
.ms .insp .toggle{border:2px solid var(--pi);border-radius:99px;background:transparent}
.ms .insp .toggle .lever{border-radius:50%;background:var(--pi);box-shadow:none;top:3px}
.ms .insp .toggle[aria-pressed=true]{background:var(--pi)}
.ms .insp .toggle[aria-pressed=true] .lever{background:var(--pp)}

/* phone: the sheet sits on top while the wall scrolls under it, so it stays short */
@media (max-width:900px){
  .ms .insp{padding:10px 12px 12px;margin:0 calc(-1 * var(--gr)) 14px calc(-1 * var(--gl))}
  .ms .insp::before,.ms .insp::after{display:none}
  .ms .insp .fl{font-size:13px;padding:7px 12px 6px;border-width:2px}
  .ms .insp .fl-ts{border-radius:0 12px 12px 0}.ms .insp .fl-te{border-radius:12px 0 0 12px}
  .ms .insp-svg{margin:8px auto}
  .ms .insp-cap{grid-template-columns:auto repeat(3,minmax(0,1fr));border-width:2px;border-radius:12px}
  .ms .insp-cap > *,.ms .insp-dl > div{border-inline-end-width:1.5px}
  .ms .insp-dl > div:last-child{border-inline-end:0}
  .ms .insp-ch{font-size:34px !important;padding:4px 12px 2px}
  .ms .insp-dl > div{padding:6px 10px;gap:4px}
  .ms .insp-dl dt{font-size:10.5px}.ms .insp-dl dd{font-size:20px}
}
/* the head cells are direction:ltr (.ltr), so their ends are physical: the code to the right edge, the name to the left */
.ms .insp .fl-ts{justify-content:flex-end}
.ms .insp .fl-te{justify-content:flex-start}

/* guides vs tables (02.11): the page's three vertical guides are fainter, and they stop at every table —
   the tables sit on their own paper, so a guide never cuts through a cell row */
.ms{--hair:rgba(28,26,23,.09)}
.ms .gl,.ms .lic-info,.ms .lic-notes,.ms .lic-faq,.ms .lic-docs{background-color:var(--enamel);position:relative}
/* ligatures in the wall: two or three letters in one cell */
.ms .gc .gx{font-size:.78em;letter-spacing:0}
.ms .gc .gx.g3{font-size:.56em}

/* a11y.css */
/* SADE · accessibility (03.11): skip links, a visible focus everywhere, the contrast fixes from the audit,
   and the site's own accessibility menu ("נגישות") — drawn in the site's language, no third-party widget.
   The menu's settings are classes on <html> (a11y-*), kept per viewer in localStorage. */

/* ---------- skip links: hidden until focused ---------- */
.a11y-skip{position:fixed;top:10px;right:10px;z-index:2000;transform:translateY(-200%);background:#1C1A17;color:#E7E1D1;
  font:500 15px/1 'Plex Hebrew',system-ui,sans-serif;text-decoration:none;border-radius:99px;padding:12px 18px 10px}
.a11y-skip:focus{transform:none;outline:2px solid #D2453C;outline-offset:3px}

/* ---------- a focus ring wherever the page didn't draw one ---------- */
:focus-visible{outline:2px solid #D2453C;outline-offset:3px}

/* ---------- contrast fixes (WCAG 1.4.3) ---------- */
.ms .gc .tg{color:#A8342C}                       /* the set tag in each glyph cell: 3.45 → 5.3 */
.ms .gc small{color:#5B5446}                     /* the code point on a hovered cell */
.px-xi button[aria-pressed="true"] .nm{background:#B5222A}   /* the playing player's name: 3.97 → 5.0 */

/* ---------- the menu button and panel ---------- */
.a11y-btn{all:unset;box-sizing:border-box;position:fixed;left:14px;bottom:14px;z-index:1150;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  background:#1C1A17;color:#E7E1D1;border-radius:99px;padding:10px 15px 9px 13px;font:500 14px/1 'Plex Hebrew',system-ui,sans-serif;
  box-shadow:0 6px 18px -8px rgba(28,26,23,.6)}
.a11y-btn svg{width:18px;height:18px;flex:none}
.a11y-btn:hover{background:#A8342C}
.a11y-btn:focus-visible{outline:2px solid #D2453C;outline-offset:3px}
html.a11y-open .a11y-btn{visibility:hidden}

.a11y-panel{position:fixed;left:14px;bottom:14px;z-index:1160;width:min(330px,calc(100vw - 28px));max-height:calc(100svh - 28px);overflow:auto;
  background:#E7E1D1;color:#1C1A17;border:1.5px solid #1C1A17;border-radius:18px;padding:16px 16px 14px;direction:rtl;
  font:400 15px/1.45 'Plex Hebrew',system-ui,sans-serif;box-shadow:0 18px 40px -18px rgba(28,26,23,.55)}
.a11y-panel[hidden]{display:none}
.a11y-panel h2{margin:0;font:400 26px/1 'SADE','Plex Hebrew',sans-serif}
.a11y-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.a11y-x{all:unset;cursor:pointer;border:1px solid #1C1A17;border-radius:99px;padding:6px 12px 5px;font-size:14px;line-height:1}
.a11y-x:hover{background:#1C1A17;color:#E7E1D1}
.a11y-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.a11y-opt{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;
  border:1px solid #1C1A17;border-radius:12px;padding:10px 12px 9px;font-size:15px;line-height:1.2}
.a11y-opt .sw{flex:none;width:34px;height:20px;border:1.5px solid #1C1A17;border-radius:99px;position:relative}
.a11y-opt .sw::after{content:"";position:absolute;top:2.5px;right:2.5px;width:12px;height:12px;border-radius:50%;background:#1C1A17;transition:right .2s}
.a11y-opt[aria-pressed="true"]{background:#1C1A17;color:#E7E1D1}
.a11y-opt[aria-pressed="true"] .sw{border-color:#E7E1D1}
.a11y-opt[aria-pressed="true"] .sw::after{right:16px;background:#E7E1D1}
.a11y-opt:focus-visible,.a11y-x:focus-visible,.a11y-links a:focus-visible{outline:2px solid #D2453C;outline-offset:2px}
.a11y-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;margin-top:12px;font-size:14px}
.a11y-links a,.a11y-links button{all:unset;cursor:pointer;color:#1C1A17;text-decoration:underline;text-underline-offset:3px}
.a11y-note{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:#5B5446}

/* ---------- the settings ---------- */
/* stronger contrast: no grain, no faded text, solid rules */
html.a11y-contrast .stg::before,html.a11y-contrast .sheet::before,html.a11y-contrast body::before,html.a11y-contrast .card-wrap::after{display:none!important}
html.a11y-contrast{--ink-2:#1C1A17;--hair:rgba(28,26,23,.6)}
html.a11y-contrast .ms .lic,html.a11y-contrast .ms .lic *:not(.lic-launch b):not(.co-next):not(.lic-go){opacity:1}
html.a11y-contrast :is(.lg-meta,.lg-scope,.lic-fn,.lic-reg,.co-help,.co-privacy,.foot-legal,.fl-copy,.note,.contact .sep,.ch-sum .en){color:inherit!important;opacity:1!important}
/* links you can't miss */
html.a11y-links :is(a[href],button,[role="button"],[role="tab"]):not(.a11y-opt):not(.a11y-x){text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px!important}
html.a11y-links a[href]{outline:2px dashed currentColor;outline-offset:2px}
/* bigger reading text (body copy only; the specimens, posters and the opener keep their size) */
html.a11y-big :is(p,li,dd,dt,summary,label,td,th,small,figcaption,.co-f span,.co-ok span):not(.sade):not(.gfit):not(:is(.gg-p,.pr-poster,.px-pitch,.op,.af,.pf,.band,.gl,.insp,.lic-table) *){font-size:118%!important;line-height:1.55!important}
/* still: no motion that the page drives by itself */
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* a focus ring that shouts */
html.a11y-focus :focus{outline:3px solid #D2453C!important;outline-offset:3px!important;box-shadow:0 0 0 6px #F7F1D6!important}
/* the skip links keep their own colours inside any section */
.ms .a11y-skip,.a11y-skip,.a11y-skip:visited{color:#E7E1D1!important;background:#1C1A17!important;text-decoration:none!important}
/* the code point on the selected (terra) glyph cell */
.ms .gc[aria-pressed="true"] small{color:#1C1A17}
.ms .gc[aria-pressed="true"]{background:#A8342C}
.ms .gc[aria-pressed="true"] small{color:#F7F1D6}
/* headings and regions that receive focus from a script (a drawer's title, a skip target) don't need a ring */
html:not(.a11y-focus) :is(h1,h2,h3,main,section,div,span)[tabindex="-1"]:focus{outline:none}
/* always there (03.11): the button stays visible above everything — the documents drawer, the checkout, the
   open menu — and toggles the menu, which opens just above it */
.a11y-btn{z-index:2147483000!important}
html.a11y-open .a11y-btn{visibility:visible}
html.a11y-open .a11y-btn{background:#A8342C}
.a11y-panel{z-index:2147483001;bottom:68px;max-height:calc(100svh - 82px)}