.brand-systems{padding-top:clamp(110px,10vw,160px);padding-bottom:clamp(90px,9vw,140px)}
.brand-realms{display:grid;gap:clamp(28px,4vw,60px);perspective:1600px}
.brand-realm{--mx:0deg;--my:0deg;position:relative;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.45fr);min-height:clamp(520px,58vw,720px);isolation:isolate;overflow:hidden;border:1px solid #ffffff2e;border-radius:40px;color:#fff;text-decoration:none;background:radial-gradient(circle at 74% 44%,var(--realm-glow),transparent 36%),linear-gradient(135deg,var(--realm-a),var(--realm-b));box-shadow:0 44px 100px #0008;transform:perspective(1500px) rotateX(var(--my)) rotateY(var(--mx));transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.brand-realm:before{content:'';position:absolute;z-index:-1;inset:8%;border:1px solid #ffffff18;border-radius:50%;transform:rotate(-11deg)}
.brand-realm:after{content:'';position:absolute;z-index:-1;width:42%;aspect-ratio:1;right:10%;top:18%;border:1px dashed #ffffff22;border-radius:50%;animation:realm-orbit 18s linear infinite}
.brand-realm:hover{border-color:var(--realm-accent);box-shadow:0 54px 120px #000a,0 0 80px color-mix(in srgb,var(--realm-accent) 28%,transparent)}
.brand-realm--energy{--realm-a:#062b36;--realm-b:#07151b;--realm-glow:#04d9ff38;--realm-accent:#64efff}
.brand-realm--nadra{--realm-a:#292316;--realm-b:#100d08;--realm-glow:#ffb62d3d;--realm-accent:#ffbd54}
.realm-copy{z-index:8;align-self:end;padding:clamp(30px,5vw,74px);padding-right:0}
.realm-copy small{display:block;color:var(--realm-accent);font-size:12px;font-weight:800;letter-spacing:.2em}
.realm-copy h3{max-width:520px;margin:18px 0;font-size:clamp(40px,5.3vw,86px);line-height:.86;letter-spacing:-.07em;overflow-wrap:anywhere}
.realm-copy p{max-width:360px;margin:0 0 32px;font-size:clamp(16px,1.4vw,21px);line-height:1.5;color:#ffffffb8}
.realm-copy b{display:inline-block;padding:14px 18px;border:1px solid currentColor;border-radius:999px;color:var(--realm-accent);font-size:12px;letter-spacing:.13em}
.object-cloud{position:relative;min-width:0;transform-style:preserve-3d}
.brand-object{position:absolute;display:block;max-width:none;object-fit:contain;filter:drop-shadow(0 38px 34px #0009);will-change:transform;pointer-events:none}
.object-symbol{z-index:5;width:min(40vw,520px);right:9%;top:2%;transform:translate3d(calc(var(--px,0px)*.7),calc(var(--py,0px)*.7),110px) rotate(-8deg);animation:object-float 6.4s ease-in-out infinite}
.brand-realm--energy .object-books{z-index:4;width:min(47vw,680px);right:20%;bottom:0;transform:translate3d(calc(var(--px,0px)*-.35),calc(var(--py,0px)*-.35),70px) rotate(-10deg);animation:object-float 7.4s -2s ease-in-out infinite}
.brand-realm--energy .object-mug{z-index:6;width:min(18vw,260px);right:2%;bottom:3%;transform:translate3d(calc(var(--px,0px)*1.2),calc(var(--py,0px)*1.2),150px) rotate(10deg);animation:object-float 5.8s -1.2s ease-in-out infinite}
.brand-realm--energy .object-wear{z-index:2;width:min(38vw,570px);left:0;top:28%;opacity:.88;transform:translate3d(calc(var(--px,0px)*-.8),calc(var(--py,0px)*-.8),35px) rotate(7deg);animation:object-float 8.2s -4s ease-in-out infinite}
.brand-realm--nadra .object-symbol{width:min(37vw,470px);right:13%;top:1%;transform:translate3d(calc(var(--px,0px)*.7),calc(var(--py,0px)*.7),120px) rotate(8deg)}
.brand-realm--nadra .object-book{z-index:4;width:min(35vw,500px);right:1%;bottom:-2%;transform:translate3d(calc(var(--px,0px)*-.6),calc(var(--py,0px)*-.6),60px) rotate(12deg);animation:object-float 7.1s -2.4s ease-in-out infinite}
.brand-realm--nadra .object-shirt{z-index:3;width:min(39vw,550px);left:2%;bottom:-5%;transform:translate3d(calc(var(--px,0px)*.45),calc(var(--py,0px)*.45),80px) rotate(-9deg);animation:object-float 8.5s -3.7s ease-in-out infinite}
.brand-realm--nadra .object-helmet{z-index:6;width:min(24vw,330px);right:37%;bottom:0;transform:translate3d(calc(var(--px,0px)*1.1),calc(var(--py,0px)*1.1),155px) rotate(-7deg);animation:object-float 5.6s -1s ease-in-out infinite}
@keyframes object-float{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes realm-orbit{to{transform:rotate(349deg)}}
@media(max-width:900px){.brand-realm{grid-template-columns:1fr;min-height:760px}.realm-copy{align-self:start;padding:34px 28px}.object-cloud{position:absolute;inset:190px 0 0}.object-symbol{width:min(68vw,460px)}.brand-realm--energy .object-books{width:min(82vw,620px)}.brand-realm--energy .object-mug{width:min(32vw,230px)}.brand-realm--energy .object-wear{width:min(68vw,500px)}.brand-realm--nadra .object-symbol{width:min(66vw,440px)}.brand-realm--nadra .object-book{width:min(62vw,480px)}.brand-realm--nadra .object-shirt{width:min(72vw,520px)}.brand-realm--nadra .object-helmet{width:min(42vw,310px)}}
@media(max-width:560px){.brand-systems{padding-inline:14px}.brand-realm{min-height:680px;border-radius:28px}.realm-copy h3{font-size:38px}.realm-copy p{font-size:16px}.object-cloud{inset:220px 0 0}.brand-realm--energy .object-books{right:2%;bottom:2%}.brand-realm--energy .object-wear{left:-19%;top:18%}.brand-realm--energy .object-mug{right:1%;bottom:12%}.brand-realm--nadra .object-shirt{left:-16%;bottom:4%}.brand-realm--nadra .object-book{right:-12%;bottom:3%}.brand-realm--nadra .object-helmet{right:29%;bottom:8%}}
@media(prefers-reduced-motion:reduce){.brand-realm,.brand-object{animation:none!important;transform:none!important}}