/* BY-R V7: Separate the symbolic red R from the blue Core.
   The original R image stays unchanged; this only adjusts layout. */
.hero .r-world .monument{
 transform:translate3d(-118px,18px,0) scale(.91)!important;
 transform-origin:center center;
 opacity:.57;
 pointer-events:none;
 filter:drop-shadow(0 0 23px rgba(255,39,82,.11));
}
.hero .r-world .r-monument{
 opacity:1;
 filter:drop-shadow(0 16px 24px rgba(0,0,0,.38)) drop-shadow(0 0 13px rgba(255,30,69,.21));
}
.hero .r-world .r-depth{opacity:.25}
.hero .r-world .plinth{opacity:.24}
.hero .r-world > .core-nucleus{
 left:58%;
 top:44%;
 z-index:35;
}
.hero .r-world > .node{z-index:40}
@media(max-width:1099px){
 .hero .r-world .monument{transform:translate3d(-90px,15px,0) scale(.82)!important}
 .hero .r-world > .core-nucleus{left:59%;top:43%}
}
@media(max-width:680px){
 .hero .r-world .monument{
  transform:translate3d(-74px,12px,0) scale(.79)!important;
  opacity:.61;
 }
 .hero .r-world > .core-nucleus{
  left:60%;top:43%;
  width:91px;height:91px;
  box-shadow:0 0 0 7px rgba(35,104,216,.21),0 0 0 13px rgba(66,173,240,.06),0 0 33px rgba(83,209,255,.45),inset 0 0 23px rgba(119,201,255,.21);
 }
 .hero .r-world > .core-nucleus .core-nucleus-title{font-size:.65rem}
 .hero .r-world > .core-nucleus .core-nucleus-title small{font-size:.76rem}
 .hero .r-world .plinth{opacity:.12}
}
@media(max-width:380px){
 .hero .r-world .monument{transform:translate3d(-69px,10px,0) scale(.75)!important}
 .hero .r-world > .core-nucleus{width:86px;height:86px}
}
@media(prefers-reduced-motion:reduce){
 .hero .r-world .r-monument{animation:none!important}
}