@media screen and (max-width:80rem){.page-portfolio .content{overflow-y:scroll}.panel-main{margin-bottom:var(--content-padding)}}.startup-tutorial{aspect-ratio:401/532;bottom:calc(var(--content-padding)*2 - 1rem);max-height:50vh;position:fixed;right:calc(var(--content-padding)*2 - 1rem);z-index:0}.startup-tutorial .title{color:var(--color-black);font-size:.8rem;letter-spacing:1px;margin-left:2rem;position:absolute;text-transform:uppercase;top:.3rem;z-index:1}.startup-tutorial .instructions{margin:3rem;position:absolute;text-align:center;top:15%;z-index:1}.startup-tutorial svg{height:auto;width:100%}@media screen and (max-width:80rem){.startup-tutorial{display:none}}.constellation-mark{height:1rem;position:absolute;width:1rem}.constellation-line{background-color:var(--color-white);height:1px;position:fixed;transform-origin:left;width:1px}#filters{display:grid;gap:.5rem;min-width:10rem;padding-bottom:var(--content-padding);position:absolute;z-index:100}@media screen and (max-width:80rem){#filters{position:relative}#filters.active{width:calc(100% - 2rem)}}.filter-groups{display:grid;gap:.5rem;max-height:calc(100svh - 13.75rem - var(--content-padding));padding:.25rem 1rem var(--content-padding) 0}@media screen and (max-width:80rem){.filter-groups{max-height:-moz-fit-content;max-height:fit-content}}.filter-group{animation-duration:.5s;animation-fill-mode:forwards;animation-name:flicker-on;background:var(--color-black);border:1px solid var(--color-white);display:grid;opacity:0;padding:1rem}.filter-group.hide{display:none}.filter-group:nth-of-type(2){animation-delay:.1s}.filter-group:nth-of-type(3){animation-delay:.2s}.filter-group:nth-of-type(4){animation-delay:.3s}.filter-item{cursor:pointer;display:inline;line-height:1;margin-bottom:.5em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.filter-item:hover{background-color:var(--color-white);color:var(--color-black)}.filter-item.active{background-color:var(--color-primary);color:var(--color-black)}.filter-svg{height:3.5rem!important;max-height:3.5rem!important}.startups-space{--orbit-duration:240s;bottom:0;left:0;position:absolute;right:0;top:0;transform-origin:50%;transform-style:preserve-3d}.startups-space:has(.current-group) .not-current-group{pointer-events:none}.startups-space:has(.current-group) .not-current-group .startup-star{opacity:.5}@media screen and (max-width:80rem){.startups-space{display:grid;gap:3px;grid-template-columns:repeat(4,1fr);padding-bottom:var(--content-padding);position:relative}.startups-space:has(.current-group) .startup-wrapper:not(.current-group){display:none}.startups-space:has(.current-group) .not-current-group{pointer-events:none}.startups-space:has(.current-group) .not-current-group .startup-star{opacity:.5}}@media screen and (max-width:60rem){.startups-space{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:52rem){.startups-space{grid-template-columns:repeat(2,1fr)}}.star-rotation{transform-origin:50%}.star-reference,.star-rotation{bottom:0;left:0;position:absolute;right:0;top:0;transform-style:preserve-3d}.star-reference{height:100%;transition:none;width:100%}.startup-wrapper{height:4rem;position:absolute;transform-origin:center center;transform-style:preserve-3d;width:4rem}.startup-wrapper.active .startup-star,.startup-wrapper:hover .startup-star{animation-duration:.15s;animation-fill-mode:forwards;animation-name:flicker-on;background-color:var(--color-primary);transform:translate(-50%,-50%) scale(1)}.startup-wrapper.active .startup-logo,.startup-wrapper:hover .startup-logo{opacity:1}.startup-wrapper.active .star-reference,.startup-wrapper:hover .star-reference{position:absolute;transform-style:preserve-3d;z-index:99999}.startup-wrapper.active{pointer-events:none}.startup-wrapper.active .startup-focus g{animation-duration:1s;animation-fill-mode:forwards;animation-name:flicker-on;transform-origin:center center}.startup-wrapper.active .startup-star{background-color:var(--color-black);border:1px solid var(--color-white);height:10rem;width:10rem}.startup-wrapper.active .startup-logo{filter:brightness(0) invert(1)}@media screen and (max-width:80rem){.startup-wrapper{aspect-ratio:1/1;border-radius:0;height:auto;position:relative;width:auto}.startup-wrapper:hover .startup-logo{filter:brightness(0)}}.startup-logo{filter:brightness(0);max-height:4rem;-o-object-fit:contain;object-fit:contain;opacity:0}@media screen and (max-width:80rem){.startup-logo{filter:brightness(0) invert(1);max-width:15rem;opacity:1;width:100%}}.startup-star{align-items:center;aspect-ratio:1/1;background-color:var(--color-white);border-radius:50%;cursor:pointer;display:flex;height:auto;justify-content:center;left:50%;padding:1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.1);transition:transform .15s ease-out;width:8rem}@media screen and (max-width:80rem){.startup-star{background-color:transparent;border:1px solid var(--color-white);border-radius:0;position:relative;transform:translate(-50%,-50%) scale(1);width:100%}}.exit .startup-star{background-color:#989898}.current-group .startup-star{background-color:var(--color-primary)}@media screen and (max-width:80rem){.current-group .startup-star{background-color:transparent}}.startup-focus{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.startup-focus path{animation:rotate 60s linear infinite;transform-origin:center}.startup-focus path:nth-child(2){animation-duration:30s}.startups-panel{background-image:url(../images/startups-panel.svg);background-size:100% 100%;margin:calc(var(--content-padding)*-1 - 1px);margin-left:0;max-width:30rem;padding:var(--content-padding);transform:translate(100%);transition:all .3s ease-out}.startups-panel.active{transform:translate(0)}@media screen and (max-width:80rem){.startups-panel{display:none;margin-left:calc(var(--content-padding)*-1 - 1px)}.page-portfolio-slug .panel-main{display:none}.page-portfolio-slug .startups-panel{background-image:none;display:block;max-width:unset}.page-portfolio-slug .startup-panel{padding-left:0}.page-portfolio-slug .panel-shape{display:none}.page-portfolio-slug .panel-inside{-webkit-mask-image:unset;mask-image:unset}.page-portfolio-slug .has-shape{aspect-ratio:unset;overflow:unset;width:100%}}@media screen and (min-width:80rem){.startups-space{animation:orbit var(--orbit-duration) linear infinite}.star-reference,.star-rotation{animation:counter-orbit var(--orbit-duration) linear infinite}}@keyframes orbit{to{transform:rotateY(1turn)}}@keyframes counter-orbit{to{transform:rotateY(-1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}
