/* Floating brand composition; no grid or boxed template. */
.hero-art.brand-hero-art{display:block;position:relative;height:460px;min-height:460px;padding:0;border:0;border-radius:40% 35% 28% 32% / 28% 32% 25% 30%;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#e3cffa 0,#eee5f5 40%,#f7f4ee00 74%);box-shadow:none}
.brand-hero-art .art-grid{display:none}
.brand-hero-art:before{content:'';position:absolute;inset:18% 12% 24%;border-radius:50%;background:radial-gradient(ellipse,#d288ee35,transparent 65%);filter:blur(20px);pointer-events:none;animation:none}
.brand-hero-art:after{content:'';position:absolute;left:30%;right:24%;top:68%;height:18px;border-radius:50%;background:#44226026;filter:blur(14px);z-index:0;pointer-events:none}
.brand-hero-art .hero-brand-object{position:absolute;left:50%;top:48%;translate:-50% -50%;width:170px;max-width:42%;max-height:none;margin:0;z-index:2}
.brand-hero-art .art-label{position:absolute;margin:0;inset:auto;max-width:85%;width:max-content;white-space:normal;text-align:center;justify-content:center;z-index:4;font-size:10px;line-height:1.4;padding:10px 14px;border:1px solid #fff9;background:#fffaf3d9;box-shadow:0 8px 25px #55366b0c}
.brand-hero-art .art-label-top{top:18px;left:50%;translate:-50% 0}
.brand-hero-art .art-label-bottom{bottom:43px;left:50%;translate:-50% 0}
.brand-hero-art .art-caption{position:absolute;inset:auto;bottom:16px;left:50%;translate:-50% 0;width:90%;font-size:8px;letter-spacing:.22em;text-align:center;z-index:3}
.brand-hero-art .hero-skill-chips{position:absolute;inset:0;display:block;max-width:none;width:auto;pointer-events:none;z-index:3}
.brand-hero-art .hero-skill-chip{position:absolute;inset:auto;display:flex;align-items:center;gap:9px;min-width:0;width:max-content;max-width:46%;padding:12px 14px;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.3;border-radius:18px;background:linear-gradient(140deg,#fffdf8,#f8f0ff);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 3px 0 #916bad26,0 12px 25px #5b347c18;animation:none;will-change:transform}
.brand-hero-art .chip-strategy{left:5%;top:82px;rotate:-7deg}.brand-hero-art .chip-design{right:5%;top:88px;rotate:7deg}.brand-hero-art .chip-development{left:4%;top:330px;rotate:5deg}.brand-hero-art .chip-integration{right:4%;top:336px;rotate:-6deg}
.brand-hero-art .hero-skill-chip svg{width:22px;height:22px;flex:0 0 22px;color:#8053c6;animation:none}
.brand-hero-art .chip-design svg{color:#e43a85}.brand-hero-art .chip-integration svg{color:#327e70}
@media(max-width:720px){.hero-art.brand-hero-art{height:430px;min-height:430px;max-width:520px;width:100%;justify-self:center}.brand-hero-art .hero-brand-object{width:145px;top:48%}.brand-hero-art .hero-skill-chip{padding:10px;font-size:11px;gap:6px;max-width:47%}.brand-hero-art .hero-skill-chip svg{width:19px;height:19px;flex-basis:19px}.brand-hero-art .chip-strategy{left:4%;top:76px}.brand-hero-art .chip-design{right:4%;top:82px}.brand-hero-art .chip-development{left:3%;top:305px}.brand-hero-art .chip-integration{right:3%;top:311px}.brand-hero-art .art-label{font-size:9px;padding:9px 12px}.brand-hero-art .art-label-bottom{bottom:38px}.brand-hero-art .art-caption{bottom:12px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.brand-hero-art .hero-skill-chip{will-change:auto;transform:none!important}}