.work-list{display:grid;gap:72px;margin-top:58px}.work{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:6%;align-items:center}.work:nth-child(even) .work-shot{order:2}.work-shot{position:relative;display:block;overflow:hidden;border:1px solid #2a165d;background:#fff;box-shadow:18px 18px 0 var(--turquoise)}.work:nth-child(even) .work-shot{box-shadow:-18px 18px 0 var(--orange)}.work-shot:after{content:'VISITER LE SITE ↗';position:absolute;right:16px;bottom:16px;padding:8px 12px;background:var(--navy);color:#fff;font-size:10px;font-weight:900;letter-spacing:1px}.work-shot img{display:block;width:100%;aspect-ratio:1.5/1;object-fit:cover;object-position:top center;transition:transform .3s ease}.work-shot:hover img{transform:scale(1.015)}.work-copy .eyebrow{color:var(--violet)}.work-copy h2{margin:13px 0 17px;font-size:clamp(31px,3.5vw,48px)}.work-copy p{color:var(--muted)}.work-tags{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0}.work-tags span{border:1px solid #c9c1df;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.work-copy .button{margin-top:8px}@media(max-width:720px){.work-list{gap:58px;margin-top:42px}.work{grid-template-columns:1fr;gap:27px}.work:nth-child(even) .work-shot{order:0}.work-shot,.work:nth-child(even) .work-shot{box-shadow:9px 9px 0 var(--turquoise)}.work-shot:after{right:9px;bottom:9px}.work-copy h2{font-size:35px}.work-shot img{aspect-ratio:1.35/1}}