/* Familiar action icons; shared geometry, sizes and currentColor. */
:root{--icon-arrow-right:url("../svg/icons/arrow-right.svg?v=9de4c84e4a39");--icon-mail:url("../svg/icons/mail.svg?v=60fbf50b04d8");--icon-phone:url("../svg/icons/phone.svg?v=ea93c295ab27");--icon-message:url("../svg/icons/message.svg?v=ef45753f060d");--icon-zoom:url("../svg/icons/zoom.svg?v=56374220cd52");--icon-send:url("../svg/icons/send.svg?v=a526f343a439");--icon-external:url("../svg/icons/external.svg?v=2b29c6b5c916")}
.ui-icon,.service-copy a:after,.factory-page .factory-gallery a>span:after,.factory-page .factory-project-note>a:after,.quality-copy a:after,.about-copy a:after,.contact-person-profile a:after{--action-icon:var(--icon-arrow-right);content:'';display:inline-block;vertical-align:middle;width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:var(--action-icon) center/contain no-repeat;mask:var(--action-icon) center/contain no-repeat}
.icon-mail{--action-icon:var(--icon-mail)}
.icon-phone{--action-icon:var(--icon-phone)}
.icon-message{--action-icon:var(--icon-message)}
.icon-send{--action-icon:var(--icon-send)}
.icon-zoom,.factory-page .factory-gallery a>span:after{--action-icon:var(--icon-zoom)}
.contact-person-profile a:after{--action-icon:var(--icon-external)}
.button:has(>.ui-icon){gap:12px}
.contact-email-link .ui-icon{width:22px;height:22px;flex-basis:22px}
.factory-preview a>span,.gallery-main>span{display:inline-flex;align-items:center;gap:10px}
@media(prefers-reduced-motion:no-preference){
 .icon-arrow-right,.service-copy a:after,.factory-page .factory-project-note>a:after,.quality-copy a:after,.about-copy a:after{transition:transform .2s ease-out}
 a:focus-visible .icon-arrow-right,.service-copy a:focus-visible:after,.factory-page .factory-project-note>a:focus-visible:after,.quality-copy a:focus-visible:after,.about-copy a:focus-visible:after{transform:translateX(2px)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 a:hover .icon-arrow-right,.service-copy a:hover:after,.factory-page .factory-project-note>a:hover:after,.quality-copy a:hover:after,.about-copy a:hover:after{transform:translateX(2px)}
}
@media(max-width:760px){.header-quote:has(>.ui-icon){gap:8px}.header-quote .ui-icon{width:16px;height:16px;flex-basis:16px}}
.icon-chevron-down{--action-icon:url("../svg/icons/chevron-down.svg?v=252db2627367")}
.icon-check{--action-icon:url("../svg/icons/check.svg?v=7d8ae6e00170")}
.icon-close{--action-icon:url("../svg/icons/close.svg?v=24df5a887fbf")}
.icon-pause{--action-icon:url("../svg/icons/pause.svg?v=18cce8618050")}
.icon-play{--action-icon:url("../svg/icons/play.svg?v=dfe65d4f18fd")}