.royalty-team-banner{grid-template-columns:minmax(280px,40%) minmax(0,1fr)}
.royalty-logo-stage{position:relative;display:grid;place-items:center;min-height:470px;padding:40px 24px 75px;perspective:1100px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#d4a53c13,transparent 65%),radial-gradient(ellipse at 35% 85%,#18e0ff10,transparent 60%),#050708}
.royalty-logo-rotor{position:relative;width:100%;max-width:410px;aspect-ratio:3/2;transform-style:preserve-3d;animation:royaltyLogoTurn 24s linear infinite;mix-blend-mode:screen}
.royalty-logo-rotor img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.royalty-logo-rotor .royalty-logo-back{transform:rotateY(180deg)}
.royalty-orbit{position:absolute;left:14%;right:14%;top:21%;bottom:20%;border:1px solid #18e0ff30;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 32px #18e0ff0a;pointer-events:none}
.royalty-orbit:after{content:"";position:absolute;inset:-18px 18px;border:1px solid #a83cff24;border-radius:50%;transform:rotate(50deg)}
.royalty-display-base{position:absolute;bottom:56px;left:17%;right:17%;height:20px;border:1px solid #d4a53c65;border-radius:50%;background:radial-gradient(ellipse,#f6dc8a30,#18e0ff10 50%,transparent 72%);box-shadow:0 0 24px #18e0ff1c,0 10px 35px #a83cff16;pointer-events:none}
.royalty-team-banner .creator-copy{padding:clamp(30px,5vw,68px)}
.royalty-team-banner .creator-copy h2{font-size:clamp(32px,4.9vw,66px);line-height:1.05;max-width:650px}
.royalty-team-banner .creator-copy p{font-size:clamp(15px,1.5vw,18px);line-height:1.75}
.royalty-animation-toggle{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #18e0ff40;border-radius:50%;background:#0a0d14a8;color:#c5cde0;cursor:pointer;font-size:13px}
.royalty-animation-toggle:focus-visible{outline:2px solid #18e0ff;outline-offset:4px}
.royalty-logo-stage.is-paused .royalty-logo-rotor,.royalty-logo-stage:hover .royalty-logo-rotor{animation-play-state:paused}
@keyframes royaltyLogoTurn{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@media(max-width:900px){.royalty-team-banner{grid-template-columns:1fr}.royalty-logo-stage{min-height:330px;padding:32px 24px 60px}.royalty-logo-rotor{max-width:370px}.royalty-display-base{bottom:35px;max-width:290px;margin:auto}.royalty-team-banner .creator-copy{padding:30px 26px 38px}}
@media(max-width:520px){.royalty-logo-stage{min-height:280px}.royalty-logo-rotor{max-width:310px}.royalty-team-banner .creator-copy h2{font-size:clamp(30px,8vw,42px)}.royalty-team-banner .actions{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.royalty-logo-rotor{animation:none;transform:none}.royalty-animation-toggle{display:none}}