.wd-web-case-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}.wd-web-case-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}.wd-web-case-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.wd-web-case-stage{aspect-ratio:2;background:radial-gradient(circle at 70% 20%, #ffffffb3, transparent 55%), linear-gradient(160deg, var(--color-primary-100), var(--color-primary-50) 75%);border-bottom:1px solid var(--color-primary-100);display:block;position:relative;overflow:hidden}.wd-web-case-stage-laptop{width:62%;position:absolute;top:15%;left:12%}.wd-web-case-stage-phone{width:16%;transition:transform var(--duration-slow) var(--ease-emphasized);position:absolute;bottom:8%;right:12%}.wd-web-case-stage:hover .wd-web-case-stage-phone{transform:translate(2%,-4%)}.wd-web-case-body{gap:var(--space-xs);padding:var(--space-md);flex-direction:column;flex-grow:1;display:flex}.wd-web-case-title{color:var(--color-text)}.wd-web-case-title-link{color:inherit;transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}.wd-web-case-title-link:hover{color:var(--color-primary-dark)}.wd-web-case-meta{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.wd-web-case-facts{padding-top:var(--space-xs);border-top:1px solid var(--color-primary-100)}.wd-web-case-facts dt{font-size:var(--fs-100);font-weight:var(--fw-semibold);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.05em}.wd-web-case-facts dd{margin:var(--space-3xs) 0 0;color:var(--color-text-muted);font-size:var(--fs-200)}.wd-web-case-more{padding-top:var(--space-3xs);font-size:var(--fs-200);font-weight:var(--fw-semibold);color:var(--color-primary-dark);align-self:flex-start;align-items:center;gap:.4rem;margin-top:auto;text-decoration:none;display:inline-flex}.wd-web-case-more svg{transition:transform var(--duration-fast) var(--ease-standard)}.wd-web-case-more:hover svg{transform:translate(3px)}.wd-web-case-footer{margin-top:var(--space-xl);justify-content:center;display:flex}@media (min-width:768px){.wd-web-case-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.wd-web-case-stage{aspect-ratio:12/5}.wd-web-case-stage-laptop{width:56%;top:12%;left:16%}.wd-web-case-stage-phone{width:14.5%;bottom:7%;right:16%}}@media (prefers-reduced-motion:reduce){.wd-web-case-card,.wd-web-case-stage-phone,.wd-web-case-title-link,.wd-web-case-more svg{transition:none}.wd-web-case-card:hover,.wd-web-case-stage:hover .wd-web-case-stage-phone,.wd-web-case-more:hover svg{transform:none}}