.filter-bar{padding:32px var(--pad-x);background:var(--navy);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:10px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--steel);margin-right:8px;flex-shrink:0}.filter-btn{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--steel);border:1px solid var(--border);background:none;padding:8px 18px;cursor:pointer;transition:border-color .28s,color .28s,background .28s}.filter-btn:hover,.filter-btn.active{border-color:var(--gold);color:var(--cream);background:var(--gold-dim)}.port-stats{background:var(--midnight);border-bottom:1px solid var(--border);padding:28px var(--pad-x);display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap}.port-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.port-stat-num{font-family:var(--font-display);font-size:36px;font-weight:600;color:var(--gold);line-height:1}.port-stat-lbl{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--steel)}.port-section{padding:var(--pad-sect) var(--pad-x);background:var(--midnight)}.portfolio-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.portfolio-card{background:var(--navy);position:relative;overflow:hidden;transition:opacity .3s}.portfolio-card.hidden{display:none}.portfolio-card-img{width:100%;aspect-ratio:4/3;background:var(--midnight);position:relative;overflow:hidden}.portfolio-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.portfolio-card:hover .portfolio-card-img img{transform:scale(1.04)}.port-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.port-placeholder:after{content:attr(data-lbl);font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f0ebe02e}[data-type=dd] .port-placeholder{background:linear-gradient(145deg,#1a1428,#0d0e22 50%,#1a100a)}[data-type=awards] .port-placeholder{background:linear-gradient(145deg,#0c1a14,#081018)}[data-type=familyday] .port-placeholder{background:linear-gradient(145deg,#0e1820,#0a1218)}[data-type=conference] .port-placeholder{background:linear-gradient(145deg,#0a1428,#100a1c)}[data-type=activation] .port-placeholder{background:linear-gradient(145deg,#1c1208,#0e0c18)}[data-type=rallies] .port-placeholder{background:linear-gradient(145deg,#1a0c14,#0e1820)}.portfolio-card-meta{padding:18px 22px 20px}.portfolio-card-type{font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.portfolio-card-name{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--cream);line-height:1.2;margin-bottom:4px}.portfolio-card-detail{font-size:12px;font-weight:300;color:var(--steel)}.portfolio-card-year{font-size:10px;font-weight:600;letter-spacing:.1em;color:#c9923a80;margin-top:6px}.portfolio-card:after{content:"";position:absolute;inset:0;background:#c9923a0a;opacity:0;transition:opacity .35s;pointer-events:none}.portfolio-card:hover:after{opacity:1}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out);z-index:1}.portfolio-card:hover:before{transform:scaleX(1)}.sector-strip{background:var(--navy);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:48px var(--pad-x)}.sector-strip-inner{max-width:900px;margin:0 auto;text-align:center}.sector-strip-title{font-size:10px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--steel);margin-bottom:24px}.sector-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sector-tag{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cream);border:1px solid var(--border);padding:6px 14px}@media(max-width:768px){.portfolio-masonry{grid-template-columns:1fr 1fr}.port-stats{gap:32px}}@media(max-width:480px){.portfolio-masonry{grid-template-columns:1fr}}
