.wad-project-showcase{--wad-project-columns:3;--wad-project-gap:24px;position:relative;width:100%;box-sizing:border-box}.wad-project-showcase *{box-sizing:border-box}.wad-project-showcase-grid .wad-project-items{display:grid;grid-template-columns:repeat(var(--wad-project-columns),minmax(0,1fr));gap:var(--wad-project-gap)}.wad-project-card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}.wad-project-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(17,24,39,.12)}.wad-project-media{position:relative;overflow:hidden;background:#f3f4f6;aspect-ratio:16/10}.wad-project-media>img{display:block;width:100%;height:100%;object-fit:cover}.wad-project-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72));opacity:0;transition:opacity .25s ease}.wad-project-content{padding:22px}.wad-project-status,.wad-project-category{display:inline-flex;align-items:center;margin:0 7px 10px 0;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.2}.wad-project-status{background:#e0f2fe;color:#075985}.wad-project-category{background:#f3f4f6;color:#374151}.wad-project-title{margin:0 0 10px}.wad-project-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px;color:#6b7280;font-size:13px}.wad-project-description{margin:0 0 16px;color:#4b5563;line-height:1.7}.wad-project-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.wad-project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.wad-project-filters button{border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:999px;padding:9px 18px;cursor:pointer;font:inherit;font-weight:700}.wad-project-filters button.is-active{background:#111827;color:#fff;border-color:#111827}.wad-project-card.is-hidden{display:none}.wad-project-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.wad-project-gallery-link{display:block;width:58px;height:58px;overflow:hidden;border-radius:8px}.wad-project-gallery img{display:block;width:100%;height:100%;object-fit:cover}.wad-project-empty{padding:28px;border:1px dashed #d1d5db;border-radius:14px;text-align:center}.wad-project-showcase-style-02 .wad-project-card{border-radius:24px}.wad-project-showcase-style-02 .wad-project-content{padding:26px}.wad-project-showcase-style-03 .wad-project-card{border:0;border-radius:0;background:transparent}.wad-project-showcase-style-03 .wad-project-media{aspect-ratio:4/3}.wad-project-showcase-style-03 .wad-project-overlay{opacity:1}.wad-project-showcase-style-03 .wad-project-content{position:absolute;inset:auto 0 0;color:#fff;padding:28px;z-index:2}.wad-project-showcase-style-03 .wad-project-title,.wad-project-showcase-style-03 .wad-project-meta,.wad-project-showcase-style-03 .wad-project-description{color:inherit}.wad-project-showcase-style-04 .wad-project-card{display:grid;grid-template-columns:45% 1fr}.wad-project-showcase-style-04 .wad-project-media{height:100%;aspect-ratio:auto}.wad-project-showcase-style-04 .wad-project-content{display:flex;flex-direction:column;justify-content:center}.wad-project-showcase-style-05 .wad-project-items{align-items:start}.wad-project-showcase-style-05 .wad-project-card:nth-child(3n+2){transform:translateY(30px)}.wad-project-showcase-style-06 .wad-project-items{grid-template-columns:1fr}.wad-project-showcase-style-06 .wad-project-card{display:grid;grid-template-columns:240px 1fr}.wad-project-showcase-style-06 .wad-project-media{height:100%;aspect-ratio:auto}.wad-project-showcase-style-07 .wad-project-items{grid-template-columns:1fr}.wad-project-showcase-style-07 .wad-project-card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.wad-project-showcase-style-07 .wad-project-card:nth-child(even){direction:rtl}.wad-project-showcase-style-07 .wad-project-card:nth-child(even)>*{direction:ltr}.wad-project-showcase-style-07 .wad-project-media{height:100%;aspect-ratio:auto}.wad-project-showcase-style-08 .wad-project-card{background:transparent;border-width:0 0 1px;border-radius:0;box-shadow:none}.wad-project-showcase-style-08 .wad-project-card:hover{transform:none;box-shadow:none}.wad-project-showcase-style-08 .wad-project-content{padding:18px 0}.wad-project-showcase-style-08 .wad-project-media{aspect-ratio:2/1}.wad-project-showcase-style-09 .wad-project-items{grid-template-columns:1fr}.wad-project-showcase-style-09 .wad-project-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);min-height:420px}.wad-project-showcase-style-09 .wad-project-media{height:100%;aspect-ratio:auto}.wad-project-showcase-style-09 .wad-project-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vw,70px)}.wad-project-showcase-style-10 .wad-project-card{border-radius:0;border-width:1px 0 0}.wad-project-showcase-style-10 .wad-project-content{padding:24px 4px}.wad-project-showcase-style-10 .wad-project-media{aspect-ratio:21/10}.wad-project-showcase-style-10 .wad-project-card:hover{transform:none;box-shadow:none}.wad-project-showcase-style-10 .wad-project-title{font-size:clamp(22px,3vw,38px)}
@media(max-width:1024px){.wad-project-showcase-style-04 .wad-project-card,.wad-project-showcase-style-07 .wad-project-card{grid-template-columns:1fr}.wad-project-showcase-style-04 .wad-project-media,.wad-project-showcase-style-07 .wad-project-media{aspect-ratio:16/10;height:auto}.wad-project-showcase-style-06 .wad-project-card{grid-template-columns:200px 1fr}.wad-project-showcase-style-09 .wad-project-card{grid-template-columns:1fr}.wad-project-showcase-style-09 .wad-project-media{height:auto;aspect-ratio:16/10}}
@media(max-width:767px){.wad-project-showcase-grid .wad-project-items{grid-template-columns:1fr}.wad-project-showcase-style-05 .wad-project-card:nth-child(3n+2){transform:none}.wad-project-showcase-style-06 .wad-project-card{display:block}.wad-project-showcase-style-07 .wad-project-card:nth-child(even){direction:ltr}.wad-project-showcase-style-10 .wad-project-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){.wad-project-card,.wad-project-overlay{transition:none}.wad-project-card:hover{transform:none}}