.group-page{background:#010207}
.group-page #space{opacity:.82}
.group-main{position:relative;z-index:5}
.group-section{position:relative;min-height:100svh;padding:calc(var(--header-h) + 58px) var(--pad-x) 80px}
.group-intro{display:grid;place-items:center;text-align:center;overflow:hidden}
.group-intro::after{content:"";position:absolute;left:50%;top:52%;width:min(76vw,960px);height:min(76vw,960px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(64,113,225,.08),transparent 60%);filter:blur(28px);pointer-events:none}
.section-index{font-size:8px;letter-spacing:.42em;color:rgba(225,233,255,.40);margin-bottom:24px}
.group-intro h1{position:relative;z-index:2;margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(58px,9vw,142px);line-height:.82;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 0 42px rgba(110,160,255,.07)}
.group-intro h1 span{display:block}
.group-intro p{position:relative;z-index:2;max-width:620px;margin:30px auto 0;font-size:11px;line-height:1.9;letter-spacing:.10em;color:rgba(235,240,255,.58)}
.scroll-mark{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.25em;color:rgba(255,255,255,.30)}
.scroll-mark::after{content:"";display:block;width:1px;height:46px;margin:12px auto 0;background:linear-gradient(rgba(255,255,255,.36),transparent)}

.network-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);align-items:center;gap:5vw;overflow:hidden}
.network-copy{align-self:center}
.network-copy h2,.world-copy h2,.closing h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;text-transform:uppercase}
.network-copy h2{font-size:clamp(42px,5.8vw,82px);line-height:.9;letter-spacing:-.04em}
.network-copy p{max-width:420px;margin-top:25px;font-size:11px;line-height:1.85;letter-spacing:.09em;color:rgba(235,240,255,.55)}
.network{position:relative;width:min(62vw,760px);aspect-ratio:1;margin:auto;perspective:1100px}
.network::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(69,126,255,.08),transparent 63%);filter:blur(26px)}
.net-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.net-lines line{stroke:rgba(151,192,255,.18);stroke-width:.35;vector-effect:non-scaling-stroke;transition:stroke .35s,stroke-width .35s,filter .35s}
.net-lines line.active{stroke:rgba(194,220,255,.78);stroke-width:1.15;filter:drop-shadow(0 0 6px rgba(104,173,255,.65))}
.node{position:absolute;z-index:8;transform:translate(-50%,-50%);display:grid;place-items:center;border:0;background:none;color:#fff;cursor:pointer}
.node-orb{position:relative;display:grid;place-items:center;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff 0 2%,var(--light) 7%,var(--mid) 26%,var(--deep) 61%,#010207 83%);box-shadow:inset -14px -12px 20px rgba(0,0,0,.68),0 0 2px rgba(255,255,255,.8),0 0 20px var(--glow),0 0 60px color-mix(in srgb,var(--glow) 45%,transparent);transition:transform .35s,filter .35s,box-shadow .35s}
.node-orb::before{content:"";position:absolute;inset:-10%;border-radius:50%;background:repeating-linear-gradient(108deg,rgba(255,255,255,.09) 0 1px,transparent 2px 10px);mix-blend-mode:overlay;opacity:.45;animation:nodeSpin 22s linear infinite}
@keyframes nodeSpin{to{transform:rotate(360deg)}}
.node strong{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.16em;white-space:nowrap;font-weight:500;color:rgba(247,249,255,.80);text-shadow:0 0 12px #000}
.node small{display:block;margin-top:4px;font-size:7px;letter-spacing:.07em;color:rgba(235,240,255,.45)}
.node:hover .node-orb,.node.active .node-orb{transform:scale(1.12);filter:brightness(1.22);box-shadow:inset -14px -12px 20px rgba(0,0,0,.60),0 0 3px #fff,0 0 30px var(--glow),0 0 100px color-mix(in srgb,var(--glow) 65%,transparent)}
.node.center{left:50%;top:50%;--size:124px;--light:#a8d9ff;--mid:#225a98;--deep:#06152c;--glow:#529cff;z-index:12}
.node.ara{left:50%;top:15%;--size:78px;--light:#75c6ff;--mid:#1e5b92;--deep:#06182e;--glow:#45a8ff}
.node.akenm{left:17%;top:50%;--size:68px;--light:#c18cff;--mid:#633393;--deep:#1d092f;--glow:#9a5dff}
.node.tikoonz{left:83%;top:50%;--size:82px;--light:#ffc36d;--mid:#9b5620;--deep:#301404;--glow:#ff9c3e}
.node.ourbang{left:50%;top:85%;--size:72px;--light:#6df1e4;--mid:#25877f;--deep:#062a26;--glow:#45d9cc}

.satellites{position:absolute;inset:0;pointer-events:none}.satellites .satellite{pointer-events:auto}
.satellite{position:absolute;z-index:15;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(3,7,16,.72);backdrop-filter:blur(9px);font-size:7px;letter-spacing:.12em;color:rgba(245,248,255,.72);opacity:0;transform:scale(.82);transition:.35s}
.satellite.show{opacity:1;transform:scale(1)}
.s-ara1{left:58%;top:3%}.s-ara2{left:64%;top:13%}.s-ara3{left:61%;top:23%}
.s-tik1{right:3%;top:31%}.s-tik2{right:-2%;top:42%}.s-tik4{right:-4%;top:53%}.s-tik3{right:2%;top:64%}
.node-info{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);width:min(88%,620px);text-align:center;font-size:9px;line-height:1.7;letter-spacing:.09em;color:rgba(235,240,255,.52);min-height:34px}

.worlds{padding-top:calc(var(--header-h) + 80px)}
.world{min-height:86svh;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7vw;border-top:1px solid rgba(255,255,255,.055);position:relative}
.world-visual{position:relative;min-height:520px;display:grid;place-items:center}
.world-orb{position:relative;width:min(28vw,340px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 31% 25%,#fff 0 1.5%,var(--light) 5%,var(--mid) 25%,var(--deep) 60%,#010207 83%);box-shadow:inset -45px -35px 55px rgba(0,0,0,.74),inset 20px 10px 35px rgba(255,255,255,.08),0 0 3px rgba(255,255,255,.75),0 0 48px var(--glow),0 0 160px color-mix(in srgb,var(--glow) 35%,transparent)}
.world-orb::before{content:"";position:absolute;inset:-9%;border-radius:50%;background:repeating-radial-gradient(ellipse at 45% 48%,rgba(255,255,255,.10) 0 2px,transparent 3px 13px),repeating-linear-gradient(112deg,rgba(255,255,255,.07) 0 2px,transparent 3px 17px);opacity:.5;mix-blend-mode:overlay;animation:worldSpin 32s linear infinite}
@keyframes worldSpin{to{transform:rotate(360deg) translateX(3%)}}
.world-orb::after{content:"";position:absolute;inset:-20%;border:1px solid color-mix(in srgb,var(--glow) 25%,transparent);border-radius:50%;transform:rotateX(69deg);box-shadow:0 0 22px color-mix(in srgb,var(--glow) 14%,transparent)}
.world-copy .num{font-size:8px;letter-spacing:.34em;color:rgba(255,255,255,.32);margin-bottom:20px}
.world-copy h2{font-size:clamp(46px,6vw,86px);line-height:.9;letter-spacing:-.04em}
.world-copy .tag{margin-top:15px;font-size:9px;letter-spacing:.22em;color:var(--accent)}
.world-copy p{max-width:540px;margin-top:26px;font-size:11px;line-height:1.9;letter-spacing:.075em;color:rgba(235,240,255,.57)}
.world-copy a{display:inline-flex;margin-top:26px;align-items:center;gap:12px;font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.72)}
.world-copy a::after{content:"→";font-size:15px;color:var(--accent)}
.w-ara{--light:#83ceff;--mid:#225f94;--deep:#061a31;--glow:#4db1ff;--accent:#7ccaff}
.w-akenm{--light:#c894ff;--mid:#64358e;--deep:#1c092d;--glow:#9f64ff;--accent:#bf8aff}
.w-tikoonz{--light:#ffca78;--mid:#9e5a22;--deep:#301604;--glow:#ffa33f;--accent:#f1b566}
.w-ourbang{--light:#72f2e7;--mid:#268a82;--deep:#062a27;--glow:#48ddd0;--accent:#70e8dd}

.closing{min-height:88svh;display:grid;place-items:center;text-align:center;border-top:1px solid rgba(255,255,255,.055)}
.closing-inner{position:relative}
.closing-glow{position:absolute;left:50%;top:50%;width:340px;height:340px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(73,132,255,.16),transparent 65%);filter:blur(24px)}
.closing h2{position:relative;font-size:clamp(58px,8vw,120px);line-height:.84;letter-spacing:-.05em}
.closing h2 span{display:block}
.closing a{position:relative;display:inline-flex;margin-top:36px;align-items:center;gap:14px;font-size:9px;letter-spacing:.22em;color:#e8c284}
.closing a::before{content:"›";display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(232,194,132,.55);border-radius:50%;font-size:18px}

@media(max-width:980px){
 .network-section{grid-template-columns:1fr;align-content:center}.network-copy{text-align:center}.network-copy p{margin-left:auto;margin-right:auto}.network{width:min(88vw,690px)}
 .world{grid-template-columns:1fr;gap:0;padding:90px 0}.world:nth-child(even) .world-visual{order:0}.world-visual{min-height:400px}.world-copy{text-align:center}.world-copy p{margin-left:auto;margin-right:auto}.world-orb{width:min(42vw,300px)}
}
@media(min-width:981px){.world:nth-child(even) .world-visual{order:2}.world:nth-child(even) .world-copy{order:1}}
@media(max-width:620px){
 .group-section{padding-left:22px;padding-right:22px}.group-intro h1{font-size:clamp(52px,17vw,78px)}.group-intro p{font-size:9px;max-width:320px}
 .network-copy h2{font-size:48px}.network{width:104vw;margin-left:-8vw}.node.center{--size:86px}.node.ara{--size:56px}.node.akenm{--size:51px}.node.tikoonz{--size:60px}.node.ourbang{--size:54px}.node strong{font-size:7px}.node small{display:none}
 .satellite{font-size:6px;padding:6px 8px}.node-info{font-size:7px;bottom:-1%}
 .world{min-height:auto;padding:90px 0}.world-visual{min-height:320px}.world-orb{width:58vw}.world-copy h2{font-size:50px}.world-copy p{font-size:9px}.closing h2{font-size:clamp(52px,15vw,74px)}
}
@media(prefers-reduced-motion:reduce){.node-orb::before,.world-orb::before{animation:none}}

/* v6 — four strong independent worlds */
.network{width:min(64vw,800px)}
.node{transition:opacity .35s}
.node-orb{overflow:hidden}
.node-orb:after{content:"";position:absolute;inset:-14%;border-radius:50%;background:linear-gradient(90deg,transparent 15%,rgba(255,255,255,.12) 44%,transparent 68%);mix-blend-mode:screen;animation:surfaceDrift 11s linear infinite}
@keyframes surfaceDrift{to{transform:translateX(45%) rotate(18deg)}}
.node.center .node-orb{box-shadow:inset -22px -18px 30px rgba(0,0,0,.72),0 0 3px #fff,0 0 35px #529cff,0 0 115px rgba(82,156,255,.25)}
.node.ara .node-orb,.node.akenm .node-orb,.node.tikoonz .node-orb,.node.ourbang .node-orb{border:1px solid rgba(255,255,255,.18)}
.node:hover{z-index:30}
.node:hover .node-orb,.node.active .node-orb{transform:scale(1.20)}
.node:hover strong,.node.active strong{color:#fff}

.world-system{position:absolute;inset:0;z-index:20;pointer-events:none}
.world-item{
 position:absolute;left:var(--x);top:var(--y);width:var(--sz);height:var(--sz);
 margin-left:calc(var(--sz)/-2);margin-top:calc(var(--sz)/-2);
 display:grid;place-items:center;border-radius:50%;
 opacity:0;transform:scale(.22) rotate(-25deg);
 transition:opacity .34s ease,transform .52s cubic-bezier(.2,.8,.2,1);
 pointer-events:none;
}
.world-item.show{opacity:1;transform:scale(1) rotate(0);pointer-events:auto}
.world-item .mini-orb{
 width:38px;height:38px;border-radius:50%;
 background:radial-gradient(circle at 30% 25%,#fff 0 3%,var(--c1) 9%,var(--c2) 42%,#02050b 82%);
 box-shadow:inset -8px -7px 12px rgba(0,0,0,.7),0 0 2px #fff,0 0 18px var(--cg),0 0 48px color-mix(in srgb,var(--cg) 35%,transparent);
 animation:miniFloat 4s ease-in-out infinite alternate;
}
@keyframes miniFloat{to{transform:translateY(-5px)}}
.world-item b{position:absolute;top:calc(50% + 30px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7px;letter-spacing:.13em;font-weight:500;color:rgba(248,250,255,.88);text-shadow:0 2px 8px #000}
.world-item em{position:absolute;top:calc(50% + 43px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:6px;font-style:normal;letter-spacing:.05em;color:rgba(235,240,255,.48)}
.world-item:hover .mini-orb{filter:brightness(1.28);box-shadow:0 0 3px #fff,0 0 28px var(--cg),0 0 70px color-mix(in srgb,var(--cg) 50%,transparent)}
.world-item.site{--c1:#bde6ff;--c2:#245c91;--cg:#55b5ff}
.world-item.tiksite{--c1:#ffd38e;--c2:#9c5721;--cg:#ffab4d}
.world-item.field{--c1:#d7b0ff;--c2:#633890;--cg:#a86cff}
.world-item.future{--c1:#9afff4;--c2:#23877e;--cg:#52e4d6}
.world-item.field .mini-orb,.world-item.future .mini-orb{width:28px;height:28px}
.world-item.field b,.world-item.future b{top:calc(50% + 24px)}

.node-detail{
 position:absolute;z-index:26;left:50%;bottom:-3%;transform:translateX(-50%) translateY(8px);
 width:min(94%,650px);padding:15px 18px;border-top:1px solid rgba(255,255,255,.10);
 background:linear-gradient(90deg,transparent,rgba(5,10,22,.55),transparent);
 text-align:center;opacity:0;transition:.3s;pointer-events:none;
}
.node-detail.show{opacity:1;transform:translateX(-50%) translateY(0)}
.node-detail strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:16px;letter-spacing:.12em;font-weight:400}
.node-detail span{display:block;margin-top:7px;font-size:7px;line-height:1.6;letter-spacing:.11em;color:rgba(235,240,255,.55)}
.network-hint{position:absolute;right:2%;top:3%;font-size:7px;letter-spacing:.18em;color:rgba(255,255,255,.30)}
@media(max-width:620px){
 .network{width:108vw;margin-left:-10vw}
 .world-item .mini-orb{width:28px;height:28px}.world-item b{font-size:5.8px;top:calc(50% + 23px)}.world-item em{display:none}
 .world-item.field .mini-orb,.world-item.future .mini-orb{width:22px;height:22px}.world-item.field b,.world-item.future b{top:calc(50% + 19px)}
 .node-detail{bottom:-8%;width:88%;padding:10px}.node-detail strong{font-size:12px}.node-detail span{font-size:6px}
}

/* v7 — proximity reveal: satellites must be unmistakable */
.network{overflow:visible}
.node{z-index:18}
.node::after{
 content:"";position:absolute;left:50%;top:50%;width:150px;height:150px;
 transform:translate(-50%,-50%);border-radius:50%;background:transparent;
}
.node.active::before{
 content:"";position:absolute;left:50%;top:50%;width:190px;height:190px;
 transform:translate(-50%,-50%);border-radius:50%;
 border:1px solid rgba(170,210,255,.14);
 box-shadow:0 0 40px rgba(100,165,255,.08);
 animation:focusPulse 2.2s ease-in-out infinite;
 pointer-events:none;
}
@keyframes focusPulse{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.55}}
.world-system{z-index:25;overflow:visible}
.world-item{
 z-index:30;
 opacity:0;
 visibility:hidden;
 transform:scale(.05) translate3d(0,0,0);
 filter:blur(4px);
}
.world-item.show{
 opacity:1;
 visibility:visible;
 transform:scale(1) translate3d(0,0,0);
 filter:blur(0);
 transition:opacity .28s ease,transform .48s cubic-bezier(.15,.9,.2,1),filter .35s ease;
}
.world-item .mini-orb{
 width:46px;height:46px;
 box-shadow:inset -10px -9px 15px rgba(0,0,0,.72),0 0 3px rgba(255,255,255,.94),0 0 26px var(--cg),0 0 76px color-mix(in srgb,var(--cg) 46%,transparent);
}
.world-item b{font-size:8px;top:calc(50% + 35px)}
.world-item em{font-size:6.5px;top:calc(50% + 50px)}
.world-item.field .mini-orb,.world-item.future .mini-orb{width:34px;height:34px}
.world-item.field b,.world-item.future b{top:calc(50% + 29px)}
.node-detail{bottom:-6%;z-index:35}
.network.proximity-active .net-lines line:not(.active){opacity:.35}
@media(max-width:620px){
 .node::after{width:110px;height:110px}
 .node.active::before{width:135px;height:135px}
 .world-item .mini-orb{width:34px;height:34px}
 .world-item b{font-size:6.3px;top:calc(50% + 27px)}
 .world-item.field .mini-orb,.world-item.future .mini-orb{width:27px;height:27px}
}

/* v8 — satellites/nodes are always present and continuously orbit */
.world-system{position:absolute;inset:0;z-index:26;overflow:visible;pointer-events:none}
.world-item{
  position:absolute !important;
  left:50% !important; top:50% !important;
  width:var(--sz,52px);height:var(--sz,52px);
  margin:calc(var(--sz,52px)/-2);
  opacity:.72 !important;visibility:visible !important;filter:none !important;
  transform:none !important;transition:opacity .28s ease,filter .28s ease !important;
  pointer-events:auto;
  will-change:transform;
}
.world-item.show{opacity:1 !important;visibility:visible !important}
.world-item.dim{opacity:.22 !important;filter:brightness(.6) !important}
.world-item .mini-orb{transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}
.world-item.focused .mini-orb,.world-item:hover .mini-orb{
  transform:scale(1.18);
  filter:brightness(1.30) saturate(1.1);
}
.world-item.focused b,.world-item:hover b{color:#fff}
.node.active .node-orb{transform:scale(1.13)}
.node-detail{bottom:-7%}
.network-hint{right:1%;top:1%}

/* subtle orbital trails around the four worlds */
.local-orbit{
 position:absolute;z-index:16;border:1px solid rgba(180,210,255,.055);border-radius:50%;
 pointer-events:none;opacity:.7;
}
.local-orbit.ara{left:50%;top:15%;width:29%;height:18%;transform:translate(-50%,-50%) rotate(-8deg)}
.local-orbit.akenm{left:17%;top:50%;width:24%;height:36%;transform:translate(-50%,-50%) rotate(12deg)}
.local-orbit.tikoonz{left:83%;top:50%;width:27%;height:42%;transform:translate(-50%,-50%) rotate(-10deg)}
.local-orbit.ourbang{left:50%;top:85%;width:48%;height:21%;transform:translate(-50%,-50%) rotate(2deg)}
@media(max-width:620px){
 .world-item{--sz:40px}
 .local-orbit.ara{width:34%;height:18%}
 .local-orbit.akenm{width:28%;height:34%}
 .local-orbit.tikoonz{width:30%;height:40%}
 .local-orbit.ourbang{width:53%;height:20%}
}

/* v9 — ensure real platform satellites are clearly visible */
.world-item.site,.world-item.tiksite{opacity:.94 !important}
.world-item.site .mini-orb,.world-item.tiksite .mini-orb{
  width:48px;height:48px;
  box-shadow:inset -10px -9px 15px rgba(0,0,0,.72),
             0 0 3px rgba(255,255,255,.95),
             0 0 28px var(--cg),
             0 0 82px color-mix(in srgb,var(--cg) 50%,transparent);
}
.world-item.site b,.world-item.tiksite b{font-size:8.2px;color:rgba(255,255,255,.94)}
.local-orbit.ara,.local-orbit.tikoonz{
  border-color:rgba(190,220,255,.12);
  box-shadow:0 0 12px rgba(90,155,255,.05);
}

/* v10 — robust CSS satellite systems, always visible */
.sat-system,.field-system{position:absolute;z-index:28;pointer-events:none}
.sat-ara{left:50%;top:15%;width:260px;height:150px;transform:translate(-50%,-50%)}
.sat-tik{left:83%;top:50%;width:250px;height:220px;transform:translate(-50%,-50%)}
.sat-track{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(170,210,255,.15);border-radius:50%;box-shadow:0 0 16px rgba(80,145,255,.05)}
.track-a{width:230px;height:92px;transform:translate(-50%,-50%) rotate(-10deg)}
.track-t{width:220px;height:170px;transform:translate(-50%,-50%) rotate(8deg)}
.sat{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px;pointer-events:auto;transform-origin:21px 21px}
.sat i{display:block;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 3%,var(--c1) 10%,var(--c2) 42%,#02050b 82%);box-shadow:inset -9px -8px 14px rgba(0,0,0,.72),0 0 3px #fff,0 0 22px var(--cg),0 0 62px color-mix(in srgb,var(--cg) 42%,transparent)}
.sat b{position:absolute;top:52px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7px;letter-spacing:.12em;font-weight:500;color:rgba(255,255,255,.92);text-shadow:0 0 10px #000}
.sat-ara .sat{--c1:#c7eaff;--c2:#266395;--cg:#58b7ff}
.sat-tik .sat{--c1:#ffd796;--c2:#9d5922;--cg:#ffad4e}

@keyframes orbitA1{
  from{transform:translate(-105px,-12px) scale(.88)}
  25%{transform:translate(-15px,-48px) scale(1.02)}
  50%{transform:translate(100px,5px) scale(1.14)}
  75%{transform:translate(10px,45px) scale(.98)}
  to{transform:translate(-105px,-12px) scale(.88)}
}
@keyframes orbitA2{
  from{transform:translate(35px,-42px) scale(1.04)}
  25%{transform:translate(105px,10px) scale(1.12)}
  50%{transform:translate(0px,46px) scale(.96)}
  75%{transform:translate(-108px,0px) scale(.87)}
  to{transform:translate(35px,-42px) scale(1.04)}
}
@keyframes orbitA3{
  from{transform:translate(100px,12px) scale(1.13)}
  25%{transform:translate(0px,46px) scale(.98)}
  50%{transform:translate(-108px,-5px) scale(.88)}
  75%{transform:translate(-10px,-46px) scale(1.03)}
  to{transform:translate(100px,12px) scale(1.13)}
}
.sat-a1{animation:orbitA1 13s linear infinite}
.sat-a2{animation:orbitA2 13s linear infinite}
.sat-a3{animation:orbitA3 13s linear infinite}

@keyframes orbitT1{
  from{transform:translate(-102px,-5px) scale(.88)}
  25%{transform:translate(-18px,-78px) scale(1.02)}
  50%{transform:translate(98px,0) scale(1.15)}
  75%{transform:translate(12px,78px) scale(.98)}
  to{transform:translate(-102px,-5px) scale(.88)}
}
@keyframes orbitT2{
  from{transform:translate(-10px,-80px) scale(1.02)}
  25%{transform:translate(102px,-5px) scale(1.15)}
  50%{transform:translate(12px,78px) scale(.98)}
  75%{transform:translate(-102px,0) scale(.88)}
  to{transform:translate(-10px,-80px) scale(1.02)}
}
@keyframes orbitT3{
  from{transform:translate(102px,0) scale(1.15)}
  25%{transform:translate(8px,80px) scale(.98)}
  50%{transform:translate(-102px,5px) scale(.88)}
  75%{transform:translate(-12px,-78px) scale(1.02)}
  to{transform:translate(102px,0) scale(1.15)}
}
@keyframes orbitT4{
  from{transform:translate(10px,80px) scale(.98)}
  25%{transform:translate(-102px,0) scale(.88)}
  50%{transform:translate(-8px,-80px) scale(1.02)}
  75%{transform:translate(102px,5px) scale(1.15)}
  to{transform:translate(10px,80px) scale(.98)}
}
.sat-t1{animation:orbitT1 16s linear infinite}
.sat-t2{animation:orbitT2 16s linear infinite}
.sat-t3{animation:orbitT3 16s linear infinite}
.sat-t4{animation:orbitT4 16s linear infinite}

.sat:hover i{filter:brightness(1.28) saturate(1.08);transform:scale(1.12)}
.sat:hover b{color:#fff}

.field-system{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.field-system span{padding:7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;font-size:6.5px;letter-spacing:.10em;color:rgba(240,245,255,.60);background:rgba(3,7,16,.50);backdrop-filter:blur(7px);animation:fieldPulse 4s ease-in-out infinite alternate}
@keyframes fieldPulse{to{box-shadow:0 0 18px rgba(125,180,255,.08);color:rgba(255,255,255,.83)}}
.field-ak{left:17%;top:72%;width:240px;transform:translate(-50%,-50%)}
.field-our{left:50%;top:96%;width:340px;transform:translate(-50%,-50%)}

.node.active + *{}
.node.active .node-orb{transform:scale(1.16)}
.sat-system.focus,.field-system.focus{filter:brightness(1.18)}
.network.focus-ara .sat-tik,.network.focus-ara .field-ak,.network.focus-ara .field-our{opacity:.30}
.network.focus-tikoonz .sat-ara,.network.focus-tikoonz .field-ak,.network.focus-tikoonz .field-our{opacity:.30}
.network.focus-akenm .sat-ara,.network.focus-akenm .sat-tik,.network.focus-akenm .field-our{opacity:.30}
.network.focus-ourbang .sat-ara,.network.focus-ourbang .sat-tik,.network.focus-ourbang .field-ak{opacity:.30}
.sat-system,.field-system{transition:opacity .28s,filter .28s}
@media(max-width:620px){
 .sat-ara{width:190px;height:110px}.track-a{width:170px;height:66px}
 .sat-tik{width:185px;height:165px}.track-t{width:170px;height:126px}
 .sat{width:30px;height:30px;margin:-15px}.sat i{width:30px;height:30px}.sat b{top:37px;font-size:5.2px}
 .field-ak{top:74%;width:190px}.field-our{top:98%;width:260px}.field-system span{font-size:5.2px;padding:5px 7px}
}

/* v11 — sacred cross stays clean; 3D orbital systems live only in the large world sections */
.network .sat-system,.network .field-system,.network .local-orbit,.network .world-system{display:none!important}
.world-visual{perspective:1250px;transform-style:preserve-3d;overflow:visible;isolation:isolate}
.world-orb{position:relative;z-index:20}
.orbit3d{position:absolute;left:50%;top:50%;width:min(44vw,520px);height:min(22vw,260px);transform:translate(-50%,-50%) rotateX(67deg);transform-style:preserve-3d;z-index:10;pointer-events:none}
.orbit3d:before{content:"";position:absolute;inset:0;border:1px solid rgba(190,220,255,.13);border-radius:50%;box-shadow:0 0 20px rgba(90,150,255,.06)}
.orbit3d:after{content:"";position:absolute;left:8%;right:8%;top:18%;bottom:18%;border:1px solid rgba(255,255,255,.05);border-radius:50%}
.moon{--moon:44px;--c1:#d8efff;--c2:#285f91;--glow:#59b7ff;position:absolute;left:50%;top:50%;width:var(--moon);height:var(--moon);margin:calc(var(--moon)/-2);border-radius:50%;transform-style:preserve-3d;pointer-events:auto;will-change:transform,opacity,filter}
.moon i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff 0 3%,var(--c1) 10%,var(--c2) 45%,#02050b 83%);box-shadow:inset -10px -9px 15px rgba(0,0,0,.72),0 0 3px #fff,0 0 22px var(--glow),0 0 62px color-mix(in srgb,var(--glow) 38%,transparent)}
.moon b{position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%) rotateX(-67deg);white-space:nowrap;font-size:7px;letter-spacing:.12em;font-weight:500;color:rgba(255,255,255,.92);text-shadow:0 0 10px #000}
.moon:hover i{filter:brightness(1.28) saturate(1.1);transform:scale(1.1)}
.a1{--c1:#d8efff;--c2:#28669b;--glow:#5ab7ff}.a2{--c1:#9cf7e7;--c2:#16796e;--glow:#55e2cf}.a3{--c1:#cbbdff;--c2:#51419d;--glow:#7d6dff}
.k1{--c1:#e6c0ff;--c2:#713d97;--glow:#b271ff}.k2{--c1:#ffafd2;--c2:#9b2f64;--glow:#ff5ca8}.k3{--c1:#c9ff9b;--c2:#56852b;--glow:#8bd94b}.k4{--c1:#aebfff;--c2:#374c9a;--glow:#5b7cff}.k5{--c1:#ffd792;--c2:#a66421;--glow:#ffad45}
.t1{--c1:#ffe3a6;--c2:#a96623;--glow:#ffb64e}.t2{--c1:#ffb6a6;--c2:#a63b2b;--glow:#ff6a52}.t3{--c1:#ffd08d;--c2:#9b5720;--glow:#ffa949}.t4{--c1:#b6e4ff;--c2:#326796;--glow:#69baff}
.o1{--c1:#9ff3e5;--c2:#1f7c71;--glow:#4ee1d0}.o2{--c1:#ffc1c1;--c2:#9f3b3b;--glow:#ff6f6f}.o3{--c1:#d3baff;--c2:#6545a2;--glow:#8e70ff}.o4{--c1:#a9e4ff;--c2:#2f6f9a;--glow:#63c1f3}.o5{--c1:#b8ffcf;--c2:#3b8b58;--glow:#66df8e}.o6{--c1:#ffe387;--c2:#a47922;--glow:#ffd34e}
[data-orbit="akenm"] .moon,[data-orbit="ourbang"] .moon{--moon:36px}
@media(max-width:980px){.orbit3d{width:min(72vw,500px);height:min(34vw,240px)}}
@media(max-width:620px){.orbit3d{width:78vw;height:38vw}.moon{--moon:32px}[data-orbit="akenm"] .moon,[data-orbit="ourbang"] .moon{--moon:27px}.moon b{font-size:5.5px}}

/* v12 — deeper, taller 3D satellite orbits */
.orbit3d{
  width:min(50vw,610px)!important;
  height:min(34vw,390px)!important;
  transform:translate(-50%,-50%) rotateX(54deg)!important;
}
.orbit3d::before{
  border-color:rgba(200,225,255,.18)!important;
  box-shadow:
    0 0 18px rgba(100,160,255,.08),
    inset 0 0 22px rgba(100,160,255,.025)!important;
}
.orbit3d .moon{
  --moon:54px!important;
}
[data-orbit="akenm"] .moon,
[data-orbit="ourbang"] .moon{
  --moon:42px!important;
}
.orbit3d .moon b{
  transform:translateX(-50%) rotateX(-54deg)!important;
  top:calc(100% + 11px)!important;
  font-size:7.5px!important;
}
.orbit3d .moon i{
  box-shadow:
    inset -12px -10px 18px rgba(0,0,0,.74),
    inset 7px 4px 14px rgba(255,255,255,.10),
    0 0 3px rgba(255,255,255,.98),
    0 0 28px var(--glow),
    0 0 84px color-mix(in srgb,var(--glow) 48%,transparent)!important;
}
.world-orb{
  box-shadow:
    inset -48px -36px 60px rgba(0,0,0,.76),
    inset 20px 10px 36px rgba(255,255,255,.08),
    0 0 3px rgba(255,255,255,.80),
    0 0 52px var(--glow),
    0 0 180px color-mix(in srgb,var(--glow) 38%,transparent)!important;
}
@media(max-width:980px){
  .orbit3d{width:min(82vw,590px)!important;height:min(52vw,360px)!important}
}
@media(max-width:620px){
  .orbit3d{width:88vw!important;height:58vw!important}
  .orbit3d .moon{--moon:38px!important}
  [data-orbit="akenm"] .moon,[data-orbit="ourbang"] .moon{--moon:31px!important}
  .orbit3d .moon b{font-size:5.8px!important}
}

/* v13 — true projected orbit, no flattened rotateX container */
.orbit3d{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(52vw,640px)!important;
  height:min(42vw,500px)!important;
  transform:translate(-50%,-50%)!important;
  transform-style:preserve-3d!important;
  perspective:1400px!important;
  z-index:10!important;
}
.orbit3d::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:92%!important;
  height:68%!important;
  transform:translate(-50%,-50%) rotate(-7deg)!important;
  border:1px solid rgba(195,220,255,.14)!important;
  border-radius:50%!important;
  box-shadow:0 0 22px rgba(80,145,255,.07)!important;
}
.orbit3d::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:78%!important;
  height:52%!important;
  transform:translate(-50%,-50%) rotate(13deg)!important;
  border:1px solid rgba(255,255,255,.045)!important;
  border-radius:50%!important;
}
.orbit3d .moon{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  transform-origin:center!important;
}
.orbit3d .moon b{
  transform:translateX(-50%)!important;
}
.world-orb{
  z-index:30!important;
  transform-style:preserve-3d!important;
}
@media(max-width:980px){
  .orbit3d{width:min(84vw,610px)!important;height:min(66vw,470px)!important}
}
@media(max-width:620px){
  .orbit3d{width:92vw!important;height:76vw!important}
}

/* v15 group editorial copy spacing */
.group-intro p .copy-break,
.network-copy p .copy-break,
.world-copy p .copy-break{content:""}
.world-copy p{margin-top:24px}
.network-copy p{margin-top:23px}
.group-intro p{margin-top:28px}

/* v16 editorial spacing */
.group-intro .designed-copy{margin-top:28px}
.network-copy .designed-copy{margin-top:23px}
.world-copy .designed-copy{margin-top:24px}

@media(max-width:980px){
  .network-copy .designed-copy,
  .world-copy .designed-copy{text-align:center}
}

/* =========================================================
   v19 GROUP READABILITY
   ========================================================= */
.group-intro p,
.network-copy p,
.world-copy p,
.node-info{
  font-size:15px!important;
  line-height:1.85!important;
  letter-spacing:.01em!important;
}
.group-intro .designed-copy .sentence,
.network-copy .designed-copy .sentence,
.world-copy .designed-copy .sentence{
  font-size:15px!important;
  line-height:1.85!important;
  letter-spacing:.01em!important;
}
.section-index,
.scroll-mark,
.network-hint{
  font-size:11px!important;
}
.world-copy .num{
  font-size:11px!important;
}
.world-copy .tag{
  font-size:12px!important;
  line-height:1.5!important;
  letter-spacing:.12em!important;
}
.world-copy a{
  font-size:12px!important;
}
.node strong{
  font-size:11px!important;
}
.node small{
  font-size:9px!important;
}
.moon b{
  font-size:10px!important;
}
.closing a{
  font-size:12px!important;
}
html[lang="ko"] .group-intro p,
html[lang="ko"] .network-copy p,
html[lang="ko"] .world-copy p,
html[lang="ja"] .group-intro p,
html[lang="ja"] .network-copy p,
html[lang="ja"] .world-copy p,
html[lang="zh-Hans"] .group-intro p,
html[lang="zh-Hans"] .network-copy p,
html[lang="zh-Hans"] .world-copy p{
  line-height:1.92!important;
}
@media(max-width:620px){
  .group-intro p,
  .network-copy p,
  .world-copy p,
  .group-intro .designed-copy .sentence,
  .network-copy .designed-copy .sentence,
  .world-copy .designed-copy .sentence{
    font-size:14.5px!important;
    line-height:1.88!important;
  }
  .world-copy .tag{font-size:11px!important}
  .moon b{font-size:8px!important}
}

/* =========================================================
   v20 SACRED COSMIC CROSS — PROTECTED MODULE
   Do not override from later page-specific typography rules.
   ========================================================= */

.network{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
}

.sacred-cross{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:66%!important;
  height:66%!important;
  transform:translate(-50%,-50%)!important;
  z-index:5!important;
  pointer-events:none!important;
  opacity:1!important;
  display:block!important;
  visibility:visible!important;
}

.sacred-cross .cross-arm{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:999px!important;
  opacity:1!important;
}

.sacred-cross .cross-vertical{
  width:2px!important;
  height:92%!important;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(118,168,255,.06) 8%,
      rgba(154,198,255,.28) 25%,
      rgba(223,236,255,.92) 48%,
      rgba(255,226,172,.95) 50%,
      rgba(223,236,255,.92) 52%,
      rgba(154,198,255,.28) 75%,
      rgba(118,168,255,.06) 92%,
      transparent 100%
    )!important;
  box-shadow:
    0 0 8px rgba(172,210,255,.45),
    0 0 24px rgba(96,157,255,.22),
    0 0 55px rgba(255,199,112,.08)!important;
}

.sacred-cross .cross-horizontal{
  width:92%!important;
  height:2px!important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(118,168,255,.06) 8%,
      rgba(154,198,255,.28) 25%,
      rgba(223,236,255,.92) 48%,
      rgba(255,226,172,.95) 50%,
      rgba(223,236,255,.92) 52%,
      rgba(154,198,255,.28) 75%,
      rgba(118,168,255,.06) 92%,
      transparent 100%
    )!important;
  box-shadow:
    0 0 8px rgba(172,210,255,.45),
    0 0 24px rgba(96,157,255,.22),
    0 0 55px rgba(255,199,112,.08)!important;
}

.sacred-cross .cross-halo{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:32%!important;
  aspect-ratio:1!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:
    radial-gradient(
      circle,
      rgba(255,231,184,.16) 0%,
      rgba(128,182,255,.13) 23%,
      rgba(95,114,220,.07) 46%,
      transparent 70%
    )!important;
  filter:blur(12px)!important;
  animation:sacredHalo 5.5s ease-in-out infinite alternate!important;
}

.sacred-cross .cross-core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:9px!important;
  height:9px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:#fff4d7!important;
  box-shadow:
    0 0 6px rgba(255,247,221,.95),
    0 0 18px rgba(174,211,255,.85),
    0 0 48px rgba(102,157,255,.35),
    0 0 90px rgba(255,193,97,.14)!important;
}

@keyframes sacredHalo{
  from{transform:translate(-50%,-50%) scale(.96);opacity:.72}
  to{transform:translate(-50%,-50%) scale(1.08);opacity:1}
}

/* Ensure nodes sit above the sacred cross, never replace it */
.network .node{
  z-index:18!important;
}
.network .node.center{
  z-index:28!important;
}
.network .net-lines{
  z-index:10!important;
}

/* The cross remains visible even when the network is focused */
.network[class*="focus-"] .sacred-cross,
.network.proximity-active .sacred-cross{
  opacity:1!important;
  display:block!important;
  visibility:visible!important;
}

/* Mobile / tablet proportions */
@media(max-width:980px){
  .sacred-cross{
    width:72%!important;
    height:72%!important;
  }
}
@media(max-width:620px){
  .sacred-cross{
    width:78%!important;
    height:78%!important;
  }
  .sacred-cross .cross-vertical{width:1.5px!important}
  .sacred-cross .cross-horizontal{height:1.5px!important}
  .sacred-cross .cross-core{width:7px!important;height:7px!important}
}

/* Reduced motion preserves the visual symbol */
@media(prefers-reduced-motion:reduce){
  .sacred-cross .cross-halo{animation:none!important}
}

/* v30 — Sacred cross is local to the network section, never viewport-sticky */
.network-section{position:relative!important;overflow:hidden!important}
.network{position:relative!important;overflow:hidden!important;isolation:isolate!important;contain:layout paint!important}
.sacred-cross{
  position:absolute!important;
  left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}
.group-intro .designed-copy .sentence,
.network-copy .designed-copy .sentence,
.world-copy .designed-copy .sentence{
  font-size:15.5px!important;line-height:1.9!important;letter-spacing:.005em!important
}
html[lang="ko"] .group-intro .designed-copy .sentence,
html[lang="ko"] .network-copy .designed-copy .sentence,
html[lang="ko"] .world-copy .designed-copy .sentence{
  line-height:1.96!important;word-break:keep-all!important
}
@media(max-width:620px){
 .group-intro .designed-copy .sentence,
 .network-copy .designed-copy .sentence,
 .world-copy .designed-copy .sentence{font-size:15px!important}
}