Alison Tyler Manuel Ferrara Raw 11 Scene 2 New [new] | EXTENDED – 2024 |

.time-display { font-size: 11px; color: rgba(255,255,255,0.5); font-variant-numeric: tabular-nums; }

* { margin: 0; padding: 0; box-sizing: border-box; }

body { background: var(--bg); color: var(--fg); font-family: 'IBM Plex Mono', monospace; font-weight: 300; overflow-x: hidden; min-height: 100vh; } alison tyler manuel ferrara raw 11 scene 2 new

.scene-thumb { width: 100%; aspect-ratio: 16/9; background: #0d0c0b; position: relative; overflow: hidden; } .scene-thumb img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.7) brightness(0.8); transition: filter 0.4s ease, transform 0.6s ease; } .scene-card:hover .scene-thumb img { filter: saturate(1) brightness(0.9); transform: scale(1.05

/* Volume slider */ .vol-slider { -webkit-appearance: none; width: 60px; height: 3px; background: rgba(255,255,255,0.15); border-radius: 2px; outline: none; cursor: pointer; } .vol-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 10px; height: 10px; border-radius: 50%; background: #fff; cursor: pointer; } .time-display { font-size: 11px

.atmo-noise { position: fixed; inset: 0; z-index: 1; opacity: 0.025; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 128px 128px; }

.player-wrap canvas { width: 100%; height: 100%; display: block; } } * { margin: 0

.ctrl-btn { background: none; border: none; color: rgba(255,255,255,0.8); font-size: 16px; cursor: pointer; padding: 4px; transition: color 0.2s; } .ctrl-btn:hover { color: #fff; }