/* Shared geometry and typography for both practice cards. */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.work-card.card-one,.work-card.card-two{container-type:inline-size;aspect-ratio:2048/1541;min-height:0;padding:0;display:block;position:relative;isolation:isolate;overflow:hidden;background:#111;color:#fff;box-shadow:none;transform:none}
.work-card::before{display:none}
.work-card:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.work-card .work-card-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.work-card .work-card-media::before{content:'';position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.67)}
.work-card .work-card-media img,.work-card .work-card-media video{position:absolute;display:block;max-width:none;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 800ms cubic-bezier(.22,.61,.36,1)}
.work-card.card-one .work-card-media img{width:188.93%;height:auto;left:0;top:-45.4%;transform-origin:47% 43%}
.work-card > :not(.work-card-media){position:absolute;z-index:2;color:#fff;opacity:1;text-shadow:none;background:none;padding:0;margin:0}
.work-card .tag{left:6.4%;top:8.7%;font-size:clamp(12px,1.8cqw,18px);font-weight:400;letter-spacing:.12em;line-height:1.3}
.work-card h3{left:6.4%;top:41.5%;width:87.2%;max-width:none;font-size:10cqw;line-height:.98;font-weight:700;letter-spacing:-.08em;text-wrap:balance;overflow-wrap:anywhere}
.work-card p{left:6.4%;bottom:8%;width:87.2%;font-size:clamp(12px,2cqw,20px);line-height:1.4;font-weight:400}
@media(hover:hover) and (pointer:fine){.work-card:hover .work-card-media img,.work-card:hover .work-card-media video{transform:scale(1.06)}}
.work-card.is-zoomed .work-card-media img,.work-card.is-zoomed .work-card-media video,.work-card:focus-visible .work-card-media img,.work-card:focus-visible .work-card-media video{transform:scale(1.06)}
@media(max-width:760px){.work-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.work-card .work-card-media img,.work-card .work-card-media video{transition:none}}

html[data-theme] .work-card.card-one,html[data-theme] .work-card.card-two{border:0;background:#111;color:#fff}
