/* studio.INTERVAL — Landing-Vorschläge A/B/C (shared) */
.lv-switch[hidden]{display:none!important}
.lv-switch{position:fixed;left:16px;bottom:16px;z-index:80;display:flex;gap:4px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:5px 6px 5px 11px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line)}
.lv-switch span{color:var(--grey);margin-right:6px}
.lv-switch a{padding:4px 9px;color:var(--ink-2);border:1px solid transparent}
.lv-switch a:hover{color:var(--accent)}
.lv-switch a.on{border-color:var(--ink);color:var(--ink)}
body.v2 a:hover{color:var(--accent)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== A · Streuung (proportional collage) ===== */
.la{position:relative;width:100%;overflow:hidden;--u:1vw}
.la-stage{position:relative;width:100%}
.la-i{position:absolute;display:block;will-change:transform}
.la-i img{width:100%;height:100%;object-fit:cover;display:block;background:#f4f3f0;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.la-i .fr{overflow:hidden;width:100%}
.la-i:hover img{transform:scale(1.035)}
.la-cap{display:flex;justify-content:space-between;gap:1em;margin-top:.6em;font-family:var(--mono);font-size:max(11px,.72vw);letter-spacing:.03em;color:var(--grey);opacity:0;transition:opacity .3s}
.la-cap b{font-family:var(--font);font-weight:500;color:var(--ink);font-size:max(13px,.9vw);letter-spacing:-.01em}
.la-i:hover .la-cap{opacity:1}
.la-i:hover .la-cap b{color:var(--accent)}
.la-wm{font-size:calc(var(--u)*6.4);font-weight:500;letter-spacing:-.045em;line-height:.9;margin:0}
.la-txt{font-size:max(17px,calc(var(--u)*1.55));line-height:1.2;letter-spacing:-.02em;margin:0;text-wrap:balance;mix-blend-mode:difference;color:#fff}
.la-txt b{font-weight:500}
body.v2 .la-rub{font-size:max(20px,calc(var(--u)*2.3));font-weight:500;letter-spacing:-.03em;mix-blend-mode:difference;color:#fff;z-index:4}
body.v2 .la-rub:hover{mix-blend-mode:normal;color:var(--accent)}
.la-meta{font-family:var(--mono);font-size:max(11px,calc(var(--u)*.75));letter-spacing:.05em;line-height:1.7;color:#fff;mix-blend-mode:difference}
.la-grid{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:repeat(12,1fr);gap:0;padding-inline:calc(var(--u)*3.5)}
.la-grid i{border-left:1px solid rgba(0,0,0,.035)}
@media(max-width:760px){.la{--u:2.2vw}.la-wm{font-size:13vw}}

/* ===== B · Index (typographic list) ===== */
.lb{padding:clamp(100px,11vw,220px) var(--margin) 0;max-width:none}
.lb-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:end;margin-bottom:clamp(50px,7vw,150px)}
.lb-st{grid-column:1/span 8;font-size:clamp(28px,3.6vw,84px);line-height:1.02;letter-spacing:-.035em;font-weight:400;margin:0;text-wrap:balance}
.lb-st b{font-weight:500}
.lb-meta{grid-column:10/span 3;font-family:var(--mono);font-size:clamp(11px,.7vw,15px);letter-spacing:.04em;color:var(--grey);line-height:1.7}
.lb-meta b{color:var(--ink);font-weight:500}
.lb-bar{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:12px;font-family:var(--mono);font-size:clamp(11px,.7vw,15px);letter-spacing:.04em}
.lb-f{display:flex;flex-wrap:wrap;gap:6px 16px}
.lb-f button{font:inherit;background:none;border:0;padding:0;color:var(--grey);cursor:pointer}
.lb-f button.on{color:var(--ink)}
.lb-f button.on::before{content:"● ";color:var(--accent);font-size:.8em}
.lb-f button:hover{color:var(--accent)}
.lb-cnt{color:var(--grey)}
.lb-list{list-style:none;margin:0;padding:0}
.lb-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:baseline;border-bottom:1px solid var(--line);padding:clamp(10px,.9vw,20px) 0;transition:color .15s,opacity .3s}
.lb-row .no,.lb-row .ty,.lb-row .ort,.lb-row .jr{font-family:var(--mono);font-size:clamp(11px,.72vw,15px);letter-spacing:.04em;color:var(--grey)}
.lb-row .no{grid-column:1/span 1}
.lb-row .t{grid-column:2/span 5;font-size:clamp(22px,2.3vw,52px);letter-spacing:-.03em;font-weight:500;line-height:1.05}
.lb-row .ty{grid-column:8/span 2}
.lb-row .ort{grid-column:10/span 2}
.lb-row .jr{grid-column:12/span 1;text-align:right}
.lb-row:hover .t,.lb-row:hover .no{color:var(--accent)}
.lb-list:hover .lb-row:not(:hover){opacity:.35}
.lb-row.off{display:none}
.lb-prev{position:fixed;top:0;left:0;width:clamp(260px,28vw,720px);pointer-events:none;z-index:30;opacity:0;transition:opacity .25s;will-change:transform}
.lb-prev.on{opacity:1}
.lb-prev img{width:100%;height:auto;display:block}
.lb-rubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap);margin:clamp(80px,10vw,200px) 0 0;border-top:1px solid var(--ink)}
.lb-rubs a{padding:14px 0 60px;font-size:clamp(20px,1.8vw,40px);letter-spacing:-.03em;font-weight:500;display:flex;flex-direction:column;gap:8px}
.lb-rubs a small{font-family:var(--mono);font-size:clamp(11px,.7vw,14px);letter-spacing:.04em;color:var(--grey);font-weight:400}
@media(max-width:760px){.lb-st,.lb-meta{grid-column:1/-1}.lb-row .t{grid-column:2/-1}.lb-row .ty,.lb-row .ort{display:none}.lb-row .jr{grid-column:1/span 1;text-align:left;grid-row:2}.lb-prev{display:none}}

/* ===== C · Drift (self-moving columns) ===== */
body.lc-body{overflow:hidden;height:100svh}
.lc{position:fixed;inset:0;display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));gap:clamp(10px,1.2vw,28px);padding:0 clamp(10px,1.2vw,28px);overflow:hidden}
.lc-col{position:relative;overflow:hidden}
.lc-track{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,28px);animation:lcUp var(--dur,60s) linear infinite;animation-direction:var(--dir,normal)}
.lc-col:hover .lc-track{animation-play-state:paused}
.lc-track a{display:block;position:relative}
.lc-track img{width:100%;height:auto;display:block;background:#f4f3f0;transition:filter .4s}
.lc:hover .lc-track a:not(:hover) img{filter:grayscale(1) contrast(.9) brightness(1.08)}
@keyframes lcUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.lc-veil{position:fixed;inset:0;pointer-events:none;z-index:10;display:grid;place-items:center;mix-blend-mode:difference;color:#fff}
.lc-wm{font-size:clamp(44px,9vw,260px);font-weight:500;letter-spacing:-.05em;line-height:.9;margin:0;text-align:center}
.lc-sub{font-family:var(--mono);font-size:clamp(11px,.8vw,17px);letter-spacing:.06em;text-align:center;margin-top:1.4em}
.lc-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding:14px var(--margin);font-family:var(--mono);font-size:clamp(11px,.72vw,15px);letter-spacing:.04em;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lc-now{color:var(--grey);min-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-now b{color:var(--ink);font-weight:500;font-family:var(--font);font-size:1.15em;letter-spacing:-.01em;margin-right:.6em}
.lc-tempo{display:flex;align-items:center;gap:10px;color:var(--grey)}
.lc-tempo button{font:inherit;background:none;border:1px solid var(--line);padding:3px 9px;cursor:pointer;color:var(--ink-2)}
.lc-tempo button:hover{border-color:var(--ink);color:var(--ink)}
.lc-rubs{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap}
body.lc-paused .lc-track{animation-play-state:paused}
@media(max-width:760px){.lc-bar{grid-template-columns:1fr}.lc-rubs{display:none}}