/* Videos: orbital feature and archive, scoped to this page. */
.videos-page .shell{max-width:1240px;padding:0 40px}
.videos-page header{min-height:145px;gap:24px}
.videos-page .interior .wordmark{font-size:62px;font-weight:900;line-height:.95;letter-spacing:.005em}
.videos-page .brand-caption{font-size:10px;letter-spacing:.2em;margin-top:12px}
.videos-page nav{gap:26px}.videos-page nav a{font-size:12px}
.videos-page .orbit{height:680px;isolation:isolate;margin:0 -12px;background:radial-gradient(ellipse at 50% 45%,#585a5825,transparent 65%)}
.videos-page .ellipse{inset:65px 2% 85px;transform:rotate(0);border-color:#ffffff50}
.videos-page .inner-orbit{inset:115px 10% 135px;transform:rotate(-11deg);border-color:#ffffff25}
.videos-page .ellipse:before,.videos-page .ellipse:after{content:'';position:absolute;background:var(--red);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ff002b88;left:12%;top:16%}
.videos-page .ellipse:after{left:78%;top:92%}
.videos-page .orbit-feature{width:48%;height:320px;left:26%;top:172px;padding:0;border:1px solid #c6c6c6;border-radius:2px;overflow:hidden;background:#090a09;box-shadow:0 20px 65px #0009;z-index:4}
.videos-page #featured-scene{position:absolute;inset:0}
.videos-page .orbit-feature .play{width:76px;height:76px;left:calc(50% - 38px);top:calc(44% - 38px);border:2px solid var(--red);background:#08080877;font-size:27px;padding-left:7px;color:var(--red);z-index:3}
.videos-page .featured-caption{position:relative;z-index:2;padding:20px 22px;background:linear-gradient(transparent,#050505e8 35%)}
.videos-page .featured-caption .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:4px}
.videos-page .featured-caption h2{font-size:28px;letter-spacing:.035em}
.videos-page .featured-caption .subtle{font-size:9px;letter-spacing:.2em;margin-top:6px}
.videos-page .satellite{width:23%;height:152px;left:38.5%;top:calc(50% - 76px);padding:0;border:1px solid #a6aaa6;border-radius:1px;overflow:hidden;box-shadow:0 12px 30px #0007;background:#151615;z-index:5}
.videos-page .satellite:before{display:none}
.videos-page .satellite:hover{border-color:var(--red)}
.satellite-label{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 10px;background:linear-gradient(transparent,#000e);font-size:12px;letter-spacing:.04em;z-index:2;text-align:left}
.satellite-label:after,.archive-caption:after{content:'';position:absolute;right:14px;bottom:14px;background:var(--red);width:25px;height:2px}
.satellite-play,.archive-play{position:absolute;left:calc(50% - 22px);top:calc(45% - 22px);width:44px;height:44px;border:1px solid #eee;border-radius:50%;display:grid;place-items:center;background:#09090977;font-size:16px;padding-left:3px;z-index:2}
.videos-page .center-controls{margin:22px 0 40px;gap:42px;position:relative}
.videos-page .center-controls>div{text-align:center}
.videos-page .center-controls p{font-size:15px;letter-spacing:.14em}
.videos-page .center-controls .subtle{font-size:9px;letter-spacing:.16em;margin-top:8px}
.videos-page .center-controls .button{border-radius:50%;width:46px;height:46px;min-width:46px;padding:0;font-size:27px}
#orbit-count{font-size:12px;letter-spacing:.14em;color:#ccc;position:absolute;left:calc(50% + 300px)}
.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #ffffff45;padding:24px 4px 18px}
.videos-page .archive-heading h2{font-size:32px;font-weight:500;letter-spacing:.035em;white-space:nowrap}
.videos-page .archive-heading .filters{margin:0;padding:0;border:0;gap:30px}
.videos-page .archive-heading .filters button{font-size:11px;min-height:36px;letter-spacing:.04em}
.videos-page #archive{gap:18px}
.videos-page #archive .glass{border-color:#ffffff60;border-radius:3px}
.archive-video{display:block;position:relative;width:100%;aspect-ratio:1.4;border:0;background:#101110;padding:0;text-align:left;overflow:hidden;color:#fff}
.archive-caption{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:35px 16px 15px;background:linear-gradient(transparent,#000e 45%)}
.archive-caption strong{display:block;font-size:18px;letter-spacing:.045em;font-weight:400}
.archive-caption small{display:block;font-size:10px;letter-spacing:.18em;margin-top:4px;color:#ccc}
.archive-play{width:48px;height:48px;left:calc(50% - 24px);top:calc(42% - 24px)}
.videos-page .notice-inline{font-size:9px;letter-spacing:.16em;margin:24px 0}
.videos-page footer{margin-top:24px}
.video-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#777a77,#252725 40%,#060706 80%)}
.stage-light{position:absolute;top:-50%;width:18%;height:160%;background:linear-gradient(90deg,transparent,#eeeeee50,transparent);transform:rotate(35deg);filter:blur(2px);z-index:1}
.light-one{left:18%}.light-two{right:18%;transform:rotate(-35deg);opacity:.7}
.stage-frame{position:absolute;left:12%;right:12%;top:18%;height:50%;border:4px solid #989c9855;border-bottom:0;box-shadow:0 -2px 9px #fff4}
.stage-screen{position:absolute;left:30%;right:30%;top:28%;height:30%;background:repeating-linear-gradient(90deg,#eee1 0 8px,#eee5 9px 10px);box-shadow:0 0 25px #c8c8c833}
.crowd{position:absolute;bottom:9%;left:-3%;width:106%;height:28%;display:flex;align-items:flex-end;gap:1%;z-index:2}
.crowd i{width:6%;height:70%;border-radius:45% 45% 0 0;background:#070807;box-shadow:0 -1px 2px #aaa4;position:relative}
.crowd i:before{content:'';position:absolute;width:60%;height:35%;border-radius:50%;left:20%;top:-20%;background:#070807}
.crowd i:nth-child(3n){height:95%;transform:rotate(-6deg)}.crowd i:nth-child(4n){height:45%}
.scene-console{position:absolute;left:5%;right:5%;bottom:0;height:15%;background:linear-gradient(#777,#0b0c0b 12%);transform:perspective(200px) rotateX(15deg);z-index:3}
.scene-console i{position:absolute;width:22%;height:75%;left:15%;top:5%;border-radius:50%;background:repeating-radial-gradient(ellipse,#111 0 3px,#666 4px,#111 5px)}
.scene-console i:last-child{left:auto;right:15%}
.scene-1{background:radial-gradient(ellipse at 30% 10%,#aaa,#242424 40%,#050505 80%)}
.scene-1 .stage-frame{transform:perspective(200px) rotateY(-15deg);left:6%;right:6%}.scene-1 .stage-screen{left:17%;right:17%;height:20%}
.scene-2 .stage-frame{left:5%;right:45%;transform:skewY(-8deg)}.scene-2 .stage-screen{left:10%;right:50%;height:40%}.scene-2{background:linear-gradient(170deg,#aaa 0,#454545 45%,#080808 46%)}
.scene-3 .stage-frame{border-radius:50% 50% 0 0;top:12%;height:70%;left:14%;right:14%;border-width:7px}.scene-3 .stage-screen{left:40%;right:40%;height:50%;top:18%}
.scene-4 .crowd{opacity:.45;bottom:32%}.scene-4 .scene-console{height:36%;left:-8%;right:-8%;transform:perspective(200px) rotateX(28deg) rotate(-5deg)}.scene-4 .stage-frame{opacity:.2}
.scene-5{background:linear-gradient(110deg,#555,#0a0a0a 55%,#343434)}.scene-5 .crowd,.scene-5 .stage-light{display:none}.scene-5 .stage-frame{left:10%;right:10%;height:40%;border:0;background:radial-gradient(circle at 8% 50%,#111 0 6%,#aaa 7% 9%,#111 10% 14%,transparent 15%),radial-gradient(circle at 92% 50%,#111 0 6%,#aaa 7% 9%,#111 10% 14%,transparent 15%)}.scene-5 .stage-screen{left:33%;right:33%;height:35%;top:20%;border:4px solid #444;background:repeating-linear-gradient(0deg,#111 0 4px,#ccc6 5px 6px)}.scene-5 .scene-console{height:29%}
@media(max-width:1050px){.videos-page .interior .wordmark{font-size:50px}.videos-page .brand-caption{font-size:8px;letter-spacing:.1em}.videos-page nav{gap:16px}.videos-page .orbit{height:600px}.videos-page .orbit-feature{top:150px;height:280px}.videos-page .satellite{height:130px;top:calc(50% - 65px)}.satellite-label{font-size:10px}.videos-page .archive-heading .filters{gap:20px}.videos-page .archive-heading h2{font-size:28px}.archive-caption strong{font-size:15px}#orbit-count{left:calc(50% + 260px)}}
@media(max-width:800px) and (min-width:681px){.videos-page .shell{padding:0 24px}.videos-page nav{gap:10px}.videos-page nav a{font-size:10px}.videos-page .interior .wordmark{font-size:44px}.videos-page .brand-caption{font-size:7px}.videos-page .archive-heading{align-items:flex-start;flex-direction:column;gap:12px}.videos-page .orbit-feature{width:50%;left:25%}.videos-page .featured-caption h2{font-size:23px}.videos-page .featured-caption .subtle{font-size:8px}.videos-page #archive{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.videos-page .shell{padding:0 16px}.videos-page header{min-height:122px;padding:24px 4px;gap:10px}.videos-page .interior .wordmark{font-size:44px}.videos-page .brand-caption{max-width:none;font-size:7px;letter-spacing:.1em;margin-top:9px}.videos-page .orbit{height:410px;margin:0}.videos-page .ellipse{display:none}.videos-page .orbit-feature{left:0;top:8px;width:100%;height:265px}.videos-page .orbit-feature .play{width:62px;height:62px;left:calc(50% - 31px);top:75px;font-size:24px}.videos-page .featured-caption{padding:18px}.videos-page .featured-caption h2{font-size:25px}.videos-page .featured-caption .subtle{font-size:8px;letter-spacing:.12em}.videos-page .satellite{width:136px;height:104px;left:calc(50% - 68px);top:292px}.satellite-label{font-size:9px;padding:18px 9px 9px}.satellite-label:after{width:14px;right:8px;bottom:5px}.satellite-play{width:32px;height:32px;left:calc(50% - 16px);top:22px;font-size:12px}.videos-page .center-controls{gap:16px;margin:8px 0 25px;flex-wrap:wrap}.videos-page .center-controls p{font-size:12px;letter-spacing:.1em}.videos-page .center-controls .subtle{font-size:7px;letter-spacing:.08em;margin-top:5px}.videos-page .center-controls .button{width:38px;height:38px;min-width:38px;min-height:38px}.videos-page #orbit-count{position:static;width:100%;text-align:center;font-size:10px;margin-top:-4px}.archive-heading{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 0 17px}.videos-page .archive-heading h2{font-size:29px}.videos-page .archive-heading .filters{gap:18px;flex-wrap:wrap}.videos-page .archive-heading .filters button{font-size:9px}.videos-page #archive{grid-template-columns:1fr;gap:16px}.archive-video{aspect-ratio:1.4}.archive-caption strong{font-size:20px}.archive-caption small{font-size:9px}.videos-page .notice-inline{font-size:8px;line-height:1.8;letter-spacing:.1em}.videos-page .socials{gap:20px}.videos-page footer{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.videos-page .satellite{transition:none}}

/* Carousel motion follows the ellipse rather than moving between static slots. */
.videos-page .satellite{width:20%;left:40%;height:132px;top:calc(50% - 66px);transition:border-color .2s,box-shadow .2s;will-change:transform}
.videos-page .satellite.active{border-color:var(--red);box-shadow:0 0 18px #ff002b22}
.videos-page .orbit{cursor:grab}.videos-page .orbit:active{cursor:grabbing}
@media(max-width:1050px) and (min-width:681px){.videos-page .satellite{height:116px;top:calc(50% - 58px)}}
@media(max-width:680px){.videos-page .satellite{width:136px;height:104px;left:calc(50% - 68px);top:292px}.videos-page .satellite.active{border-color:var(--red)}}
@media(prefers-reduced-motion:reduce){.videos-page .satellite{transition:none;will-change:auto}}

.video-thumb{width:100%;height:100%;object-fit:cover;display:block}
#archive-player{width:min(1000px,94vw);max-height:92vh;padding:24px;background:#090909;color:#fff;border:1px solid #444}
#archive-player::backdrop{background:#000d}
#archive-player video{width:100%;max-height:70vh;background:#000;display:block;margin-top:16px}
#archive-player .video-close{position:absolute;right:12px;top:10px;background:none;color:#fff;border:0;font-size:28px}
#archive-player h2{padding-right:32px}
@media(max-width:680px){.videos-page .archive-heading .filters button{font-size:11px;min-height:44px}.videos-page .center-controls .subtle,.videos-page .featured-caption .subtle{font-size:10px}.videos-page .center-controls .button{min-width:44px;min-height:44px}#archive-player{padding:16px}}

#archive-player{max-width:1000px}

@media(max-width:360px){.videos-page .center-controls{gap:8px}.videos-page .center-controls>div{width:calc(100% - 104px)}.videos-page .center-controls p{font-size:10px}.videos-page .center-controls .subtle{font-size:9px;line-height:1.5}}