/* Original four-colour identity; all rules scoped to the hero scene. */
#brand-stage{position:relative;display:grid;place-items:center;min-height:180px;perspective:900px;isolation:isolate;overflow:visible}
#brand-stage .brand-hero-lockup{position:relative;display:flex;align-items:center;gap:.138em;width:max-content;max-width:none;margin:0;padding:0;font-size:clamp(48px,6vw,82px);font-weight:700;letter-spacing:-.06207em;line-height:1.2;white-space:nowrap;color:#152632;text-decoration:none;pointer-events:none;transform-style:preserve-3d}
#brand-stage .brand-hero-lockup .brand-x{color:#7354bc;margin-left:0}
#brand-stage .brand-hero-lockup small{position:absolute;left:7.14286em;right:auto;bottom:-1.14286em;font-size:.24138em;letter-spacing:.32857em;line-height:1.6;font-weight:700;transform:none}
#brand-stage .brand-hero-lockup .symbol{display:grid;grid-template-columns:1fr 1fr;gap:.13793em;width:1.03448em;height:1.03448em;margin-right:.48276em;flex-shrink:0;transform:rotate(-8deg);transform-style:preserve-3d}
#brand-stage .brand-hero-lockup .symbol>i{position:relative;display:block;background:#8261c9;border-radius:.10345em;transform-style:preserve-3d;box-shadow:0 2px 4px #15263212;backface-visibility:visible}
#brand-stage .brand-hero-lockup .symbol>i:nth-child(2){background:#bccee0}
#brand-stage .brand-hero-lockup .symbol>i:nth-child(3){background:#aeb3dc}
#brand-stage .brand-hero-lockup .symbol>i:nth-child(4){background:#344e69}
#brand-stage .brand-depth{position:absolute;inset:0;display:block;border-radius:inherit;background:inherit;transform:translateZ(calc(var(--depth) * -1px));pointer-events:none}
#brand-stage .brand-depth:last-child{box-shadow:0 5px 12px #15263220}
@media(max-width:600px){#brand-stage{min-height:136px}#brand-stage .brand-hero-lockup{font-size:clamp(42px,10vw,64px)}}
@media(prefers-reduced-motion:reduce){#brand-stage .brand-depth{box-shadow:none}}