https://diegoserranoiturri.com diegoserranoiturri Mon, 01 Dec 2025 22:28:44 +0000 https://diegoserranoiturri.com en https://diegoserranoiturri.com/Reel Mon, 01 Dec 2025 22:28:44 +0000 diegoserranoiturri https://diegoserranoiturri.com/Reel <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5b9f35e0295c47268fa1b1d3b9765312397bbcdc6c9212620907ecf08949d1f1/diegoserrano.001.png" data-mid="241292957" border="0" src="https://freight.cargo.site/w/1000/i/5b9f35e0295c47268fa1b1d3b9765312397bbcdc6c9212620907ecf08949d1f1/diegoserrano.001.png" /> &nbsp; FILM DIRECTOR. ︎ ︎ diegoaserrano@cholofilm.com .icon-link { position: relative; display: inline-block; text-decoration: none; color: #000; } .tooltip-text { visibility: hidden; opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -120%); background: #fff; color: #000; border: 1px solid #ccc; padding: 4px 8px; border-radius: 4px; white-space: nowrap; font-size: 14px; transition: opacity 0.3s; z-index: 10; box-shadow: 0 2px 6px rgba(0,0,0,0.2); } .icon-link:hover .tooltip-text { visibility: visible; opacity: 1; } body { margin:0; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; } .header { display:flex; justify-content:center; align-items:center; padding:20px 40px; background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; z-index:1000; box-sizing:border-box; gap:20px; } .menu { display:flex; gap:30px; justify-content:center; flex-wrap: wrap; /* allows stacking on smaller screens */ } .menu span { cursor:pointer; } .menu a { text-decoration: none; color: #000; } /* Big responsive Vimeo video */ .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; max-width: 1200px; margin: 40px auto; /* center the video */ border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media(max-width:820px){ .menu { flex-direction: column; /* stack menu items */ align-items: center; gap: 10px; } } Reel. Documentary-Branded Content. Music Videos. About.