/* Four static raster parts and a separate symmetric light. */
.elementVisual .elementMark{position:relative;width:320px;height:320px;filter:none;mix-blend-mode:normal;user-select:none;-webkit-user-select:none}
.markPart{position:absolute;inset:0;pointer-events:none;mask-image:radial-gradient(circle at 49.7% 48%,transparent 0 4%,#0006 6%,#000 10%);-webkit-mask-image:radial-gradient(circle at 49.7% 48%,transparent 0 4%,#0006 6%,#000 10%)}
.elementVisual .markPart img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:url(#markMatte)}
.markIgnis{clip-path:polygon(0 0,49.7% 0,49.7% 48%,0 48%)}.markAer{clip-path:polygon(49.7% 0,100% 0,100% 48%,49.7% 48%)}.markTerra{clip-path:polygon(0 48%,49.7% 48%,49.7% 100%,0 100%)}.markAqua{clip-path:polygon(49.7% 48%,100% 48%,100% 100%,49.7% 100%)}
.markCenter{position:absolute;left:49.7%;top:48%;width:16%;aspect-ratio:1;margin-left:-8%;margin-top:-8%;transform:translate(0,0);pointer-events:none;z-index:2}
.markCenter svg{display:block;width:100%;height:100%;overflow:visible;animation:markBreath 9s ease-in-out infinite;transform-origin:50% 50%}
.markHalo{fill:#29d9ef;opacity:.48;filter:url(#markSoftGlow)}.markSpark{fill:url(#markCore)}.markSparkEdge{fill:none;stroke:#e0ffff99;stroke-width:.45}
@keyframes markBreath{0%,100%{transform:scale(.985);opacity:.9}50%{transform:scale(1.015);opacity:1}}
.elementMark[data-visible="false"] .markCenter svg{animation-play-state:paused}
.brand img,.processItem img{filter:url(#markMatte);mix-blend-mode:normal}
.elementVisual .elementLabel{text-transform:none}.elementLabel strong{text-transform:none}
@media(max-width:1150px){.elementVisual .elementMark{width:285px;height:285px}}
@media(max-width:600px){.elementVisual .elementMark{width:260px;height:260px}}
@media(prefers-reduced-motion:reduce){.markCenter svg{animation:none!important}.markCenter{transform:none!important}}