/* Large animated capability examples on Services. */
.work-showcase+.work-showcase{margin-top:110px;padding-top:70px;border-top:1px solid var(--rule)}
.work-explorations{scroll-margin-top:100px}
.work-explorations__head{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:end;margin-bottom:58px}
.work-explorations__head h2{margin-top:24px;max-width:16ch}
.work-explorations__head .lead{max-width:43ch;font-size:19px}
.work-showcase__visual{position:relative}
.work-showcase__cover{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--ink-2);border-radius:0 0 var(--arc) 0}
.work-showcase__cover picture,.work-showcase__cover video{position:absolute;inset:0;display:block;width:100%;height:100%;transition:transform .7s var(--ease)}
.work-showcase__cover img{display:block;width:100%;height:100%;object-fit:contain}
.work-showcase__cover video{object-fit:contain;opacity:0}
.work-showcase.is-ready video{opacity:1}
.work-showcase.is-ready [data-showcase-poster]{visibility:hidden}
.work-showcase__label{position:absolute;top:28px;left:28px;padding:11px 14px;background:var(--ink);color:var(--paper);font-size:10px;line-height:1.6;max-width:70%}
.work-showcase__arrow{position:absolute;top:28px;right:28px;display:grid;place-items:center;width:62px;height:62px;background:var(--violet);color:var(--paper);border-radius:0 0 24px 0;transition:background .2s}
.work-showcase__arrow svg{width:26px;height:26px}
.work-showcase__cover:hover .work-showcase__arrow{background:var(--violet-2)}
.work-showcase__cover:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.work-showcase__toggle{position:absolute;right:32px;bottom:26px;z-index:1;min-height:44px;padding:10px 14px;background:var(--ink);color:var(--paper);border:1px solid var(--rule);font:11px var(--f-mono)}
.work-showcase__toggle[hidden]{display:none}
.work-showcase__toggle:hover{border-color:var(--accent)}
.work-showcase__body{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;padding-top:38px}
.work-showcase__body h3{font-size:clamp(34px,4.3vw,64px);letter-spacing:-.04em;line-height:1.05;font-weight:500;margin-top:22px}
.work-showcase__body h3 a:hover{color:var(--violet-2)}
.work-showcase__body p{font-size:18px;line-height:1.65;color:var(--muted);max-width:44ch}
.work-showcase__body .link-arrow{margin-top:26px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.work-showcase__cover:hover picture,.work-showcase__cover:hover video{transform:scale(1.025)}}
@media(max-width:760px){
 .work-showcase+.work-showcase{margin-top:65px;padding-top:45px}
 .work-explorations__head{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
 .work-explorations__head .eyebrow{font-size:9px}
 .work-explorations__head h2{font-size:clamp(36px,9vw,52px);margin-top:18px}
 .work-explorations__head .lead{font-size:17px}
 .work-showcase__label{top:12px;left:12px;padding:7px 9px;font-size:8px;max-width:70%}
 .work-showcase__arrow{top:12px;right:12px;width:38px;height:38px;border-radius:0 0 15px 0}
 .work-showcase__arrow svg{width:19px;height:19px}
 .work-showcase__toggle{bottom:12px;right:16px;min-height:36px;font-size:9px;padding:8px 10px}
 .work-showcase__body{grid-template-columns:1fr;gap:24px;padding-top:26px}
 .work-showcase__body .eyebrow{font-size:9px}
 .work-showcase__body h3{font-size:37px;margin-top:18px}
 .work-showcase__body p{font-size:16px}
 .work-showcase__body .link-arrow{margin-top:20px}
}