:root{--o-night:#15091f;--o-plum:#321743;--o-cream:#fff9f1;--o-paper:#f1e4d0;--o-pink:#f34e9a;--o-gold:#f5b942;--o-blue:#50aee8;--o-green:#70de88;--o-ink:#241537}.organizationsPage{overflow-x:hidden;background:var(--o-paper)}.organizationsPage main{background:var(--o-paper)}.organizationsPage a:focus-visible,.organizationsPage button:focus-visible{outline:3px solid var(--o-blue);outline-offset:5px}
.dockHero{position:relative;min-height:860px;padding:clamp(85px,8vw,130px) clamp(24px,7vw,112px);display:grid;grid-template-columns:minmax(0,.72fr) minmax(600px,1.28fr);gap:clamp(36px,5vw,80px);align-items:center;overflow:hidden;color:var(--o-cream);background:radial-gradient(circle at 82% 40%,rgba(80,174,232,.22),transparent 28%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--o-night);background-size:auto,38px 38px,38px 38px,auto}.dockHero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;border-block:5px solid #08030c;background:repeating-linear-gradient(90deg,var(--o-pink) 0 42px,var(--o-gold) 42px 84px,var(--o-blue) 84px 126px)}.dockCopy{position:relative;z-index:3}.roomPlate{width:fit-content;margin:0 0 27px;padding:9px 12px;color:var(--o-ink);background:var(--o-gold);box-shadow:6px 6px 0 var(--o-pink);font:900 10px/1 monospace;letter-spacing:.15em;text-transform:uppercase;transform:rotate(-1deg)}.dockCopy h1{margin:0;font:700 clamp(61px,7.3vw,108px)/.82 Georgia,serif;letter-spacing:-.068em}.dockCopy h1 em{display:block;margin-top:15px;color:var(--o-pink);font-size:.64em;font-weight:400;line-height:.92}.dockCopy>p:not(.roomPlate){max-width:650px;margin:34px 0 28px;color:#ded2e4;font-size:clamp(18px,1.6vw,22px);line-height:1.58}.audienceTicker{display:flex;flex-wrap:wrap;gap:8px}.audienceTicker span{padding:8px 10px;border:2px solid rgba(255,255,255,.22);color:#cfc2d5;background:#24112f;font:800 9px/1 monospace;letter-spacing:.08em}.dockMachine{position:relative;z-index:2;margin:0;isolation:isolate;outline:none}.dockMachine:before{content:"";position:absolute;z-index:-1;inset:3% -2%;border:8px solid #08030c;background:linear-gradient(135deg,#573068,#24122f);box-shadow:17px 21px 0 rgba(0,0,0,.3),inset 0 0 0 4px #80548e;transform:rotate(1deg)}.dockMachine img{position:relative;width:100%;border:6px solid #08030c;filter:drop-shadow(0 0 30px rgba(80,174,232,.25));transition:transform .35s cubic-bezier(.16,.9,.25,1.3),filter .25s ease}.dockMachine figcaption{position:absolute;z-index:5;left:-15px;bottom:-14px;padding:11px 14px;border:4px solid #08030c;color:var(--o-ink);background:var(--o-gold);box-shadow:7px 7px 0 var(--o-pink);font:900 9px/1 monospace;letter-spacing:.12em;transform:rotate(-2deg)}.dockBurst{position:absolute;z-index:4;inset:0;pointer-events:none}.dockBurst:before{content:"";position:absolute;inset:5%;border-radius:50%;background:conic-gradient(#ff4fa0,#ffd34e,#75ff83,#49c9ff,#ab6cff,#ff4fa0);filter:blur(25px);opacity:0}.dockBurst i{position:absolute;left:50%;top:50%;font-style:normal;font-size:clamp(28px,3vw,48px);opacity:0;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 15px var(--o-pink));transform:translate(-50%,-50%) scale(.2)}.dockBurst i:nth-child(1){--x:-43%;--y:-42%}.dockBurst i:nth-child(2){--x:43%;--y:-40%}.dockBurst i:nth-child(3){--x:-47%;--y:34%}.dockBurst i:nth-child(4){--x:46%;--y:36%}.dockBurst i:nth-child(5){--x:0%;--y:-48%}.dockBurst i:nth-child(6){--x:0%;--y:45%}.dockMachine:hover img,.dockMachine:focus-visible img{transform:scale(1.04) rotate(-.5deg);filter:drop-shadow(0 0 28px var(--o-pink)) drop-shadow(0 0 55px var(--o-blue))}.dockMachine:hover .dockBurst:before,.dockMachine:focus-visible .dockBurst:before{animation:dock-rainbow 2.7s linear infinite}.dockMachine:hover .dockBurst i,.dockMachine:focus-visible .dockBurst i{animation:dock-pop .72s cubic-bezier(.16,.9,.25,1.3) both}
.routingFloor{padding:clamp(80px,9vw,135px) clamp(24px,7vw,112px);color:var(--o-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}.routingFloor>header{max-width:900px;margin-bottom:50px}.routingFloor>header p,.scopeCopy>p,.orgContact>div>p{margin:0 0 13px;color:var(--o-gold);font:900 10px/1 monospace;letter-spacing:.15em;text-transform:uppercase}.routingFloor h2,.scopeMachine h2,.orgContact h2{margin:0;font:700 clamp(48px,6vw,82px)/.9 Georgia,serif;letter-spacing:-.055em}.routeConsole{display:grid;grid-template-columns:minmax(570px,1.25fr) minmax(380px,.75fr);border:9px solid #08030c;background:#4a295b;box-shadow:18px 22px 0 rgba(0,0,0,.3),inset 0 0 0 4px #805c90}.routeButtons{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;border-right:8px solid #08030c}.routeButton{position:relative;min-height:180px;padding:24px 80px 24px 22px;border:5px solid #08030c;border-bottom:11px solid var(--o-pink);color:var(--o-ink);background:var(--o-cream);text-align:left;cursor:pointer;overflow:visible;transition:transform .2s cubic-bezier(.16,.9,.25,1.3),box-shadow .2s ease}.routeButton:nth-child(even){border-bottom-color:var(--o-gold)}.routeButton:nth-child(3),.routeButton:nth-child(5){border-bottom-color:var(--o-blue)}.routeButton>span{display:block;margin-bottom:27px;font-size:34px}.routeButton>b{display:block;font:700 25px/1 Georgia,serif}.routeButton>i{position:absolute;left:50%;top:50%;font-style:normal;font-size:34px;opacity:0;pointer-events:none}.routeButton>i:nth-of-type(1){--x:-125px;--y:-92px}.routeButton>i:nth-of-type(2){--x:110px;--y:-90px}.routeButton>i:nth-of-type(3){--x:115px;--y:80px}.routeButton:hover,.routeButton:focus-visible,.routeButton.active{z-index:2;transform:translateY(-8px) rotate(-.5deg);box-shadow:10px 12px 0 var(--o-pink),0 0 35px rgba(255,255,255,.45)}.routeButton:nth-child(even):hover,.routeButton:nth-child(even):focus-visible,.routeButton:nth-child(even).active{transform:translateY(-8px) rotate(.5deg);box-shadow:10px 12px 0 var(--o-gold),0 0 35px rgba(255,255,255,.45)}.routeButton:hover>i,.routeButton:focus-visible>i{animation:route-pop .62s cubic-bezier(.16,.9,.25,1.3) both}.routeReadout{position:relative;min-height:620px;padding:225px 45px 45px;display:flex;flex-direction:column;color:var(--o-cream);background:radial-gradient(circle at 50% 19%,rgba(80,174,232,.36),transparent 20%),#120719}.routeGauge{--route-angle:-65deg;position:absolute;left:50%;top:45px;width:230px;height:145px;overflow:hidden;border:8px solid #08030c;border-radius:150px 150px 15px 15px;background:var(--o-gold);transform:translateX(-50%)}.routeGauge i{position:absolute;left:50%;bottom:0;width:8px;height:95px;background:var(--o-ink);transform:translateX(-50%) rotate(var(--route-angle));transform-origin:bottom;transition:transform .35s cubic-bezier(.16,.9,.25,1.3)}.routeReadout>p{margin:0 0 13px;color:var(--o-gold);font:900 9px/1 monospace;letter-spacing:.13em;text-transform:uppercase}.routeReadout h3{margin:0 0 22px;font:700 clamp(40px,4vw,61px)/.92 Georgia,serif;letter-spacing:-.045em}.routeReadout>span{color:#d0c4d6;font-size:18px;line-height:1.62}.routeReadout>b{margin-top:auto;padding:16px;border:4px solid #08030c;color:var(--o-ink);background:var(--o-blue);box-shadow:8px 8px 0 var(--o-pink);font:900 10px/1 monospace;letter-spacing:.12em}.routeReadout.routeChanged h3,.routeReadout.routeChanged>span{animation:readout-in .32s ease both}
.orgContact{padding:75px clamp(24px,7vw,112px);display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:clamp(30px,5vw,75px);align-items:center;color:var(--o-cream);background:var(--o-night)}.orgContact>div>span{display:block;max-width:720px;margin-top:18px;color:#d0c4d6;line-height:1.6}.orgContact>a{padding:18px 22px;border:5px solid #08030c;color:var(--o-ink);background:var(--o-gold);box-shadow:9px 9px 0 var(--o-pink);font-weight:900;text-decoration:none}.cargoTube{position:relative;width:165px;height:180px;display:grid;place-items:center;border:9px solid #08030c;border-radius:90px 90px 16px 16px;background:radial-gradient(circle,var(--o-gold) 0 18%,var(--o-blue) 19% 34%,#462457 35% 58%,#16081e 59%)}.cargoTube span{font-size:48px}.cargoTube i{position:absolute;left:50%;bottom:-45px;width:38px;height:55px;border:8px solid #08030c;border-top:0;background:var(--o-pink);transform:translateX(-50%)}
@keyframes dock-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 dock-rainbow{0%{opacity:0;transform:scale(.55) rotate(0)}30%{opacity:.72}100%{opacity:.68;transform:scale(1.1) rotate(1turn)}}@keyframes route-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}100%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}}@keyframes readout-in{0%{opacity:.15;transform:translateY(12px)}100%{opacity:1;transform:none}}
@media(max-width:1100px){.dockHero{grid-template-columns:1fr}.dockMachine{width:min(100%,950px);margin:auto}.routeConsole{grid-template-columns:1fr}.routeButtons{border-right:0;border-bottom:8px solid #08030c}.routeReadout{min-height:520px}.orgContact{grid-template-columns:150px 1fr}.orgContact>a{grid-column:2;justify-self:start}}
@media(max-width:700px){.dockHero{min-height:auto;padding:82px 20px 75px}.dockCopy h1{font-size:clamp(58px,17vw,82px)}.routingFloor,.orgContact{padding-left:20px;padding-right:20px}.routeButtons{grid-template-columns:1fr;padding:15px}.routeButton{min-height:145px}.orgContact{grid-template-columns:1fr}.orgContact>a{grid-column:auto}.cargoTube{width:130px;height:140px}}
@media(prefers-reduced-motion:reduce){.dockMachine img,.routeButton,.routeGauge i{transition:none}.dockMachine:hover .dockBurst:before,.dockMachine:focus-visible .dockBurst:before,.dockMachine:hover .dockBurst i,.dockMachine:focus-visible .dockBurst i,.routeButton:hover>i,.routeButton:focus-visible>i,.routeReadout.routeChanged h3,.routeReadout.routeChanged>span{animation:none}.dockMachine:hover .dockBurst i,.dockMachine:focus-visible .dockBurst i,.routeButton:hover>i,.routeButton:focus-visible>i{opacity:0}}

/* Professor Unicorn route operator */
.routeReadout{min-height:780px;padding-top:430px}.routeProfessor{position:absolute;left:20px;right:20px;top:18px;height:350px;margin:0;display:grid;place-items:center;isolation:isolate}.routeProfessor:before{content:"";position:absolute;z-index:-1;width:285px;height:285px;border:3px dashed var(--o-blue);border-radius:50%;background:radial-gradient(circle,rgba(80,174,232,.3),transparent 66%);box-shadow:0 0 45px rgba(80,174,232,.28);animation:professor-orbit 17s linear infinite}.routeProfessor img{position:relative;z-index:2;width:100%;height:340px;object-fit:contain;filter:drop-shadow(10px 13px 0 rgba(0,0,0,.27));transform-origin:center bottom;transition:transform .3s cubic-bezier(.16,.9,.25,1.3),filter .25s ease}.routeProfessor.changing img{animation:professor-switch .42s cubic-bezier(.16,.9,.25,1.25)}.professorRainbow{position:absolute;z-index:4;inset:0;pointer-events:none}.professorRainbow:before{content:"";position:absolute;inset:4%;border-radius:50%;background:conic-gradient(#ff4fa0,#ffd34e,#75ff83,#49c9ff,#ab6cff,#ff4fa0);filter:blur(22px);opacity:0}.professorRainbow i{position:absolute;left:50%;top:50%;font-style:normal;font-size:34px;opacity:0;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 14px var(--o-pink));transform:translate(-50%,-50%) scale(.2)}.professorRainbow i:nth-child(1){--px:-145px;--py:-115px}.professorRainbow i:nth-child(2){--px:145px;--py:-108px}.professorRainbow i:nth-child(3){--px:-155px;--py:98px}.professorRainbow i:nth-child(4){--px:155px;--py:105px}.professorRainbow i:nth-child(5){--px:0px;--py:-155px}.routeProfessor.changing img{transform:scale(1.09);filter:drop-shadow(10px 13px 0 rgba(0,0,0,.27)) drop-shadow(0 0 24px rgba(255,255,255,.72))}.routeProfessor.changing .professorRainbow:before{animation:professor-rainbow 1.8s linear both}.routeProfessor.changing .professorRainbow i{animation:professor-burst .72s cubic-bezier(.16,.9,.25,1.3) both}.routeProfessor.changing .professorRainbow i:nth-child(even){animation-delay:.06s}.routeGauge{top:342px;width:150px;height:82px;border-width:6px;border-radius:100px 100px 10px 10px}.routeGauge i{height:56px}.routeReadout.routeChanged .routeProfessor img{transform:scale(1.09)}
@keyframes professor-orbit{to{transform:rotate(1turn)}}@keyframes professor-switch{0%{opacity:.2;transform:translateY(14px) scale(.86) rotate(-2deg)}100%{opacity:1;transform:scale(1.09)}}@keyframes professor-rainbow{0%{opacity:0;transform:scale(.55)}35%{opacity:.7}100%{opacity:0;transform:scale(1.05) rotate(270deg)}}@keyframes professor-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}60%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py))) scale(1)}}
@media(max-width:1100px){.routeReadout{min-height:760px}.routeProfessor{height:340px}.routeProfessor img{height:330px}}
@media(max-width:700px){.routeReadout{min-height:720px;padding:390px 25px 30px}.routeProfessor{left:8px;right:8px;height:310px}.routeProfessor img{height:300px}.routeProfessor:before{width:245px;height:245px}.routeGauge{top:310px}}
@media(prefers-reduced-motion:reduce){.routeProfessor:before,.routeProfessor.changing img,.routeProfessor.changing .professorRainbow:before,.routeProfessor.changing .professorRainbow i{animation:none}.routeProfessor img{transition:none}.routeProfessor.changing .professorRainbow:before{opacity:.5;transform:scale(1)}.routeProfessor.changing .professorRainbow i{opacity:0}}
