/* Reference-inspired circled chevron, drawn as a crisp vector rather than a text glyph. */
#site.light-sim{--circled-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Ccircle cx='50' cy='50' r='46' stroke='black' stroke-width='2'/%3E%3Cpath d='M43 33L60 50L43 67' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#site.light-sim #contact>h2 .closing-arrow{display:inline-block;font-size:inherit;width:.72em;height:.72em;width:1cap;height:1cap;vertical-align:baseline;background:#2355ff;color:transparent!important;text-indent:-999em;overflow:hidden;-webkit-mask:var(--circled-chevron) center/contain no-repeat;mask:var(--circled-chevron) center/contain no-repeat}
#site.light-sim #work .projectline::after{content:'';display:block;width:38px;height:38px;border:0;border-radius:0;background:#2355ff;-webkit-mask:var(--circled-chevron) center/contain no-repeat;mask:var(--circled-chevron) center/contain no-repeat;transform:none;transition:translate .25s ease}
#site.light-sim #work .project:hover .projectline::after,#site.light-sim #work .project:focus-visible .projectline::after{background:#2355ff;transform:none;translate:3px 0}
#site.light-sim .inline-chevron{display:inline-block;vertical-align:-.22em;width:1.35em;height:1.35em;margin-left:.45em;flex-shrink:0;background:#2355ff;-webkit-mask:var(--circled-chevron) center/contain no-repeat;mask:var(--circled-chevron) center/contain no-repeat}
#site.light-sim #contact .footerend .inline-chevron{background:#2355ff}
@media(max-width:700px){#site.light-sim #work .projectline::after{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){#site.light-sim #work .projectline::after{transition:none}}
/* One clear project action, with a white disc for strong contrast against the navy gallery. */
#site.light-sim #work .project>.inline-chevron{display:none}
#site.light-sim #work .projectline::after,#site.light-sim #work .project:hover .projectline::after,#site.light-sim #work .project:focus-visible .projectline::after{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Ccircle cx='50' cy='50' r='46' fill='white' stroke='%232355ff' stroke-width='2'/%3E%3Cpath d='M43 33L60 50L43 67' stroke='%232355ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:none;mask:none}

/* Remove the vector's outer inset so the visible circle matches the capital N. */
#site.light-sim #contact>h2 .closing-arrow{-webkit-mask-size:106.383% 106.383%;mask-size:106.383% 106.383%}