.portfolio-filter-dock{
  position:sticky!important;top:96px;z-index:19;width:100%;padding:14px 4.5vw 16px;
  color:#f7f2e8;background:rgba(15,15,12,.96);border-block:1px solid #ffffff20;
  box-shadow:0 18px 40px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.portfolio-filter-head{display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,1.58fr);align-items:center;gap:18px}
.portfolio-filter-head>span{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#aaa69d}
.portfolio-filter-head>span i{width:7px;height:7px;border-radius:50%;background:#d4a52f;box-shadow:0 0 0 5px #d4a52f18}
.portfolio-discipline-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.portfolio-discipline-tabs a{min-width:0;min-height:49px;padding:9px 14px;border:1px solid #ffffff26;border-radius:12px;display:flex;align-items:center;gap:10px;transition:background .25s,border-color .25s,color .25s,transform .25s}
.portfolio-discipline-tabs a:hover{border-color:#d4a52f;transform:translateY(-1px)}
.portfolio-discipline-tabs a.active{color:#11110e;background:#d4a52f;border-color:#d4a52f}
.portfolio-discipline-tabs i{font-style:normal;font-size:8px;letter-spacing:.08em;color:#d4a52f}
.portfolio-discipline-tabs a.active i{color:#11110e}
.portfolio-discipline-tabs b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.portfolio-select-filters{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff14}
.portfolio-select-control{position:relative;min-width:0;padding:10px 48px 10px 14px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff08;transition:border-color .2s,background .2s}
.portfolio-select-control:hover,.portfolio-select-control:focus-within{border-color:#d4a52f;background:#ffffff0d}
.portfolio-select-control:after{content:'⌄';position:absolute;right:17px;bottom:15px;color:#d4a52f;font-size:18px;line-height:1;pointer-events:none}
.portfolio-select-control>span{display:flex;align-items:center;gap:8px;margin-bottom:3px;color:#8f8b83;font-size:7px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.portfolio-select-control>span i{color:#d4a52f;font-style:normal}
.portfolio-select-control select{display:block;width:100%;padding:0;border:0;outline:0;appearance:none;-webkit-appearance:none;color:#f7f2e8;background:transparent;font:600 13px/1.4 "DM Sans",Arial,sans-serif;cursor:pointer}
.portfolio-select-control select option{color:#11110e;background:#f7f2e8}
.portfolio-platform-control{min-width:0;padding:10px 12px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff08;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px}
.portfolio-platform-control>span{padding-left:2px;color:#8f8b83;font-size:7px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.portfolio-platform-pills{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.portfolio-platform-pills::-webkit-scrollbar{display:none}
.portfolio-platform-pills a{flex:0 0 auto;min-height:34px;padding:8px 13px;border:1px solid #ffffff24;border-radius:99px;display:flex;align-items:center;color:#d7d3cb;font-size:10px;white-space:nowrap;transition:color .2s,background .2s,border-color .2s,transform .2s}
.portfolio-platform-pills a:hover{border-color:#f7f2e8;transform:translateY(-1px)}.portfolio-platform-pills a.active{color:#11110e;background:#f7f2e8;border-color:#f7f2e8}
.portfolio-platform-select-mobile{display:none;position:relative;min-width:0}
.portfolio-platform-select-mobile select{display:block;width:100%;min-height:38px;padding:8px 38px 8px 12px;appearance:none;-webkit-appearance:none;border:1px solid #ffffff24;border-radius:9px;outline:0;color:#f7f2e8;background:#171713;font:600 11px/1.3 "DM Sans",Arial,sans-serif;cursor:pointer}
.portfolio-platform-select-mobile:after{content:'⌄';position:absolute;right:13px;top:50%;color:#d4a52f;font-size:17px;line-height:1;transform:translateY(-56%);pointer-events:none}
.portfolio-platform-select-mobile select option{color:#11110e;background:#f7f2e8}
.portfolio-filter-apply{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.portfolio-filter-row{display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,1.58fr);align-items:center;gap:18px;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff14}
.portfolio-filter-row>span{padding-left:16px;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#858179}
.portfolio-filter-row>div{display:flex;gap:7px;min-width:0;overflow-x:auto;padding:1px 1px 4px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d4a52f #292923}
.portfolio-filter-row a{flex:0 0 auto;min-height:34px;padding:8px 13px;border:1px solid #ffffff24;border-radius:99px;display:flex;align-items:center;color:#d7d3cb;font-size:10px;white-space:nowrap;transition:.2s}
.portfolio-filter-row a:hover,.portfolio-filter-row a.active{color:#11110e;background:#f7f2e8;border-color:#f7f2e8}
.portfolio-filter-row-single{padding-bottom:1px}
.portfolio-anchor{display:block;height:0;scroll-margin-top:250px}
.social-profile-project,.brand-deck,.social-capability-strip{scroll-margin-top:250px}
.empty-state{grid-column:1/-1;padding:70px 25px;border:1px solid var(--line);border-radius:20px;text-align:center}
.empty-state h3{font-size:35px;margin:0 0 10px}
.empty-state p{color:var(--muted)}

@media(max-width:950px){
  .portfolio-filter-dock{top:72px;padding:10px 16px 11px}
  .portfolio-filter-head{grid-template-columns:1fr;gap:8px}
  .portfolio-filter-head>span{display:none}
  .portfolio-discipline-tabs{display:flex;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
  .portfolio-discipline-tabs::-webkit-scrollbar{display:none}
  .portfolio-discipline-tabs a{flex:1 0 145px;min-height:42px;padding:7px 11px}
  .portfolio-select-filters{gap:7px;margin-top:8px;padding-top:8px}
  .portfolio-select-control{padding:8px 34px 8px 10px}
  .portfolio-select-control:after{right:11px;bottom:12px}
  .portfolio-select-control select{font-size:11px}
  .portfolio-platform-control{grid-template-columns:74px minmax(0,1fr);padding:7px 8px;gap:8px}
  .portfolio-platform-control>span{font-size:6px;letter-spacing:.1em}
  .portfolio-platform-pills a{min-height:31px;padding:7px 11px;font-size:9px}
  .portfolio-filter-row{grid-template-columns:90px minmax(0,1fr);gap:8px;margin-top:8px;padding-top:8px}
  .portfolio-filter-row>span{padding-left:4px;font-size:7px;line-height:1.25}
  .portfolio-filter-row a{min-height:31px;padding:7px 11px;font-size:9px}
  .portfolio-anchor,.social-profile-project,.brand-deck,.social-capability-strip{scroll-margin-top:220px}
}
@media(max-width:600px){
  .portfolio-filter-dock{max-height:47vh;overflow-y:auto;padding-inline:10px}
  .portfolio-discipline-tabs a{flex-basis:132px}
  .portfolio-discipline-tabs b{font-size:11px}
  .portfolio-select-control>span{font-size:6px;letter-spacing:.1em}
  .portfolio-select-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .portfolio-platform-control{display:block;padding:7px 8px}
  .portfolio-platform-control>span{display:block;margin:0 0 5px 2px}
  .portfolio-platform-pills{display:none}
  .portfolio-platform-select-mobile{display:block}
  .portfolio-filter-row{grid-template-columns:76px minmax(0,1fr)}
  .portfolio-filter-row>span{font-size:6.5px}
  .portfolio-filter-row>div{scrollbar-width:none}
  .portfolio-filter-row>div::-webkit-scrollbar{display:none}
}