/* Overhub V15 · 02 On air: one 16:9 frame, a paper cue card that logs the event behind the current layer, and four
   cue keys (People · Moments · Look · Partners). Page elements use page tokens; the frame and the card look the same
   in both themes. Sizes inside the frame are in cqw; overlays keep clear of the card and the safe-area corners.
   The On air machine (event log, time on air, keys 1–4) lives in the Full canvas dialog. */
@keyframes oa-in{from{opacity:0}}
@keyframes oa-cap{from{opacity:0;translate:0 6px}}
@keyframes oa-swap{from{opacity:0;translate:0 5px}}
@keyframes oa-wipe{0%{clip-path:inset(0 100% 0 0)}40%,60%{clip-path:inset(0)}100%{clip-path:inset(0 0 0 100%)}}
@keyframes oa-head{from{left:5%}to{left:95%}}
@keyframes oa-track{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes oa-pan{from{transform:scale(1.13) translateX(-2%)}to{transform:scale(1.02) translateX(0)}}
@keyframes oa-sig{0%{left:-3px;opacity:0}6%{opacity:1}70%{left:calc(100% - 4px);opacity:1}82%,100%{left:calc(100% - 4px);opacity:0}}
@keyframes oa-tally{50%{opacity:.3}}

.oa-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;margin-bottom:40px}
#graphics.oa15 .oa-head h2{margin:0;font:700 clamp(54px,6.2vw,104px)/.93 'Saira Condensed',sans-serif;letter-spacing:-.02em}
.oa-actions{display:flex;flex-wrap:wrap;gap:10px}
.oa-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid var(--edge);border-radius:var(--r-xs);background:transparent;color:var(--text);font:500 16px/1 var(--font-sans);cursor:pointer;transition:border-color .2s,background-color .2s}
.oa-btn:hover{border-color:var(--edge-hover);background:var(--code-bg)}
.oa-btn[hidden]{display:none}
.oa-btn svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}
.oa-btn>i{font-style:normal;font-size:13px;line-height:1}

/* Stage: the card column overlaps the frame's left edge by --oa-over; keys and the caption sit under the frame.
   The frame is its own stacking layer (z 1), so its overlays, tile tallies and safe-area corners stay inside it;
   the card layer (z 5) lies on top of all of them and casts its shadow onto the frame. */
.oa-stage{--oa-col:250px;--oa-over:44px;display:grid;grid-template-columns:var(--oa-col) minmax(0,1fr);grid-template-areas:"card frame" ". keys" ". caps";row-gap:12px;align-items:start}
.oa-frame{--oa-l:max(5cqw,var(--safe-clear),calc(var(--oa-over) + 16px));--oa-r:max(5cqw,var(--safe-clear));--oa-t:max(3.4cqw,var(--safe-clear));grid-area:frame;position:relative;z-index:1;aspect-ratio:16/9;overflow:hidden;container-type:inline-size;border:1px solid rgba(178,201,235,.16);border-radius:var(--r-xs);background:#05070a;color:#f4f8ff}
.oa-rail{grid-area:keys}
.oa-caps{grid-area:caps;display:grid}

/* Card: V14's paper cue card. Its log shows the event that brought up the current layer */
.oa-card-wrap{grid-area:card;position:relative;z-index:5;width:calc(100% + var(--oa-over));margin-top:44px}
.oa-card{--log-ink:#28211d;--log-muted:#5d4030;--log-red:#b3261e;position:relative;z-index:1;padding:24px 20px 16px;background:linear-gradient(135deg,#e4b187,#f6c99e);color:#28211d;transform:rotate(-2deg);border-radius:2px 2px 22px 2px;box-shadow:0 6px 0 #755d4840,14px 18px 28px -12px rgba(0,0,0,.6)}
.oa-kick{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.08em}
.oa-kick>i{width:8px;height:8px;flex:none;border-radius:50%;background:var(--log-red)}
.oa-stage[data-running=true] .oa-kick>i{animation:oa-tally 1.6s ease-in-out infinite}
.oa-card>strong{display:block;margin:18px 0 0;font:600 clamp(30px,2.7vw,42px)/.98 'Saira Condensed',sans-serif;letter-spacing:-.03em;text-wrap:balance}
#graphics[data-oa-motion=on] .oa-card>strong.is-new{animation:oa-swap .3s cubic-bezier(.2,.7,.2,1)}
.oa-card .air14-log{margin-top:16px}
.oa-card .air14-log li:last-child{border-bottom:0}
.oa-wire{position:absolute;z-index:0;top:calc(100% - 6px);left:34%;width:calc(66% - var(--oa-over) + 1px);height:44px;box-sizing:border-box;border:solid #c8a587;border-width:0 0 2px 2px;border-bottom-left-radius:14px;pointer-events:none}
.oa-wire::after{content:"";position:absolute;right:-4px;bottom:-6px;width:9px;height:10px;border-radius:2px;background:#c8a587}
.oa-wire>i{position:absolute;left:-3px;bottom:-4px;width:6px;height:6px;border-radius:50%;background:#eaf7fa;opacity:0}
#graphics[data-oa-motion=on] .oa-stage[data-running=true] .oa-wire>i{animation:oa-sig 1.8s linear infinite}

/* Cue keys: [1] People [2] Moments [3] Look [4] Partners; the key on air is red, like V14 */
.oa-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;container:oa-rail/inline-size}
.oa-rail button{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;min-height:64px;padding:12px 48px 12px 16px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s,background-color .2s,color .2s,translate .12s}
.oa-rail button>span{font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oa-rail b{min-width:0;font:600 clamp(24px,2.1vw,30px)/1.2 'Saira Condensed',sans-serif;white-space:nowrap;overflow:visible}
.oa-rail kbd{position:absolute;top:50%;right:12px;translate:0 -50%;display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;box-sizing:border-box;border:1px solid var(--edge);border-bottom-width:2px;border-radius:var(--r-xs);background:var(--bg-base);font:600 12px/1 var(--font-mono);color:var(--muted2)}
.oa-rail button:not([aria-selected=true]):hover{border-color:var(--live)}
.oa-rail button[aria-selected=true]{--key-ink:#1c0707;background:var(--live);border-color:var(--live);color:var(--key-ink)}
.oa-rail button[aria-selected=true]>span{color:var(--key-ink)}
.oa-rail button[aria-selected=true] kbd{border-color:var(--key-ink);background:transparent;color:var(--key-ink)}
.oa-rail button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.oa-rail button.is-keyed{translate:0 2px}
.oa-rail button.is-keyed kbd{translate:0 calc(-50% + 1px)}
.oa-rail button.is-keyed kbd{border-bottom-width:1px}
.oa-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:#1c0707;transform-origin:left;transform:scaleX(var(--oa-p,0));opacity:0}
#graphics[data-oa-motion=on] .oa-rail [aria-selected=true]>.oa-prog{opacity:1}
@container oa-rail (max-width:640px){.oa-rail button{min-height:64px;justify-content:center}.oa-rail button>span{display:none}}
@media(hover:none){.oa-rail kbd{display:none}.oa-rail button{padding-right:14px}}

/* Caption: all four lines share one cell, so the height never changes between layers */
.oa-caps>p{grid-area:1/1;display:flex;flex-direction:column;gap:6px;max-width:1000px;margin:0;visibility:hidden}
.oa-caps>p>span{font-size:24px;line-height:1.3;color:var(--body);text-wrap:pretty}
.oa-caps>p.is-on{visibility:visible}
#graphics[data-oa-motion=on] .oa-caps>p.is-on{animation:oa-cap .35s cubic-bezier(.2,.7,.2,1)}
.oa-caps strong{font:700 28px/1.05 'Saira Condensed',sans-serif;letter-spacing:-.005em;color:var(--text)}

.oa-layer{position:absolute;inset:0}
.oa-layer[hidden]{display:none}
#graphics[data-oa-motion=on] .oa-layer{animation:oa-in .22s ease-out}
/* People: the player camera, by link (material from Moments V14) */
.oa-cam{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(.65)}
.oa-people::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 38%,#071018e6);pointer-events:none}
.oa-signal{position:absolute;top:var(--oa-t);right:var(--oa-r);z-index:3;display:flex;align-items:center;gap:1.1em;padding:.8em 1em;border:1px solid #ffffff24;border-radius:var(--r-xs);background:#0b131ae6;font:500 clamp(9px,.95cqw,13px)/1 var(--font-mono);letter-spacing:.12em;color:#e2ecee}
.oa-signal>span{display:flex;align-items:center;gap:.55em}
.oa-signal>span+span{padding-left:1.1em;border-left:1px solid #ffffff26}
.oa-signal>span>i{width:.65em;height:.65em;border-radius:50%;background:#4dc48e}
.oa-vu b{font-weight:500;color:#9fb3ba}
.oa-meter{--lvl:.583;position:relative;display:block;width:6.4em;height:1em}
.oa-meter::before,.oa-meter::after{content:"";position:absolute;inset:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 6px);mask:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 6px)}
.oa-meter::before{background:#2a3a42}
.oa-meter::after{background:linear-gradient(90deg,#4dc48e 0 66%,#ffb070 66% 83%,#ff5b5b 83%);clip-path:inset(0 calc((1 - var(--lvl))*100%) 0 0)}

/* Moments: REPLAY card, 1v3 CLUTCH title and the clip counter (material from Moments V14) */
.oa-rp{--ok:#4dc48e;position:absolute;inset:0;overflow:hidden}
.oa-rp-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5)}
.oa-rp.is-playing .oa-rp-bg{animation:oa-pan 3.2s ease-out both}
.oa-rp-tag,.oa-rp-clip{position:absolute;top:var(--oa-t);z-index:3;display:flex;align-items:center;gap:.7em;padding:.75em .95em;background:#111a20d9;color:#eef3ed}
.oa-rp-tag{left:var(--oa-l);font:500 clamp(11px,1.05cqw,15px)/1 var(--font-sans);letter-spacing:.02em}
.oa-rp-clip{right:var(--oa-r);font:500 clamp(9px,.95cqw,13px)/1 var(--font-mono);letter-spacing:.12em}
.oa-rp-clip i{width:.7em;height:.7em;border-radius:50%;background:var(--ok)}
.oa-rp-clip.is-air i{background:#ff5b5b}
.oa-rp-clip b{font-weight:500}
.oa-rp-title{position:absolute;left:var(--oa-l);top:27%;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:1.4cqw}
.oa-rp-title strong{font:700 clamp(46px,10.5cqw,160px)/.86 'Saira Condensed',sans-serif;letter-spacing:-.01em}
.oa-rp-title span{font:500 clamp(10px,1.1cqw,16px)/1 var(--font-mono);letter-spacing:.14em;color:#ffcf9f}
.oa-rp-time{position:absolute;left:var(--oa-l);right:var(--oa-r);bottom:var(--oa-t);z-index:3;display:flex;align-items:center;gap:1.4cqw}
.oa-rp-frames{position:relative;flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:2px;height:clamp(24px,4.2cqw,62px);padding:0;border:1px solid var(--ok);background:#121c22}



.oa-rp-frames img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;filter:brightness(.7)}
.oa-rp-frames>i{position:absolute;top:-3px;bottom:-3px;left:5%;width:1px;background:#e8f1ed}
.oa-rp.is-cued .oa-rp-frames>i{left:95%}
.oa-rp.is-playing .oa-rp-frames>i{animation:oa-head 3.1s linear forwards}
.oa-rp-time>span{flex:none;font:500 clamp(9px,.95cqw,13px)/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#dfe9ec}
.oa-rp-track{position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background:#ffffff40}
.oa-rp-track>i{display:block;height:100%;background:var(--ok);transform-origin:left;transform:scaleX(.2)}
.oa-rp.is-cued .oa-rp-track>i{transform:none}
.oa-rp.is-playing .oa-rp-track>i{animation:oa-track 3.1s linear forwards}
.oa-rp-wipe{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:var(--cta);color:var(--cta-ink);font:800 clamp(64px,15cqw,230px)/1 'Saira Condensed',sans-serif;clip-path:inset(0 100% 0 0);pointer-events:none}
.oa-rp.is-playing .oa-rp-wipe{animation:oa-wipe 1s cubic-bezier(.76,0,.24,1) forwards}

/* Look: before/after on the same game frame, Main HUD ↔ Signature (material from Identity V14) */
.oa-lc{--split:50%;position:absolute;inset:0;background:#0a0d12;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.oa-lc img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.oa-lc img.oa-lc-game{object-fit:cover;filter:brightness(.62) saturate(.8)}
.oa-lc-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}
.oa-lc-tag{position:absolute;top:var(--oa-t);z-index:3;padding:.75em .95em;border:1px solid rgba(178,201,235,.25);background:rgba(8,12,17,.9);font:500 clamp(9px,.95cqw,13px)/1 var(--font-mono);letter-spacing:.14em;color:#eef2f7;pointer-events:none}
.oa-lc-tag.is-a{left:var(--oa-l)}
.oa-lc-tag.is-b{right:var(--oa-r)}
.oa-lc-handle{position:absolute;top:0;bottom:0;left:var(--split);z-index:4;width:44px;margin-left:-22px;touch-action:none;cursor:ew-resize}
.oa-lc-handle::before{content:"";position:absolute;top:0;bottom:0;left:21px;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.oa-lc-handle>i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;box-sizing:border-box;border:1.5px solid #fff;border-radius:var(--r-xs);background:#0b0f16}
.oa-lc-handle svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:square}
.oa-lc-handle:focus-visible{outline:none}
.oa-lc-handle:focus-visible>i{outline:2px solid #ffb070;outline-offset:3px}

/* Partners: a multiviewer of the four sponsor placements; the red UMD is the one on program */
.oa-mv{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;background:#000}
.oa-mv-tile{position:relative;overflow:hidden;background:#070b10}
.oa-mv-tile iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.oa-mv-tile::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 3px transparent;transition:box-shadow .2s}
.oa-mv-tile.is-pgm::after{box-shadow:inset 0 0 0 3px #ff5b5b}
.oa-umd{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:1.2em;padding:.75em 1em;background:#05070ae6;font:500 clamp(8px,.8cqw,12px)/1 var(--font-mono);letter-spacing:.12em;color:#c9d6de;white-space:nowrap;transition:background-color .2s,color .2s}
.oa-mv-tile:nth-child(odd) .oa-umd{padding-left:calc(var(--oa-over) + 12px)}
.oa-umd b{font-weight:600;color:#fff}
.oa-umd em{margin-left:auto;font-style:normal;font-variant-numeric:tabular-nums}
.oa-mv-tile.is-pgm .oa-umd{background:#c8322b;color:#fff}
.oa-mv .scene-cover{align-items:center;justify-content:center;padding:0;background:#070b10}
.oa-mv .scene-play{width:44px;padding:0;justify-content:center;opacity:0;transition:opacity .2s}
.oa-mv .scene-play span{display:none}
.oa-mv-tile:is(:hover,:focus-within) .scene-play{opacity:1}
@media(hover:none){.oa-mv .scene-play{display:none}}

/* Full canvas: the On air machine (event log, time on air, keys 1–4) */
#air-machine{width:min(1600px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--bg-base);color:var(--text);overflow:auto;overscroll-behavior:contain}
#air-machine::backdrop{background:rgba(4,6,10,.72)}
.oa-machine-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);background:var(--bg-base)}
.oa-machine-bar>div>span{font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;color:var(--muted2)}
.oa-machine-bar h3{margin:10px 0 8px;font:700 clamp(30px,3.2vw,48px)/.95 'Saira Condensed',sans-serif}
.oa-machine-bar p{max-width:640px;margin:0;font-size:16px;line-height:1.45;color:var(--muted2)}
#air-machine .air9-machine{margin:24px}
#air-machine .air9-expand{display:none}

[data-motion=off] :is(.oa-rail button,.oa-mv-tile::after,.oa-umd,.oa-mv .scene-play,.oa-btn){transition:none}

@media(min-width:761px) and (max-width:1179px){
  .oa-stage{--oa-col:196px;--oa-over:32px}
  .oa-card-wrap{margin-top:32px}
  .oa-card{padding:18px 16px 12px}
  .oa-card .air14-log{margin-top:12px}
  .oa-card .air14-log li:nth-child(n+2){display:none}
  .oa-wire{height:34px}
}
@media(max-width:760px){
  .oa-head{margin-bottom:24px;gap:18px}
  #graphics.oa15 .oa-head h2{font-size:52px}
  .oa-actions{width:100%}
  .oa-actions .oa-btn{flex:1;justify-content:center}
  .oa-stage{--oa-over:0px;display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .oa-rail{order:1;gap:4px}
  .oa-card-wrap{order:2;width:auto;margin:8px 6px -10px}
  .oa-frame{order:3}
  .oa-caps{order:4;margin-top:4px}
  .oa-rail button{min-height:52px;padding:0 4px;align-items:center;justify-content:center}
  .oa-rail b{font-size:18px}
  .oa-rail button>span,.oa-rail kbd{display:none}
  .oa-card{padding:12px 14px 4px;transform:rotate(-1.5deg);border-radius:2px 2px 16px 2px}
  .oa-kick{font-size:12px}
  .oa-card>strong,.oa-wire{display:none}
  .oa-card .air14-log{margin-top:8px}
  .oa-card .air14-log li:nth-child(n+2){display:none}
  .oa-caps strong{font-size:22px}
  .oa-caps>p>span{font-size:17px}
  .oa-vu b{display:none}
  #air-machine{width:100vw;max-height:100dvh;border:0;border-radius:0}
  .oa-machine-bar{padding:16px}
  #air-machine .air9-machine{margin:16px}
}

/* Step 4b. People: one calm lower third instead of stickers */
.oa-people::after{background:linear-gradient(transparent 62%,#07101880)}
.oa-l3{position:absolute;left:var(--oa-l);bottom:var(--oa-t);z-index:3;display:flex;align-items:stretch;background:#080c11e6;font:500 clamp(11px,1.2cqw,16px)/1 'Chakra Petch',sans-serif;color:#b9c7d1;white-space:nowrap}
.oa-l3::before{content:"";flex:none;width:.28em;background:#4f8fe8}
.oa-l3>b{padding:.75em .7em .75em .85em;font-weight:700;letter-spacing:.01em;color:#f4f8ff}
.oa-l3>span{display:flex;align-items:center;padding-right:.9em}
.oa-l3>span::before{content:"·";margin-right:.7em;color:#6f8290}

/* Partner logo placeholder: neutral and monochrome, wherever a partner's logo would sit */
.pt-logo{display:inline-flex;align-items:center;gap:.4em;font:700 1em/1 var(--font-sans);font-style:normal;letter-spacing:-.01em;text-transform:none;color:#eef3f8}
.pt-logo>i{position:relative;flex:none;width:.95em;height:.95em;box-sizing:border-box;border:.15em solid currentColor;border-radius:50%}
.pt-logo>i::after{content:"";position:absolute;inset:.18em;border-radius:50%;background:currentColor}
.oa-rp-tag .pt-logo{margin-left:.9em;padding-left:.9em;border-left:1px solid #ffffff33}

/* Partners: one placement in focus (large tile, on program), the other three dimmed; the band below carries the
   focused placement's time on air and the round total */
.oa-pt{position:absolute;inset:0;display:flex;flex-direction:column;gap:max(1.4cqw,10px);padding:var(--oa-t) var(--oa-r) max(2.2cqw,12px) var(--oa-l);background:#05070a}
#graphics .oa-pt-grid.oa-mv{position:relative;inset:auto;flex:none;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);grid-template-rows:none;grid-template-areas:"main t1" "main t2" "main t3";gap:max(.8cqw,5px);align-items:start;background:none}
.oa-pt-grid .oa-mv-tile{aspect-ratio:16/9;border-radius:2px;transition:opacity .3s,filter .3s}
.oa-pt-grid .oa-mv-tile:nth-child(1){grid-area:main}
.oa-pt-grid .oa-mv-tile:nth-child(2){grid-area:t1}
.oa-pt-grid .oa-mv-tile:nth-child(3){grid-area:t2}
.oa-pt-grid .oa-mv-tile:nth-child(4){grid-area:t3}
.oa-pt-grid .oa-mv-tile:not(.is-main){opacity:.42;filter:saturate(.35)}
.oa-pt-grid .oa-mv-tile.is-main .oa-umd{display:none}
.oa-pt-grid .oa-umd{padding:.6em .8em;font-size:clamp(7px,.72cqw,11px)}
.oa-pt-grid .oa-mv-tile:not(.is-main) .scene-play{display:none}
.oa-pt.is-swap .oa-mv-tile.is-main{animation:oa-in .3s ease-out}
.oa-pt-band{flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;font-family:'Chakra Petch',sans-serif;color:#eef3f8}
.oa-pt-band p{margin:0}
.oa-pt-now{display:flex;align-items:baseline;gap:.5em;min-width:0;font-size:clamp(12px,1.55cqw,21px);font-weight:600;white-space:nowrap}
.oa-pt-now b{font:700 clamp(30px,5.4cqw,82px)/.8 'Saira Condensed',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#fff}
.oa-pt-sum{font-size:clamp(10px,1.2cqw,16px);font-weight:500;font-variant-numeric:tabular-nums;color:#b9c7d1;white-space:nowrap}
[data-motion=off] .oa-pt-grid .oa-mv-tile{transition:none}
@media(max-width:760px){
  .oa-pt{gap:8px;padding:10px}
  .oa-pt-grid .oa-umd{display:none}
  .oa-pt-band{gap:8px}
  .oa-pt-now{gap:.4em;font-size:11px}
  .oa-pt-now b{font-size:26px}
  .oa-pt-sum{font-size:10px}
}

/* The opaque scenes stay fixed; only the foreground is clipped. */
.oa-lc{overflow:hidden;isolation:isolate}
.oa-lc-after{position:absolute;inset:0}
.oa-lc-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.oa-rail button{padding-right:14px}