/* Overhub objects: a field monitor, signal paths and graphic plates derived from our broadcast vocabulary. */
main{overflow-x:clip}
dialog{width:min(94vw,calc((95dvh - 116px)*1.77778));max-height:95dvh}
.broadcast-word{position:relative;display:inline-block;color:var(--cta-text);padding:.025em .08em .06em;margin-top:.035em;border:1px solid color-mix(in srgb,var(--cta-text) 55%,transparent);border-radius:.06em;background:linear-gradient(120deg,color-mix(in srgb,var(--cta-text) 10%,transparent),transparent 65%);box-shadow:inset 0 0 28px color-mix(in srgb,var(--cta-text) 5%,transparent)}.broadcast-word:before,.broadcast-word:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--cta-text);border-style:solid}.broadcast-word:before{left:-2px;top:-2px;border-width:2px 0 0 2px}.broadcast-word:after{right:-2px;bottom:-2px;border-width:0 2px 2px 0}.hero-heading{grid-template-columns:1.95fr .8fr}.hero h1{font-size:clamp(65px,8.25vw,134px)}.hero-aside{padding-bottom:8px}.monitor-assembly{position:relative;padding:15px 36px 0;margin-top:20px;isolation:isolate}.monitor-assembly:before{content:"";position:absolute;inset:0 -6% 30px;z-index:-1;background:radial-gradient(ellipse at 45% 60%,#7b9faa18 0,transparent 60%),radial-gradient(ellipse at 78% 40%,#ffb07014,transparent 50%)}.signal-path{position:absolute;inset:-7% -4% 0;width:108%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.signal-path path{stroke-dasharray:1800;stroke-dashoffset:1800}.monitor-assembly.in-view .signal-path path{animation:signal-draw 2.5s cubic-bezier(.2,.65,.3,1) both}.monitor-assembly .hero-program{border:8px solid #28343b;border-top-width:7px;border-bottom-width:11px;border-radius:12px;background:#131c22;box-shadow:inset 0 0 0 1px #52636c,0 0 0 1px #596a7199,0 2px 0 2px #0a1117,0 38px 60px -28px #000b;transform:perspective(1600px) rotateX(1.5deg);position:relative}.monitor-assembly .hero-program:before{width:58px;height:3px;left:calc(50% - 29px);top:-6px;background:#ff755d;border-radius:1px;box-shadow:0 0 15px #ff5b5b88}.monitor-assembly .monitor-bar{height:36px;padding-block:8px;background:linear-gradient(#1a242b,#0a1117);font-size:8px;border-bottom:1px solid #43525b}.monitor-assembly .monitor-foot{height:32px;background:linear-gradient(#172027,#0c151b);color:#a8b2b7;border-top:1px solid #3f4c56;font-size:7px}.monitor-assembly .hero-screen{border-inline:2px solid #0a1117}.monitor-assembly .monitor-bar:after{content:"";width:5px;height:5px;border-radius:50%;background:#788a95;box-shadow:inset 1px 1px 2px #030607}.monitor-mount{width:75%;max-width:900px;height:auto;margin:-3px auto 0;position:relative;z-index:-1}.float-graphic{position:absolute;z-index:3;pointer-events:none;color:#eef4ef;filter:drop-shadow(0 20px 22px #0008);will-change:transform}.float-score{left:-12px;bottom:24%;width:225px;transform:rotate(-5deg);background:#101d25f5;border:1px solid #608395;border-left:3px solid #84bdde;padding:13px 15px;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.float-score>.mono{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#9fb4be;letter-spacing:.09em}.float-score>.mono>i{font-style:normal;color:var(--cta)}.float-score>div{display:flex;align-items:center;gap:13px;margin-top:9px}.float-score img{width:39px;height:39px;object-fit:cover}.float-score strong{font-family:'Saira Condensed',sans-serif;font-size:28px;line-height:1}.float-score strong>small{display:block;font-family:var(--font-mono);font-size:7px;font-weight:400;letter-spacing:.08em;margin-top:7px;color:#aac2ce}.float-score>div>b{font-family:'Chakra Petch',sans-serif;font-size:23px;color:var(--cta);margin-left:auto}.float-take{right:-8px;top:25%;padding:15px 17px;width:190px;background:var(--cta);color:#281a10;transform:rotate(5deg);border:1px solid #ffe0bb;box-shadow:5px 6px 0 #934d29;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.float-take>span{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:7px;letter-spacing:.1em}.float-take .live-dot{width:5px;height:5px;background:#251a12;box-shadow:none}.float-take>strong{font-family:'Saira Condensed',sans-serif;font-size:34px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.float-take>strong>span{font-family:var(--font-sans);font-size:28px}.float-take>small{display:block;margin-top:8px;padding-top:7px;border-top:1px solid #61330b45;font-family:var(--font-mono);font-size:7px}.monitor-assembly.in-view .float-score{animation:float-score 6s ease-in-out infinite}.monitor-assembly.in-view .float-take{animation:float-take 7s ease-in-out infinite}.monitor-assembly+.compatibility{margin-top:-22px}.workflow .workbench{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);border-radius:var(--r-xs);box-shadow:9px 9px 0 #34414a,11px 11px 0 #65758140,0 40px 65px -30px #000a;transition:transform .5s}.workflow .workbench:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}.workflow-layout{position:relative}.workflow-layout:after{content:"";width:95px;height:36px;border:1px solid var(--cta-text);border-top:0;position:absolute;bottom:-18px;right:65px;z-index:-1;transform:skewX(-25deg);opacity:.6}.brand-stage{overflow:visible;background:transparent;border:0;isolation:isolate;box-shadow:none;transform:rotate(-2deg)}.brand-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,#253c46,#111c25 70%);border:1px solid #63838d60;transform:rotate(6deg);z-index:-1;border-radius:var(--r-xs);box-shadow:0 22px 40px -20px #0007}.brand-stage:after{content:"";position:absolute;inset:9% -4% 6% 3%;border:1px solid #8dadb26b;transform:rotate(-5deg);z-index:-2;border-radius:var(--r-xs)}.brand-watermark{color:#5674814d}.brand-player{height:106%;bottom:0;right:-10%;max-width:none;filter:drop-shadow(-20px 10px 16px #0005)}.brand-lower-third{bottom:10%;left:-7%;right:4%;transform:rotate(3deg);box-shadow:7px 9px 0 #06101799,0 20px 50px #0005}.brand-package{bottom:-9px;left:0}.identity-grid{gap:95px;padding-bottom:18px}.identity-band{overflow:hidden}.moments-grid{gap:55px}.moments-grid>article{position:relative;min-width:0}.moments-grid>article:nth-child(2){padding-top:62px}.moments-grid>article:first-child>.camera-stage{transform:rotate(-2deg);border-radius:7px;border:5px solid #283941;box-shadow:6px 7px 0 #101c24,8px 9px 0 #687e8340}.moments-grid>article:nth-child(2)>.replay-stage{transform:rotate(2deg);border-radius:var(--r-xs);box-shadow:5px 6px 0 #2e424b,7px 8px 0 #9caeb44d}.moment-caption{position:relative;margin-top:15px;padding-top:22px}.signal-sculpture{position:absolute;width:215px;height:auto;right:-45px;top:-80px;z-index:3;pointer-events:none;filter:drop-shadow(0 20px 15px #0003)}.camera-connector{position:absolute;left:-18px;top:-17px;z-index:3;background:#b5d0d5;color:#14232c;padding:11px 14px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;border-radius:var(--r-xs);transform:rotate(4deg);border:1px solid #dbecef;box-shadow:4px 5px 0 #48636e}.camera-connector i{margin-right:7px;width:6px;height:6px;background:#305f47}.replay-stage .replay-title{top:46%}.moments-heading{max-width:850px}.contact-section{position:relative}.contact-section:before{content:"";position:absolute;width:620px;height:620px;border:1px solid #251c1326;border-radius:50%;right:-100px;top:-300px;box-shadow:0 0 0 50px #251c130a,0 0 0 100px #251c1307;pointer-events:none}@keyframes float-score{50%{transform:translateY(-10px) rotate(-4deg)}}@keyframes float-take{50%{transform:translateY(9px) rotate(4deg)}}@keyframes signal-draw{to{stroke-dashoffset:0}}
@media(min-width:1500px){.float-score{width:265px;left:-10px;bottom:23%;padding:17px}.float-score strong{font-size:34px}.float-take{width:205px;right:-10px;padding:17px}.signal-sculpture{width:250px;right:-55px;top:-95px}}
@media(max-width:1050px){.hero h1{font-size:clamp(65px,8vw,106px)}.float-score{width:185px;left:-12px;padding:11px}.float-score>div{gap:9px}.float-score img{width:30px;height:30px}.float-score strong{font-size:24px}.float-score>div>b{font-size:19px}.float-take{width:158px;right:-10px;padding:12px}.float-take>strong{font-size:28px}.float-take>small{font-size:6px}.monitor-assembly{padding-inline:24px}.identity-grid{gap:65px}.signal-sculpture{width:185px;right:-28px;top:-65px}.moments-grid{gap:35px}}
@media(max-width:760px){.hero-heading{display:block}.hero h1{font-size:clamp(58px,10vw,84px);line-height:.96}.broadcast-word{padding:.015em .08em .035em;margin-top:.07em}.broadcast-word:before,.broadcast-word:after{width:8px;height:8px}.hero-aside{padding-bottom:0}.monitor-assembly{margin-top:8px;padding:8px 5px 0}.monitor-assembly .hero-program{border-width:5px;border-bottom-width:8px;border-radius:7px;transform:none}.monitor-assembly .monitor-bar{height:29px;font-size:6px;padding-inline:8px}.monitor-assembly .monitor-bar>span:last-child{font-size:6px}.monitor-assembly .monitor-bar:after{display:none}.monitor-assembly .monitor-foot{height:25px;font-size:5px;padding:7px 8px}.monitor-assembly .hero-screen{aspect-ratio:1.23;border-inline:0}.monitor-mount{width:95%;margin-top:-2px}.float-score{left:-10px;bottom:23%;width:144px;padding:9px 10px;border-left-width:2px;transform:rotate(-5deg)}.float-score>.mono{font-size:5px;gap:5px}.float-score img{width:26px;height:26px}.float-score strong{font-size:20px}.float-score strong>small{font-size:5px;margin-top:5px}.float-score>div{gap:7px;margin-top:7px}.float-score>div>b{font-size:17px}.float-take{right:-7px;top:17%;width:119px;padding:9px 10px;box-shadow:3px 4px 0 #934d29}.float-take>span{font-size:5px;gap:5px}.float-take>strong{font-size:23px;margin-top:7px}.float-take>strong>span{font-size:20px}.float-take>small{font-size:5px;padding-top:5px;margin-top:6px}.float-take .live-dot{width:4px;height:4px}.mobile-play{bottom:12px;right:8px;z-index:4;padding:9px;font-size:9px;gap:8px;min-height:36px}.monitor-assembly+.compatibility{margin-top:-8px}.signal-path{inset:0 -3% 0;width:106%}.workflow .workbench{transform:none;box-shadow:4px 5px 0 #34414a,5px 6px 0 #65758140}.workflow-layout:after{right:35px;height:20px;bottom:-12px}.identity-grid{gap:52px;padding-bottom:30px}.brand-stage{width:92%;margin-inline:auto;transform:rotate(-2deg)}.brand-stage:after{inset:7% -4% 4% 2%}.brand-player{height:104%;right:-11%}.brand-lower-third{left:-6%;right:0;bottom:11%}.brand-package{bottom:-10px;font-size:6px}.moments-grid{gap:38px;padding-top:12px}.moments-grid>article:nth-child(2){padding-top:35px}.moments-grid>article:first-child>.camera-stage{transform:rotate(-1.4deg);border-width:4px}.moments-grid>article:nth-child(2)>.replay-stage{transform:rotate(1.4deg)}.signal-sculpture{width:157px;right:-19px;top:-35px}.camera-connector{font-size:7px;left:-9px;top:-10px;padding:9px 11px}.moment-caption{margin-top:12px}.replay-stage .replay-title{top:47%}.contact-section:before{width:370px;height:370px;right:-160px;top:-120px}}


.brand-stage .brand-player{object-fit:cover;object-position:center;width:56%;height:83%;right:1%;bottom:13%;transform:rotate(4deg);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);border:1px solid #8bb1be55;border-radius:var(--r-xs)}
.spotlight>img{height:80%;width:43%;object-fit:cover;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);border-bottom:3px solid var(--cta);margin-right:5%}
:root[data-theme=light] .brand-package{color:#596360}
@media(max-width:760px){.brand-stage .brand-player{height:84%;width:60%;right:0}.spotlight>img{height:76%;width:40%}dialog{width:min(96vw,calc((95dvh - 116px)*1.77778))}}