/* PC geometry is retained; mobile uses circles with mathematical orbit placement. */
.ecosystem-section .profession-number,.ecosystem-section .creator-key,.ecosystem-section .mobile-cosmos{display:none}
.ecosystem-section .planet-label:not(:first-of-type){font-size:clamp(11px,1.12vw,17px)}
@media(max-width:820px){
 .ecosystem-section .graphic{margin:32px 0 42px;padding:0;overflow:visible;position:relative}
 .ecosystem-section .orbit-art{display:none}
 .ecosystem-section .mobile-cosmos{display:block;position:relative;width:100%;aspect-ratio:360/515;max-width:460px;margin-inline:auto}
 .mobile-orbits{display:block;position:absolute;inset:0;width:100%;height:100%;fill:none}
 .mobile-orbits .client-orbit{stroke:#4287b2;stroke-width:1.8}
 .mobile-orbits .creator-orbit{stroke:#7f817e;stroke-width:1;opacity:.7}
 .mobile-cosmos .m-client,.mobile-cosmos .m-sinto,.mobile-cosmos .m-creator{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1;}
 .mobile-cosmos .m-client{width:30%;}
 .mobile-cosmos .m-sinto{width:22%;}
 .mobile-cosmos .m-creator{width:10.5%;}
 .mobile-cosmos .planet-surface{display:block;position:absolute;inset:0;border-radius:50%;overflow:hidden;}
 .mobile-cosmos .planet-surface img{position:absolute;max-width:none;height:auto;}
 .mobile-cosmos .m-client>span:last-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:400 clamp(18px,5vw,24px)/1 var(--f-latin);}
 .mobile-cosmos .m-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:73%;height:auto}
 .mobile-cosmos .m-role{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);width:230%;text-align:center;font:400 clamp(11px,3vw,14px)/1.2 var(--f-latin);white-space:normal;}
}