/* Alpha silhouettes generated with the built-in image generation tool. */
.ui-icon{--icon-size:18px;display:inline-block!important;width:var(--icon-size)!important;height:var(--icon-size)!important;flex:0 0 var(--icon-size);vertical-align:-.14em;background:currentColor;-webkit-mask:url('/assets/direction-mark.png') center/contain no-repeat;mask:url('/assets/direction-mark.png') center/contain no-repeat;font-style:normal;pointer-events:none}
.icon-down{transform:rotate(135deg)}.icon-up{transform:rotate(-45deg)}
.header-contact{align-items:center;gap:22px;transition:background .25s}
.header-contact>span{display:grid;place-items:center;width:20px;height:20px;line-height:1}
.header-contact .ui-icon{--icon-size:20px;transition:transform .35s}
.header-contact:hover .ui-icon{transform:translate(2px,-2px)}
.text-link>.ui-icon,.text-link>span:not(.round-arrow)>.ui-icon{--icon-size:19px}
.round-arrow{width:44px;height:44px;border-radius:0;border-color:#bfc4b6;position:relative;transition:background .3s,border-color .3s,color .3s}
.round-arrow>.ui-icon{--icon-size:24px;transition:transform .4s}
.text-link:hover .round-arrow{transform:none}
.text-link:hover .round-arrow>.ui-icon{transform:translate(2px,-2px)}
.project-open,.software-launch{border-radius:0;box-shadow:0 0 0 1px #171b1812;transition:background .3s,color .3s}
.project-open .ui-icon,.software-launch .ui-icon{--icon-size:24px;transition:transform .4s}
.creative-home .project-card:hover .project-open{transform:none}
.project-card:hover .project-open .ui-icon,.software-visual-link:hover .software-launch .ui-icon{transform:translate(2px,-2px)}
.canvas-community-caption>span:last-child{display:grid;place-items:center}
.canvas-community-caption .ui-icon{--icon-size:19px}
.canvas-small-caption>b{display:grid;place-items:center;line-height:1}
.canvas-small-caption .ui-icon{--icon-size:18px}
.company-field-links>a>span:last-child{display:none}
.company-field-links>a{transition:background .3s}
.company-field-links>a:hover{background:#e3e7dc}
.canvas-bottomline>a{display:flex;align-items:center;gap:9px}
.canvas-bottomline .ui-icon{--icon-size:14px}
.hero-foot>a>span:last-child{display:flex;align-items:center}
.hero-foot .ui-icon{--icon-size:21px}
.contact-orb .orb-arrow{display:grid;place-items:center;line-height:1;width:65px;height:65px}
.contact-orb .orb-arrow .ui-icon{--icon-size:64px;transition:transform .5s}
.contact-orb:hover{transform:none}
.contact-orb:hover .orb-arrow .ui-icon{transform:translate(3px,-3px)}
.creative-home .contact-orb:before{border-style:solid;inset:-10px;border-color:#ffffff38;animation:none}
.creative-home .contact-orb:hover:before{inset:-15px}
.footer-top nav .ui-icon{--icon-size:12px;margin-left:4px}
.mobile-contact>span:last-child{display:grid;place-items:center}
.mobile-contact .ui-icon{--icon-size:23px}
.service-body>a .ui-icon{--icon-size:17px}
.news-row>.ui-icon,.news-row>span:last-child .ui-icon{--icon-size:22px}
.software-cta .ui-icon{--icon-size:19px}
.conversion-arrow .ui-icon{--icon-size:46px}
.mobile-menu>a>span>.ui-icon{--icon-size:22px}
@media(max-width:760px){
 .header-contact{gap:14px}.header-contact>span{width:18px;height:18px}.header-contact .ui-icon{--icon-size:18px}
 .round-arrow{width:38px;height:38px}.round-arrow>.ui-icon{--icon-size:22px}
 .canvas-community-caption .ui-icon{--icon-size:17px}.canvas-small-caption .ui-icon{--icon-size:16px}
 .project-open .ui-icon,.software-launch .ui-icon{--icon-size:21px}
 .contact-orb .orb-arrow{width:46px;height:46px}.contact-orb .orb-arrow .ui-icon{--icon-size:46px}
 .text-link>.ui-icon,.text-link>span:not(.round-arrow)>.ui-icon{--icon-size:17px}
}