:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:#000;min-width:20rem;margin:0}a{color:inherit}.constellation{min-height:100svh;overflow:hidden}.solar-system{--orbit-unit:clamp(.36rem, 1.05vw, .82rem);--project-size:clamp(4.3rem, 8.1vw, 7.5rem);isolation:isolate;place-items:center;width:min(100%,94rem);min-height:100svh;margin-inline:auto;display:grid;position:relative}.nucleus{z-index:2;cursor:pointer;border-radius:50%;width:clamp(7.875rem,15.75vw,14.25rem);line-height:0;display:block;position:relative}.nucleus:focus-visible{outline-offset:.75rem;outline:1px solid #ffffff8c}.nucleus img{width:100%;height:auto;display:block}.orbit{z-index:4;--radius:min(calc(var(--orbit-radius) * var(--orbit-unit)), calc((100vw - var(--project-size)) / 2 - .5rem), calc((100svh - var(--project-size)) / 2 - .5rem));width:0;height:0;animation:orbit var(--duration) linear infinite;position:absolute;top:50%;left:50%}.project{width:var(--project-size);aspect-ratio:1;color:#fff;opacity:0;pointer-events:none;transform:translate(-50%, -50%) rotate(calc(-1 * var(--angle)));animation:counter-orbit var(--duration) linear infinite;place-items:center;text-decoration:none;transition:opacity .42s;display:grid;position:absolute}.project.is-ready{opacity:1;pointer-events:auto}@media (hover:hover) and (pointer:fine){.project{cursor:grab}.project.is-dragging{cursor:grabbing}}.project__mark{background:#1a1a1a;border:1px solid #ffffff52;border-radius:50%;place-items:center;width:100%;height:100%;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;overflow:hidden;box-shadow:0 .6rem 2rem #0006}.project__mark img{width:100%;height:100%;display:block}.project[data-project-host="sentient.co.uk"] .project__mark img{transform:translateY(-4px)scale(1.05)}.project__card{z-index:3;opacity:0;pointer-events:none;text-align:center;white-space:normal;background:#000000e0;border:1px solid #ffffff3d;border-radius:1rem;gap:.35rem;width:max-content;max-width:13rem;padding:.5rem .7rem;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:calc(100% + .65rem);left:50%;transform:translate(-50%,-.4rem);box-shadow:0 .5rem 1.5rem #0000004d}.project__name{color:#fff;letter-spacing:-.02em;font-size:clamp(.67rem,1vw,.78rem);font-weight:700;line-height:1.1}.project__description{color:#ffffffb3;font-size:.68rem;font-weight:400;line-height:1.3;display:none}.project__visit{color:#000;letter-spacing:.02em;pointer-events:auto;background:#fff;border-radius:999px;justify-self:center;padding:.3rem .75rem;font-size:.63rem;font-weight:700;display:none}.project:hover .project__mark,.project:focus-visible .project__mark{border-color:#fff;transform:scale(1.1);box-shadow:0 0 0 .35rem #ffffff21,0 .75rem 2.4rem #0000008c}.project:hover .project__card,.project:focus-visible .project__card,.project.is-tapped .project__card,.project.is-dragging .project__card{opacity:1;transform:translate(-50%)}.project.is-tapped .project__description:not(:empty),.project.is-tapped .project__visit{display:block}.orbit.is-dragging{animation-play-state:paused;transform:var(--drag-position)!important}.project.is-dragging{-webkit-user-select:none;user-select:none;animation-play-state:paused;transform:translate(-50%,-50%)!important}.orbit.is-brownian{animation-play-state:paused;transform:var(--brownian-position,translate(0, 0))!important}.project.is-brownian{animation-play-state:paused;transform:translate(-50%,-50%)!important}.project:focus-visible{outline:none}@keyframes orbit{0%{transform:rotate(var(--angle)) translateX(var(--radius))}to{transform:rotate(calc(var(--angle) + 360deg)) translateX(var(--radius))}}@keyframes counter-orbit{0%{transform:translate(-50%, -50%) rotate(calc(-1 * var(--angle)))}to{transform:translate(-50%, -50%) rotate(calc(-1 * (var(--angle) + 360deg)))}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.mode-toggle{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:3;color:#fff;cursor:pointer;background:#000000b8;border:1px solid #ffffff3d;border-radius:999px;outline:none;grid-template-columns:1fr 1fr;padding:.25rem;display:grid;position:fixed}.mode-toggle:focus-visible{outline-offset:.25rem;outline:1px solid #ffffff8c}.randomise-button{bottom:max(1rem, env(safe-area-inset-bottom));right:max(1rem, env(safe-area-inset-right));z-index:3;color:#ffffffa6;cursor:pointer;background:#000000b8;border:1px solid #ffffff3d;border-radius:50%;outline:none;place-items:center;width:2.5rem;height:2.5rem;transition:color .18s,border-color .18s,transform .12s;display:grid;position:fixed}.randomise-button:hover{color:#fff;border-color:#ffffff73}.randomise-button:focus-visible{outline-offset:.25rem;outline:1px solid #ffffff8c}.randomise-button:active{transform:scale(.92)}.mode-toggle__option{z-index:1;letter-spacing:.02em;opacity:.55;border-radius:999px;padding:.4rem .75rem;font-size:.7rem;font-weight:700;transition:opacity .18s;position:relative}.mode-toggle[aria-pressed=false] .mode-toggle__option[data-mode-option=orbit],.mode-toggle[aria-pressed=true] .mode-toggle__option[data-mode-option=brownian]{opacity:1}.mode-toggle__thumb{z-index:0;background:#ffffff29;border-radius:999px;width:calc(50% - .25rem);transition:transform .22s;position:absolute;inset:.25rem auto .25rem .25rem}.mode-toggle[aria-pressed=true] .mode-toggle__thumb{transform:translate(100%)}@media (width<=700px){.solar-system{--orbit-unit:clamp(.35rem, 1.75vw, .5rem);--project-size:clamp(3.4rem, 8.1vw, 7.5rem);min-height:100svh}.nucleus{width:clamp(5.90625rem,11.8125vw,10.6875rem)}.project__card{max-width:9.5rem}.mode-toggle__option{padding:.35rem .6rem;font-size:.65rem}.randomise-button{width:2.25rem;height:2.25rem}}@media (prefers-reduced-motion:reduce){.orbit,.project{animation:none}}