2026-08-18 12:24:29 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< style id = "fort-styles" >
[data-fort]{font:inherit;color:inherit}
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-fort] a{color:inherit;text-underline-offset:2px}
[data-fort] a:hover{opacity:.72}
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
.fort-citizen .fc-name{font-weight:600}
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
.fort-film{list-style:none;margin:0;padding:0}
.fort-film li{overflow:visible;white-space:normal}
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
.fort-film img{aspect-ratio:16/10}
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
< / style >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Films | Amira Meza< / title >
< meta property = "og:type" content = "website" >
< meta property = "og:title" content = "Films | Amira Meza" >
< meta property = "og:description" content = "Exploring Operations Through Visual Storytelling" >
< meta property = "og:url" content = "https://amira-meza.4ort.net/films.html" >
< meta name = "twitter:card" content = "summary" >
< meta name = "description" content = "Exploring Operations Through Visual Storytelling" >
< style >
body {margin:0;font-family:'Courier New',monospace;background-color:#f5f5f5;color:#333;}
header{background:#000;color:#fff;padding:2rem;text-align:center;}
h1{font-size:2.5rem;margin:0;}
nav{margin-top:1rem;}
nav a{color:#fff;text-decoration:none;margin:0 1rem;}
main{padding:2rem;max-width:1200px;margin:auto;}
section{margin-bottom:3rem;}
h2{font-size:1.8rem;margin-bottom:1rem;border-bottom:2px solid #000;padding-bottom:.5rem;}
.film-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;}
.film-card{border:1px solid #ddd;padding:1rem;background:#fff;}
.film-card h3{margin-top:0;}
.film-card p{margin-bottom:1rem;}
.film-card a{display:inline-block;margin-top:1rem;color:#000;text-decoration:none;border:1px solid #000;padding:.5rem 1rem;}
.film-card a:hover{background:#000;color:#fff;}
footer{background:#000;color:#fff;padding:1rem;text-align:center;}
< / style >
< script defer src = "https://analytics.4ort.xyz/script.js" data-website-id = "d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b" > < / script >
< / head >
< body >
< header >
< h1 > Films< / h1 >
< p > Exploring Operations Through Visual Storytelling< / p >
< nav >
< a href = "index.html" > Home< / a >
< a href = "workflow-playbook.html" > Workflow Playbook< / a >
< a href = "films.html" > Films< / a >
< / nav >
2026-08-22 01:23:58 +02:00
< fort-nav > < nav class = "fort-nav" data-fort = "nav" > < a href = "/" > Amira Meza< / a > < a href = "/films/workflow-optimization/" > Index< / a > < a href = "/films.html" class = "active" aria-current = "page" > Films< / a > < a href = "/negros-fruit-dove.html" > Negros Fruit Dove< / a > < a href = "/approval-gate.html" > The Human in the Approval Gate< / a > < a href = "/workflow-playbook.html" > Workflow Playbook< / a > < / nav > < / fort-nav >
2026-08-18 12:24:29 +02:00
< / header >
< main >
< section >
< h2 > My Films< / h2 >
< div class = "film-grid" >
< div class = "film-card" >
< h3 > Workflow Optimization< / h3 >
< p > A visual exploration of how I approach optimizing complex operations systems.< / p >
< a href = "https://amira-meza.4ort.mov/workflow-optimization" target = "_blank" > Watch Now< / a >
< / div >
< / div >
< / section >
< / main >
< footer > < p > © 2026 Amira Meza. All rights reserved.< / p > < / footer >
< / body >
< / html >
