.work-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 25px}
.client-card{grid-column:span 2;--client-glow:#508aaa}
.client-card:nth-child(n+4){grid-column:span 3}
.client-card .work-visual{aspect-ratio:1.35;padding:52px 27px 40px;background:#101b18!important;isolation:isolate}
.client-card:nth-child(n+4) .work-visual{aspect-ratio:2.08}
.client-card .work-visual:before{opacity:.65}
.client-brand{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;z-index:1;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.client-brand:before{content:'';position:absolute;inset:10%;border-radius:50%;background:var(--client-glow);filter:blur(42px);opacity:.14;z-index:-1}
.client-logo{display:block;object-fit:contain;width:100%;height:100%;max-height:155px;max-width:280px}
.client-steadfast .client-logo{height:auto;max-height:80px}
.client-landon{--client-glow:#c84725}
.client-landon .client-logo{max-width:170px}
.client-memories{--client-glow:#1396bb}
.client-memories .client-logo{max-width:180px}
.client-liberty{--client-glow:#5780ba}
.client-liberty .client-brand{background:#fff;border:1px solid #d4dbe1;padding:14px;max-width:340px;justify-self:center}
.client-liberty .client-logo{max-height:125px}
.client-ana{--client-glow:#c9434b}
.client-wordmark{text-align:center;line-height:.96;color:#f8f3ed;transform:rotate(-3deg)}
.client-wordmark>span{display:block;font:10px/1.4 'Courier New',monospace;letter-spacing:.26em;color:#d99898;margin-bottom:12px}
.client-wordmark>strong{font:700 clamp(30px,3.4vw,48px)/.94 var(--display);letter-spacing:.02em}
.client-visit{position:absolute;bottom:15px;left:17px;font:10px/1.4 'Courier New',monospace;color:#b8cfc0;z-index:2;display:flex;gap:20px;align-items:center}
.client-visit>span{transition:transform .3s}
.client-card .work-window{gap:10px;font-size:9px;letter-spacing:0;text-transform:none}
.client-card .work-window>span:first-child{min-width:0;overflow-wrap:anywhere}
.client-card .window-pips{flex-shrink:0}
.client-card .work-meta{gap:14px;align-items:center}
.client-card .work-meta>div{min-width:0}
.client-card .work-meta h3{font-size:clamp(25px,2.35vw,32px);line-height:1.08;overflow-wrap:break-word;margin-bottom:8px}
.client-card .work-meta .client-category{font:9px/1.5 'Courier New',monospace;letter-spacing:.06em;color:#88a591;margin-bottom:11px;text-transform:uppercase}
.client-card .work-meta .client-domain{font-size:10px;line-height:1.65;overflow-wrap:anywhere;color:#9cb4a5}
.client-card .work-meta>.arrow{flex:0 0 33px}
.client-card:hover .client-brand,.client-card:focus-visible .client-brand{transform:translateY(-5px)}
.client-card:hover .client-visit>span{transform:translate(3px,-3px)}
.motion-ready .work-grid.is-visible .work-card:nth-child(4){animation-delay:.3s}
.motion-ready .work-grid.is-visible .work-card:nth-child(5){animation-delay:.4s}
@media(max-width:1100px) and (min-width:761px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card,.client-card:nth-child(n+4){grid-column:auto}.client-card:last-child{grid-column:1/-1}.client-card .work-visual,.client-card:nth-child(n+4) .work-visual{aspect-ratio:1.5}.client-card:last-child .work-visual{aspect-ratio:3.1}.client-card .work-meta h3{font-size:30px}}
@media(max-width:760px){.work-grid{grid-template-columns:minmax(0,1fr);gap:34px}.client-card,.client-card:nth-child(n+4){grid-column:auto}.client-card .work-visual,.client-card:nth-child(n+4) .work-visual{aspect-ratio:1.45;padding:49px 30px 39px}.client-logo{max-height:145px}.client-card .work-meta h3{font-size:30px}.client-wordmark>strong{font-size:40px}}
@media(prefers-reduced-motion:reduce){.client-brand,.client-visit>span{transition:none!important}.client-card:hover .client-brand,.client-card:focus-visible .client-brand,.client-card:hover .client-visit>span{transform:none!important}}
.motion-paused .client-brand,.motion-paused .client-visit>span{transition:none!important;transform:none!important}
