@font-face{font-family:Rubik;font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/rubik-hebrew.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/rubik-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Hebrew;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-hebrew-hebrew.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Noto Sans Hebrew;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-hebrew-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --note{syntax:"<number>";inherits:true;initial-value:0}@property --mx{syntax:"<number>";inherits:true;initial-value:.5}@property --my{syntax:"<number>";inherits:true;initial-value:.5}:root{--paper:#fff;--paper-2:#f4f4f4;--ink:#000;--white:#fff;--orange:#ff4e00;--blue:#5a93e0;--pink:#f05ae8;--magenta:#e040d8;--indigo:#40279a;--lime:#b9f27c;--tone-2:#474747;--tone-3:#6b6b6b;--tone-ink:#adadad;--orange-tint:#ffd9c7;--blue-tint:#d5e4f8;--magenta-tint:#f7d0f4;--ink-tint:#d6d6d6;--display:"Rubik", "Noto Sans Hebrew", "Arial Hebrew", sans-serif;--text:"Noto Sans Hebrew", "Rubik", "Arial Hebrew", sans-serif;--display-w:900;--step-small:clamp(.875rem, .85rem + .1vw, .9375rem);--step-body:clamp(1.0625rem, 1rem + .3vw, 1.25rem);--step-lead:clamp(1.25rem, .95rem + 1.25vw, 2.25rem);--step-head:clamp(2.25rem, 1.2rem + 4.8vw, 6rem);--step-display:clamp(4.5rem, 11vw, 11rem);--gutter:clamp(16px, 2.2vw, 32px);--band:clamp(72px, 9vw, 168px);--spine:clamp(64px, 6vw, 96px);--field-pad:clamp(16px, 5vw, 96px);--bar-h:64px;--nav-h:60px;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-field]{background:var(--bg);color:var(--fg)}[data-field=paper]{--bg:var(--paper);--fg:var(--ink);--well:var(--paper-2)}[data-field=paper-2]{--bg:var(--paper-2);--fg:var(--ink);--well:var(--paper)}[data-field=ink]{--bg:var(--ink);--fg:var(--white);--well:var(--white)}[data-field=orange]{--bg:var(--orange);--fg:var(--ink)}[data-field=blue]{--bg:var(--blue);--fg:var(--ink);--duo:var(--blue)}[data-field=magenta]{--bg:var(--magenta);--fg:var(--ink);--duo:var(--magenta)}:is([data-field=orange],[data-field=blue],[data-field=magenta]) .btn:hover{background:var(--paper);color:var(--ink)}[data-field=field]{--bg:var(--orange);--fg:var(--ink);isolation:isolate;position:relative;overflow:clip}[data-field=field]:before{content:"";z-index:-2;background:radial-gradient(calc(46% + var(--note) * 14%) calc(58% + var(--note) * 14%) at calc(18% + var(--note) * 64% + (var(--mx) - .5) * 40%) calc(26% + var(--note) * 30% + (var(--my) - .5) * 36%), var(--pink), transparent 72%),  radial-gradient(48% 62% at calc(84% - var(--note) * 40% - (var(--mx) - .5) * 30%) calc(78% - (var(--my) - .5) * 28%), var(--blue), transparent 70%),  var(--orange);transition:--note .42s var(--ease-out), --mx 1.4s var(--ease-out), --my 1.4s var(--ease-out);animation:26s ease-in-out infinite alternate drift;position:absolute;inset:-12%}[data-field=field]:after{content:"";z-index:-1;mix-blend-mode:multiply;opacity:.16;pointer-events:none;background:url(/halftone.png) 0 0/5px 5px;position:absolute;inset:0}[data-field=field].is-playing:after{opacity:.26}@keyframes drift{0%{transform:translate(-3%,-2%)scale(1.02)}to{transform:translate(3%,2%)scale(1.1)rotate(3deg)}}.card{background:var(--paper);color:var(--ink);padding:clamp(24px,4vw,64px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:calc(var(--bar-h) + var(--nav-h) + 16px)}html:not(:has(.song-nav)){--nav-h:0px}body{background:var(--paper);color:var(--ink);font:400 var(--step-body) / 1.6 var(--text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,figure,blockquote,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-inline-size:100%;display:block}button,input{font:inherit;color:inherit}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}:focus-visible{outline:3px solid var(--white);outline-offset:0;box-shadow:0 0 0 6px var(--ink)}::selection{background:var(--orange);color:var(--ink)}main:focus{box-shadow:none;outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:var(--white);padding:12px 16px;font-weight:700;position:absolute;inset-block-start:-100px;inset-inline-start:8px}.skip:focus{inset-block-start:8px}.wrap{padding-inline:var(--gutter)}.empty{font-size:var(--step-body)}.spine{inline-size:3px;block-size:var(--spine);background:var(--ink);margin:clamp(20px,3vw,40px) auto;display:block}.btn{background:var(--ink);min-block-size:48px;color:var(--white);cursor:pointer;font:700 var(--step-body) / 1.1 var(--text);white-space:nowrap;transition:transform .16s var(--ease-out), background-color .16s, color .16s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.4em 1.4em;text-decoration:none;display:inline-flex}.btn:hover{background:var(--orange);color:var(--ink)}[data-field=ink] .btn{background:var(--white);color:var(--ink)}[data-field=ink] .btn:hover{background:var(--orange)}.btn:active{transform:translateY(2px)}.textlink{align-items:center;min-block-size:44px;font-weight:700;text-decoration:underline;display:inline-flex}.textlink:hover{text-decoration-thickness:.16em}.chip{min-block-size:40px;font:700 var(--step-small) / 1.2 var(--text);transition:transform .16s var(--ease-out);align-items:center;padding:.3em .9em;text-decoration:none;display:inline-flex}.chip:hover{text-decoration:underline}.chip:active{transform:translateY(2px)}.draft-tag{background:var(--ink);color:var(--white);font:700 var(--step-small) / 1.3 var(--text);vertical-align:middle;margin-inline-start:.5em;padding:.15em .5em;display:inline-block}[data-field=ink] .draft-tag{background:var(--white);color:var(--ink)}input[type=search]{background:var(--well,var(--paper-2));min-block-size:44px;color:var(--ink);font-size:var(--step-small);border:0;border-radius:999px;padding-inline:18px}input[type=search]::placeholder{color:#5c5c5c}.editor-bar{padding:8px var(--gutter);color:#fff;background:#0d0d0d;flex-wrap:wrap;align-items:center;gap:4px 24px;font:.875rem/1.4 system-ui,sans-serif;display:flex}.editor-bar a{min-block-size:32px;color:inherit;align-items:center;text-decoration:underline;display:inline-flex}.editor-bar.is-draft{color:#0d0d0d;background:#ffd23f}.bar{z-index:40;block-size:var(--bar-h);padding-inline:var(--gutter);background:var(--paper);color:var(--ink);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,32px);display:grid;position:sticky;inset-block-start:0}.mark{isolation:isolate;display:inline-block;position:relative}.mark:before{content:"";z-index:-1;background:linear-gradient(115deg, var(--orange), var(--pink) 40%, var(--blue) 70%, var(--orange)) 0 0 / 300% 100%;animation:10s ease-in-out infinite alternate sheen;position:absolute;inset:0;-webkit-mask:url(/brand/aviv-white-640.webp) 50%/contain no-repeat;mask:url(/brand/aviv-white-640.webp) 50%/contain no-repeat}.mark img{mix-blend-mode:multiply;display:block}@keyframes sheen{to{background-position:100% 0}}.bar .mark img{block-size:48px;inline-size:64px}.bar nav ul{gap:clamp(12px,2vw,28px);display:flex}.bar nav a{font:700 var(--step-body) / 1 var(--text);padding-block:12px;text-decoration:none;display:inline-block}.bar nav a:hover{text-decoration:underline;text-decoration-thickness:.12em}.bar nav{justify-self:start}.bar form{justify-self:end;gap:8px;display:flex}.bar input{inline-size:clamp(140px,14vw,220px)}.bar .btn{min-block-size:44px;font-size:var(--step-small);padding-inline:18px}.only-narrow{display:none}@media (width>=64em){.bar{transition:background-color .24s var(--ease-out), color .24s var(--ease-out)}.bar-over .bar{color:var(--white);background:0 0}.bar-over .bar .btn{background:var(--white);color:var(--ink)}.bar-over .bar .btn:hover{background:var(--ink);color:var(--white)}}@media (width<=47.99em){.bar form{display:none}.bar{grid-template-columns:auto minmax(0,1fr)}.bar .mark{grid-area:1/1}.bar nav{grid-column:2;justify-self:end}.bar .only-narrow{display:list-item}.bar .mark img{block-size:40px;inline-size:53px}.bar nav ul{gap:14px}}.ph{position:relative}.ph-frame{aspect-ratio:3/4;background:var(--paper-2);display:block;position:relative;overflow:hidden}.ph-frame img{object-fit:cover;filter:grayscale()contrast(1.05);block-size:100%;inline-size:100%}.tile .ph-frame:not(.is-empty):after{content:"";background:var(--duo,var(--orange));mix-blend-mode:multiply;opacity:0;transition:opacity .32s var(--ease-out);position:absolute;inset:0}.tile:is(:hover,:focus-visible) .ph-frame:after{opacity:1}.ph-frame.is-empty{background:var(--well,var(--paper-2));place-items:center;display:grid;-webkit-mask:url(/arch.svg) 0 0/100% 100% no-repeat;mask:url(/arch.svg) 0 0/100% 100% no-repeat;container-type:inline-size}.ph-frame.is-empty:after{content:attr(data-initial);font:var(--display-w) 52cqi / 1 var(--display);color:var(--ink)}.credit{font-size:var(--step-small);max-inline-size:40ch;margin-block-start:8px;line-height:1.45}.credit a{text-decoration-thickness:1px}.sound{isolation:isolate;min-block-size:100svh;padding:calc(var(--bar-h) + var(--band)) var(--gutter) var(--band);color:var(--white);text-align:center;background:repeating-radial-gradient(circle at 50% 130%, transparent 0 22px, #40279a80 30px 36px, transparent 44px), radial-gradient(circle at 50% 130%, var(--orange) 0 32%, var(--indigo) 52%, var(--blue) 76%);place-content:center;justify-items:center;gap:clamp(28px,5vh,56px);margin-block-start:calc(var(--bar-h) * -1);display:grid;position:relative;overflow:clip}.sound-canvas{z-index:-1;block-size:100%;inline-size:100%;position:absolute;inset:0}.sound h1{font:var(--display-w) min(10.6vw, 11rem) / .92 var(--display);letter-spacing:-.02em}.sound h1 span{white-space:nowrap;display:block}@media (width<=47.99em){.sound h1 span:first-child{font-size:2.2em}}.sound .btn{background:var(--white);color:var(--ink)}.sound .btn:hover{background:var(--ink);color:var(--white)}.sounding{font:var(--display-w) var(--step-display) / .9 var(--display);letter-spacing:-.02em;color:var(--indigo);background:repeating-radial-gradient(circle at 30% 150%, transparent 0 10px, #40279a99 15px 19px, transparent 24px) 0 0 / 140% 140%, radial-gradient(circle at 30% 150%, var(--orange) 0 38%, var(--magenta) 58%, var(--blue) 82%) 0 0 / 140% 140%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:16s ease-in-out infinite alternate tune}.sounding span{display:block}@keyframes tune{to{background-position:100% 100%}}.opening{padding-block:var(--band);gap:clamp(32px, 4vw, 64px) var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.opening .sounding{grid-column:1/-1}.opening-lead{grid-column:1/span 5;justify-items:start;gap:28px;display:grid}.opening-lead p{font:700 var(--step-lead) / 1.3 var(--text)}.opening-body{grid-column:7/-1;gap:16px;max-inline-size:60ch;display:grid}@media (width<=63.99em){.opening-lead,.opening-body{grid-column:1/-1}}.era-band{padding:var(--band) var(--field-pad)}.era-band .lede{margin-block-start:16px}.as-rows{display:none}.legend{flex-wrap:wrap;gap:8px;margin-block-start:28px;display:flex}.legend button{border:2px solid var(--ink);background:var(--paper);min-block-size:44px;color:var(--ink);font:700 var(--step-small) / 1.2 var(--text);text-wrap:balance;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 12px;transition:background-color .2s,color .2s;display:inline-flex}.legend button:not(:disabled):hover{background:var(--paper-2)}.legend button[aria-pressed=true]{background:var(--ink);color:var(--white)}.legend button:disabled{cursor:default}.sw{isolation:isolate;flex:none;block-size:18px;inline-size:18px;position:relative}.legend [aria-pressed=true] .sw{outline:2px solid var(--white)}:is(.blk,.sw):is([data-field=blue],[data-field=magenta]):before{content:"";z-index:-1;position:absolute;inset:0}:is(.blk,.sw)[data-field=blue]:before{background:var(--pat,var(--blue-tint));-webkit-mask:url(/halftone.png) 0 0/7px 7px;mask:url(/halftone.png) 0 0/7px 7px}:is(.blk,.sw)[data-field=magenta]:before{background:repeating-linear-gradient(-45deg, var(--pat,var(--magenta-tint)) 0 1px, transparent 0 6px)}.pmark{background:color-mix(in srgb, currentColor 72%, transparent);clip-path:polygon(0 0,100% 50%,0 100%);flex:none;block-size:.7em;inline-size:.6em;display:inline-block}.meter{--blk:calc(3.45em + 14px);--row:1.35em;--base:calc(20px + 2 * var(--row));--ease-back:cubic-bezier(.34, 1.5, .64, 1);--play:paused;--s0:1 0;--bar0:0 1;--t1:0 -18px;--t2:0 -4px;inline-size:min-content;min-inline-size:100%;font-size:var(--step-small);padding-inline:4px;line-height:1.35;display:flex;position:relative}.meter-wrap{margin-block-start:clamp(28px,3vw,44px);scroll-padding-inline:16px;overflow-x:auto}.meter:after{content:"";background:var(--ink);transform-origin:100%;block-size:3px;position:absolute;inset-block-end:var(--base);inset-inline:0}.dec{flex:var(--k) 1 0;flex-direction:column;padding:32px 6px 12px;display:flex}.dec.band{background:var(--paper-2)}.dec.undated{background:repeating-linear-gradient(-45deg, var(--ink-tint) 0 1px, transparent 0 7px)}.dec-n{block-size:var(--row);color:var(--tone-3);white-space:nowrap;order:1;font-weight:700}.years{flex:1;gap:6px;display:flex}.col{flex-direction:column-reverse;flex:1 1 0;display:flex}.yr{block-size:calc(var(--row) + 11px);color:var(--tone-2);font-variant-numeric:tabular-nums;text-align:center;padding-block-start:11px}.undated .yr{block-size:calc(2 * var(--row) + 11px)}.col:has(.blk:is(:hover,:focus-visible)) .yr{color:var(--ink);font-weight:700}.stack{flex-direction:column-reverse;gap:3px;display:flex}.stack:after{--t0:0 calc(var(--n) * (var(--blk) + 3px));content:"";background:var(--ink);block-size:4px}.blk{isolation:isolate;min-block-size:var(--blk);font:700 1em / 1.15 var(--display);text-wrap:balance;transform-origin:bottom;transition:translate .18s var(--ease-out), box-shadow .18s var(--ease-out), background-color .24s, color .24s;padding:6px;text-decoration:none;display:block;position:relative}.blk:hover,.blk:focus-visible{z-index:1;box-shadow:-4px 4px 0 var(--ink);translate:0 -4px}.blk:focus-visible{box-shadow:0 0 0 6px var(--ink)}.key b .pmark,.tracks h3 .pmark,.lineup-list .t .pmark,.blk .pmark{vertical-align:middle;margin-inline-start:.45em}.blk[data-field=orange]{--tint:var(--orange-tint)}.blk[data-field=blue]{--tint:var(--blue-tint)}.blk[data-field=magenta]{--tint:var(--magenta-tint)}.blk[data-field=ink]{--tint:var(--ink-tint)}.blk.is-dim{--pat:var(--paper);background-color:var(--tint);color:var(--tone-2)}.gap{z-index:1;inline-size:2.25em;color:var(--tone-3);text-align:center;background:repeating-linear-gradient(90deg, var(--paper) 0 4px, transparent 0 8px) left 0 bottom var(--base) / 100% 3px no-repeat;flex:none;align-items:flex-end;padding-block-end:calc(var(--base) + 9px);line-height:1.2;display:flex;position:relative}.years .gap{--base:calc(8px + var(--row))}.readout{background:var(--ink);min-block-size:48px;color:var(--white);font:700 var(--step-small) / 1.35 var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin-block-start:20px;padding:10px 16px;display:flex}.readout:before{content:"";background:var(--orange);border-radius:50%;flex:none;block-size:8px;inline-size:8px}.meter.is-live{--play:running}.meter.is-armed:not(.is-in):after{scale:var(--bar0)}.meter.is-armed:not(.is-in) .blk{scale:var(--s0)}.meter.is-armed:not(.is-in) .stack:after{opacity:0}.meter.is-in:after{--a:m-scale .7s var(--ease-out) backwards;--s0:var(--bar0)}.meter.is-in .blk{--a:m-scale .62s var(--ease-back) calc(.24s + var(--c) * 70ms + var(--b) * 70ms) backwards}.meter.is-in .stack:after{--a:m-cap 1.1s var(--ease-out) calc(.24s + var(--c) * 70ms) backwards, m-bob calc(2.2s + var(--c) * 90ms) ease-in-out calc(1.34s + var(--c) * 70ms) infinite alternate var(--play)}.meter:after,.blk,.stack:after{animation:var(--a,none)}@keyframes m-scale{0%{scale:var(--s0);color:#0000}}@keyframes m-cap{0%{translate:var(--t0);opacity:0}55%{translate:var(--t1);opacity:1}}@keyframes m-bob{to{translate:var(--t2)}}.era-band[data-rows] .as-cols{display:none}.era-band[data-rows] .as-rows{display:inline}.era-band[data-rows] .meter-wrap{overflow:visible}.era-band[data-rows] .meter{--lab:3em;--s0:0 1;--bar0:1 0;--t1:-14px 0;--t2:-4px 0;inline-size:auto;padding-inline:0;display:block}.era-band[data-rows] .meter:after{inset-block:0;inset-inline:calc(12px + var(--lab) + 8px) auto;transform-origin:top;block-size:auto;inline-size:3px}.era-band[data-rows] .dec{padding:16px 12px}.era-band[data-rows] :is(.dec-n,.undated .yr){block-size:auto;text-align:start;order:0;padding:0 0 8px;padding-inline-start:calc(var(--lab) + 19px);font-weight:700;display:block}.era-band[data-rows] .dec-n{color:var(--tone-3)}.era-band[data-rows] .years{display:block}.era-band[data-rows] .col{grid-template-columns:var(--lab) minmax(0, 1fr);align-items:baseline;column-gap:19px;padding-block:6px;display:grid}.era-band[data-rows] .undated .yr{grid-column:1/-1}.era-band[data-rows] .yr{block-size:auto;padding:0}.era-band[data-rows] .stack{flex-flow:wrap;grid-column:2}.era-band[data-rows] .stack:after{--t0:0 0;block-size:auto;inline-size:4px}.era-band[data-rows] .blk{transform-origin:100%;align-items:center;gap:8px;min-block-size:44px;padding:6px 12px;display:flex}.era-band[data-rows] .blk .pmark{margin-inline-start:0}.era-band[data-rows] .gap,.era-band[data-rows] .years .gap{--base:0;inline-size:auto;text-align:start;background:repeating-linear-gradient(var(--paper) 0 4px, transparent 0 8px) right calc(12px + var(--lab) + 8px) top 0 / 3px 100% no-repeat;padding:6px 0;padding-inline-start:calc(12px + var(--lab) + 19px);display:block}.era-band[data-rows] .years .gap{margin-inline:-12px}.sec{padding-block:var(--band)}.sec-head h2,.keys-head h2,.era-band h2,.maqam h2{font:var(--display-w) var(--step-head) / .95 var(--display);letter-spacing:-.02em;text-wrap:balance}.sec-head{flex-wrap:wrap;align-items:end;gap:16px 32px;display:flex}.sec-head h2{flex:28rem}@media (width<=63.99em){.sec-head h2{flex-basis:100%}}.sec-head h2 a{text-decoration:none}.sec-head h2 a:hover{text-decoration:underline;text-decoration-thickness:.06em}.sec-era{font:var(--display-w) var(--step-lead) / 1.1 var(--display);font-variant-numeric:tabular-nums}.sec-intro{max-inline-size:60ch;margin-block-start:20px}.grid{gap:48px var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:clamp(32px,4vw,56px);display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=63.99em){.grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=29.99em){.grid-3{grid-template-columns:1fr}}.tile{gap:10px;text-decoration:none;display:grid}.tile .ph{margin-block-end:4px}.tile b{font:var(--display-w) var(--step-lead) / 1.1 var(--display);text-wrap:balance}.tile .n{font-size:var(--step-small);font-weight:700}.tile .ph-frame{transition:transform .26s var(--ease-out)}.tile:hover b{text-decoration:underline;text-decoration-thickness:.07em}.tile:hover .ph-frame,.tile:focus-visible .ph-frame{transform:translateY(-6px)}.people .ph-frame{aspect-ratio:1}.people .credit{max-inline-size:none}.keys-band{justify-content:space-between;align-items:end;gap:clamp(28px, 3vw, 48px) var(--gutter);flex-wrap:wrap;padding-block:clamp(56px,7vw,112px);display:flex}.keys{gap:36px var(--gutter);flex-wrap:wrap;display:flex}.keys>li{flex:0 0 200px}@media (width<=47.99em){.keys>li{flex-basis:calc(50% - var(--gutter) / 2)}}.key{gap:4px;text-decoration:none;display:grid}.key-art{aspect-ratio:1;background:#1c1c1c;margin-block-end:10px;display:block;overflow:hidden}.key-art img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .3s var(--ease-out)}.key-art img.is-video{scale:1.34}.key-art img.is-photo{filter:grayscale()contrast(1.05)}.key:hover .key-art img{transform:scale(1.05)}.key b{font:var(--display-w) var(--step-body) / 1.2 var(--display)}.key:hover b{text-decoration:underline;text-decoration-thickness:.08em}.key .a{font-size:var(--step-small);font-weight:700}.key .y{font-size:var(--step-small);font-variant-numeric:tabular-nums}.key[aria-current] .key-art{outline:4px solid var(--orange);outline-offset:-4px}.key[aria-current] b:after{content:" · השיר הזה";font-weight:400}.maqam{padding:var(--band) var(--field-pad)}.maqam .lede{max-inline-size:64ch;margin-block-start:16px}.maqam-list{gap:6px;margin-block-start:40px;display:grid}.mq{grid-template-columns:minmax(9rem,2fr) minmax(0,3fr) minmax(0,5fr);grid-template-areas:"name stair desc""btn stair desc";align-items:center;column-gap:clamp(20px,3vw,56px);padding-block:18px;display:grid}.mq:nth-child(2n){background:var(--paper-2);margin-inline:calc(-1*clamp(24px,4vw,64px));padding-inline:clamp(24px,4vw,64px)}.mq h3{font:var(--display-w) var(--step-lead) / 1.1 var(--display);grid-area:name}.mq button{background:var(--ink);min-block-size:48px;color:var(--white);font:700 var(--step-small) / 1 var(--text);cursor:pointer;transition:transform .16s var(--ease-out), background-color .16s, color .16s;border:0;border-radius:999px;grid-area:btn;justify-self:start;align-items:center;gap:10px;margin-block-start:8px;padding:0 20px;display:none}.js .mq button{display:inline-flex}.mq button:hover,.mq button[aria-pressed=true]{background:var(--orange);color:var(--ink)}.mq button:active{transform:translateY(2px)}.mq button svg{block-size:16px;inline-size:16px}.mq .i-stop,.mq button[aria-pressed=true] .i-play{display:none}.mq button[aria-pressed=true] .i-stop{display:block}.stair{grid-area:stair;align-items:flex-end;gap:6px;block-size:104px;display:flex}.stair i{font:500 var(--step-small) / 1 var(--text);flex-direction:column;flex:1;align-items:center;gap:6px;font-style:normal;display:flex}.stair i span{white-space:nowrap}.stair i:before{content:"";inline-size:100%;block-size:calc(8px + var(--c) / 1200 * 64px);background:var(--ink);transform-origin:bottom;transition:background-color .12s, transform .16s var(--ease-out)}.stair i.q:before{background:var(--orange)}.stair i.on:before{background:var(--blue);transform:scaleY(1.12)}.stair i.on{font-weight:700}.acc{vertical-align:-.15em;block-size:1em;inline-size:.5em;margin-inline-start:1px;display:inline-block}.mq-desc{grid-area:desc;max-inline-size:48ch}.maqam-src{font-size:var(--step-small);margin-block-start:24px}@media (width<=47.99em){.mq{grid-template-columns:1fr auto;grid-template-areas:"name btn""stair stair""desc desc";row-gap:14px}.mq button{margin-block-start:0}}.head{grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);align-items:center;gap:24px;padding-block:clamp(40px,6vw,96px) 0;display:grid}.head:last-child{padding-block-end:var(--band)}.head[data-field]:not([data-field=paper]){padding-block-end:clamp(40px,6vw,96px)}.head-main{text-align:center;grid-column:2;justify-items:center;gap:16px;display:grid}.head h1{font:var(--display-w) var(--step-head) / .95 var(--display);letter-spacing:-.02em;text-wrap:balance}.head .era{font:var(--display-w) var(--step-lead) / 1.1 var(--display);font-variant-numeric:tabular-nums}.lede{max-inline-size:58ch;font-size:var(--step-body)}.lede a{text-decoration:underline}.nb{min-block-size:44px;font:700 var(--step-body) / 1.3 var(--text);grid-row:1;align-items:center;text-decoration:none;display:inline-flex}.nb:hover{text-decoration:underline}.nb-prev{grid-column:1;justify-self:start}.nb-next{text-align:end;grid-column:3;justify-self:end}.song-artist{font:var(--display-w) var(--step-lead) / 1.2 var(--display)}.credits{max-inline-size:60ch}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.head-ph{inline-size:min(100%,560px);margin-block-end:clamp(24px,3vw,48px);margin-inline:auto}.head-ph .credit{text-align:center;margin-inline:auto}.song-nav{z-index:30;block-size:var(--nav-h);padding-inline:calc(var(--gutter) - 8px);background:var(--paper);border-block-end:1px solid #0000;justify-content:center;align-items:center;display:flex;position:sticky;inset-block-start:var(--bar-h)}.song-nav.is-stuck{border-block-end-color:var(--ink)}.song-nav ul{scrollbar-width:none;flex:0 auto;gap:8px;min-inline-size:0;padding:7px 8px;display:flex;position:relative;overflow-x:auto}.song-nav li{flex:none}.song-nav .btn{border:2px solid var(--ink);min-block-size:44px;font-size:var(--step-small);padding-inline:18px;font-weight:500}.song-nav .btn:not(.is-primary){background:var(--paper);color:var(--ink)}.song-nav .btn:not(.is-primary):hover{background:var(--ink);color:var(--white)}.song-nav svg{flex:none;block-size:1em;inline-size:1em}.song-nav .btn:is(.is-primary,[aria-current]){font-weight:700}.song-nav [aria-current]{text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:2px}.song-nav [data-label]{flex-direction:column;align-items:center;display:inline-flex}.song-nav [data-label]:after{content:attr(data-label);visibility:hidden;block-size:0;font-weight:700;overflow:hidden}@media (width<=63.99em){.head{grid-template-columns:1fr 1fr}.head-main{grid-area:1/1/auto/-1}.nb{font-size:var(--step-small);grid-row:2}.nb-prev{grid-column:1}.nb-next{grid-column:2}}.reading{padding-block:clamp(40px, 5vw, 80px) var(--band)}.r-block{max-inline-size:72ch;margin-inline:auto}.r-block+.r-block:before{content:"";inline-size:3px;block-size:var(--spine);background:currentColor;margin:clamp(32px,4vw,56px) auto;display:block}.r-block>h2,.r-head>h2,.article .toc-title{font:var(--display-w) var(--step-lead) / 1.15 var(--display);margin-block-end:20px}.r-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-block-end:20px;display:flex}.r-head>h2{margin-block-end:0}.article .toc{background:var(--paper-2);margin-block-end:40px;padding:20px 24px}.article .toc-title{margin-block-end:8px}.article .toc ol{gap:2px;display:grid}.article .toc a{align-items:center;min-block-size:40px;font-weight:700;text-decoration:none;display:flex}.article .toc a:hover{text-decoration:underline}.article .toc .toc-3 a{padding-inline-start:1rem;font-weight:400}.byline{font-size:var(--step-small);margin-block-end:20px}.prose{font-size:var(--step-body);line-height:1.75}.prose>:first-child{margin-block-start:0}.prose p+p,.prose ul,.prose ol{margin-block-start:1em}.prose h2{font:var(--display-w) var(--step-lead) / 1.15 var(--display);margin-block:2em .5em}.prose h3{font:800 var(--step-body) / 1.3 var(--display);margin-block:1.8em .4em}.prose ul{padding-inline-start:1.25em;list-style:outside}.prose ol{padding-inline-start:1.25em;list-style:decimal}.prose li+li{margin-block-start:.35em}.prose blockquote{text-align:center;font:var(--display-w) var(--step-lead) / 1.25 var(--display);letter-spacing:-.01em;text-wrap:balance;margin-block:1.6em}.prose blockquote p+p{margin-block-start:.5em}.prose a{-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-decoration-thickness:2px}.prose img{filter:grayscale()contrast(1.05);block-size:auto;inline-size:100%;margin-block:2em}.prose hr{block-size:var(--spine);background:var(--ink);border:0;inline-size:3px;margin:2em auto}.prose>h2:last-of-type+ol:last-child{color:var(--tone-2);font-size:var(--step-small);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding-inline-start:2em;line-height:1.6}.prose>h2:last-of-type+ol:last-child li+li{margin-block-start:.6em}.prose>h2:last-of-type+ol:last-child a{text-decoration-color:currentColor;text-decoration-thickness:1px}.prose>h2:last-of-type+ol:last-child a:hover{-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-decoration-thickness:2px}.prose sup{vertical-align:baseline;font-size:.7em;line-height:0;position:relative;inset-block-start:-.5em}.sources ul{gap:8px;display:grid}.sources a{font-weight:700}.sources .host{font-weight:400;font-size:var(--step-small)}.media-band{padding-block:clamp(56px,7vw,112px)}.media-band .r-block{max-inline-size:80rem}.tracks{gap:48px;display:grid}.tracks li{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:28px;display:grid}.tracks li:not(:has(.yt)){grid-template-columns:1fr}.tracks .yt .yt-cap{display:none}.tracks h3{font:var(--display-w) var(--step-lead) / 1.15 var(--display)}.tracks h3 a{text-decoration:none}.tracks h3 a:hover{text-decoration:underline}.track-artist{margin-block-start:6px;font-weight:700}.track-text .textlink{margin-block-start:4px}@media (width<=47.99em){.tracks li{grid-template-columns:1fr;gap:12px}}.score{padding-block:clamp(32px, 4vw, 56px) var(--band)}.score-tools{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.score-tools .btn:not(.is-primary){border:2px solid var(--ink);background:var(--paper);color:var(--ink)}.score-tools .btn:not(.is-primary):hover{background:var(--ink);color:var(--white)}.score-status{color:var(--tone-2);text-align:center;margin-block:24px}.sheets{gap:clamp(32px,4vw,56px);max-inline-size:56rem;margin-inline:auto;display:grid}.sheet{background:var(--paper);box-shadow:0 1px 3px #0003}.sheet canvas{block-size:auto;inline-size:100%;display:block}.sheet-n{color:var(--tone-2);font-size:var(--step-small);text-align:center;margin-block-start:8px}.videos{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:28px;display:grid}.yt{display:grid}.yt-frame{aspect-ratio:16/9;background:#1c1c1c;position:relative;overflow:hidden}.yt-frame iframe{border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.yt-play{cursor:pointer;background:#1c1c1c;border:0;inline-size:100%;padding:0;display:block;position:absolute;inset:0}.yt-play .photo{position:absolute;inset:0}.yt-play .photo img{object-fit:cover;block-size:100%;inline-size:100%}.yt-icon{z-index:1;background:var(--orange);block-size:72px;inline-size:72px;color:var(--ink);transition:transform .2s var(--ease-out);place-items:center;display:grid;position:absolute;inset-block-end:0;inset-inline-start:0}.yt-play:hover .yt-icon{transform:scale(1.08)}.yt-frame:has(>.yt-play:focus-visible){outline:3px solid var(--white);box-shadow:0 0 0 6px var(--ink)}.yt-icon svg{block-size:28px;inline-size:28px}.yt figcaption{align-items:flex-start;gap:8px;padding-block-start:4px;font-weight:700;line-height:1.4;display:flex}.yt-cap{flex:1;min-inline-size:0;padding-block-start:8px}.yt.is-shared{outline:3px solid var(--orange);outline-offset:8px}.yt figcaption p{margin-block-start:4px}.yt-portrait{inline-size:min(100%,45svh)}.yt-portrait .yt-frame{aspect-ratio:9/16}.gallery{--row-min:12rem;margin:-12px calc(var(--gutter) * -1);padding:12px var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-color:var(--tone-ink) var(--ink);gap:28px;display:flex;overflow-x:auto}.gallery>li{--ar:16 / 9;flex:calc(var(--ar) * 100) 1 0%;min-inline-size:calc(var(--ar) * var(--row-min));max-inline-size:calc(var(--ar) * 70svh);scroll-snap-align:start}.gallery>li:has(.yt-portrait){--ar:9 / 16;container-type:inline-size}@container (inline-size<8rem){.gallery .yt-cap{font-size:var(--step-small)}}.gallery .yt-portrait .yt-icon{block-size:min(72px,40cqi);inline-size:min(72px,40cqi)}.gallery .yt-portrait .yt-icon svg{block-size:min(28px,15.5cqi);inline-size:min(28px,15.5cqi)}.gallery .yt-portrait{inline-size:auto}.gallery .yt{grid-template-columns:minmax(0,1fr)}.gallery figcaption{overflow-wrap:break-word;white-space:nowrap;padding-block:12px 10px;display:block}.gallery .yt-cap{white-space:normal;display:inline}.gallery .share-icon{vertical-align:middle;margin-block:-10px;margin-inline:-3px -9px;display:inline-grid}.yt-kicker{font:400 var(--step-small) / 1.4 var(--text);color:var(--tone-ink);white-space:normal;display:block}.gallery:has(.yt-kicker) figcaption:not(:has(.yt-kicker)):before{content:" " / "";font:400 var(--step-small) / 1.4 var(--text);display:block}@media (width<=39.99em){.gallery{--row-min:56.25%;gap:8px}}html:not(.js) .share{display:none}.share.btn{min-block-size:44px;color:inherit;font-size:var(--step-small);background:0 0;border:2px solid;padding-inline:18px;font-weight:500}.share.btn:hover{border-color:var(--ink);background:var(--ink);color:var(--white)}.share svg{flex:none;block-size:1.15em;inline-size:1.15em}.song-nav .share{flex:none;margin-inline-end:8px}.share-icon{block-size:44px;inline-size:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin-inline-start:auto;padding:0;transition:background-color .16s,color .16s;display:grid}.share-icon:hover{background:var(--orange);color:var(--ink)}.share-icon svg{block-size:22px;inline-size:22px}.share-panel{background:var(--paper);inline-size:min(17rem,100vw - 32px);color:var(--ink);border:0;margin:0;padding:8px;position:fixed;inset:auto;box-shadow:0 .5rem 1.5rem #0003}.share-row{min-block-size:48px;inline-size:100%;color:inherit;font:700 var(--step-small) / 1.2 var(--text);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:6px 12px;text-decoration:none;transition:background-color .16s;display:flex}.share-row:hover{background:var(--paper-2)}.share-disc{background:var(--ink);block-size:36px;inline-size:36px;color:var(--white);border-radius:50%;flex:none;place-items:center;display:grid}.share-disc svg{block-size:20px;inline-size:20px}[data-glyph=whatsapp] .share-disc{background:#25d366}[data-glyph=facebook] .share-disc{background:#0866ff}[data-glyph=instagram] .share-disc{background:#ff0069}[data-glyph=tiktok] .share-disc{background:#000}.share-row small{font-size:inherit;color:var(--tone-2);margin-block-start:2px;font-weight:400;display:block}.share-url{background:var(--paper-2);min-block-size:44px;inline-size:100%;font:400 var(--step-small) / 1.2 var(--text);border:0;margin-block:4px;padding-inline:12px}.chords-block{--sheet-font:var(--text);--sheet-size:var(--step-lead);--chord-font:var(--display);--chord-color:var(--ink);--focus-color:var(--ink);--pop-bg:var(--ink);--pop-fg:var(--white);--key-white:var(--white);--key-black:var(--ink)}.chords-block .chord-sheet :is(.lyric-line,.text-line:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-block-start:.55em;font-weight:500}.chords-block .chord-sheet .chord{background:var(--ink);min-block-size:32px;color:var(--white);font:var(--display-w) var(--step-small) / 32px var(--display);margin-block-end:.3em;padding:0 8px;transition:background-color .16s,color .16s}.chords-block .chord-sheet .chord:hover,.chords-block .chord-sheet .chord[aria-expanded=true]{background:var(--orange);color:var(--ink);text-decoration:none}.chords-block .chord-sheet .chord-line .chord{min-block-size:40px;min-inline-size:3rem;line-height:40px}.chords-block .chord-sheet .label-line{font:var(--display-w) var(--step-body) / 1.3 var(--display);margin-block-start:1em}.chords-block .chord-sheet .cs-toolbar{z-index:3;background:var(--paper);align-items:center;padding-block:12px;font-weight:700;position:sticky;inset-block-start:calc(var(--bar-h) + var(--nav-h))}.chords-block .chord-sheet .cs-toolbar button{background:var(--paper-2);color:var(--ink);font:700 var(--step-small) / 1 var(--text);cursor:pointer;border:0;border-radius:999px;padding-inline:14px;transition:background-color .16s,transform .14s}.chords-block .chord-sheet .cs-toolbar button:hover{background:var(--orange)}.chords-block .chord-sheet .cs-toolbar button:active{transform:translateY(2px)}.chords-block .chord-sheet .cs-toolbar button[aria-pressed=true]{background:var(--ink);color:var(--white)}.chords-block .chord-sheet .cs-pop{box-shadow:none;--focus-color:var(--orange);border:0;border-radius:0}@media (width>=640px){.chords-block .chord-sheet .cs-pop{inline-size:15rem}}.chords-block .chord-sheet .cs-pop-title{font:var(--display-w) 2rem / 1 var(--display)}.chords-block .chord-sheet .cs-pop .cs-pop-head button{background:var(--orange);color:var(--ink);cursor:pointer;border-radius:999px;font-size:1.5rem;line-height:1}.chords-block .chord-sheet .cs-svg .cs-dot,.chords-block .chord-sheet .cs-key.on{fill:var(--orange)}.chords-block .chord-sheet .cs-black{stroke:var(--white)}.chords-block .chord-sheet .cs-piano{max-inline-size:100%}.chords-block .chord-sheet .cs-notes{font-weight:700}.chords-note{font-size:var(--step-small);margin-block-end:16px}.chords-block .cs-play{flex-wrap:wrap;gap:8px;margin-block-end:20px;display:flex}.chords-block .cs-play .btn{white-space:normal;text-align:start}.chords-block .cs-play svg{flex:none;block-size:1em;inline-size:1em}.chords-block .stanza{position:relative}.chords-block .stanza-share{z-index:1;border:2px solid var(--ink);background:var(--paper);min-block-size:44px;color:var(--ink);font:700 var(--step-small) / 1 var(--text);cursor:pointer;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding-inline:14px;transition:opacity .16s,background-color .16s,color .16s;display:inline-flex;position:absolute;inset-block-start:100%;inset-inline-end:0}.chords-block .stanza:is(:hover,:focus-within,.is-on) .stanza-share{opacity:1;pointer-events:auto}.chords-block .stanza-share:hover{background:var(--ink);color:var(--white)}.chords-block .stanza-share svg{flex:none;block-size:1.15em;inline-size:1.15em}.chords-block .chord-sheet:has(.cs-toolbar):not(.words-only) .stanza-share{display:none}html:has(dialog.river[open]){overflow:hidden}dialog.river{--chord-color:var(--orange);--pop-bg:var(--ink);--key-white:var(--white);--key-black:var(--ink);background:var(--paper);block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--ink);overscroll-behavior:contain;border:0;grid-template-columns:minmax(0,1fr);align-content:start;margin:0;padding:0;display:grid;overflow-y:auto}dialog.river:not([open]){display:none}.river [hidden]{display:none!important}dialog.river::backdrop{background:var(--ink)}.rv-head{z-index:3;block-size:var(--bar-h);padding-inline:var(--gutter);background:var(--paper);color:var(--ink);grid-column:1/-1;align-items:center;gap:16px;display:flex;position:sticky;inset-block-start:0}.rv-back svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;block-size:1.1em;inline-size:1.1em}.rv-player{background:var(--ink);color:var(--white)}.rv-video{background:var(--ink);block-size:max(200px,56.25vw);inline-size:100%}.rv-video iframe{border:0;block-size:100%;inline-size:100%;display:block}.rv-controls{padding:12px var(--gutter) 14px;flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.rv-group{align-items:center;gap:4px;display:flex}.rv-controls button{min-block-size:44px;min-inline-size:44px;color:var(--white);font:700 var(--step-small) / 1 var(--text);cursor:pointer;background:#2a2a2a;border:0;border-radius:999px;padding:0 14px;transition:background-color .16s,color .16s}.rv-controls button:hover{background:var(--orange);color:var(--ink)}.rv-controls button[aria-pressed=true]{background:var(--white);color:var(--ink)}.rv-controls output{text-align:center;font-variant-numeric:tabular-nums;min-inline-size:2ch;font-weight:700}.rv-main{min-inline-size:0;padding:20px var(--gutter) 48px;gap:20px;display:grid}.rv-title{min-inline-size:0;font:var(--display-w) clamp(1.125rem, 1rem + 1vw, 1.5rem) / 1.2 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rv-status:empty{display:none}.rv-top{align-items:center;gap:18px;display:flex}.rv-diag{flex:none;inline-size:clamp(100px,24vw,150px)}.rv-diag .cs-svg,.rv-diag .cs-piano{max-inline-size:100%}.rv-names{gap:4px;display:grid}.rv-name{font:900 clamp(3rem, 2rem + 5vw, 5.5rem) / .9 var(--display);unicode-bidi:isolate;justify-self:start}.rv-next{font:700 var(--step-small) / 1.2 var(--text);color:#5c5c5c}.rv-next b{font:900 1.5rem / 1 var(--display);color:var(--ink);unicode-bidi:isolate}.rv-lane{--now:26%;background:var(--paper-2);block-size:176px;position:relative;overflow:hidden}.rv-track{inset-block:0;right:var(--now);will-change:transform;inline-size:0;position:absolute}.rv-mark{background:#d4d4d4;inline-size:2px;position:absolute;inset-block:0}.rv-chord{border-inline-start:4px solid var(--paper-2);background:var(--ink);block-size:52px;color:var(--white);font:900 1.375rem / 1 var(--display);white-space:nowrap;direction:ltr;justify-content:flex-end;align-items:center;padding-inline:10px;display:flex;position:absolute;inset-block-start:14px;overflow:hidden}.rv-chord.past{color:#5c5c5c;background:#d4d4d4}.rv-chord.cur{background:var(--orange);color:var(--ink)}.rv-word{white-space:nowrap;font:700 1.25rem / 1.2 var(--display);padding-inline-start:3px;position:absolute;inset-block-start:80px}.rv-word.alt{inset-block-start:116px}.rv-word.past{color:#8a8a8a}.rv-word.cur{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:4px}.rv-now{inset-block:0;right:var(--now);background:var(--ink);inline-size:4px;margin-right:-2px;position:absolute}.rv-now span{inset-block-end:6px;font:700 .8125rem / 1 var(--text);white-space:nowrap;position:absolute;right:8px}.rv-countin{background:var(--ink);color:var(--white);font:700 var(--step-small) / 1 var(--text);border-radius:999px;align-self:start;align-items:center;gap:8px;margin-inline-start:auto;padding:4px 14px;display:flex}.rv-countin b{font:900 1.5rem / 1 var(--display);font-variant-numeric:tabular-nums}.river.words-only .rv-top,.river.words-only .rv-chord,.river.words-only [data-capo-group]{display:none}.river.words-only .rv-word{font-size:1.625rem;inset-block-start:36px}.river.words-only .rv-word.alt{inset-block-start:96px}.rv-maph{font:var(--display-w) var(--step-lead) / 1.1 var(--display)}.rv-maphint{font-size:var(--step-small);color:#5c5c5c;margin-block-start:-12px}.rv-map{gap:2px;display:grid}.rv-map button{background:var(--paper);min-block-size:48px;inline-size:100%;color:var(--ink);font:inherit;text-align:start;cursor:pointer;border:0;border-inline-start:5px solid #0000;grid-template-columns:4.5ch minmax(0,1fr);align-items:center;gap:12px;padding:6px 12px;display:grid}.rv-map button:hover{background:var(--paper-2)}.rv-map .t{font-size:var(--step-small);font-variant-numeric:tabular-nums;color:#5c5c5c;direction:ltr}.rv-map .w{overflow-wrap:anywhere;min-inline-size:0}.rv-map button[aria-current=true]{border-inline-start-color:var(--ink);background:var(--paper-2);font-weight:700}@media (width<=899.98px){.rv-player{display:contents}.rv-video{z-index:2;position:sticky;inset-block-start:var(--bar-h)}.rv-controls{background:var(--ink);color:var(--white)}}@media (width>=900px){dialog.river{grid-template-columns:minmax(360px,440px) minmax(0,1fr)}.rv-player{align-self:start;position:sticky;inset-block-start:var(--bar-h)}.rv-video{aspect-ratio:16/9;block-size:auto;min-block-size:200px}.rv-main{padding-inline:clamp(24px,4vw,56px)}}@media (orientation:landscape) and (height<=500px) and (width>=600px){dialog.river{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(356px,46%) minmax(0,1fr)}.rv-player{display:contents}.rv-video{z-index:2;aspect-ratio:16/9;grid-column:1;block-size:auto;min-block-size:200px;position:sticky;inset-block-start:var(--bar-h)}.rv-controls{background:var(--ink);color:var(--white);flex-wrap:nowrap;grid-column:1;align-self:start;padding-block:10px;overflow-x:auto}.rv-controls>*{flex:none}.rv-main{padding:12px var(--gutter) 32px;grid-area:2/2/span 2;gap:12px}.rv-diag{inline-size:84px}.rv-name{font-size:2.75rem}}.st-player{justify-items:center;gap:16px;margin-block-start:24px;display:grid}.st-stage{aspect-ratio:1;inline-size:min(100%,560px);position:relative}.st-stage canvas{cursor:pointer;block-size:100%;inline-size:100%;display:block}.st-hand{background:var(--orange);transform-origin:50% 100%;pointer-events:none;block-size:50%;inline-size:2px;position:absolute;top:0;left:calc(50% - 1px)}.st-controls{align-items:center;gap:12px;inline-size:min(100%,560px);display:flex}.st-controls input{min-inline-size:0;accent-color:var(--orange);flex:1}.st-play{background:var(--ink);block-size:48px;inline-size:48px;color:var(--paper);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.st-play[aria-disabled=true]{opacity:.4;cursor:default}.st-play svg{fill:currentColor;block-size:22px;inline-size:22px}.st-time{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.st-legend{flex-wrap:wrap;justify-content:center;gap:8px;inline-size:min(100%,720px);margin:0;padding:0;list-style:none;display:flex}.st-legend li{display:flex}.st-legend button{border:2px solid var(--c);background:var(--paper);min-block-size:44px;color:var(--ink);font:700 var(--step-small) / 1 var(--text);cursor:pointer}.st-legend button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.st-spot{border-start-start-radius:999px;border-end-start-radius:999px;padding:0 14px}.st-mute{border-start-end-radius:999px;border-end-end-radius:999px;place-items:center;inline-size:44px;padding:0;display:grid;border-inline-start:0!important}.st-mute svg{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:20px;inline-size:20px}.st-mute .st-x{fill:none;display:none}.st-mute[aria-pressed=true] .st-x{display:inline}.st-status{color:var(--tone-2);font-size:var(--step-small);margin:0}.st-status:empty{display:none}.st-rec{border:2px solid var(--ink);background:var(--paper);block-size:48px;inline-size:48px;color:var(--orange);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.st-rec svg{fill:currentColor;block-size:22px;inline-size:22px}.st-rec.is-rec{background:var(--ink);color:var(--white)}.st-rec[hidden]{display:none}.st-take{gap:16px;inline-size:min(100%,560px);display:grid}.st-take[hidden],.st-take [hidden]{display:none}.st-cam{background:var(--ink);justify-self:center;max-block-size:40vh;inline-size:auto;max-inline-size:100%}.st-cam.is-live{transform:scaleX(-1)}.st-take-status{margin:0;font-weight:700}.st-take-time{font-variant-numeric:tabular-nums}.st-take-setup,.st-take-review{gap:16px;display:grid}.st-mode{border:0;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;display:flex}.st-mode legend{margin-block-end:8px;padding:0;font-weight:700}.st-mode label{align-items:center;gap:8px;min-block-size:44px;display:inline-flex}.st-mode input{block-size:20px;inline-size:20px;accent-color:var(--orange)}.st-take-note{color:var(--tone-2);font-size:var(--step-small);margin:0}.st-take-note:empty{display:none}.st-take-field{gap:8px;font-weight:700;display:grid}.st-take-field input[type=range]{inline-size:100%;accent-color:var(--orange)}.st-take-field select{min-block-size:44px;font:inherit;font-weight:400}.st-take-ends{font-weight:400;font-size:var(--step-small);align-items:center;gap:12px;display:flex}.st-take-ends input{flex:1;min-inline-size:0}.st-take-row{flex-wrap:wrap;gap:12px;display:flex}.st-take-setup .btn{justify-self:start}.btn.st-take-quiet{border:2px solid var(--ink);background:var(--paper);color:var(--ink)}.btn.st-take-quiet:hover{background:var(--ink);color:var(--white)}.search-page{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;inline-size:min(100%,40rem);margin-block-start:12px;display:flex}.search-page label{flex-basis:100%;font-weight:700}.search-page input{min-block-size:52px;min-inline-size:12rem;font-size:var(--step-body);flex:1}.lineup-list{margin-block-start:24px;line-height:1.35}.lineup-list li a{grid-template-columns:4fr 3fr 4fr;gap:16px;padding:.35em 12px;text-decoration:none;transition:background-color .16s;display:grid}.lineup-list li:nth-child(odd) a{background:var(--paper-2)}.lineup-list li a:hover{background:var(--orange)}.lineup-list .t{font:var(--display-w) var(--step-lead) / 1.2 var(--display)}.lineup-list .a,.lineup-list .w{align-self:center}@media (width<=47.99em){.lineup-list li a{grid-template-columns:1fr;row-gap:0;padding-block:9px}.lineup-list .t{font-size:1.375rem}.lineup-list .a,.lineup-list .w{font-size:var(--step-small)}}.foot{padding-block:clamp(56px,6vw,96px) 0}.foot-grid{gap:40px var(--gutter);grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.foot-brand{justify-items:start;gap:20px;max-inline-size:40ch;display:grid}.foot-brand .mark img{block-size:auto;inline-size:160px}.foot-grid ul{gap:4px;display:grid}.foot-grid nav a{padding-block:8px;font-weight:700;text-decoration:none;display:inline-block}.foot-grid nav a:hover{text-decoration:underline}.partners{flex-wrap:wrap;align-items:center;gap:24px 48px;margin-block-start:clamp(56px,6vw,96px);padding-block:32px;display:flex}.partners img{block-size:64px;inline-size:auto}.partners p{font-size:var(--step-small);margin-inline-start:auto}@media (width<=47.99em){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.partners p{margin-inline-start:0}}.js [data-reveal]>*{opacity:0;transition:opacity .6s var(--ease-out), transform .7s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.js [data-reveal].is-in>*{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-property:opacity,color,background-color!important;animation:none!important}.js [data-reveal]>*{transform:none}[data-field=field]:before{animation:9s ease-in-out infinite alternate breathe!important}.meter:after,.meter .blk,.meter .stack:after{animation:var(--a,none)!important}.meter .blk{transition-property:translate,box-shadow,background-color,color!important}.era-band[data-field=field]:before{transition-property:--note!important}}@keyframes breathe{to{opacity:.55}}@supports (animation-timeline:scroll()){.bar:after{content:"";background:var(--orange);transform-origin:100%;block-size:4px;animation:linear both progress;animation-timeline:scroll(root);position:absolute;inset-block-end:0;inset-inline:0}@media (prefers-reduced-motion:reduce){.bar:after{animation:linear both progress!important;animation-timeline:scroll(root)!important}}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}