Alison Tyler Manuel Ferrara Raw 11 Scene 2 New -
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>RAW 11 — Scene 2</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@300;400;500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> <style> :root { --bg: #0a0a0a; --fg: #e8e4df; --muted: #5a5550; --accent: #e8443a; --accent-glow: rgba(232, 68, 58, 0.35); --card: #141210; --card-hover: #1c1a17; --border: #2a2622; --surface: #111010; }
/* Atmospheric background */ .atmo-bg { position: fixed; inset: 0; z-index: 0; background: radial-gradient(ellipse 80% 60% at 20% 10%, rgba(232,68,58,0.06) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(180,40,30,0.04) 0%, transparent 50%), radial-gradient(ellipse 100% 100% at 50% 50%, rgba(10,10,10,1) 0%, rgba(10,10,10,1) 100%); pointer-events: none; } alison tyler manuel ferrara raw 11 scene 2 new
/* Progress bar */ .progress-track { position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: rgba(255,255,255,0.08); z-index: 15; cursor: pointer; transition: height 0.2s ease; } .progress-track:hover { height: 8px; } .progress-fill { height: 100%; background: var(--accent); width: 0%; position: relative; transition: width 0.1s linear; } .progress-fill::after { content: ''; position: absolute; right: -6px; top: 50%; transform: translateY(-50%) scale(0); width: 12px; height: 12px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--accent-glow); transition: transform 0.2s ease; } .progress-track:hover .progress-fill::after { transform: translateY(-50%) scale(1); } meta name="viewport" content="width=device-width
/* Play button overlay */ .play-overlay { position: absolute; inset: 0; z-index: 10; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.4); transition: opacity 0.4s ease, background 0.4s ease; } .play-overlay.hidden { opacity: 0; pointer-events: none; } .play-overlay:hover { background: rgba(0,0,0,0.25); } RAW 11 — Scene 2<
/* Title font */ .font-display { font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.08em; }
/* Custom scrollbar */ ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { background: var(--bg); } ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; } ::-webkit-scrollbar-thumb:hover { background: var(--muted); }
.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; }