/* WDA – Agency Portfolio Showcase: extracted Portfolio Gallery layout */
.wda-pg-widget,
.wda-pg-widget * {
  box-sizing: border-box;
}
.wda-pg-widget {
  --wda-pg-primary: var(--e-global-color-primary, #0057ff);
  --wda-pg-accent: var(--e-global-color-accent, var(--e-global-color-secondary, #ff4d1c));
  --wda-pg-text: var(--e-global-color-text, #0a0a0a);
  --wda-pg-bg: var(--e-global-color-background, #ffffff);
  --wda-pg-heading: var(--wda-pg-text);
  --wda-pg-heading-muted: color-mix(in srgb, var(--wda-pg-text) 55%, transparent);
  --wda-pg-muted: color-mix(in srgb, var(--wda-pg-text) 55%, transparent);
  --wda-pg-border: color-mix(in srgb, var(--wda-pg-text) 18%, transparent);
  --wda-pg-surface: color-mix(in srgb, var(--wda-pg-text) 6%, transparent);
  --wda-pg-overlay: rgba(10, 10, 10, 0.78);
  --wda-pg-card-text: #ffffff;
  --wda-pg-card-muted: rgba(255,255,255,0.72);
  --wda-font-body: 'Inter Tight', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --wda-font-mono: 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  background: var(--wda-pg-bg);
  padding: 5rem 0;
  font-family: var(--wda-font-body);
}
@media(min-width:768px){ .wda-pg-widget { padding:8rem 0; } }
.wda-pg-inner { max-width:1800px; margin:0 auto; padding:0 1.5rem; }
@media(min-width:768px){ .wda-pg-inner { padding:0 3rem; } }
.wda-pg-header { display:flex; flex-direction:column; gap:2rem; margin-bottom:3rem; }
@media(min-width:768px){ .wda-pg-header { flex-direction:row; justify-content:space-between; align-items:flex-end; gap:3rem; margin-bottom:4rem; } }
.wda-pg-label { font-family:var(--wda-font-mono); font-size:0.75rem; text-transform:uppercase; letter-spacing:0.3em; color:var(--wda-pg-primary); margin:0 0 1rem; }
.wda-pg-heading { font-size:clamp(2.5rem,6vw,80px); font-weight:700; text-transform:uppercase; line-height:0.88; letter-spacing:-0.04em; margin:0; }
.wda-pg-heading-1 { color:var(--wda-pg-heading); display:block; }
.wda-pg-heading-2 { color:var(--wda-pg-heading-muted); display:block; }
.wda-pg-header-right { display:flex; flex-direction:column; align-items:flex-start; gap:1rem; }
@media(min-width:768px){ .wda-pg-header-right { align-items:flex-end; } }
.wda-pg-header-desc { color:var(--wda-pg-muted); font-size:0.875rem; line-height:1.6; max-width:20rem; text-align:left; margin:0; }
@media(min-width:768px){ .wda-pg-header-desc { text-align:right; } }
.wda-pg-cta-btn {
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.75rem 1.5rem;
  border:1px solid var(--wda-pg-border);
  color:var(--wda-pg-text);
  font-family:var(--wda-font-mono);
  font-size:0.75rem;
  text-transform:uppercase;
  letter-spacing:0.15em;
  text-decoration:none;
  transition:border-color 0.3s, color 0.3s;
}
.wda-pg-cta-btn:hover, .wda-pg-cta-btn:focus { border-color:var(--wda-pg-primary); color:var(--wda-pg-primary); text-decoration:none; }
.wda-pg-grid { display:grid; grid-template-columns:1fr; gap:8px; }
@media(min-width:640px) { .wda-pg-grid { grid-template-columns:repeat(2,1fr); gap:10px; } }
@media(min-width:1024px){ .wda-pg-grid { grid-template-columns:repeat(3,1fr); gap:12px; } }
.wda-pg-card { position:relative; overflow:hidden; cursor:pointer; display:block; text-decoration:none; color:inherit; }
.wda-pg-card:hover, .wda-pg-card:focus { text-decoration:none; color:inherit; }
.wda-pg-card--large { grid-column:span 1; }
@media(min-width:640px) { .wda-pg-card--large { grid-column:span 2; } }
.wda-pg-img-wrap { position:relative; overflow:hidden; width:100%; }
.wda-pg-img--wide { padding-top:56.25%; }
.wda-pg-img--square { padding-top:75%; }
@media(max-width:639px){ .wda-pg-img--wide, .wda-pg-img--square { padding-top:65%; } }
.wda-pg-img, .wda-pg-img-placeholder {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
}
.wda-pg-img-placeholder { background:var(--wda-pg-surface); }
.wda-pg-card:hover .wda-pg-img { transform:scale(1.07); }
.wda-pg-grad-base {
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(10,10,10,0.9), rgba(10,10,10,0.15), transparent);
  pointer-events:none;
}
.wda-pg-hover-overlay {
  position:absolute;
  inset:0;
  background:var(--wda-pg-overlay);
  opacity:0;
  transition:opacity 0.35s ease;
  pointer-events:none;
}
.wda-pg-card:hover .wda-pg-hover-overlay { opacity:1; }
.wda-pg-hover-content {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:1rem 1.25rem;
  opacity:0;
  transform:translateY(16px);
  transition:opacity 0.4s ease, transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
  pointer-events:none;
  overflow:hidden;
}
@media(min-width:768px){ .wda-pg-hover-content { padding:2rem 2.5rem; justify-content:center; } }
.wda-pg-card:hover .wda-pg-hover-content { opacity:1; transform:translateY(0); pointer-events:all; }
.wda-pg-card-cat {
  font-family:var(--wda-font-mono);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:0.2em;
  color:var(--wda-pg-primary);
  margin:0 0 0.35rem;
}
@media(min-width:768px){ .wda-pg-card-cat { font-size:10px; letter-spacing:0.3em; margin-bottom:0.75rem; } }
.wda-pg-card-title {
  font-size:0.875rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-0.02em;
  color:var(--wda-pg-card-text);
  margin:0 0 0.5rem;
  line-height:1.1;
}
@media(min-width:768px){ .wda-pg-card-title { font-size:clamp(1rem,2vw,1.875rem); margin-bottom:1rem; } }
.wda-pg-card-desc { display:none; }
@media(min-width:768px){
  .wda-pg-card-desc {
    display:-webkit-box;
    color:var(--wda-pg-card-muted);
    font-size:0.875rem;
    line-height:1.5;
    margin:0 0 1rem;
    max-width:22rem;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}
@media(min-width:1024px){ .wda-pg-card-desc { -webkit-line-clamp:3; margin-bottom:1.25rem; } }
.wda-pg-tags { display:flex; flex-wrap:nowrap; gap:0.375rem; margin-bottom:0.5rem; overflow:hidden; }
@media(min-width:768px){ .wda-pg-tags { flex-wrap:wrap; gap:0.5rem; margin-bottom:1.5rem; } }
.wda-pg-tag {
  font-family:var(--wda-font-mono);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:0.1em;
  color:var(--wda-pg-card-text);
  border:1px solid var(--wda-pg-border);
  padding:0.2rem 0.5rem;
  white-space:nowrap;
}
@media(min-width:768px){ .wda-pg-tag { font-size:10px; letter-spacing:0.15em; padding:0.25rem 0.75rem; } }
@media(max-width:767px){ .wda-pg-tag:nth-child(n+3) { display:none; } }
.wda-pg-stat-row { display:flex; align-items:center; justify-content:space-between; margin-top:0.5rem; gap:1rem; }
@media(min-width:768px){ .wda-pg-stat-row { align-items:flex-end; margin-top:auto; } }
.wda-pg-stat-val { font-family:var(--wda-font-mono); font-size:1.1rem; font-weight:700; color:var(--wda-pg-accent); line-height:1; margin:0; }
@media(min-width:768px){ .wda-pg-stat-val { font-size:1.5rem; } }
.wda-pg-stat-lbl { font-family:var(--wda-font-mono); font-size:8px; text-transform:uppercase; letter-spacing:0.1em; color:var(--wda-pg-card-muted); margin:0.2rem 0 0; }
@media(min-width:768px){ .wda-pg-stat-lbl { font-size:9px; letter-spacing:0.15em; margin-top:0.25rem; } }
.wda-pg-arrow-box {
  width:2rem;
  height:2rem;
  border:1px solid var(--wda-pg-accent);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--wda-pg-accent) !important;
  flex-shrink:0;
  font-size:0.75rem;
  background:transparent;
}
.wda-pg-arrow-box svg { stroke:var(--wda-pg-accent) !important; fill:none !important; }
@media(min-width:768px){ .wda-pg-arrow-box { width:3rem; height:3rem; font-size:1rem; } }
.wda-pg-default-label {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:1rem 1.25rem;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  opacity:1;
  transform:translateY(0);
  transition:opacity 0.3s ease, transform 0.3s ease;
  pointer-events:none;
}
@media(min-width:768px){ .wda-pg-default-label { padding:1.5rem; } }
.wda-pg-card:hover .wda-pg-default-label { opacity:0; transform:translateY(10px); }
.wda-pg-card-title-sm { font-size:0.875rem; font-weight:700; text-transform:uppercase; color:var(--wda-pg-card-text); margin:0; letter-spacing:-0.01em; }
@media(min-width:768px){ .wda-pg-card-title-sm { font-size:1.125rem; } }
.wda-pg-year { font-family:var(--wda-font-mono); font-size:0.7rem; color:var(--wda-pg-card-muted); flex-shrink:0; }
.wda-pg-footer {
  margin-top:2rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:1rem;
  border-top:0.5px solid var(--wda-pg-border);
  padding-top:1.5rem;
}
@media(min-width:768px){ .wda-pg-footer { margin-top:3rem; padding-top:2rem; } }
.wda-pg-footer-hint { font-family:var(--wda-font-mono); font-size:0.75rem; text-transform:uppercase; letter-spacing:0.15em; color:var(--wda-pg-muted); margin:0; }
.wda-pg-view-all {
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  font-family:var(--wda-font-mono);
  font-size:0.75rem;
  text-transform:uppercase;
  letter-spacing:0.15em;
  color:var(--wda-pg-primary);
  text-decoration:none;
  transition:color 0.3s;
}
.wda-pg-view-all:hover,
.wda-pg-view-all:focus { color:var(--wda-pg-accent); text-decoration:none; }