/* Consistent next-project cards: category at the eye, title and link below. */
.ls-next-card{position:relative;z-index:1;display:block;min-width:0;margin:0}
.ls-next-card .work-image{position:relative;isolation:isolate;display:block;width:100%;height:auto;aspect-ratio:2.15;overflow:hidden;background:#161716;padding:0;border:0;filter:none;--card-eye-visible:0;--card-eye-play:paused;--project-overlay-color:#ff8700;--project-overlay-ink:#050605}
.ls-next-card .work-image>img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.ls-next-card .work-image.sbdc-ai>img{object-fit:contain;background:#0b1222}
.ls-next-card .work-image:focus-visible{outline:3px solid #ff8700;outline-offset:6px;--card-eye-visible:1;--card-eye-play:running}
.ls-next-card .work-image:focus-visible>img{transform:scale(1.025)}
.ls-next-card .project-hover{position:absolute;inset:0;z-index:2;pointer-events:none;color:var(--project-overlay-ink)}
.ls-next-card .project-hover-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(7,1fr)}
.ls-next-card .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)}
.ls-next-card .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)}
.ls-next-card .project-hover-eye{display:block;width:40%;max-width:306px;height:auto;aspect-ratio:17/9;flex:none;fill:currentColor;shape-rendering:crispEdges}
.ls-next-card .project-hover-eye .card-eye-open{animation:ls-next-eye-open 4.4s steps(1,end) infinite;animation-play-state:var(--card-eye-play)}
.ls-next-card .project-hover-eye .card-eye-half{opacity:0;animation:ls-next-eye-half 4.4s steps(1,end) infinite;animation-play-state:var(--card-eye-play)}
.ls-next-card .project-hover-eye .card-eye-closed{opacity:0;animation:ls-next-eye-closed 4.4s steps(1,end) infinite;animation-play-state:var(--card-eye-play)}
@keyframes ls-next-eye-open{0%,24%,32%,100%{opacity:1}25%,31%{opacity:0}}
@keyframes ls-next-eye-half{0%,24%,27%,29%,32%,100%{opacity:0}25%,30%{opacity:1}}
@keyframes ls-next-eye-closed{0%,26%,30%,100%{opacity:0}27%,29%{opacity:1}}
.ls-next-card .work-hover-meta{max-width:100%;text-align:center}
html:root body .ls-next-card .work-hover-meta p{font:400 clamp(13px,1.05vw,16px)/1.5 'LS GT Standard','Helvetica Neue',Helvetica,Arial,sans-serif!important;letter-spacing:0;margin:0;color:inherit}
html:root body .ls-next-card .work-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;padding-top:18px;text-align:left}
html:root body .ls-next-card .work-caption h2{font:400 clamp(22px,2.3vw,34px)/1.2 'LS GT Standard','Helvetica Neue',Helvetica,Arial,sans-serif!important;letter-spacing:-.025em;min-width:0;margin:0;color:inherit}
html:root body .ls-next-card .work-caption>a{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;font:400 14px/1.4 'LS GT Standard','Helvetica Neue',Helvetica,Arial,sans-serif!important;letter-spacing:0;white-space:nowrap;color:inherit;text-decoration:none}
.ls-next-card .work-caption>a .link-ink{margin:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.ls-next-card .work-caption>a.has-color-underline .link-ink{text-decoration-color:transparent}
.ls-next-card .work-caption .link-color-line{height:3px}
.ls-next-section{padding-block:48px 72px}
html:root body .ls-next-section>h2{font:400 22px/1.3 'LS GT Standard','Helvetica Neue',Helvetica,Arial,sans-serif!important;margin:0 0 28px}
@media(hover:hover){.ls-next-card .work-image:hover{--card-eye-visible:1;--card-eye-play:running}.ls-next-card .work-image:hover>img{transform:scale(1.025)}}
@media(hover:none){.ls-next-card .work-image:active{--card-eye-visible:1;--card-eye-play:running}.ls-next-card .work-image:active .project-hover-tile,.ls-next-card .work-image:active .project-hover-prompt{transition:none}}
@media(max-width:760px){
 .ls-next-card .work-image{aspect-ratio:1.3}
 .ls-next-card .project-hover-eye{width:49%}
 .ls-next-card .project-hover-prompt{gap:20px}
 html:root body .ls-next-card .work-caption{gap:12px;padding-top:14px}
 html:root body .ls-next-card .work-caption>a{font-size:12px!important}
 .ls-next-section{padding-block:40px 54px}
}
@media(prefers-reduced-motion:reduce){
 .ls-next-card .project-hover-tile,.ls-next-card .project-hover-prompt,.ls-next-card .work-image>img{transition:none}
 .ls-next-card .project-hover-eye g{animation:none!important}
 .ls-next-card .project-hover-eye .card-eye-open{opacity:1}
 .ls-next-card .project-hover-eye .card-eye-half,.ls-next-card .project-hover-eye .card-eye-closed{opacity:0}
 .ls-next-card .work-image:is(:hover,:focus-visible)>img{transform:none}
}
[data-motion="paused"] .ls-next-card .project-hover-eye g{animation:none!important}
[data-motion="paused"] .ls-next-card .project-hover-eye .card-eye-open{opacity:1}
[data-motion="paused"] .ls-next-card .project-hover-eye .card-eye-half,[data-motion="paused"] .ls-next-card .project-hover-eye .card-eye-closed{opacity:0}
[data-motion="paused"] .ls-next-card .project-hover-tile,[data-motion="paused"] .ls-next-card .project-hover-prompt,[data-motion="paused"] .ls-next-card .work-image>img{transition:none}
