.card.wide{max-width:980px}
.ctitle{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--bitumen)}
.tl{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.tl li{background:var(--bg);padding:18px 14px 16px;cursor:pointer;transition:.25s;position:relative;min-height:150px}
.tl li:hover{background:rgba(111,216,255,.08)}
.tl li b{display:block;font-family:var(--disp);font-weight:900;font-size:1.05rem;color:var(--ink);margin-bottom:10px}
.tl li span{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--licht);margin-bottom:8px}
.tl li em{display:block;font-style:normal;font-size:10px;color:var(--faint);line-height:1.6}
.tl li.ok::after{content:"◆ belichtet";position:absolute;right:10px;bottom:10px;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bitumen)}
.tl li:nth-child(1) b{color:var(--bitumen)}.tl li:nth-child(2) b{color:var(--silber)}.tl li:nth-child(3) b{color:var(--a1)}.tl li:nth-child(4) b{color:var(--licht)}.tl li:nth-child(5) b{color:var(--a3)}
@media(max-width:820px){.tl{grid-template-columns:1fr 1fr}.tl li{min-height:0}}
.mini{font-size:10px!important;letter-spacing:.14em;color:var(--faint)!important;margin-top:16px}
.ctrl{position:fixed;left:50%;bottom:44px;transform:translateX(-50%);z-index:16;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:96vw}
.ctrl label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:rgba(5,5,8,.75);border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.ctrl input[type=range]{width:140px;accent-color:#b98a4b}
.sci{position:fixed;right:14px;top:60px;z-index:25;width:min(380px,92vw);max-height:calc(100vh - 140px);overflow:auto;background:rgba(7,7,11,.95);border:1px solid var(--line);border-top:2px solid var(--bitumen);padding:16px 18px;font-size:12px;line-height:1.65;color:var(--dim)}
.sci h3{font-family:var(--disp);font-size:1rem;color:var(--ink);margin:0 0 10px}
.sci h4{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--licht);margin:14px 0 6px;font-weight:400}
.sci .f{font-family:var(--serif);font-size:1.05rem;color:var(--ink)}
.lab-x3{position:absolute;right:8px;top:6px;background:none;border:0;color:var(--dim);font-size:18px;cursor:pointer}
.meter{position:fixed;left:50%;top:64px;transform:translateX(-50%);z-index:16;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);background:rgba(5,5,8,.7);padding:8px 14px;border:1px solid var(--line)}
.meter i{display:block;width:200px;height:3px;background:var(--line);position:relative}.meter i b{position:absolute;left:0;top:0;bottom:0;background:var(--bitumen);width:0}
.meter em{font-style:normal;color:var(--ink);min-width:60px}
#c2{position:fixed;inset:0;width:100vw;height:100vh;z-index:2;touch-action:none}