/* zakkhutoretsky.com staged skin overlay: additive layer, scoped under [data-skin] */
[data-skin]{--sk-bg:var(--paper,#0b0a09);--sk-deep:var(--paper-deep,#131110);--sk-surf:var(--surface,#171513);--sk-ink:var(--ink,#f2ece0);--sk-soft:var(--ink-soft,#a8a094);--sk-line:var(--rule,#34302b);--sk-acc:var(--oxide,#ff6b2c);--sk-uv:var(--uv,#7a68ff);--sk-sans:"IBM Plex Sans",system-ui,sans-serif;--sk-head:"Syne Variable","IBM Plex Sans",sans-serif;--sk-serif:Newsreader,Georgia,serif;--sk-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--sk-top:var(--nav-h,63px)}

/* ---------- global: focus, anchors, perf ---------- */
:where([data-skin]) :focus-visible{outline:2px solid var(--sk-acc);outline-offset:2px}
[data-skin] .sk-anchor{scroll-margin-top:calc(var(--sk-top) + 64px)}
[data-skin] .sk-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-skin] #culture,[data-skin] #social,[data-skin] #faq,[data-skin] ol.index.catalogue,[data-skin] #guide,[data-skin] #wall-of-sound,[data-skin] #residencies{content-visibility:auto;contain-intrinsic-size:auto 900px}
:where([data-skin]) .set-media img{aspect-ratio:4/3;object-fit:cover}
:where([data-skin]) .feed-media img{height:auto;max-width:100%}
[data-skin].sk-lock,[data-skin].sk-lock body{overflow:hidden}

/* ---------- header: one-row section nav on desktop ---------- */
@media (min-width:1100px){[data-skin] #site-nav{min-width:0;flex:0 1 auto}[data-skin] #site-nav ol{flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none;gap:5.6px 16px}[data-skin] #site-nav ol::-webkit-scrollbar{display:none}}
@media (min-width:1100px) and (max-width:1699px){[data-skin] #site-nav ol a span{display:none}}
@media (min-width:1100px) and (max-width:1279px){[data-skin] #site-nav ol{gap:5.6px 10px}[data-skin] #site-nav ol a{letter-spacing:.04em}}
@media (min-width:1700px){[data-skin] #site-nav ol{gap:5.6px 22px}}

/* ---------- shared chip / control language ---------- */
[data-skin] .sk-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--sk-line);border-radius:0;background:transparent;color:var(--sk-ink);font:500 12px/1 var(--sk-sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
[data-skin] .sk-chip:hover{border-color:var(--sk-soft)}
[data-skin] .sk-chip[aria-pressed="true"]{background:var(--sk-ink);border-color:var(--sk-ink);color:var(--sk-bg)}
[data-skin] .sk-chip[disabled]{color:var(--sk-soft);cursor:default;border-style:dashed}
[data-skin] .sk-chip .sk-n{font:400 11px/1 var(--sk-mono);opacity:.72;letter-spacing:0}
[data-skin] .sk-status{margin:0;font:400 12px/1.4 var(--sk-mono);color:var(--sk-soft)}

/* ---------- header search trigger ---------- */
[data-skin] .sk-kbtn{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 12px;margin-left:auto;margin-right:8px;border:1px solid var(--sk-line);background:transparent;color:var(--sk-ink);font:500 12px/1 var(--sk-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;flex:none}
[data-skin] .sk-kbtn:hover{border-color:var(--sk-acc)}
[data-skin] .sk-kbtn i{position:relative;display:block;width:11px;height:11px;border:1.5px solid currentColor;border-radius:50%;flex:none}
[data-skin] .sk-kbtn i::after{content:"";position:absolute;left:9px;top:9px;width:6px;height:1.5px;background:currentColor;transform:rotate(45deg);transform-origin:0 50%}
[data-skin] .sk-kbtn kbd{font:400 11px/1 var(--sk-mono);color:var(--sk-soft);border:1px solid var(--sk-line);padding:3px 5px;letter-spacing:0}
@media (max-width:1099px){[data-skin] .sk-kbtn span,[data-skin] .sk-kbtn kbd{display:none}[data-skin] .sk-kbtn{padding:0;justify-content:center;border-radius:50%}}

/* ---------- command palette ---------- */
[data-skin] .sk-pal{position:fixed;inset:0;z-index:10050;display:flex;justify-content:center;align-items:flex-start;padding:min(14vh,120px) 16px 16px;background:rgba(5,4,4,.78);backdrop-filter:blur(6px)}
[data-skin] .sk-pal[hidden]{display:none}
[data-skin] .sk-pal-box{width:min(680px,100%);max-height:min(72vh,640px);display:flex;flex-direction:column;background:var(--sk-deep);border:1px solid var(--sk-line);border-top:2px solid var(--sk-acc);box-shadow:0 30px 80px rgba(0,0,0,.6)}
[data-skin] .sk-pal-top{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 16px;border-bottom:1px solid var(--sk-line)}
[data-skin] .sk-pal-top label{font:600 11px/1 var(--sk-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--sk-acc)}
[data-skin] .sk-pal-in{flex:1;min-width:0;min-height:44px;border:0;background:transparent;color:var(--sk-ink);font:400 17px/1.2 var(--sk-sans);outline:0}
[data-skin] .sk-pal-in::placeholder{color:var(--sk-soft)}
[data-skin] .sk-pal-x{min-width:44px;min-height:44px;border:1px solid var(--sk-line);background:transparent;color:var(--sk-soft);font:400 11px/1 var(--sk-mono);cursor:pointer}
[data-skin] .sk-pal-x:hover{color:var(--sk-ink);border-color:var(--sk-soft)}
[data-skin] .sk-pal-list{list-style:none;margin:0;padding:6px 0 10px;overflow-y:auto;overscroll-behavior:contain}
[data-skin] .sk-pal-g{padding:14px 16px 6px;font:600 10.5px/1 var(--sk-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--sk-soft)}
[data-skin] .sk-pal-o a{display:flex;align-items:baseline;gap:12px;min-height:44px;padding:11px 16px;color:var(--sk-ink);text-decoration:none;border-left:2px solid transparent}
[data-skin] .sk-pal-o b{font:500 15px/1.3 var(--sk-sans);flex:1;min-width:0}
[data-skin] .sk-pal-o em{font:400 11.5px/1.3 var(--sk-mono);font-style:normal;color:var(--sk-soft);white-space:nowrap;max-width:45%;overflow:hidden;text-overflow:ellipsis}
[data-skin] .sk-pal-o[aria-selected="true"] a,[data-skin] .sk-pal-o a:hover{background:var(--sk-surf);border-left-color:var(--sk-acc)}
[data-skin] .sk-pal-none{padding:22px 16px;color:var(--sk-soft);font:400 14px/1.4 var(--sk-sans)}
[data-skin] .sk-pal-foot{display:flex;gap:16px;padding:9px 16px;border-top:1px solid var(--sk-line);font:400 11px/1 var(--sk-mono);color:var(--sk-soft)}
@media (max-width:600px){[data-skin] .sk-pal{padding:8px}[data-skin] .sk-pal-box{max-height:calc(100dvh - 16px)}[data-skin] .sk-pal-foot{display:none}[data-skin] .sk-pal-o em{max-width:38%}}

/* ---------- sticky sub-nav ---------- */
[data-skin] .sk-subnav{position:sticky;top:var(--sk-top);z-index:4;margin:16px 0;background:rgba(11,10,9,.94);backdrop-filter:blur(10px);border-top:1px solid var(--sk-line);border-bottom:1px solid var(--sk-line);min-width:0;max-width:100%}
[data-skin] .sk-subnav ul{display:flex;gap:2px;margin:0;padding:0 4px;list-style:none;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
[data-skin] .sk-subnav ul::-webkit-scrollbar{display:none}
[data-skin] .sk-subnav li{margin:0;padding:0;flex:none}
[data-skin] .sk-subnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;font:600 11.5px/1 var(--sk-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sk-soft);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;background:none}
[data-skin] .sk-subnav a:hover{color:var(--sk-ink)}
[data-skin] .sk-subnav a[aria-current="true"]{color:var(--sk-ink);border-bottom-color:var(--sk-acc)}

/* ---------- hub ---------- */
[data-skin] .sk-hubtools{margin:10px 0 0;border:1px solid var(--sk-line);background:var(--sk-deep)}
[data-skin] .sk-toolrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px}
[data-skin] .sk-toolrow .sk-status{margin-left:auto;padding:0 6px}
[data-skin] .sk-hubtools .sk-chip{font-family:var(--sk-mono);letter-spacing:.04em;font-size:12px}
[data-skin] .sk-view{display:inline-flex}
[data-skin] .sk-view .sk-chip+.sk-chip{border-left:0}
[data-skin] .sk-newbtn:not([disabled]){border-color:var(--sk-acc);color:var(--sk-acc)}
[data-skin] .sk-newbtn[aria-pressed="true"]{background:var(--sk-acc);color:var(--sk-bg)}
[data-skin] .sk-srcs{display:flex;gap:6px;padding:0 8px 8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--sk-line) transparent}
[data-skin] .sk-srcs .sk-chip{flex:none;text-transform:none;letter-spacing:0}
[data-skin] .sk-srcs-l{flex:none;align-self:center;padding:0 6px 0 2px;font:600 10.5px/1 var(--sk-mono);letter-spacing:.16em;color:var(--sk-soft)}
[data-skin] li.tr.sk-off{display:none}
[data-skin] .sk-newonly ol[data-list="news"]>li.tr:not(.sk-new),[data-skin] .sk-newonly ol[data-list="watch"]>li.tr:not(.sk-new),[data-skin] .sk-newonly ol[data-list="listen"]>li.tr:not(.sk-new){display:none}
[data-skin] li.tr.sk-new{box-shadow:inset 2px 0 0 var(--sk-acc)}
[data-skin] .sk-newtag{display:inline-block;margin-left:8px;padding:2px 5px;background:var(--sk-acc);color:var(--sk-bg);font:700 9.5px/1.2 var(--sk-mono);letter-spacing:.1em;text-transform:uppercase;vertical-align:1px}
[data-skin] li.tr>.sk-srcname,[data-skin] li.tr>.sk-x{display:none}
[data-skin] .term-panel.sk-anchor{scroll-margin-top:calc(var(--sk-top) + 56px)}
/* cards view */
[data-skin] .sk-cards ol[data-list="news"],[data-skin] .sk-cards ol[data-list="watch"],[data-skin] .sk-cards ol[data-list="listen"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px;padding:8px;max-height:none}
[data-skin] .sk-cards ol[data-list="news"]>li.tr,[data-skin] .sk-cards ol[data-list="watch"]>li.tr,[data-skin] .sk-cards ol[data-list="listen"]>li.tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"code src time" "title title title" "x x x";align-items:baseline;align-content:start;gap:8px 8px;margin:0;padding:14px;border:1px solid var(--sk-line);background:var(--sk-surf);min-width:0}
[data-skin] .sk-cards ol[data-list]>li.tr:has(>img){grid-template-columns:88px auto minmax(0,1fr) auto;grid-template-areas:"img code src time" "img title title title" "x x x x";column-gap:10px}
[data-skin] .sk-cards ol[data-list]>li.tr:has(>img)>img{grid-area:img;width:88px;height:66px;object-fit:cover;align-self:start}
[data-skin] .sk-cards ol[data-list]>li.tr[hidden],[data-skin] .sk-cards ol[data-list]>li.tr.sk-off{display:none}
[data-skin] .sk-cards ol[data-list]>li.tr>b.tc{grid-area:code;width:auto;min-width:0}
[data-skin] .sk-cards ol[data-list]>li.tr>.sk-srcname{display:block;grid-area:src;min-width:0;font:400 11.5px/1.2 var(--sk-mono);color:var(--sk-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-skin] .sk-cards ol[data-list]>li.tr>time{grid-area:time;width:auto;min-width:0;text-align:right}
[data-skin] .sk-cards ol[data-list]>li.tr>a{grid-area:title;min-width:0;font:600 15px/1.3 var(--sk-sans);padding:0;overflow-wrap:anywhere}
[data-skin] .sk-cards ol[data-list]>li.tr>.sk-x{display:-webkit-box;grid-area:x;margin:0;font:400 13px/1.45 var(--sk-sans);color:var(--sk-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
/* agenda in the gigs panel */
[data-skin] ol.term-gigs>li.sk-month{display:block;padding:10px 8px 4px;font:600 10.5px/1 var(--sk-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sk-soft);border-bottom:1px solid var(--sk-line);background:none}
[data-skin] ol.term-gigs>li.sk-past{opacity:.6}
@media (pointer:coarse){[data-skin] main:not(.sk-cards) ol.term-list>li.tr>a{padding-top:9px;padding-bottom:9px}[data-skin] main:not(.sk-cards) ol.term-list>li.tr>time,[data-skin] main:not(.sk-cards) ol.term-list>li.tr>b.tc{padding-top:9px}[data-skin] .sk-cards ol[data-list]>li.tr>a{padding:6px 0}[data-skin] .term-rss,[data-skin] .term-links a,[data-skin] .term-foot a{display:inline-flex;align-items:center;min-height:44px}[data-skin] ol.term-mini a,[data-skin] ol.term-trend a{display:inline-block;padding:11px 0}}
@media (max-width:767px){[data-skin] .sk-toolrow .sk-status{margin-left:0;flex-basis:100%}[data-skin] .sk-hubtools .sk-chip{padding:0 11px}}

/* ---------- booking agenda ---------- */
[data-skin] .sk-agenda{margin:48px 0;min-width:0}
[data-skin] .sk-agenda h2{margin:0 0 8px}
[data-skin] .sk-agenda-n{font:400 .4em/1 var(--sk-mono);color:var(--sk-acc);vertical-align:super;letter-spacing:0;margin-left:.4em}
[data-skin] .sk-agenda table,[data-skin] .sk-agenda tbody,[data-skin] .sk-agenda thead{display:block;width:100%}
[data-skin] .sk-agenda table{margin-top:18px;font:400 15px/1.35 var(--sk-sans);border-collapse:collapse}
[data-skin] .sk-agenda thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
[data-skin] .sk-agenda tr{display:grid;grid-template-columns:7.2em minmax(0,1fr) auto;grid-template-areas:"d e a" "d t a";column-gap:16px;row-gap:2px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--sk-line)}
[data-skin] .sk-agenda tr.sk-monrow{display:block;padding:0;border-bottom:1px solid var(--sk-ink)}
[data-skin] .sk-agenda th.sk-mon{display:block;padding:28px 0 9px;text-align:left;font:700 12.5px/1 var(--sk-head);letter-spacing:.18em;text-transform:uppercase;color:var(--sk-acc)}
[data-skin] .sk-agenda td{display:block;padding:0;border:0;min-width:0}
[data-skin] .sk-agenda td.sk-d{grid-area:d;white-space:nowrap;font:500 14px/1.35 var(--sk-mono);color:var(--sk-ink)}
[data-skin] .sk-agenda td.sk-d span:first-child{color:var(--sk-soft)}
[data-skin] .sk-agenda td.sk-e{grid-area:e;font:600 16px/1.3 var(--sk-sans)}
[data-skin] .sk-agenda td.sk-t{grid-area:t;color:var(--sk-soft);font-size:13px}
[data-skin] .sk-agenda td.sk-t a{color:inherit;text-underline-offset:3px;display:inline-block;padding:13px 0;margin:-13px 0}
[data-skin] .sk-agenda td.sk-a{grid-area:a;align-self:center;white-space:nowrap}
[data-skin] .sk-agenda td.sk-a a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--sk-line);color:var(--sk-ink);font:600 11.5px/1 var(--sk-sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:border-color .15s,color .15s}
[data-skin] .sk-agenda td.sk-a a:hover{border-color:var(--sk-acc);color:var(--sk-acc)}
[data-skin] .sk-agenda tr.sk-next{box-shadow:inset 3px 0 0 var(--sk-acc);padding-left:12px}
[data-skin] .sk-nexttag,[data-skin] .sk-pasttag{display:inline-block;margin-left:8px;padding:2px 6px;font:700 9.5px/1.3 var(--sk-mono);letter-spacing:.1em;text-transform:uppercase;vertical-align:1px}
[data-skin] .sk-agenda td.sk-d .sk-nexttag{display:table;margin:5px 0 0}
[data-skin] .sk-nexttag{background:var(--sk-acc);color:var(--sk-bg)}
[data-skin] .sk-pasttag{border:1px solid var(--sk-line);color:var(--sk-soft)}
[data-skin] .sk-agenda details,[data-skin] details.sk-pastdates{margin-top:22px;border-top:1px solid var(--sk-line)}
[data-skin] .sk-agenda summary,[data-skin] details.sk-pastdates summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font:600 11.5px/1 var(--sk-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sk-soft)}
[data-skin] .sk-agenda details table{margin-top:0}
[data-skin] .sk-agenda details td.sk-d,[data-skin] .sk-agenda details td.sk-e{color:var(--sk-soft)}
[data-skin] .sk-pastlist{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0 16px}
[data-skin] .sk-pastlist .date-card{opacity:.62;flex:1 1 220px;max-width:320px}
[data-skin] .dates-layer li.sk-past{opacity:.6}
[data-skin] .ticker-track .sk-past{display:none}
@media (max-width:520px){[data-skin] .sk-agenda tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"d a" "e a" "t a";column-gap:12px}[data-skin] .sk-agenda td.sk-d{font-size:13px}[data-skin] .sk-agenda td.sk-d .sk-nexttag{display:inline-block;margin:0 0 0 8px}}

/* ---------- music index ---------- */
[data-skin] .sk-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:18px 0 6px}
[data-skin] .sk-filter .sk-status{flex-basis:100%;padding-top:6px}
[data-skin] ol.index>li.sk-off{display:none}
[data-skin] .sk-clear{min-height:44px;padding:0 4px;border:0;background:none;color:var(--sk-acc);font:500 13px/1 var(--sk-sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
[data-skin] .sk-clear[hidden]{display:none}
/* ---------- vinyl ---------- */
[data-skin] .sk-sort{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--sk-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sk-soft)}
[data-skin] .sk-sort select{min-height:44px;padding:0 30px 0 12px;border:1px solid var(--sk-line);border-radius:0;background-color:var(--sk-bg);color:var(--sk-ink);font:500 13px/1 var(--sk-sans);letter-spacing:0;text-transform:none;max-width:100%}
[data-skin] .sk-vcount{margin:10px 0 0;flex-basis:100%}

/* ---------- home: paths ---------- */
[data-skin] .sk-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:40px auto;padding:0 clamp(16px,4vw,48px);max-width:1400px;position:relative;z-index:1}
[data-skin] .sk-path{display:flex;flex-direction:column;gap:10px;min-height:168px;padding:22px 22px 20px;border:1px solid var(--sk-line);border-left-width:0;background:rgba(11,10,9,.82);color:var(--sk-ink);text-decoration:none;transition:background-color .18s,border-color .18s}
[data-skin] .sk-path:first-child{border-left-width:1px}
[data-skin] .sk-path:hover{background:var(--sk-surf)}
[data-skin] .sk-path-k{display:flex;justify-content:space-between;font:600 11px/1 var(--sk-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--sk-acc)}
[data-skin] .sk-path-k i{font-style:normal;color:var(--sk-soft);transition:transform .18s,color .18s}
[data-skin] .sk-path:hover .sk-path-k i{transform:translateX(4px);color:var(--sk-acc)}
[data-skin] .sk-path-t{font:700 clamp(22px,2.4vw,32px)/1.05 var(--sk-head);letter-spacing:-.03em}
[data-skin] .sk-path-s{margin-top:auto;font:400 13px/1.45 var(--sk-sans);color:var(--sk-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-skin] .sk-path-s b{font:600 10.5px/1 var(--sk-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sk-ink);margin-right:6px}
@media (max-width:820px){[data-skin] .sk-paths{grid-template-columns:1fr;margin:28px auto}[data-skin] .sk-path{min-height:0;border-left-width:1px;border-top-width:0}[data-skin] .sk-path:first-child{border-top-width:1px}}

@media (prefers-reduced-motion:reduce){[data-skin] .sk-chip,[data-skin] .sk-path,[data-skin] .sk-path-k i{transition:none}[data-skin] .sk-pal{backdrop-filter:none}}
@media print{[data-skin] .sk-subnav,[data-skin] .sk-kbtn,[data-skin] .sk-pal,[data-skin] .sk-hubtools{display:none}}

/* geo link 2026-11-14 */.ff-geo{text-align:center;margin:0;padding:14px 16px 28px;font-size:14px}.ff-geo a{color:inherit;opacity:.85;text-decoration:underline;text-underline-offset:3px}.ff-geo a:hover{opacity:1}