.hour{min-height:100svh;display:flex;flex-direction:column;
  padding:clamp(22px,2.4vw,36px) var(--frame) clamp(28px,3vw,44px);background:var(--s1)}
.hour .tile{background:var(--s2)}
.hour-in{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.hour-top{display:flex;align-items:baseline;gap:.42em;margin:0;
  font-family:Unbounded;font-weight:600;letter-spacing:-.03em;
  font-size:clamp(22px,2.6vw,38px);line-height:1.1}
.hour-top i{flex:none;width:.496em;height:.57em;background:var(--red);
  clip-path:polygon(0 0,100% 50%,0 100%);
  animation:on-air 2s cubic-bezier(.45,0,.55,1) infinite}
@keyframes on-air{0%,100%{opacity:1;transform:scale(1)}
  55%{opacity:.26;transform:scale(.86)}}
.hour-mid{display:flex;align-items:center;min-height:0;
  margin:clamp(20px,2.6vw,40px) 0 clamp(12px,1.4vw,20px)}
.hour-block{display:flex;align-items:center;width:100%;flex:none;
  padding-bottom:clamp(24px,2.2vw,32px)}
.hour-block .brk{display:none}
.hour-block canvas{display:block}
.hour-block .dg{position:relative;display:block}
.hour-block .dg i{position:absolute;top:100%;left:0;right:0;margin-top:clamp(8px,.9vw,13px);
  transition:opacity .14s ease;
  font:500 clamp(12px,.95vw,15px)/1.25 Onest,system-ui,sans-serif;font-style:normal;
  color:#6a6a6a;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hour-block .c{flex:none;display:flex;flex-direction:column;justify-content:center;gap:.2em;
  padding-left:.057em;padding-right:.107em}
.hour-block .c i{display:block;width:.17em;height:.17em;border-radius:50%;background:var(--red)}
.hours24{display:flex;align-items:flex-start;gap:clamp(10px,1.2vw,18px);
  margin-top:clamp(6px,.8vw,12px)}
.hours24-line{position:relative;flex:1;min-width:0;height:46px;display:flex;
  align-items:flex-start;cursor:pointer;touch-action:pan-y;
  -webkit-tap-highlight-color:transparent}
.hours24-line:focus{outline:none}
.hours24-line:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:var(--rs)}
.hours24-line b{position:relative;flex:1}
.hours24-line b::after{content:'';position:absolute;left:50%;top:0;
  width:2px;height:11px;margin-left:-1px;background:#3a3a3a;
  transition:height .14s ease,background-color .14s ease}
.hours24-line b.q::after{height:17px;background:#4f4f4f}
.hours24-line b.live::after{height:17px;background:var(--ink)}
.hours24-line b.hov::after{height:21px;background:#8a8a8a}
.hours24-line b.on::after{height:21px;width:3px;margin-left:-1.5px;background:var(--red)}
.hours24-line b i.on{color:var(--red)}
.hours24-line b i.tri{color:var(--s5)}
.hours24-line b i.now{color:#8c8c8c;white-space:nowrap}

.hours24-line b i{position:absolute;top:24px;left:50%;transform:translateX(-50%);
  font:500 12px Onest,system-ui,sans-serif;font-style:normal;color:#5d5d5d;
  font-variant-numeric:tabular-nums}

html.still .stage *,html.still .sheet ~ *{animation-play-state:paused!important}
html.still .hour *{transition:none!important}

.hour-tape{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;
  overflow:hidden}
.hour-grid{margin-top:clamp(16px,2vw,28px)}
.hour-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(10px,1vw,14px)}
.tile{background:var(--s1);border-radius:var(--r);padding:clamp(22px,2.2vw,32px);
  display:flex;flex-direction:column;min-width:0}
.t-text{grid-column:span 4;justify-content:flex-end}
.t-text h2{margin:0;font-family:Unbounded,system-ui,sans-serif;font-weight:600;
  letter-spacing:-.03em;font-size:var(--fs-tile);line-height:1.12}
.t-text p{margin:12px 0 0;color:var(--dim);
  font-size:var(--fs-tile-s);line-height:1.4}
.t-text p b{color:var(--ink);font-weight:500}
.t-say{grid-column:span 4;justify-content:flex-end}
.t-say b{display:block;font-family:Unbounded,system-ui,sans-serif;font-weight:600;
  letter-spacing:-.03em;font-size:var(--fs-tile);line-height:1.12;
  font-variant-numeric:tabular-nums}
.t-say small b{display:inline;font:inherit;font-weight:600;letter-spacing:inherit;color:var(--ink)}
.t-say small{display:block;margin-top:12px;color:var(--dim);
  font-size:var(--fs-tile-s);line-height:1.4}
.tile em.n{color:var(--red);font-style:normal}
.hour-note{margin:clamp(14px,1.6vw,22px) 0 0;color:var(--dim);
  font-size:clamp(12px,1vw,13px);line-height:1.45}