/* Shared arrows on home, services and product pages inherit the existing palette. */
.fone-product-icons .fone-link-icon{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.15em;overflow:visible}
.fone-product-icons a>.fone-link-icon{margin-inline-start:.35em}
.fone-product-icons a>.fone-link-icon--left{margin-inline:0 .35em}
.fone-product-icons a>.fone-link-icon:only-child{margin:0}
.fone-product-icons .spotlight-caption>a>.fone-link-icon{width:22px;height:22px}
.fone-product-icons .work-link>.fone-link-icon,.fone-product-icons .fone-work-inquiry>.fone-link-icon{width:18px;height:18px}
.fone-product-icons .studio-discipline .fone-link-icon{width:.7em;height:.7em;vertical-align:0}
.fone-product-icons .trust-capabilities li:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);vertical-align:.18em;margin-right:9px}
.fone-product-icons .order-states li+li:before{content:'';display:inline-block;width:1em;height:1em;vertical-align:-.15em;background:currentColor;mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 12h16m-6-6 6 6-6 6"/%3E%3C/svg%3E') center/contain no-repeat}
@media (prefers-reduced-motion:no-preference){
 .fone-product-icons a .fone-link-icon{transition:transform .2s cubic-bezier(.2,.65,.3,1)}
 .fone-product-icons a:focus-visible .fone-link-icon--right{transform:translateX(3px)}
 .fone-product-icons a:focus-visible .fone-link-icon--left{transform:translateX(-3px)}
 .fone-product-icons a:focus-visible .fone-link-icon--down{transform:translateY(3px)}
 .fone-product-icons a:focus-visible .fone-link-icon--external{transform:translate(2px,-2px)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
 .fone-product-icons a:hover .fone-link-icon--right{transform:translateX(3px)}
 .fone-product-icons a:hover .fone-link-icon--left{transform:translateX(-3px)}
 .fone-product-icons a:hover .fone-link-icon--down{transform:translateY(3px)}
 .fone-product-icons a:hover .fone-link-icon--external{transform:translate(2px,-2px)}
}
@media (prefers-reduced-motion:reduce){
 .fone-product-icons .fone-link-icon{transition:none;transform:none}
}