/* The eye is the homepage link cue; keep the original pixel-wash interaction. */
.eye-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font:400 16px/1.3 GTMono,monospace}
.action-eye{display:block;position:static;width:34px;height:18px;fill:currentColor;flex:none;overflow:visible}
.action-eye .nav-eye-half,.action-eye .nav-eye-closed{opacity:0}
.eye-link:is(:hover,:focus-visible) .nav-eye-open{animation:logo-eye-open 3.8s steps(1,end) infinite}
.eye-link:is(:hover,:focus-visible) .nav-eye-half{animation:logo-eye-half 3.8s steps(1,end) infinite}
.eye-link:is(:hover,:focus-visible) .nav-eye-closed{animation:logo-eye-closed 3.8s steps(1,end) infinite}
.gallery-heading .eye-link span{margin-left:0}
.work-image{position:relative;isolation:isolate;filter:none;--card-eye-visible:0;--card-eye-play:paused;--project-overlay-color:#ff8700;--project-overlay-ink:#050605}
.work-image>img{filter:grayscale(1);transition:filter .4s,transform .55s cubic-bezier(.2,.7,.2,1)}
.work-image:is(:hover,:focus-visible)>img{filter:none}
.project-hover{position:absolute;inset:0;z-index:2;pointer-events:none;color:var(--project-overlay-ink)}
.project-hover-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(7,1fr)}
.project-hover-tile{display:block;background:var(--project-overlay-color);opacity:calc(var(--card-eye-visible)*.96);transition:opacity 80ms steps(2,end);transition-delay:calc(var(--tile-order)*5ms)}
.project-hover-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:18px;opacity:var(--card-eye-visible);transform:translateY(calc((1 - var(--card-eye-visible))*12px));transition:opacity .1s ease,transform .18s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--card-eye-visible)*90ms)}
.project-hover-eye{display:block;width:40%;max-width:306px;height:auto;aspect-ratio:17/9;flex:none;fill:currentColor;shape-rendering:crispEdges}
.project-hover-label{display:block;font:400 max(var(--mobile-type-min,0px),12px)/1.4 'GT America Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.project-hover-eye .card-eye-open{animation:project-card-eye-open 4.4s steps(1,end) infinite;animation-play-state:var(--card-eye-play)}
.project-hover-eye .card-eye-half{opacity:0;animation:project-card-eye-half 4.4s steps(1,end) infinite;animation-play-state:var(--card-eye-play)}
.project-hover-eye .card-eye-closed{opacity:0;animation:project-card-eye-closed 4.4s steps(1,end) infinite;animation-play-state:var(--card-eye-play)}
.work-image:focus-visible{--card-eye-visible:1;--card-eye-play:running}
@media(hover:hover){.work-image:hover{--card-eye-visible:1;--card-eye-play:running}}
@media(hover:none){.work-image:active{--card-eye-visible:1;--card-eye-play:running}.work-image:active .project-hover-tile,.work-image:active .project-hover-prompt{transition:none}}
@keyframes project-card-eye-open{0%,24%,32%,100%{opacity:1}25%,31%{opacity:0}}
@keyframes project-card-eye-half{0%,24%,27%,29%,32%,100%{opacity:0}25%,30%{opacity:1}}
@keyframes project-card-eye-closed{0%,26%,30%,100%{opacity:0}27%,29%{opacity:1}}
[data-motion="paused"] .project-hover-eye g{animation:none!important}
[data-motion="paused"] .project-hover-eye .card-eye-open{opacity:1}
[data-motion="paused"] .project-hover-eye .card-eye-half,[data-motion="paused"] .project-hover-eye .card-eye-closed{opacity:0}
[data-motion="paused"] .project-hover-tile,[data-motion="paused"] .project-hover-prompt,[data-motion="paused"] .project-tile--eye .project-media>img{transition:none}
@media(prefers-reduced-motion:reduce){.project-hover-tile,.project-hover-prompt,.project-tile--eye .project-media>img{transition:none}.project-hover-eye g{animation:none!important}.project-hover-eye .card-eye-open{opacity:1}.project-hover-eye .card-eye-half,.project-hover-eye .card-eye-closed{opacity:0}}


html:root body :is(.wordmark,.ls-menu-logo),html:root body :is(.wordmark,.ls-menu-logo)>span,html:root body :is(.wordmark,.ls-menu-logo) strong{font-family:GTMono,monospace!important;font-weight:400!important;text-transform:lowercase!important}
html:root body header.site-header[data-site-nav]>.wordmark,html:root body header.site-header[data-site-nav]>.wordmark>span,html:root body header.site-header[data-site-nav]>.wordmark strong{font:400 28px/1 GTMono,monospace!important;letter-spacing:-1.2px!important;text-transform:lowercase!important}
html:root body header.site-header[data-site-nav]>nav a,html:root body #ls-mobile-menu :is(.ls-menu-row,.ls-menu-cta),html:root body .ls-menu-button{text-transform:lowercase!important;font-family:GTMono,monospace!important}
.service-row{grid-template-columns:1fr 1fr}
.service-row:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}
@media(max-width:760px){html:root body header.site-header[data-site-nav]>.wordmark,html:root body header.site-header[data-site-nav]>.wordmark>span,html:root body header.site-header[data-site-nav]>.wordmark strong{font-size:22px!important;letter-spacing:-.9px!important}.service-row{grid-template-columns:1fr}.project-hover-eye{width:49%}}
@media(prefers-reduced-motion:reduce){.action-eye g{animation:none!important}.action-eye .nav-eye-open{opacity:1}.action-eye .nav-eye-half,.action-eye .nav-eye-closed{opacity:0}}
