
.hero .harmony-art{overflow:visible;container-type:inline-size;aspect-ratio:1!important;height:auto!important;min-height:0!important}.hero .harmony-art>.orbit-one{width:76%;height:76%;top:12%;left:12%;aspect-ratio:1}.hero .harmony-art>.orbit-two{width:50%;height:50%;top:25%;left:25%;aspect-ratio:1}
.hero .harmony-art .harmony-orbit-carrier{position:absolute;inset:0;pointer-events:none;z-index:2;animation:harmony-turn 8s cubic-bezier(.65,0,.35,1) .5s 1 backwards}
.hero .harmony-art .harmony-orbit-carrier>.art-tile{width:25%;height:auto;aspect-ratio:1;top:var(--orbit-y);left:var(--orbit-x);right:auto;bottom:auto;translate:-50% -50%;animation:harmony-emerge 8s cubic-bezier(.65,0,.35,1) .5s 1 both}
.hero .harmony-art .tile-brand{--orbit-x:22.5%;--orbit-y:calc(8% + 14.5cqw)}
.hero .harmony-art .tile-experience{--orbit-x:77.5%;--orbit-y:calc(8% + 14.5cqw)}
.hero .harmony-art .tile-systems{--orbit-x:77.5%;--orbit-y:calc(92% - 14.5cqw)}
.hero .harmony-art .tile-growth{--orbit-x:22.5%;--orbit-y:calc(92% - 14.5cqw)}
.hero .harmony-art .art-core{z-index:3;width:36%;height:auto;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%}
@keyframes harmony-emerge{from{top:50%;left:50%;scale:.3;opacity:.3;rotate:0deg}to{top:var(--orbit-y);left:var(--orbit-x);scale:1;opacity:1;rotate:-360deg}}
.hero .harmony-art::before{animation:none}
.hero .harmony-art>.orbit{animation:harmony-turn 8s cubic-bezier(.65,0,.35,1) .5s 1 both}
.hero .harmony-art .art-core>img{position:absolute;top:6%;left:20%;width:60%;height:60%;object-fit:contain}
.hero .harmony-art .art-core>.harmony-wordmark{position:absolute;top:65%;left:20%;width:60%;height:auto;display:block}
.hero .harmony-art .art-core>small{position:absolute;top:82%;margin:0;line-height:1;left:0;width:100%;text-align:center}
@keyframes harmony-turn{from{rotate:0deg}to{rotate:360deg}}
@media(prefers-reduced-motion:reduce){.hero .harmony-art .harmony-orbit-carrier,.hero .harmony-art .harmony-orbit-carrier>.art-tile,.hero .harmony-art::before,.hero .harmony-art>.orbit{animation:none}}
@media(max-width:600px){body[data-dominor-service=website] .hero{min-height:calc(100svh - 75.816px);padding-block:16px 12px;gap:12px;display:flex;flex-direction:column;justify-content:space-evenly}body[data-dominor-service=website] .hero-copy{padding:0;width:100%}body[data-dominor-service=website] .hero h1{font-size:clamp(25px,6.7vw,35px);line-height:1.45;letter-spacing:-.4px;text-wrap:balance}body[data-dominor-service=website] .hero h1 br{display:none}body[data-dominor-service=website] .hero .eyebrow{font-size:8px;margin-bottom:8px}body[data-dominor-service=website] .hero-desc{font-size:12px;line-height:1.7;margin-top:10px}body[data-dominor-service=website] .hero-actions{margin-top:12px}body[data-dominor-service=website] .hero-actions a[href*=services]{display:none!important}body[data-dominor-service=website] .hero-actions>.button{min-height:44px;padding-block:8px}body[data-dominor-service=website] .hero .harmony-art{width:min(100%,45svh)!important;flex:none;max-width:100%;align-self:center}body[data-dominor-service=website] .hero-bottom{display:none}}