/* /website-portfolio: extras on top of funnel.css + quote.css (website cards, header, footer) */
.wk-hero{text-align:center}
.wk-hero .fn-wrap{position:relative}
.wk-hero .fn-badge{margin-inline:auto}
.wk-hero .fn-lead{margin-inline:auto}
.wk-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 32px}
.wk-filters button{height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);font:700 14px/1 var(--ff-h);cursor:pointer;transition:.2s var(--ease)}
.wk-filters button:hover{border-color:#00AEEF;color:#0077A8}
.wk-filters button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.wk-desc{color:var(--muted,#5b6b7c);font-size:15px;line-height:1.55;margin:0}
.wk-empty{text-align:center;color:var(--muted,#5b6b7c);margin:24px 0 0}
.qt-site[hidden]{display:none}
@media (max-width:640px){
  .wk-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 4px;scrollbar-width:none}
  .wk-filters::-webkit-scrollbar{display:none}
  .wk-filters button{flex:0 0 auto}
  .wk-hero .fn-badge{justify-self:center}
}