/* Case cards: Figma layout with official Projects covers, copy and hover videos. */
#work .case-link{display:block;color:inherit;text-decoration:none;border-radius:.75rem;outline-offset:6px}
#work .case-link:focus-visible{outline:2px solid #285de5}
#work .case-art{height:auto;aspect-ratio:640/428;border-radius:.75rem;position:relative;isolation:isolate;overflow:hidden;transform:none}
/* Match the Projects page: 1.01 → 1.10 zoom, 800 ms ease-out. */
#work .case-art>img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .8s cubic-bezier(.215,.61,.355,1)}
#work .case-art::after{content:none}
#work .case-video{position:absolute;inset:0;overflow:hidden;container-type:size;opacity:0;pointer-events:none;transition:opacity .25s ease;--video-ratio:1.777778}
#work .case-video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100cqw,calc(100cqh * var(--video-ratio)))!important;height:max(100cqh,calc(100cqw / var(--video-ratio)))!important;max-width:none;border:0;pointer-events:none}
#work .is-video-playing .case-video{opacity:1}
#work .case-link:focus-visible .case-art>img{transform:scale(1.1)}
#work .case-meta{padding-top:1.5rem}
#work .case-title{display:flex;align-items:center;gap:.5rem;font-family:Suisse,Arial,sans-serif;font-size:1.5rem;font-weight:500;line-height:1.2;letter-spacing:-.02em;margin:0 0 .5rem}
#work .case-title-arrow-wrap{display:inline-flex;width:1rem;height:1rem;flex:none;overflow:hidden}
#work .case-title-arrow{display:block;width:100%;height:100%;opacity:0;visibility:hidden;transform:translateX(-110%);transition:transform .4s cubic-bezier(.215,.61,.355,1),opacity .2s ease}
#work .case-link:focus-visible .case-title-arrow{opacity:1;visibility:visible;transform:translateX(0)}
@media(hover:hover) and (pointer:fine){
 #work .case-link:hover .case-art>img{transform:scale(1.1)}
 #work .case-link:hover .case-title-arrow{opacity:1;visibility:visible;transform:translateX(0)}
}
#work .case-meta>p{max-width:25rem;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:0;color:#02021e99;margin:0}
#work .case-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:1.5rem}
#work .case-tag{display:inline-flex;align-items:center;justify-content:center;min-height:2.125rem;padding:.5rem .75rem;border:1px solid #02021e4d;border-radius:100px;font-size:.875rem;line-height:1.1;font-weight:500;letter-spacing:-.02em;color:#02021e}
@media(max-width:600px){
 #work .case-meta{padding-top:1rem}
 #work .case-title{font-size:1.25rem}
 #work .case-meta>p{font-size:.85rem}
 #work .case-tags{margin-top:1rem}
 #work .case-tag{font-size:.7rem;min-height:1.75rem;padding:.4rem .6rem}
}
@media(prefers-reduced-motion:reduce){
 #work .case-art>img,#work .case-title-arrow,#work .case-video{transition:none}
 #work .case-video{display:none}
 #work .case-link:is(:hover,:focus-visible) .case-art>img{transform:none}
}