.wd-ref-cases{gap:var(--space-lg);flex-direction:column;display:flex}.wd-ref-case{gap:var(--space-md);padding:var(--space-xs);border:1px solid var(--color-primary-100);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary-50), var(--color-surface) 65%);box-shadow:var(--shadow-sm);align-items:center;display:grid}.wd-ref-case-stage{isolation:isolate;border-radius:var(--radius-lg);background:radial-gradient(ellipse 70% 65% at 50% 42%, var(--color-surface), transparent 72%), linear-gradient(160deg, var(--color-primary-100), var(--color-primary-50));padding:9% 6% 6%;display:block;position:relative;overflow:hidden}.wd-ref-case-stage:before{content:"";z-index:-1;background-image:radial-gradient(var(--color-primary-200) 1px, transparent 1.4px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 45%,#0000 35%,#000 85%);mask-image:radial-gradient(75% 70% at 50% 45%,#0000 35%,#000 85%)}.wd-ref-case-body{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-xs) var(--space-xs);flex-direction:column;display:flex}.wd-ref-case-head{align-items:center;gap:var(--space-sm);display:flex}.wd-ref-case-index{font-size:var(--fs-800);font-weight:var(--fw-bold);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1.5px var(--color-primary-light);line-height:1}.wd-ref-case-client{padding-left:var(--space-sm);border-left:1px solid var(--color-primary-200);font-size:var(--fs-200);font-weight:var(--fw-semibold);color:var(--color-text);flex-direction:column;gap:.1rem;display:flex}.wd-ref-case-client span{font-size:var(--fs-100);font-weight:var(--fw-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-dark)}.wd-ref-case-body h2{text-wrap:balance}.wd-ref-case-title-link{color:inherit;transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}.wd-ref-case-title-link:hover{color:var(--color-primary-dark)}.wd-ref-case-summary{font-size:var(--fs-200);color:var(--color-text-muted)}.wd-ref-case-tags{gap:var(--space-3xs);flex-wrap:wrap;display:flex}.wd-ref-case-tag{border-radius:var(--radius-full);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-primary-100);font-size:var(--fs-100);font-weight:var(--fw-medium);color:var(--color-primary-darker);padding:.2rem .65rem}.wd-ref-case-actions{align-items:center;gap:var(--space-sm) var(--space-md);margin-top:var(--space-2xs);flex-wrap:wrap;display:flex}.wd-ref-case-inquiry{font-size:var(--fs-200);font-weight:var(--fw-semibold);color:var(--color-primary-dark);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.wd-ref-case-inquiry svg{transition:transform var(--duration-fast) var(--ease-standard)}.wd-ref-case-inquiry:hover{color:var(--color-primary-darker)}.wd-ref-case-inquiry:hover svg{transform:translate(3px)}@media (min-width:1024px){.wd-ref-case{gap:var(--space-lg);padding:var(--space-sm);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.wd-ref-case-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.wd-ref-case-reverse .wd-ref-case-visual{order:2}.wd-ref-case-body{padding:var(--space-md) var(--space-xs) var(--space-md) 0}.wd-ref-case-reverse .wd-ref-case-body{padding:var(--space-md) 0 var(--space-md) var(--space-xs)}}@media (prefers-reduced-motion:reduce){.wd-ref-case-title-link,.wd-ref-case-inquiry svg{transition:none}.wd-ref-case-inquiry:hover svg{transform:none}}