.das-ss{--das-ss-chrome:170px;width:100%;max-width:min(1120px, calc((100vh - var(--das-ss-chrome)) * 1485 / 892));max-width:min(1120px, calc((100svh - var(--das-ss-chrome)) * 1485 / 892));margin-inline:auto}.das-ss__title{margin:0 0 16px;font-size:20px;font-weight:700;line-height:28px}.das-ss__frame{aspect-ratio:1485/892;border-radius:var(--das-radius);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;background:#2b3024;position:relative;overflow:hidden}.das-ss__frame:active{cursor:grabbing}.das-ss__slide,.das-ss__slide img{width:100%;height:100%;display:block;position:absolute;inset:0}.das-ss__slide img{object-fit:cover}.das-ss__year{z-index:100000;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #00000073,0 4px 24px #00000059;pointer-events:none;margin:0;font-size:clamp(32px,7.4vw,84px);font-weight:800;line-height:1;position:absolute;top:clamp(10px,2.2vw,22px);left:clamp(12px,2.6vw,28px)}.das-ss__controls{align-items:center;gap:20px;margin-top:14px;display:flex}.das-ss__buttons{flex:none;gap:8px;display:flex}.das-ss__play{background:var(--das-ink);border-color:var(--das-ink);color:#fff}.das-ss__play:hover{background:var(--das-accent);border-color:var(--das-accent)}.das-ss__ruler{cursor:pointer;touch-action:none;border-radius:4px;flex:1;height:44px;position:relative}.das-ss__track{border-bottom:1px solid var(--das-line);height:14px;position:absolute;top:12px;left:6px;right:6px}.das-ss__tick{background:var(--das-muted);width:2px;height:8px;margin-left:-1px;transition:height .2s,background-color .2s;position:absolute;bottom:0}.das-ss__tick.is-past{background:var(--das-ink)}.das-ss__tick.is-active{background:var(--das-accent);width:3px;height:18px;margin-left:-1.5px}.das-ss__rulerlabels{color:var(--das-muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:14px;position:absolute;top:30px;left:6px;right:6px}.das-ss__rulerlabels span{white-space:nowrap;position:absolute}.das-ss__rulerlabels span:last-child{transform:translate(-100%)}.das-ss__caption{color:var(--das-ink-soft);margin:12px 0 0;font-size:12px;line-height:16px}.das-ss__credit{color:var(--das-muted)}@media (width<=480px){.das-ss__controls{gap:12px}.das-ss__buttons{gap:4px}}@media (prefers-reduced-motion:reduce){.das-ss__tick{transition:none}}
