@font-face{font-family:Machina;src:url(/fonts/NeueMachina-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:Machina;src:url(/fonts/NeueMachina-Ultrabold.otf) format("opentype");font-weight:800;font-display:swap}@font-face{font-family:Cenzo;src:url(/fonts/cenzo.ttf) format("truetype");font-display:swap}:root{--paper: #ffffff;--ink: #000000;--on-image: #ffffff;--am: #d8f23a;--arc: #f27930;--signal: #e32620;--pavo: #ffffff;--gutter: clamp(1rem, 3vw, 3rem);--gap: clamp(.4rem, .7vw, .75rem);--slant: clamp(3.5rem, 7vw, 7.5rem);--ease: cubic-bezier(.22, 1, .36, 1);--cycle: 18s;font-family:Machina,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html,body{margin:0;background:var(--paper)}body{min-width:320px;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:1rem;top:-5rem;z-index:50;background:var(--ink);color:var(--paper);padding:.8rem 1rem;text-decoration:none}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.portal{position:relative;min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;isolation:isolate}.top,.foot{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1rem,2.4vh,1.75rem) var(--gutter)}.lockup{display:block;text-decoration:none}.lockup img{height:clamp(3rem,5vw,4.4rem);width:auto}.top h1,.tagline{margin:0;font:400 clamp(.95rem,1.35vw,1.3rem)/1.2 Marcellus,"Times New Roman",serif;letter-spacing:.01em;text-align:right;text-wrap:balance}.foot p{margin:0;font-size:.75rem;line-height:1.3}.status{font-variant-numeric:tabular-nums;transition:opacity .25s}.cosmos{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.orbit{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--ink)}.orbit #orbit-path{stroke-width:1.2;opacity:.3;stroke-dasharray:2 7}.orbit .inner{stroke-width:.8;opacity:.18;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 3.2s .2s var(--ease) forwards}.traveller path{fill:var(--paper);stroke:var(--ink);stroke-width:12}.traveller path+path{stroke-width:6}.sparkle{position:absolute;fill:none;stroke:var(--ink);stroke-width:1.1;stroke-linejoin:round;animation:twinkle 6s ease-in-out infinite}.s1{width:1.4rem;top:1.7rem;left:46%}.s2{width:.8rem;top:4.3rem;left:50.5%;animation-delay:-2s}.s3{width:1rem;top:2.8rem;right:31%;animation-delay:-4s}.s4{width:1.15rem;bottom:1.5rem;left:57%;animation-delay:-3s}@keyframes twinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.4}}.doodle{position:absolute;overflow:visible;fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.constellation{width:clamp(7rem,12vw,12rem);top:clamp(1.1rem,2.6vh,1.8rem);left:21%}.constellation polyline{stroke-width:.9;opacity:.55;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.6s .5s var(--ease) forwards}.constellation .node{fill:var(--ink);stroke:none;transform-box:fill-box;transform-origin:center;animation:twinkle 5s ease-in-out infinite;animation-delay:calc(var(--n) * -.8s)}.planet{width:clamp(2.6rem,4vw,3.6rem);bottom:.65rem;left:31%}.planet circle{fill:var(--paper)}.moon{width:clamp(1.1rem,1.6vw,1.5rem);bottom:1.1rem;right:24%}.meteor{position:absolute;top:1rem;left:60%;width:6rem;height:1px;background:linear-gradient(90deg,rgb(0 0 0 / 0),var(--ink));opacity:0;animation:meteor 12s 2.5s linear infinite}@keyframes meteor{0%{opacity:0;transform:rotate(18deg) translate(-5rem)}2%{opacity:.8}7%,to{opacity:0;transform:rotate(18deg) translate(9rem)}}@keyframes draw{to{stroke-dashoffset:0}}.crop{position:absolute;inset:clamp(.25rem,1.5vh,1rem) var(--gutter);pointer-events:none}.crop i{position:absolute;width:.9rem;height:.9rem;border:0 solid var(--ink)}.crop i:nth-child(1){left:-.9rem;top:-.9rem;border-width:0 1px 1px 0}.crop i:nth-child(2){right:-.9rem;top:-.9rem;border-width:0 0 1px 1px}.crop i:nth-child(3){left:-.9rem;bottom:-.9rem;border-width:1px 1px 0 0}.crop i:nth-child(4){right:-.9rem;bottom:-.9rem;border-width:1px 0 0 1px}.stage{position:relative;z-index:1;display:flex;padding:clamp(.25rem,1.5vh,1rem) var(--gutter);min-height:0}.shards{container-type:inline-size;display:flex;width:100%;height:100%;min-height:26rem;max-height:62rem;margin:auto}.shard{--accent: var(--on-image);position:relative;flex:1 1 0;min-width:0;overflow:hidden;isolation:isolate;margin-left:calc(var(--gap) - var(--slant));clip-path:polygon(var(--slant) 0,100% 0,calc(100% - var(--slant)) 100%,0 100%);background:#1a1a1a;color:var(--on-image);text-decoration:none;outline:none;transition:flex-grow .7s var(--ease);animation:rise 1.1s calc(.35s + var(--w) * .09s) var(--ease) both}.shard:first-child{margin-left:0;clip-path:polygon(0 0,100% 0,calc(100% - var(--slant)) 100%,0 100%)}.shard:last-child{clip-path:polygon(var(--slant) 0,100% 0,100% 100%,0 100%)}.am{--accent: var(--am)}.arc{--accent: var(--arc)}.signal{--accent: var(--signal)}.pavo{--accent: var(--pavo)}.media{position:absolute;inset:0;z-index:-1;transition:filter .6s var(--ease)}.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:slide var(--cycle) linear infinite;animation-delay:calc(var(--i) * var(--cycle) / 3 - var(--cycle) - (4 - var(--w)) * .35s)}.media img:first-child{opacity:1}.media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#0000006b 58%,#000000e6)}.am .media img:first-child{object-position:30% 50%}.copy{--inset: calc(var(--slant) * .5 + clamp(.9rem, 1.6cqi, 1.75rem));position:absolute;left:var(--inset);bottom:clamp(1.25rem,3.5vh,2.25rem);width:min(calc(25cqi - var(--slant) * 1.5 - 1rem),24rem);display:grid;justify-items:start}.shard:first-child .copy{--inset: clamp(1.1rem, 2cqi, 2rem)}.mark{height:clamp(2.6rem,5.5vh,3.6rem);width:auto;margin-bottom:clamp(.8rem,2vh,1.15rem)}.arc .mark{height:clamp(3.2rem,7vh,4.6rem);margin-bottom:clamp(.6rem,1.6vh,1rem)}.signal .mark{height:clamp(2.4rem,5vh,3.2rem)}.name{display:block;font-size:clamp(1.45rem,2.9cqi,3.2rem);line-height:.95;text-wrap:balance}.am .name{font-family:Cenzo,Impact,sans-serif;font-size:clamp(1.6rem,3.3cqi,3.6rem);letter-spacing:.01em}.arc .name{font:600 clamp(1.2rem,2.25cqi,2.5rem)/1.02 Unbounded,"Arial Black",sans-serif;letter-spacing:-.02em}.signal .name{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.7rem,3.4cqi,3.8rem);letter-spacing:-.02em}.pavo .name{font:700 clamp(1.4rem,2.8cqi,3.1rem)/.98 Sora,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.04em}.period{display:inline-block;width:.2em;height:.2em;margin-left:.06em;border-radius:50%;background:var(--signal)}.note{display:block;margin-top:.65rem;font-size:clamp(.78rem,.95cqi,.92rem);line-height:1.4;max-width:30ch}.go{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;font-size:.74rem;font-weight:800;letter-spacing:.01em;padding-bottom:.3rem;background:linear-gradient(var(--accent),var(--accent)) left bottom / 1.25rem 2px no-repeat;transition:background-size .5s var(--ease)}.ticks{display:flex;gap:.3rem;margin-top:1rem}.ticks i{position:relative;width:1.4rem;height:2px;background:#ffffff59;overflow:hidden}.ticks i:after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:tick var(--cycle) linear infinite;animation-delay:calc(var(--i) * var(--cycle) / 3 - var(--cycle) - (4 - var(--w)) * .35s)}@media(hover:hover){.shard:hover{flex-grow:1.7}.shards:has(.shard:hover) .shard:not(:hover) .media{filter:grayscale(1) brightness(.72)}}.shard:focus-visible{flex-grow:1.7}.shards:has(.shard:focus-visible) .shard:not(:focus-visible) .media{filter:grayscale(1) brightness(.72)}.shard:hover .go,.shard:focus-visible .go{background-size:100% 2px}.shard:focus-visible .copy{outline:2px solid var(--on-image);outline-offset:.6rem}.shard:hover .media img,.shard:hover .ticks i:after{animation-play-state:paused}.lost{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem var(--gutter) 3rem}.lost-code{margin:0 0 1rem;font-size:.78rem;font-weight:800}.lost h1{margin:0;max-width:14ch;font:400 clamp(2.5rem,6vw,5.4rem)/1 Marcellus,"Times New Roman",serif;text-wrap:balance}.lost-note{margin:1.25rem 0 0;max-width:38ch;font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.5}.lost-worlds{list-style:none;margin:clamp(2rem,5vh,3.5rem) 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.5rem clamp(1.5rem,3.5vw,3.25rem)}.lost-world{display:grid;justify-items:center;gap:.5rem;padding:.75rem .5rem;text-decoration:none}.lost .lost-world .name{font-size:clamp(1.35rem,2.2vw,1.95rem)}.lost .lost-world.arc .name{font-size:clamp(1.05rem,1.65vw,1.45rem)}.lost .pavo{--accent: var(--ink)}.lost-world .go{margin-top:0}.lost-world:hover .go,.lost-world:focus-visible .go{background-size:100% 2px}.home{margin-top:clamp(1.75rem,4vh,2.75rem);padding:.9rem 1.5rem;border:1px solid var(--ink);border-radius:999px;font-size:.85rem;font-weight:800;text-decoration:none;transition:background-color .3s,color .3s}.home:hover,.home:focus-visible{background:var(--ink);color:var(--paper)}@keyframes rise{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:none}}@keyframes slide{0%{opacity:0;transform:scale(1.12)}4%{opacity:1}33.3%{opacity:1;transform:scale(1.02)}37.3%{opacity:0;transform:scale(1.01)}to{opacity:0;transform:scale(1.12)}}@keyframes tick{0%{transform:scaleX(0)}33.3%{transform:scaleX(1)}33.31%,to{transform:scaleX(0)}}@media(max-width:1099px){:root{--slant: clamp(2.5rem, 6vw, 3.5rem)}.portal{grid-template-rows:auto auto auto}.shards{display:grid;grid-template-columns:1fr 1fr;row-gap:var(--gap);max-height:none;min-height:0}.shard{height:max(19rem,calc((100svh - 13.5rem)/2));flex:none}.shard,.shard:nth-child(odd),.shard:nth-child(2n){margin-left:0}.shard:nth-child(odd){clip-path:polygon(0 0,100% 0,calc(100% - var(--slant)) 100%,0 100%);margin-right:calc(var(--gap) - var(--slant))}.shard:nth-child(2n){clip-path:polygon(var(--slant) 0,100% 0,100% 100%,0 100%)}.copy{width:calc(50cqi - var(--slant) * 1.5 - 2.5rem)}.shard:nth-child(odd) .copy{--inset: clamp(1.1rem, 2.5cqi, 2rem)}.name{font-size:clamp(1.6rem,5cqi,2.8rem)}.am .name{font-size:clamp(1.8rem,5.6cqi,3.1rem)}.arc .name{font-size:clamp(1.25rem,3.8cqi,2.1rem)}.signal .name{font-size:clamp(1.9rem,5.8cqi,3.2rem)}.pavo .name{font-size:clamp(1.5rem,4.6cqi,2.6rem)}.note{font-size:.82rem}.constellation{left:24%;width:7rem}.planet{left:36%}}@media(max-width:699px){:root{--slant: 1.75rem;--gap: .35rem}.top{padding-block:1rem .75rem}.lockup img{height:2.4rem}.top h1{font-size:.9rem;max-width:13ch}.stage{padding-inline:.75rem}.shards{grid-template-columns:1fr}.shard,.shard:nth-child(odd),.shard:nth-child(2n){height:clamp(10.5rem,calc((100svh - 9.25rem) / 4 + var(--slant) * .75),15rem);margin:calc(var(--gap) - var(--slant)) 0 0;clip-path:polygon(0 var(--slant),100% 0,100% calc(100% - var(--slant)),0 100%)}.shard:first-child{margin-top:0;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--slant)),0 100%)}.shard:last-child{clip-path:polygon(0 var(--slant),100% 0,100% 100%,0 100%)}.shard:first-child,.shard:last-child{height:clamp(9.5rem,calc((100svh - 9.25rem) / 4 + var(--slant) * .25),14rem)}.media:after{background:linear-gradient(90deg,#000000db,#0000008c 55%,#00000026)}.copy,.shard:nth-child(odd) .copy,.shard:first-child .copy{--inset: 1.1rem;left:1.1rem;bottom:calc(var(--slant) * .5 + .9rem);width:calc(100% - 2.2rem);grid-template-columns:auto 1fr;column-gap:.85rem;align-items:center}.shard:last-child .copy{bottom:1rem}.mark,.arc .mark,.signal .mark{grid-row:span 2;height:2.9rem;margin:0}.arc .mark{height:3.4rem}.name,.am .name,.arc .name,.signal .name,.pavo .name{font-size:clamp(1.35rem,6.6vw,1.9rem)}.arc .name{font-size:clamp(1.05rem,5vw,1.4rem)}.note{margin-top:.3rem;font-size:.76rem;max-width:34ch}.copy>:not(.mark){grid-column:2}.pavo .copy>*{grid-column:1 / -1}.go{margin-top:.45rem;padding-bottom:.2rem}.ticks{position:absolute;right:0;top:-1.2rem;margin:0}.ticks i{width:1rem}.foot{padding-block:.9rem 1.1rem}.status{display:none}.s1{left:46%;top:1.4rem}.s2{left:52%;top:3.2rem}.s3{display:none}.s4{left:70%;bottom:1.1rem}.constellation,.planet,.meteor{display:none}.moon{right:1.25rem;bottom:1.2rem}.crop{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.media img:not(:first-child),.ticks,.traveller,.meteor{display:none}.orbit .inner,.constellation polyline{stroke-dashoffset:0}}.foot-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.5rem}.legal-links{display:flex;gap:1rem;font-size:.75rem}.legal-links a{text-decoration:none}.legal-links a:hover,.legal-links a:focus-visible{text-decoration:underline}.legal-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}.legal-shell .home{margin-top:0}.legal{width:100%;max-width:44rem;margin:0 auto;padding:clamp(2rem,6vh,4rem) var(--gutter) 5rem}.legal h1{margin:0 0 .75rem;font:400 clamp(2.4rem,5vw,3.6rem)/1.05 Marcellus,"Times New Roman",serif}.legal h2{margin:2.5rem 0 .6rem;font:400 1.45rem/1.2 Marcellus,Times New Roman,serif}.legal p,.legal li{font-size:1rem;line-height:1.7}.legal a{text-underline-offset:.2em}.legal-page__meta{font-size:.8rem;font-weight:800}