/* Event streaming: code-native, illustrative signal flow and cue interface. */
.streaming-page{--streaming-blue:#3456b8}
.streaming-jump-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:28px}
.streaming-jump-links a{display:flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid #9d978b;font-size:12px;font-weight:600}
.streaming-jump-links a:hover{color:var(--streaming-blue)}
.signal-board{margin:0;padding:34px 50px 24px;background:#dddaeb;border-block:1px solid #b7b1c6}
.signal-board-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.09em;font-weight:650}
.signal-flow{display:grid;grid-template-columns:1fr 45px 1.6fr 45px 1.1fr;align-items:center;max-width:1390px;margin:42px auto 30px}
.signal-sources{display:grid;gap:15px}
.signal-source{padding:16px;background:#f5f3ed;border:1px solid #b5b0c0}
.signal-code{font-size:11px;font-weight:650;letter-spacing:.08em}
.signal-source strong{display:block;font-family:var(--display);font-size:28px;line-height:1.1;letter-spacing:.02em;margin:12px 0 5px;font-weight:400}
.signal-source>span:last-child{font-size:11px;display:block;color:#55505d}
.signal-stage{height:55px;display:flex;gap:8px;align-items:end;margin-top:17px;overflow:hidden;border-bottom:1px solid #5f6481}
.signal-stage i{display:block;background:#496bdb;height:100%;width:30%;transform:skewY(-12deg);transform-origin:bottom}
.signal-stage i:nth-child(2){height:70%;background:#8963d5}
.signal-stage i:nth-child(3){height:45%;background:#f05a35}
.stage-remote i{height:55%;background:#8963d5;transform:skewY(12deg)}
.stage-remote i:nth-child(2){height:80%;background:#f05a35}
.stage-remote i:nth-child(3){height:100%;background:#496bdb}
.signal-connector{height:130px;display:flex;align-items:center;justify-content:center;color:var(--streaming-blue);font-size:31px}
.signal-programme{background:#f05a35;border:1px solid #aa4a35;position:relative;padding:22px;overflow:hidden;min-height:355px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.signal-programme-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:650;letter-spacing:.06em;z-index:1}
.signal-programme-top span:first-child{max-width:170px}
.signal-programme-top span:last-child{font-size:25px;line-height:1}
.signal-programme strong{position:relative;z-index:1;font:400 clamp(40px,4.3vw,70px)/.95 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:65px 0 24px;max-width:390px}
.signal-programme-art{position:absolute;inset:0;opacity:.42;z-index:0;pointer-events:none}
.signal-programme-art i{position:absolute;width:250px;height:250px;border:1px solid #712f21;border-radius:50%;right:-110px;top:40px}
.signal-programme-art i:nth-child(2){right:-65px;top:10px}
.signal-programme-art i:nth-child(3){right:-20px;top:-20px}
.signal-programme-bottom{border-top:1px solid #8c3c2a;padding-top:14px;font-size:11px;font-weight:650;letter-spacing:.09em;z-index:1}
.signal-destinations{min-width:0}
.signal-destinations>strong{display:block;font:400 clamp(30px,3vw,46px)/1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:22px 0}
.signal-output{border-block-start:1px solid #9790a5;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:650}
.signal-output span{color:var(--streaming-blue);font-size:21px;line-height:1}
.signal-destinations p{font-size:11px;line-height:1.75;color:#55505d;margin-top:12px}
.signal-board figcaption{max-width:1390px;margin:auto;border-top:1px solid #b7b1c6;padding-top:18px;font-size:11px;line-height:1.7;color:#55505d}
.streaming-control-section{padding:95px 0;background:#dddaeb;border-block:1px solid #c1bbd0}
.streaming-control-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:6vw;align-items:center}
.streaming-control-copy .eyebrow{margin-bottom:28px}
.streaming-control-copy h2{font-size:clamp(58px,6vw,88px);line-height:.95;margin-bottom:30px}
.streaming-control-copy h2 span{color:#b93617}
.streaming-control-copy>p{font-size:13px;line-height:1.9;color:#55505d;margin-bottom:18px;max-width:480px}
.streaming-control-copy .button{margin-top:12px}
.streaming-control-demo{min-width:0}
.streaming-demo-label{display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:650;letter-spacing:.07em;margin-bottom:18px}
.streaming-tablet{background:#f5f3ed;border:10px solid #4e5260;border-radius:25px;padding:20px;box-shadow:12px 15px 0 #c2bdd2}
.streaming-tablet-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:650;letter-spacing:.06em;margin-bottom:18px}
.streaming-tablet-top span:last-child{color:var(--streaming-blue);border:1px solid #b9c0d1;padding:4px 7px;white-space:nowrap}
.streaming-preview{min-height:230px;background:#dddaeb;position:relative;overflow:hidden;border:1px solid #c0b9d0;isolation:isolate}
.streaming-preview-art{position:absolute;inset:0;display:flex;align-items:end;justify-content:end;gap:12px;padding:0 30px;z-index:0}
.streaming-preview-art i{height:90%;width:20%;background:#496bdb;transform:skewY(-15deg);transform-origin:bottom}
.streaming-preview-art i:nth-child(2){height:65%;background:#8963d5}
.streaming-preview-art i:nth-child(3){height:40%;background:#f05a35}
.streaming-preview[data-feed="remote"] .streaming-preview-art i{height:40%;background:#8963d5;transform:skewY(15deg)}
.streaming-preview[data-feed="remote"] .streaming-preview-art i:nth-child(2){height:65%;background:#f05a35}
.streaming-preview[data-feed="remote"] .streaming-preview-art i:nth-child(3){height:90%;background:#496bdb}
.streaming-preview[data-feed="holding"] .streaming-preview-art{justify-content:center;align-items:center}
.streaming-preview[data-feed="holding"] .streaming-preview-art i{height:130px;width:130px;border:2px solid #496bdb;background:transparent;transform:none;border-radius:50%;flex-shrink:0}
.streaming-preview[data-feed="holding"] .streaming-preview-art i:nth-child(2){margin-left:-95px;border-color:#8963d5}
.streaming-preview[data-feed="holding"] .streaming-preview-art i:nth-child(3){display:none}
.streaming-preview-copy{position:absolute;inset:auto 0 0;padding:15px 18px;background:#f5f3edee;border-top:1px solid #c0b9d0;z-index:1}
.streaming-preview-copy span{font-size:11px;font-weight:650;letter-spacing:.07em;display:block;margin-bottom:5px}
.streaming-preview-copy strong{font:400 35px/1 var(--display);letter-spacing:.02em;text-transform:uppercase}
.streaming-cue-label{font-size:11px;margin:18px 0 10px;font-weight:650}
.streaming-cues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.streaming-cues button{background:transparent;border:1px solid #a6a8b1;padding:12px 10px;min-height:70px;text-align:left;font-size:11px;font-weight:650;line-height:1.4}
.streaming-cues button>span{display:block;font-size:11px;margin-bottom:5px;font-weight:500}
.streaming-cues button[aria-pressed="true"]{background:var(--streaming-blue);border-color:var(--streaming-blue);color:#fff}
.streaming-cues button:hover{border-color:var(--streaming-blue);box-shadow:inset 0 0 0 1px var(--streaming-blue)}
.streaming-cues button:focus-visible{outline-color:var(--streaming-blue);outline-offset:3px}
.streaming-cue-status{font-size:11px;line-height:1.7;color:#55505d;margin-top:14px;min-height:3.4em}
.streaming-demo-note{font-size:11px;line-height:1.75;color:#55505d;margin:25px 12px 0}
.streaming-page .big-finish h2{font-size:clamp(64px,10vw,150px)}
@media(min-width:1700px){.signal-board{padding-inline:max(50px,calc((100% - 1390px)/2))}.signal-programme strong{font-size:70px}}
@media(max-width:1100px){
  .signal-board{padding-inline:35px}
  .signal-flow{grid-template-columns:1fr 30px 1.4fr 30px 1fr}
  .signal-source{padding:12px}
  .signal-programme{padding:18px}
  .signal-programme strong{font-size:44px}
  .signal-destinations>strong{font-size:33px}
  .signal-connector{font-size:24px}
  .streaming-control-grid{gap:35px}
  .streaming-tablet{padding:15px;border-width:8px}
  .streaming-cues{gap:6px}
  .streaming-cues button{padding:10px 7px}
}
@media(max-width:800px){
  .signal-board{padding:28px 24px 22px}
  .signal-board-top{line-height:1.6}
  .signal-flow{grid-template-columns:minmax(0,1fr) 35px minmax(0,1.3fr);gap:0;margin:30px 0 25px}
  .signal-flow>.signal-connector:nth-of-type(4){display:none}
  .signal-destinations{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:25px;border-top:1px solid #9790a5;padding-top:20px}
  .signal-destinations .signal-code{grid-column:1/-1}
  .signal-destinations>strong{grid-row:2/4;margin:16px 0 0;align-self:center;font-size:38px}
  .signal-destinations>.signal-output{margin-top:6px;padding:12px 0}
  .signal-destinations p{grid-column:1/-1}
  .signal-programme{min-height:345px}
  .signal-programme strong{font-size:clamp(42px,6vw,56px)}
  .streaming-control-section{padding:65px 0}
  .streaming-control-grid{grid-template-columns:1fr;gap:45px}
  .streaming-control-copy h2{font-size:70px}
  .streaming-control-copy>p{max-width:620px}
  .streaming-control-demo{max-width:600px;width:100%;margin:auto}
  .streaming-tablet{padding:22px;border-width:10px}
  .streaming-preview{min-height:260px}
  .streaming-cues button{padding:12px;font-size:12px}
  .streaming-cue-status{min-height:0}
  .streaming-page .big-finish h2{font-size:clamp(64px,10vw,90px)}
}
@media(max-width:520px){
  .streaming-jump-links{display:grid;gap:8px;margin-top:20px}
  .streaming-jump-links a{font-size:11px;justify-content:space-between;gap:12px}
  .signal-board{padding:24px 20px}
  .signal-board-top{display:grid;gap:8px}
  .signal-board-top span:last-child{color:#55505d}
  .signal-flow{grid-template-columns:1fr;margin-top:25px}
  .signal-sources{grid-template-columns:1fr 1fr;gap:12px}
  .signal-source strong{font-size:25px}
  .signal-source>span:last-child{line-height:1.7}
  .signal-connector{height:50px;font-size:28px;transform:rotate(90deg)}
  .signal-programme{min-height:280px;padding:20px}
  .signal-programme strong{font-size:52px;margin:40px 0 25px}
  .signal-programme-top span:first-child{max-width:200px}
  .signal-destinations{gap:0 15px}
  .signal-destinations>strong{font-size:30px}
  .signal-output{font-size:11px}
  .streaming-control-section{padding:55px 0}
  .streaming-control-copy .eyebrow{line-height:1.7}
  .streaming-control-copy h2{font-size:62px}
  .streaming-demo-label{letter-spacing:.02em;gap:10px;line-height:1.7}
  .streaming-tablet{padding:14px;border-width:7px;border-radius:20px;box-shadow:7px 10px 0 #c2bdd2}
  .streaming-tablet-top{font-size:11px;letter-spacing:0;gap:7px}
  .streaming-tablet-top span:last-child{padding:3px 5px}
  .streaming-preview{min-height:225px}
  .streaming-preview-copy{padding:13px}
  .streaming-preview-copy strong{font-size:33px}
  .streaming-cues{grid-template-columns:1fr}
  .streaming-cues button{display:flex;align-items:center;gap:15px;min-height:48px;padding:10px 13px;font-size:12px}
  .streaming-cues button>span{margin:0}
  .streaming-demo-note{margin:22px 0 0}
  .streaming-page .big-finish .finish-layout{flex-wrap:wrap;gap:25px}
  .streaming-page .big-finish h2{font-size:clamp(57px,14vw,74px)}
}