.serpent-link{display:inline-flex;align-items:center;gap:10px}
.serpent-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:middle;line-height:1;color:#cbea99}
.serpent-icon{display:block;inline-size:18px;block-size:18px;flex:0 0 auto;overflow:visible;transform-origin:center;transition:transform .18s steps(2,end);pointer-events:none}
.primary .serpent-mark{color:inherit}
.header-contact .serpent-mark{margin:0}
.dock-icon.serpent-mark .serpent-icon{inline-size:16px;block-size:16px}
.project-arrow{display:inline-flex;align-items:center;justify-content:flex-end}
.project-arrow .serpent-icon{inline-size:20px;block-size:20px}
.project-row:hover .project-arrow{transform:none}
.contact-bottom>a.serpent-link{max-inline-size:100%;gap:12px}
.contact-bottom>a .serpent-icon{inline-size:22px;block-size:22px}
a:hover .serpent-icon,a:focus-visible .serpent-icon,button:hover .serpent-icon,button:focus-visible .serpent-icon{transform:translate(2px,-1px)}
[dir=rtl] a:hover .serpent-icon,[dir=rtl] a:focus-visible .serpent-icon,[dir=rtl] button:hover .serpent-icon,[dir=rtl] button:focus-visible .serpent-icon{transform:translate(-2px,-1px)}
@media(max-width:720px){.serpent-link{gap:8px}.serpent-icon{inline-size:16px;block-size:16px}.project-arrow .serpent-icon{inline-size:18px;block-size:18px}.contact-bottom>a .serpent-icon{inline-size:18px;block-size:18px}}
@media(prefers-reduced-motion:reduce){.serpent-icon{transition:none!important;transform:none!important}}