/* BY-R V4: identity preview, site is NOT published */
.hero .r-world .node{padding-left:63px;min-width:175px}
.hero .r-world .node .world-orb{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;left:7px;width:47px;height:47px;border-radius:24%;filter:drop-shadow(0 6px 12px #000b);box-shadow:0 0 19px currentColor;opacity:1}
.hero .r-world .node .world-orb:after{display:none}
.hero .r-world .node-veydom .world-orb{background-image:url("./social-assets/veydom-avatar.png")}
.hero .r-world .node-vraxi .world-orb{background-image:url("./social-assets/vraxi-avatar.png")}
.hero .r-world .node-tavynia .world-orb{background-image:url("./social-assets/tavynia-avatar.png")}
.hero .r-world .node-kairo .world-orb{background-image:url("./assets/brand/byr-archive-concept.svg")}
.hero .r-world .node-vraxi{color:#ffb369}.hero .r-world .node-tavynia{color:#cb8eff}.hero .r-world .node-kairo{color:#5dffcb}
.visual .byr-visual-mark{position:absolute;z-index:19;left:50%;top:50%;width:clamp(90px,40%,168px);height:clamp(90px,55%,168px);object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 20px #0009)}
@media(max-width:680px){.hero .r-world .node{min-width:115px;max-width:140px;padding-left:35px}.hero .r-world .node .world-orb{width:27px;height:27px;left:4px}.visual .byr-visual-mark{width:100px;height:100px}}


/* BY-R 3D glass identity wraps all four existing authentic glyphs.
   The underlying marks are not redrawn, and the archive is still neutral. */
.hero .r-world .node .world-orb{
  width:60px;height:60px;left:3px;border-radius:18px;
  border:1px solid rgba(207,244,255,.64);
  background-size:cover;
  box-shadow:0 12px 24px rgba(0,0,0,.72),0 0 0 4px rgba(255,255,255,.045),
    0 0 27px color-mix(in srgb,currentColor 45%,transparent),
    inset 0 1px 3px rgba(255,255,255,.8),inset 0 -5px 13px rgba(0,0,0,.54);
  transform:translateY(-52%) perspective(200px) rotateY(-9deg) rotateX(4deg);
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
  overflow:hidden;isolation:isolate;
}
.hero .r-world .node .world-orb:before{content:"";position:absolute;z-index:2;
  pointer-events:none;left:1px;right:1px;top:1px;height:46%;border-radius:16px 16px 8px 8px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.015));
  mix-blend-mode:screen}
.hero .r-world .node:hover .world-orb,.hero .r-world .node:focus-visible .world-orb{
 transform:translateY(-55%) perspective(200px) rotateY(0) rotateX(0) scale(1.09);
 box-shadow:0 14px 28px rgba(0,0,0,.72),0 0 32px color-mix(in srgb,currentColor 55%,transparent);
}
.hero .r-world .node{padding-left:73px;min-width:186px;box-shadow:0 12px 35px #0007}
.visual .byr-visual-mark{padding:8px;
 background:radial-gradient(circle at 25% 8%,rgba(255,255,255,.15),transparent 55%),rgba(3,11,26,.55);
 border:1px solid rgba(175,220,255,.25);border-radius:24%;
 box-shadow:0 22px 30px #000b,0 0 32px rgba(110,172,254,.16),inset 0 2px 5px rgba(255,255,255,.18);
 backdrop-filter:blur(4px);
}
.kairo-visual .byr-visual-mark{border-color:rgba(94,255,197,.43);box-shadow:0 16px 32px #000a,0 0 33px rgba(48,243,169,.19)}
@media(max-width:680px){
 .hero .r-world .node{min-width:118px;max-width:143px;padding-left:43px}
 .hero .r-world .node .world-orb{width:37px;height:37px;left:1px;border-radius:12px}
 .hero .r-world .node .world-orb:before{border-radius:10px 10px 5px 5px}
 .visual .byr-visual-mark{border-radius:20%;padding:4px}
}
@media(max-width:380px){.hero .r-world .node .world-orb{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.hero .r-world .node .world-orb{transition:none}}