:root{--acid: #f4501e;--paper: #efeee8;--ink: #11110f;--mx: 0;--my: 0}.stage{height:100dvh;width:100%;transition:transform .72s cubic-bezier(.77,0,.18,1);will-change:transform}.stage[data-state=index]{transform:translateY(-100dvh)}.panel{position:relative;width:100%;height:100dvh;overflow:hidden}.cover{color:var(--paper);background:var(--ink);isolation:isolate}.cover:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.grid{position:absolute;inset:0;z-index:-2;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:clamp(54px,6vw,96px) clamp(54px,6vw,96px);transform:translate(calc(var(--mx) * -12px),calc(var(--my) * -12px));transition:transform .16s linear;mask-image:linear-gradient(to bottom,black 0%,transparent 82%)}.cover-meta{position:absolute;inset:24px 28px auto;display:grid;grid-template-columns:1fr auto 1fr;font-size:.7rem;letter-spacing:.13em}.cover-meta span:last-child{text-align:right}.title-wrap{position:absolute;inset:50% 2.8vw auto;transform:translateY(-52%)}.eyebrow{margin:0 0 clamp(12px,2vh,24px) .7vw;font:500 clamp(.68rem,.8vw,.82rem)/1 monospace;letter-spacing:.16em;color:var(--acid)}h1{display:flex;align-items:baseline;justify-content:space-between;margin:0;font-size:clamp(6.4rem,20.8vw,25rem);font-weight:900;line-height:.67;letter-spacing:-.095em;white-space:nowrap;transform:translate(calc(var(--mx) * 8px),calc(var(--my) * 4px));transition:transform .14s linear}h1 span:last-child{margin-right:.06em}.axis{display:flex;align-items:center;gap:9px;width:42%;margin:clamp(26px,4vh,52px) 0 0 auto;color:var(--acid);font:500 .65rem/1 monospace}.axis i{height:1px;flex:1;background:currentColor;position:relative}.axis i:before{content:"";position:absolute;left:37%;top:-3px;width:7px;height:7px;border-radius:50%;background:currentColor}.field{position:absolute;width:112%;height:105%;left:-6%;top:0;z-index:-1;transform:translate(calc(var(--mx) * 18px),calc(var(--my) * 12px));transition:transform .18s linear}.field-line{fill:none;stroke:var(--acid);stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.72}.line-b{opacity:.24}.node{fill:var(--acid)}.node-a{animation:pulse 2.4s ease-in-out infinite}.cover-foot{position:absolute;inset:auto 28px 24px;display:flex;justify-content:space-between;font:.65rem/1 monospace;letter-spacing:.12em;color:#aaa9a3}.switch{position:absolute;z-index:4;border:0;background:transparent;cursor:pointer;padding:10px 18px;display:grid;justify-items:center;gap:4px}.switch span{font-size:2rem;line-height:.8;transition:transform .18s ease}.switch small{font:.58rem/1 monospace;letter-spacing:.16em;opacity:.6}.down{color:var(--paper);bottom:15px;left:50%;transform:translate(-50%)}.down:before{content:"";position:absolute;width:42px;height:42px;top:2px;border:1px solid rgba(239,238,232,.3);border-radius:50%;transition:border-color .18s,transform .18s}.down:hover:before,.down:focus-visible:before{border-color:var(--acid);transform:scale(1.12)}.down:hover span,.down:focus-visible span{transform:translateY(4px)}.index{background:var(--paper);color:var(--ink);isolation:isolate}.index:before,.index:after{content:"";position:absolute;pointer-events:none;opacity:.12}.index:before{inset:22px;border-top:1px solid var(--ink);border-right:1px solid var(--ink);width:26px;height:26px}.index:after{right:22px;bottom:22px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);width:26px;height:26px}.node-canvas{position:absolute;inset:0;z-index:-1}.field-head{position:absolute;inset:24px 28px auto;display:flex;justify-content:space-between;color:#11110f70;font:.62rem/1 monospace;letter-spacing:.13em;pointer-events:none}.node-nav{position:absolute;inset:0}.primary-node{--wake: .28;--scale: 0;--stretch-x: 0;--stretch-y: 0;--core-x: 0px;--core-y: 0px;position:absolute;left:var(--x);top:var(--y);width:clamp(80px,7.8vw,118px);aspect-ratio:1;translate:-50% -50%;transform:scaleX(calc(1 + var(--wake) * .03 + var(--scale) + var(--stretch-x))) scaleY(calc(1 + var(--wake) * .03 + var(--scale) + var(--stretch-y)));display:grid;place-items:center;color:var(--ink);text-decoration:none;border:1px solid rgba(17,17,15,calc(.38 + var(--wake) * .42));border-radius:46% 54% 51% 49%/52% 46% 54% 48%;background:rgba(239,238,232,calc(.68 + var(--wake) * .24));cursor:pointer;outline:none;transition:border-color .16s linear,background-color .16s linear,box-shadow .16s linear;animation:node-shape 11s ease-in-out infinite alternate;will-change:left,top,transform}.primary-node:nth-child(2n){animation-delay:-4s;animation-duration:13s}.primary-node:nth-child(3n){animation-delay:-7s;animation-duration:15s}.primary-node:after{content:"";position:absolute;inset:-18px;border-radius:50%}.primary-node:focus-visible{--wake: 1 !important;box-shadow:0 0 0 1px #f4501e40,0 12px 42px #11110f12}.primary-node.departing{animation:depart .36s ease-out both}.core{width:8px;height:8px;border-radius:50%;background:var(--ink);opacity:calc(.62 + var(--wake) * .38);transition:opacity .16s;transform:translate(var(--core-x),var(--core-y)) scale(calc(1 + var(--wake) * .35));box-shadow:0 0 0 4px #11110f0b}.node-copy{position:absolute;left:50%;top:calc(100% + 13px);width:max-content;display:grid;gap:4px;opacity:var(--wake);transform:translate(-50%,calc(5px - var(--wake) * 5px));text-align:center;pointer-events:none;transition:opacity .12s linear}.node-copy strong{font-size:clamp(.76rem,.9vw,.94rem);letter-spacing:.09em}.node-copy small{font:.57rem/1 monospace;letter-spacing:.1em;color:#11110f8f}.primary-node.dormant{opacity:.68}.primary-node.dormant .core{background:var(--acid);width:6px;height:6px}.field-hint{position:absolute;left:50%;bottom:27px;transform:translate(-50%);margin:0;color:#11110f66;font:.58rem/1 monospace;letter-spacing:.13em}.local-time{position:absolute;right:28px;bottom:25px;margin:0;font:.58rem/1 monospace;letter-spacing:.1em;color:#11110f7a}.up{left:16px;bottom:15px}.up:hover span,.up:focus-visible span{transform:translateY(-4px)}@keyframes pulse{50%{r:10px;opacity:.25}}@keyframes node-shape{0%{border-radius:46% 54% 51% 49%/52% 46% 54% 48%}50%{border-radius:52% 48% 45% 55%/47% 53% 49% 51%}to{border-radius:49% 51% 55% 45%/54% 45% 55% 46%}}@keyframes depart{45%{scale:.88}to{scale:1.18;opacity:.2}}@media(max-width:700px){.cover-meta{inset:max(18px,env(safe-area-inset-top)) 18px auto;grid-template-columns:1fr auto;font-size:.64rem}.cover-meta span:nth-child(2){display:none}.title-wrap{top:47%;inset-inline:18px;transform:translateY(-50%)}.eyebrow{width:auto;margin:0 0 15px 2px;font-size:.61rem;line-height:1.4;letter-spacing:.11em;white-space:nowrap}h1{display:block;font-size:clamp(5.8rem,31vw,7.6rem);line-height:.69;letter-spacing:-.085em;white-space:normal}h1 span{display:block}h1 span:last-child{margin-left:-.035em}.axis{width:61%;margin-top:26px}.cover-foot{inset:auto 18px max(91px,calc(env(safe-area-inset-bottom) + 82px));font-size:.58rem}.edition{display:none}.down{bottom:max(16px,env(safe-area-inset-bottom))}.field{width:150%;left:-28%}.field-head{inset:18px 18px auto}.field-head span:last-child{display:none}.primary-node{width:clamp(74px,22vw,92px);--wake: .42}.node-copy{top:calc(100% + 8px)}.node-copy strong{font-size:.68rem}.node-copy small{font-size:.5rem}.field-hint{display:none}.local-time{right:18px;bottom:17px}.up{left:7px;bottom:7px}}@media(max-height:650px){.primary-node{width:68px}.node-copy{top:calc(100% + 6px)}}@media(max-width:700px)and (max-height:700px){.title-wrap{top:45%}.eyebrow{margin-bottom:10px;font-size:.56rem}h1{font-size:clamp(5rem,26vw,6.3rem);line-height:.68}.axis{margin-top:18px}.cover-foot{display:none}}@media(prefers-reduced-motion:reduce){.stage{transition-duration:1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.primary-node{transition:none}}
