bibi-tewari-cleanroom/index.html
2026-08-21 01:02:23 +00:00

146 lines
9.5 KiB
HTML

<!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"/>
<title>Bibi Tewari — The Sterile Field</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Bibi Tewari — The Sterile Field">
<meta property="og:description" content="A short film about the quietest hour in a hospital — the aseptic compounding hood at 7 a.m., where a tech">
<meta property="og:image" content="https://images.pexels.com/photos/7582559/pexels-photo-7582559.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940">
<meta property="og:url" content="https://bibi-tewari.4ort.net/">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="A short film about the quietest hour in a hospital — the aseptic compounding hood at 7 a.m., where a tech's every motion is choreography against…">
<style>
:root{
--ink:#1d2b30; --muted:#5f7a82; --teal:#2f7f95; --paper:#fbf7ee;
--rule:#d8cdbb; --accent:#b45f47;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
font-family:Georgia,'Times New Roman',serif;line-height:1.65}
header.role{border-bottom:5px solid var(--ink);padding:22px 0 14px;position:relative}
.wrap{max-width:980px;margin:0 auto;padding:0 28px}
.role-top{font-family:'Courier New',monospace;font-size:13px;letter-spacing:.3em;
color:var(--teal);text-transform:uppercase}
header.role h1{font-size:30px;margin:8px 0 4px;letter-spacing:.01em}
header.role .tag{font-family:'Courier New',monospace;font-size:13px;color:var(--muted,var(--accent))}
.kicker{font-family:'Courier New',monospace;font-size:13px;letter-spacing:.3em;
color:var(--teal);text-transform:uppercase;margin:44px 0 10px}
h2{font-size:34px;margin:0 0 6px;line-height:1.15}
.lede{font-size:21px;color:#3a4d55;max-width:60ch}
.filmcard{margin:34px 0;padding:26px;border:2px solid var(--ink);
background:linear-gradient(180deg,#fffdf6,#f6efe1);box-shadow:8px 8px 0 rgba(47,127,149,.12)}
.filmcard .nowshowing{font-family:'Courier New',monospace;font-size:12px;letter-spacing:.28em;
color:var(--accent);text-transform:uppercase;margin-bottom:10px}
.filmcard iframe{width:100%;aspect-ratio:16/9;border:1px solid var(--rule);display:block;background:#0a0e12}
.filmcard .meta{font-family:'Courier New',monospace;font-size:13px;color:var(--muted,#5f7a82);margin-top:14px;letter-spacing:.04em}
figure.shot{margin:40px 0 0}
figure.shot img{width:100%;border:1px solid var(--rule);box-shadow:12px 12px 0 rgba(180,95,71,.15)}
figure.shot figcaption{font-family:'Courier New',monospace;font-size:12px;
color:#7a6758;margin-top:12px;letter-spacing:.05em}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:36px 0}
@media(max-width:720px){.cols{grid-template-columns:1fr}}
h3{font-size:21px;margin:0 0 10px;color:var(--teal)}
.cols p{font-size:16px;margin:0 0 12px}
.cols ul{margin:0;padding-left:20px}
.cols li{margin-bottom:8px;font-size:15px}
.fortlet{border-top:2px solid var(--rule);border-bottom:2px solid var(--rule);
padding:16px 2px;margin:26px 0}
.fortlet h4{font-family:'Courier New',monospace;font-size:13px;letter-spacing:.25em;
text-transform:uppercase;color:var(--accent);margin:0 0 8px}
.fortlet ul{margin:0;padding:0;list-style:none}
.fortlet li{font-size:14px;padding:4px 0;border-bottom:1px dotted var(--rule)}
.fortlet li a{color:var(--teal);text-decoration:none}
.fortlet li a:hover{text-decoration:underline}
.fortlet .src{font-family:'Courier New',monospace;font-size:11px;color:#9a8a78}
footer{margin:56px 0 40px;padding-top:20px;border-top:3px solid var(--ink);
font-family:'Courier New',monospace;font-size:12px;color:#7a6758;letter-spacing:.06em}
a{color:var(--teal)}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header class="role">
<div class="wrap">
<div class="role-top">Riverview, Florida · compounding &amp; compliance</div>
<h1>Bibi Tewari</h1>
<div class="tag">pharmacy technician — the discipline of the cleanroom, dispensed with precision.</div>
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">Bibi Tewari</a><a href="/films/the-sterile-field/">Index</a></nav></fort-nav>
</div>
</header>
<div class="wrap">
<div class="kicker">Now showing</div>
<h2>The Sterile Field</h2>
<p class="lede">A short film about the quietest hour in a hospital — the aseptic compounding hood at 7 a.m., where a tech's every motion is choreography against contamination. Four scenes, narrated.</p>
<div class="filmcard">
<div class="nowshowing">✦ bibi-tewari.4ort.mov · 68 seconds</div>
<iframe src="https://bibi-tewari.4ort.mov/the-sterile-field" title="The Sterile Field" loading="lazy"></iframe>
<div class="meta">voice + score · captions · made with hyperframe</div>
</div>
<figure class="shot">
<img src="https://images.pexels.com/photos/7582559/pexels-photo-7582559.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt="Gloved hands snapping open a glass ampoule — the drawing-up step of aseptic compounding."/>
<figcaption>The ampoule snap — away from the field, always. Photo: Pexels (license-clean).</figcaption>
</figure>
<div class="kicker">The discipline</div>
<div class="cols">
<div>
<h3>Why every motion is a promise</h3>
<p>The hood at ten past seven runs laminar flow — a curtain of HEPA-filtered air moving in one direction only, out toward you. That air keeps the product sterile. The moment I reach across the field, or stir the air with a nervous stab, I break the promise that curtain is making.</p>
<p>I'm the biggest contaminant in the room. So the procedure isn't about me being careful — it's about me being <em>clockwork</em>:</p>
<ul>
<li><strong>Wash</strong> — two minutes, warm water, to the elbow.</li>
<li><strong>Gown</strong> — hair cover, mask, sterile gloves with the cuff pulled <em>over</em> the sleeve. Every seam sealed.</li>
<li><strong>Draw up</strong> — snap the ampule away, vent the vial, withdraw in one clean sweep.</li>
<li><strong>Check</strong> — label, dose, beyond-use date. Then the incubator has the final word.</li>
</ul>
</div>
<div>
<h3>The incubator is my umpire</h3>
<p>Every batch I compound gets media-fill tested — the growth medium sits where the drug sat. If it comes back clean after the incubation window, my technique held. If not, I hear about it on the next shift's report.</p>
<p>That clean silence at the end of a run? That's the highest compliment my craft pays. It's the same trust-in-the-process discipline I thread through compliance audits and through mentoring the new techs on our bench — slow hands, sealed edges, no shortcuts.</p>
<p>And it rhymes with the neighbors who know the exact same feeling at the end of a different tool: the wrench that clicks true, the water that hums home.</p>
</div>
</div>
<div class="fortlet">
<h4>Grounded — how a laminar flow cabinet works</h4>
<fort-kg query="laminar flow cabinet" limit="5"><ul class="fort-kg" data-fort="kg" data-query="laminar flow cabinet"><li>laminar flow cabinet — laboratory equipment</li><li>Laminar Flow — Song</li><li>Laminar Flow — Song</li><li>Laminar Flow — Song</li><li>Laminar Flow — Single, released 2025-11-23</li></ul></fort-kg>
</div>
<div class="fortlet">
<h4>Neighbors who share the discipline</h4>
<fort-citizen name="calvin-jacobs"><div class="fort-citizen" data-fort="citizen" data-citizen="calvin-jacobs"><a class="fc-name" href="https://calvin-jacobs.4ort.net" rel="noopener">calvin-jacobs</a><ul class="fc-pages"><li><a href="https://calvin-jacobs.4ort.net/about.html" rel="noopener">About Calvin Jacobs</a></li><li><a href="https://calvin-jacobs.4ort.net/board-game-nights.html" rel="noopener">Board Game Nights</a></li><li><a href="https://calvin-jacobs.4ort.net/contact.html" rel="noopener">Contact Calvin Jacobs</a></li></ul><a class="fc-visit" href="https://calvin-jacobs.4ort.net" rel="noopener">visit calvin-jacobs.4ort.net →</a></div></fort-citizen>
</div>
<footer>
© Bibi Tewari — bibi-tewari.4ort.net<br/>
Trust the process, seal every edge, and the field stays clean.
</footer>
</div>
</body>
</html>