/* v3.7.19 — visibly readable portfolio typography; dark design preserved */
.portfolio-topbar .portfolio-brand{font-size:16px}
.portfolio-topbar nav a{font-size:12px}
.portfolio-proof strong{font-size:30px}
.portfolio-proof span{font-size:12px;line-height:1.5}
.portfolio-work-head span,.portfolio-process-copy>span,.portfolio-cta span{font-size:11px}
.portfolio-work-head p{font-size:15.5px;line-height:1.7}
.portfolio-filters button{font-size:13px}
.portfolio-work-head,
.portfolio-filters,
.portfolio-grid{width:min(1320px,100%);margin-inline:auto}

.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(var(--portfolio-columns,4),minmax(0,1fr));
  gap:16px;
  padding:0 0 90px;
}
.portfolio-card,
.portfolio-card.featured{
  min-width:0;
  grid-column:auto;
  border:1px solid #1f2c3b;
  border-radius:9px;
  background:#0d151f;
  color:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.16);
}
.portfolio-card.featured{border-color:#305e35}
.portfolio-media{height:auto;aspect-ratio:16/9;background:#111b28}
.portfolio-media img{width:100%;height:100%;object-fit:cover}
.portfolio-copy{padding:17px 18px 16px}
.portfolio-card-meta{min-height:22px}
.portfolio-card-meta small{
  color:#72d078;
  font-size:13px!important;
  font-weight:800;
  line-height:1.45;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.portfolio-card-meta time{color:#8393a8;font-size:12.5px!important;font-weight:700}
.portfolio-copy h2{
  margin:8px 0 9px;
  color:#fff;
  font-size:20px!important;
  line-height:1.5;
  letter-spacing:-.01em;
  overflow-wrap:anywhere;
}
.portfolio-copy>p{
  margin:0;
  color:#a0aec0;
  font-size:16px!important;
  line-height:1.7;
  overflow-wrap:anywhere;
}
.portfolio-client{gap:8px;margin:13px 0 9px;color:#9aaabd;font-size:13.5px!important;line-height:1.55}
.portfolio-client i{color:#72d078}
.portfolio-client b{color:#dce5ef}
.portfolio-tech{align-items:center;min-height:29px;margin-top:10px}
.portfolio-tech em{
  min-height:28px;
  padding:5px 9px;
  border-color:#2a3a4e;
  border-radius:6px;
  background:#111c29;
  color:#aab8c9;
  font-size:12px!important;
  font-weight:700;
}
.portfolio-card-actions{gap:8px;margin-top:14px}
.portfolio-card-actions button,
.portfolio-card-actions a{min-height:42px;padding:9px 12px;font-size:12.5px!important}
.portfolio-private{font-size:12.5px!important}
.portfolio-process-copy p{font-size:15.5px;line-height:1.8}
.portfolio-process-grid h3{font-size:18px}
.portfolio-process-grid p{font-size:14px;line-height:1.75}
.portfolio-cta p{font-size:15px;line-height:1.7}
.portfolio-cta small{font-size:13px}

@media(max-width:1260px){
  .portfolio-grid.portfolio-columns-5{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1080px){
  .portfolio-grid.portfolio-columns-4,
  .portfolio-grid.portfolio-columns-5{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:680px){
  .portfolio-work-head,.portfolio-filters,.portfolio-grid{width:100%}
  .portfolio-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px;padding-bottom:65px}
  .portfolio-copy{padding:18px}
  .portfolio-copy h2{font-size:20px!important}
  .portfolio-copy>p{font-size:16px!important}
}