12<!-- Portrait capsule, 600x900: the library grid tile. -->3<meta charset="utf-8">4<link rel="stylesheet" href="art.css">5<style>6 #art { width: 600px; height: 900px; }7 #art::before { /* a warm haze where the guide meets the wordmark */8 content: ""; position: absolute; inset: 0;9 background: radial-gradient(70% 38% at 62% 74%, rgba(255, 178, 36, .07), transparent 70%);10 }11 .copy { position: absolute; left: 46px; top: 84px; }12 .mark { font-size: 200px; line-height: .92; }13 .tag { font-size: 17px; margin-top: 30px; }14 .guide {15 left: 0; right: 0; top: 530px; bottom: 0;16 -webkit-mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 62%, transparent);17 }18</style>19<div class="art grain" id="art">20 <div class="guide" id="g"></div>21 <div class="copy">22 <div class="mark">Air<br>waves</div>23 <div class="tag">Live TV and guide</div>24 </div>25</div>26<script type="module">27 import { guide, ready } from "./art.js";28 await ready();29 guide(document.getElementById("g"), { u: 1.25, chw: 96, slot: 150, now: 1.45, first: 1, cur: 2, sel: false, seed: 11 });30 document.body.dataset.ready = "1";31</script>