:root{--j-night:#15091f;--j-plum:#321743;--j-cream:#fff9f1;--j-paper:#f1e4d0;--j-pink:#f34e9a;--j-gold:#f5b942;--j-blue:#50aee8;--j-green:#70de88;--j-ink:#241537}.projectsPage{overflow-x:hidden;background:var(--j-night)}.projectsPage main{background:var(--j-night)}.projectsPage a:focus-visible,.projectsPage button:focus-visible,.projectsPage figure[tabindex]:focus-visible{outline:4px solid var(--j-blue);outline-offset:6px}
.projectHero{position:relative;min-height:880px;padding:clamp(82px,8vw,125px) clamp(24px,7vw,112px);display:grid;grid-template-columns:minmax(0,.68fr) minmax(620px,1.32fr);gap:clamp(40px,6vw,90px);align-items:center;overflow:hidden;color:var(--j-cream);background:radial-gradient(circle at 78% 43%,rgba(80,174,232,.24),transparent 30%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--j-night);background-size:auto,38px 38px,38px 38px,auto}.heroCopy{position:relative;z-index:3}.roomPlate{width:fit-content;margin:0 0 28px;padding:10px 13px;color:var(--j-ink);background:var(--j-gold);box-shadow:7px 7px 0 var(--j-pink);font:900 10px/1 monospace;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-1deg)}.heroCopy h1{margin:0;font:700 clamp(68px,8.5vw,128px)/.8 Georgia,serif;letter-spacing:-.075em}.heroCopy h1 em{display:block;margin-top:17px;color:var(--j-pink);font-size:.68em;font-weight:400}.heroCopy>p:not(.roomPlate){max-width:630px;margin:35px 0 26px;color:#ded2e4;font-size:clamp(18px,1.55vw,22px);line-height:1.6}.heroCopy>a{color:var(--j-gold);font-weight:900;text-decoration-thickness:3px;text-underline-offset:7px}.heroArtwork{position:relative;z-index:2;margin:0;isolation:isolate;outline:none}.heroArtwork:before{content:"";position:absolute;z-index:-1;inset:2% -2%;border:9px solid #08030c;background:linear-gradient(135deg,#59316a,#22102d);box-shadow:18px 22px 0 rgba(0,0,0,.35),inset 0 0 0 4px #80548e;transform:rotate(1deg)}.heroArtwork img{position:relative;width:100%;border:7px solid #08030c;filter:drop-shadow(0 0 30px rgba(80,174,232,.22));transition:transform .35s cubic-bezier(.16,.9,.25,1.3),filter .25s ease}.heroArtwork figcaption{position:absolute;z-index:5;left:-15px;bottom:-14px;padding:12px 15px;border:4px solid #08030c;color:var(--j-ink);background:var(--j-gold);box-shadow:8px 8px 0 var(--j-pink);font:900 9px/1 monospace;letter-spacing:.12em;transform:rotate(-2deg)}.artBurst{position:absolute;z-index:4;inset:0;pointer-events:none}.artBurst i{position:absolute;left:50%;top:50%;font-style:normal;font-size:clamp(30px,3vw,49px);font-weight:900;opacity:0;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 15px var(--j-pink));transform:translate(-50%,-50%) scale(.2)}.artBurst i:nth-child(1){--x:-46%;--y:-42%}.artBurst i:nth-child(2){--x:45%;--y:-41%}.artBurst i:nth-child(3){--x:-48%;--y:35%}.artBurst i:nth-child(4){--x:47%;--y:36%}.artBurst i:nth-child(5){--x:0%;--y:-49%}.artBurst i:nth-child(6){--x:0%;--y:47%}.heroArtwork:hover img,.heroArtwork:focus-visible img{transform:scale(1.035) rotate(-.5deg);filter:drop-shadow(0 0 28px var(--j-pink)) drop-shadow(0 0 52px var(--j-blue))}.heroArtwork:hover .artBurst i,.heroArtwork:focus-visible .artBurst i{animation:art-pop .72s cubic-bezier(.16,.9,.25,1.3) both}
.projectSignal{padding:19px clamp(20px,7vw,112px);display:flex;justify-content:center;gap:clamp(14px,3vw,48px);align-items:center;border-block:6px solid #08030c;color:var(--j-ink);background:repeating-linear-gradient(90deg,var(--j-pink) 0 25%,var(--j-gold) 25% 50%,var(--j-blue) 50% 75%,var(--j-green) 75%);font:900 clamp(10px,1.2vw,15px)/1 monospace;letter-spacing:.15em}.projectSignal i{font:900 22px/1 Georgia,serif}
.collaboration{padding:clamp(90px,10vw,150px) clamp(24px,7vw,112px);color:var(--j-ink);background:linear-gradient(rgba(36,21,55,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(36,21,55,.055) 1px,transparent 1px),var(--j-paper);background-size:34px 34px}.collaboration>header{max-width:950px;margin-bottom:65px}.collaboration>header p,.lessonProjector>header p,.followProject>div>p{margin:0 0 14px;color:#8b2b60;font:900 10px/1 monospace;letter-spacing:.15em;text-transform:uppercase}.collaboration h2,.lessonProjector h2,.followProject h2{margin:0;font:700 clamp(52px,6.5vw,92px)/.86 Georgia,serif;letter-spacing:-.06em}.collaboration>header>span,.lessonProjector>header>span,.followProject>div>span{display:block;max-width:820px;margin-top:26px;font-size:18px;line-height:1.65}.collaborationLine{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px;border:9px solid #08030c;background:#432354;box-shadow:17px 20px 0 rgba(36,21,55,.25)}.collaborationLine:after{content:"";position:absolute;left:4%;right:4%;bottom:-31px;height:30px;border:6px solid #08030c;background:repeating-linear-gradient(90deg,var(--j-pink) 0 36px,var(--j-gold) 36px 72px,var(--j-blue) 72px 108px)}.collaborationLine article{position:relative;min-height:430px;padding:30px;display:flex;flex-direction:column;border:5px solid #08030c;background:var(--j-cream);transition:transform .22s cubic-bezier(.16,.9,.25,1.3),box-shadow .2s ease}.collaborationLine article:hover{z-index:2;transform:translateY(-15px) rotate(-.7deg);box-shadow:12px 13px 0 var(--j-pink)}.collaborationLine article:nth-child(2):hover{transform:translateY(-15px) rotate(.7deg);box-shadow:12px 13px 0 var(--j-blue)}.collaborationLine article:nth-child(3):hover{box-shadow:12px 13px 0 var(--j-gold)}.collaborationLine i{font-style:normal;font-size:50px}.collaborationLine p{margin:30px 0 9px;color:#8b2b60;font:900 9px/1 monospace;letter-spacing:.12em;text-transform:uppercase}.collaborationLine h3{margin:0 0 18px;font:700 36px/1 Georgia,serif}.collaborationLine span{color:#66596e;line-height:1.58}.collaborationLine a{margin-top:auto;padding-top:24px;color:var(--j-ink);font-weight:900}
.lessonProjector{padding:clamp(95px,10vw,155px) clamp(24px,7vw,112px);color:var(--j-cream);background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#241130;background-size:34px 34px}.lessonProjector>header{max-width:900px;margin-bottom:58px}.lessonProjector>header p{color:var(--j-gold)}.lessonProjector>header>span{color:#d0c4d6}.projectorConsole{display:grid;grid-template-columns:minmax(330px,.56fr) minmax(660px,1.44fr);border:9px solid #08030c;background:#4a295b;box-shadow:18px 22px 0 rgba(0,0,0,.35)}.lessonControls{padding:23px;display:flex;flex-direction:column;justify-content:center;gap:15px;border-right:8px solid #08030c}.lessonControl{position:relative;min-height:150px;padding:20px 18px 20px 92px;display:flex;flex-direction:column;justify-content:center;border:5px solid #08030c;border-left:12px solid var(--j-pink);color:var(--j-cream);background:#170a20;text-align:left;cursor:pointer;transition:transform .2s cubic-bezier(.16,.9,.25,1.3),background .2s ease,box-shadow .2s ease}.lessonControl:nth-child(2){border-left-color:var(--j-gold)}.lessonControl:nth-child(3){border-left-color:var(--j-blue)}.lessonControl i{position:absolute;left:24px;font-style:normal;font:900 42px/1 Georgia,serif;color:var(--j-gold)}.lessonControl span{font:700 27px/1 Georgia,serif}.lessonControl b{margin-top:10px;color:#a995b3;font:900 8px/1 monospace;letter-spacing:.12em}.lessonControl:hover,.lessonControl:focus-visible,.lessonControl.active{z-index:2;background:#69397d;transform:translateX(13px) rotate(.4deg);box-shadow:10px 11px 0 var(--j-pink)}.lessonControl:nth-child(2):hover,.lessonControl:nth-child(2):focus-visible,.lessonControl:nth-child(2).active{box-shadow:10px 11px 0 var(--j-gold)}.lessonControl:nth-child(3):hover,.lessonControl:nth-child(3):focus-visible,.lessonControl:nth-child(3).active{box-shadow:10px 11px 0 var(--j-blue)}.projectorStage{position:relative;min-height:680px;padding:55px 45px 125px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 44%,rgba(80,174,232,.28),transparent 35%),#100617;overflow:hidden}.videoFrame{position:relative;z-index:2;aspect-ratio:16/9;border:9px solid #08030c;background:#000;box-shadow:14px 17px 0 var(--j-pink)}.videoFrame iframe{display:block;width:100%;height:100%;border:0}.projectorReadout{position:absolute;z-index:4;left:45px;right:45px;bottom:30px;padding:15px 18px;display:flex;justify-content:space-between;gap:20px;align-items:center;border:5px solid #08030c;color:var(--j-ink);background:var(--j-gold);box-shadow:8px 8px 0 var(--j-blue)}.projectorReadout span{font:900 9px/1 monospace;letter-spacing:.12em}.projectorReadout h3{margin:0;font:700 30px/1 Georgia,serif}.projectorLights{position:absolute;inset:0;pointer-events:none}.projectorLights i{position:absolute;width:24px;height:24px;border:4px solid #08030c;border-radius:50%;background:var(--j-pink);box-shadow:0 0 20px var(--j-pink)}.projectorLights i:nth-child(1){left:20px;top:20px}.projectorLights i:nth-child(2){right:20px;top:20px;background:var(--j-blue);box-shadow:0 0 20px var(--j-blue)}.projectorLights i:nth-child(3){left:20px;bottom:20px;background:var(--j-gold);box-shadow:0 0 20px var(--j-gold)}.projectorLights i:nth-child(4){right:20px;bottom:20px;background:var(--j-green);box-shadow:0 0 20px var(--j-green)}.projectorStage.changing .videoFrame,.projectorStage.changing .projectorReadout{animation:projector-in .45s cubic-bezier(.16,.9,.25,1.2)}
.projectPrinciple{position:relative;padding:clamp(120px,14vw,200px) clamp(24px,10vw,160px);overflow:hidden;color:var(--j-cream);background:radial-gradient(circle at center,rgba(243,78,154,.22),transparent 34%),var(--j-night);text-align:center}.projectPrinciple blockquote{position:relative;z-index:2;max-width:1150px;margin:auto;font:700 clamp(43px,6.5vw,88px)/1.02 Georgia,serif;letter-spacing:-.05em}.orbitWords{position:absolute;left:50%;top:50%;width:min(90vw,1100px);height:min(90vw,1100px);display:grid;place-items:start center;border:3px dashed var(--j-blue);border-radius:50%;color:var(--j-gold);font:900 11px/1 monospace;letter-spacing:.18em;transform:translate(-50%,-50%);animation:project-spin 28s linear infinite}
.followProject{padding:clamp(90px,9vw,140px) clamp(24px,7vw,112px);display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(55px,8vw,120px);align-items:center;color:var(--j-ink);border-block:9px solid #08030c;background:var(--j-pink)}.followProject>div>p{color:var(--j-ink)}.followProject>a{min-height:280px;padding:36px;display:flex;flex-direction:column;justify-content:space-between;border:9px solid var(--j-ink);color:var(--j-cream);background:var(--j-ink);box-shadow:15px 17px 0 var(--j-gold);text-decoration:none;transform:rotate(2deg);transition:transform .22s cubic-bezier(.16,.9,.25,1.3)}.followProject>a:hover,.followProject>a:focus-visible{transform:rotate(-2deg) scale(1.045)}.followProject>a span{font:700 36px/1 Georgia,serif}.followProject>a b{color:var(--j-gold);font:900 10px/1 monospace;letter-spacing:.12em}
@keyframes art-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}65%{opacity:1}100%{opacity:1;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) scale(1)}}@keyframes projector-in{0%{opacity:.2;transform:scale(.93) rotate(-1deg)}100%{opacity:1;transform:none}}@keyframes project-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}
@media(max-width:1100px){.projectHero{grid-template-columns:1fr}.heroArtwork{width:min(100%,950px);margin:auto}.collaborationLine{grid-template-columns:1fr 1fr}.collaborationLine article:last-child{grid-column:1/-1}.projectorConsole{grid-template-columns:1fr}.lessonControls{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:8px solid #08030c}.lessonControl{padding:78px 15px 17px}.lessonControl i{left:15px;top:18px}.lessonControl:hover,.lessonControl:focus-visible,.lessonControl.active{transform:translateY(-7px)}.followProject{grid-template-columns:1fr 320px}}
@media(max-width:700px){.projectHero,.collaboration,.lessonProjector,.projectPrinciple,.followProject{padding-left:20px;padding-right:20px}.projectHero{min-height:auto;padding-top:80px;padding-bottom:85px}.heroCopy h1{font-size:clamp(65px,21vw,94px)}.projectSignal{flex-wrap:wrap}.collaborationLine{grid-template-columns:1fr;padding:15px}.collaborationLine article:last-child{grid-column:auto}.lessonControls{grid-template-columns:1fr;padding:14px}.lessonControl{min-height:115px;padding:18px 15px 18px 80px}.lessonControl i{left:22px;top:auto}.projectorStage{min-height:430px;padding:45px 20px 120px}.projectorReadout{left:20px;right:20px;bottom:25px;align-items:flex-start;flex-direction:column}.projectorReadout h3{font-size:25px}.followProject{grid-template-columns:1fr}.followProject>a{min-height:230px}.orbitWords{display:none}}
@media(prefers-reduced-motion:reduce){.heroArtwork:hover .artBurst i,.heroArtwork:focus-visible .artBurst i,.projectorStage.changing .videoFrame,.projectorStage.changing .projectorReadout,.orbitWords{animation:none}.heroArtwork img,.collaborationLine article,.lessonControl,.followProject>a{transition:none}.artBurst i{display:none}}

/* Professor Unicorn project crew */
.heroArtwork .heroProfessor{position:absolute;z-index:6;right:-7%;bottom:-12%;width:34%;height:52%;object-fit:contain;border:0;filter:drop-shadow(10px 13px 0 rgba(0,0,0,.35));transform:rotate(3deg);transform-origin:center bottom;transition:transform .3s cubic-bezier(.16,.9,.25,1.3)}.heroArtwork:hover .heroProfessor,.heroArtwork:focus-visible .heroProfessor{transform:rotate(-4deg) scale(1.12);filter:drop-shadow(0 0 20px #fff) drop-shadow(0 0 35px var(--j-pink))}.collaboration>header{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(45px,7vw,100px);align-items:center}.collaboration>header>div>span{display:block;max-width:820px;margin-top:26px;font-size:18px;line-height:1.65}.collaboration>header figure{position:relative;height:350px;margin:0;display:grid;place-items:center;border:7px solid #08030c;background:#241130;box-shadow:12px 14px 0 var(--j-pink);overflow:hidden}.collaboration>header figure img{width:100%;height:330px;object-fit:contain}.collaboration>header figcaption{position:absolute;left:15px;bottom:14px;padding:10px 12px;border:4px solid #08030c;color:var(--j-ink);background:var(--j-gold);font:900 8px/1 monospace;letter-spacing:.1em}.projectorProfessor{position:absolute;z-index:4;left:-4%;bottom:92px;width:31%;height:45%;object-fit:contain;filter:drop-shadow(9px 11px 0 rgba(0,0,0,.38));pointer-events:none}.projectorStage .videoFrame{width:78%;margin-left:auto}.projectorStage.changing .projectorProfessor{animation:operator-pop .5s cubic-bezier(.16,.9,.25,1.25)}@keyframes operator-pop{0%{transform:translateY(15px) scale(.85) rotate(-3deg)}100%{transform:none}}
@media(max-width:900px){.collaboration>header{grid-template-columns:1fr}.collaboration>header figure{width:min(100%,520px)}.projectorProfessor{left:-2%;width:27%;height:38%}.projectorStage .videoFrame{width:82%}}
@media(max-width:700px){.heroArtwork .heroProfessor{right:-4%;bottom:-16%;width:42%;height:58%}.collaboration>header figure{height:310px}.collaboration>header figure img{height:290px}.projectorProfessor{position:relative;left:auto;bottom:auto;width:58%;height:220px;margin:-20px auto 15px}.projectorStage .videoFrame{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.heroArtwork .heroProfessor,.projectorStage.changing .projectorProfessor{animation:none;transition:none}}

/* Volunteer collaborator cards */
.collaborationLine .collaboratorCard{min-height:650px;outline:none}
.collaborationLine .collaboratorCard:hover,.collaborationLine .collaboratorCard:focus-visible,.collaborationLine .collaboratorCard:focus-within{z-index:2;transform:translateY(-15px) rotate(-.7deg);box-shadow:12px 13px 0 var(--j-pink)}
.collaborationLine .collaboratorCard:nth-child(2):hover,.collaborationLine .collaboratorCard:nth-child(2):focus-visible,.collaborationLine .collaboratorCard:nth-child(2):focus-within{transform:translateY(-15px) rotate(.7deg);box-shadow:12px 13px 0 var(--j-blue)}
.collaborationLine .collaboratorCard:nth-child(3):hover,.collaborationLine .collaboratorCard:nth-child(3):focus-visible,.collaborationLine .collaboratorCard:nth-child(3):focus-within{box-shadow:12px 13px 0 var(--j-gold)}
.collaborationLine .collaboratorCard:focus-visible{outline:4px solid var(--j-blue);outline-offset:7px}
.collaborationLine .collaboratorCard>p{margin-top:20px}
.collaboratorArt{position:relative;height:285px;margin:-12px -12px 0;display:grid;place-items:center;isolation:isolate;overflow:visible}
.collaboratorArt:before{content:"";position:absolute;z-index:-1;inset:5%;border-radius:50%;opacity:0;background:conic-gradient(var(--j-pink),var(--j-gold),var(--j-green),var(--j-blue),#a96cff,var(--j-pink));filter:blur(24px) saturate(1.5);transform:scale(.55);transition:opacity .2s ease,transform .35s ease}
.collaboratorArt img{position:relative;z-index:2;width:100%;height:285px;object-fit:contain;filter:drop-shadow(8px 10px 0 rgba(36,21,55,.22));transform-origin:center bottom;transition:transform .3s cubic-bezier(.16,.9,.25,1.3),filter .25s ease}
.collaboratorBurst{position:absolute;z-index:4;inset:0;pointer-events:none}
.collaborationLine .collaboratorBurst i{--bx:0px;--by:-125px;position:absolute;left:50%;top:50%;font-style:normal;font-size:31px;line-height:1;opacity:0;filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 13px var(--j-pink));transform:translate(-50%,-50%) scale(.2)}
.collaboratorBurst i:nth-child(1){--bx:-135px;--by:-95px}.collaboratorBurst i:nth-child(2){--bx:132px;--by:-105px}.collaboratorBurst i:nth-child(3){--bx:-145px;--by:72px}.collaboratorBurst i:nth-child(4){--bx:145px;--by:68px}.collaboratorBurst i:nth-child(5){--bx:-35px;--by:-145px}.collaboratorBurst i:nth-child(6){--bx:45px;--by:125px}
.collaboratorCard:hover .collaboratorArt:before,.collaboratorCard:focus-visible .collaboratorArt:before,.collaboratorCard:focus-within .collaboratorArt:before{opacity:.82;transform:scale(1.05) rotate(28deg);animation:collaborator-rainbow 2.2s linear infinite}
.collaboratorCard:hover .collaboratorArt img,.collaboratorCard:focus-visible .collaboratorArt img,.collaboratorCard:focus-within .collaboratorArt img{transform:scale(1.1) rotate(-1deg);filter:drop-shadow(0 0 17px #fff) drop-shadow(0 0 30px var(--j-pink))}
.collaboratorCard:hover .collaboratorBurst i,.collaboratorCard:focus-visible .collaboratorBurst i,.collaboratorCard:focus-within .collaboratorBurst i{animation:collaborator-pop 1.35s cubic-bezier(.16,.9,.25,1.2) infinite}
@keyframes collaborator-rainbow{to{filter:blur(24px) saturate(1.6) hue-rotate(1turn)}}
@keyframes collaborator-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}32%,72%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) scale(1.12)}}
@media(max-width:700px){.collaborationLine .collaboratorCard{min-height:610px}.collaboratorArt,.collaboratorArt img{height:265px}}
@media(prefers-reduced-motion:reduce){.collaboratorCard:hover .collaboratorArt:before,.collaboratorCard:focus-visible .collaboratorArt:before,.collaboratorCard:focus-within .collaboratorArt:before,.collaboratorCard:hover .collaboratorBurst i,.collaboratorCard:focus-visible .collaboratorBurst i,.collaboratorCard:focus-within .collaboratorBurst i{animation:none}.collaboratorArt img{transition:none}.collaboratorBurst i{display:none}}

/* Complete volunteer lesson shelf */
.channelLink{width:fit-content;margin-top:28px;padding:15px 19px;display:flex;align-items:center;gap:18px;border:4px solid #08030c;color:var(--j-ink);background:var(--j-gold);box-shadow:7px 8px 0 var(--j-pink);font-weight:900;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.channelLink:hover,.channelLink:focus-visible{transform:translateY(-5px);box-shadow:10px 12px 0 var(--j-blue)}
.projectorConsole{grid-template-columns:1fr}.lessonControls{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;border-right:0;border-bottom:8px solid #08030c}.lessonControl{min-height:112px;padding:18px 15px 17px 76px}.lessonControl:nth-child(3n+2){border-left-color:var(--j-gold)}.lessonControl:nth-child(3n){border-left-color:var(--j-blue)}.lessonControl i{left:18px;font-size:32px}.lessonControl span{font-size:clamp(20px,2vw,26px)}.lessonControl:hover,.lessonControl:focus-visible,.lessonControl.active{transform:translateY(-7px) rotate(.25deg)}.lessonControl:nth-child(3n+2):hover,.lessonControl:nth-child(3n+2):focus-visible,.lessonControl:nth-child(3n+2).active{box-shadow:10px 11px 0 var(--j-gold)}.lessonControl:nth-child(3n):hover,.lessonControl:nth-child(3n):focus-visible,.lessonControl:nth-child(3n).active{box-shadow:10px 11px 0 var(--j-blue)}
.projectorStage{min-height:720px}.projectorStage .videoFrame{width:82%}
@media(max-width:760px){.lessonControls{grid-template-columns:1fr;padding:14px}.lessonControl{min-height:105px;padding:17px 14px 17px 76px}.lessonControl i{left:20px}.projectorStage{min-height:430px}.projectorStage .videoFrame{width:100%}.channelLink{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.channelLink{transition:none}}