.proj-hero{position:relative;min-height:360px;background:var(--fnl-nav-footer);overflow:hidden;display:flex;align-items:center;padding-top:var(--fnl-nav-h)}.proj-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1637019916030-9f851c2eca13?fit=max&fm=jpg&q=80&w=1440);background-size:cover;background-position:center;opacity:1;pointer-events:none}.proj-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0A0A0A 20%,rgba(10,10,10,.75) 45%,rgba(10,10,10,.2) 70%,transparent 100%);pointer-events:none}.proj-hero__content{position:relative;z-index:1;width:100%;max-width:1440px;margin:0 auto;padding:6.25rem var(--fnl-section-pad-h);display:flex;flex-direction:column;gap:1rem}.proj-hero__breadcrumb{font-family:var(--fnl-mono);font-size:var(--fnl-label-md);font-weight:var(--fnl-weight-normal);color:var(--fnl-text-dim);letter-spacing:0}.proj-hero__breadcrumb a{color:inherit;text-decoration:none;transition:color var(--fnl-transition)}.proj-hero__breadcrumb a:hover{color:var(--fnl-text-muted)}.proj-hero__title{font-family:var(--fnl-font);font-size:4rem;font-weight:var(--fnl-weight-bold);color:var(--fnl-text);line-height:var(--fnl-lh-tight);letter-spacing:-.02em}.proj-hero__sub{font-family:var(--fnl-font);font-size:var(--fnl-body-lg);font-weight:var(--fnl-weight-normal);color:#aaa;line-height:var(--fnl-lh-relaxed);max-width:600px}.proj-stats{background:var(--fnl-blue);padding:1.75rem var(--fnl-stats-pad-h)}.proj-stats__inner{display:flex;align-items:center;max-width:1440px;margin:0 auto}.proj-stats__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.proj-stats__divider{width:1px;height:48px;background:#2a2a2a;flex-shrink:0}.proj-stats__number{font-family:var(--fnl-font);font-size:2.25rem;font-weight:var(--fnl-weight-bold);color:var(--fnl-gold);line-height:1}.proj-stats__label{font-family:var(--fnl-mono);font-size:var(--fnl-label-sm);font-weight:var(--fnl-weight-normal);color:#888;letter-spacing:.03em;text-transform:uppercase}.proj-filters{background:var(--fnl-bg);padding:2rem var(--fnl-section-pad-h);border-bottom:1px solid #161616}.proj-filters__inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.proj-filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;background:var(--fnl-surface-alt);border:none;cursor:pointer;font-family:var(--fnl-mono);font-size:var(--fnl-label-md);font-weight:var(--fnl-weight-normal);color:#888;letter-spacing:var(--fnl-ls-nav);text-transform:uppercase;transition:background var(--fnl-transition),color var(--fnl-transition),transform var(--fnl-transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.proj-filter-btn:hover{background:#222;color:var(--fnl-text)}.proj-filter-btn.is-active{background:var(--fnl-gold);color:var(--fnl-bg);font-weight:var(--fnl-weight-bold)}.proj-filter-btn:focus-visible{outline:2px solid var(--fnl-gold);outline-offset:2px}.proj-grid-section{background:var(--fnl-bg);padding:2.5rem var(--fnl-section-pad-h) 5rem}.proj-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.proj-card{background:var(--fnl-surface);display:flex;flex-direction:column;transition:transform var(--fnl-transition-slow),border-color var(--fnl-transition-slow);border-left:2px solid transparent;will-change:transform;position:relative}.proj-card:hover{transform:translateY(-4px);border-left-color:var(--fnl-gold)}.proj-card.card--hidden{opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;position:absolute;visibility:hidden}.proj-card.card--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;position:relative;visibility:visible;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.proj-card__image{width:100%;aspect-ratio:3 / 2;background:var(--fnl-surface-alt);overflow:hidden;position:relative;flex-shrink:0}.proj-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.proj-card:hover .proj-card__img{transform:scale(1.04)}.proj-card__image-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.12}.proj-card__image-icon svg{width:48px;height:48px;fill:var(--fnl-text)}.proj-card__body{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.proj-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.proj-card__sector{font-family:var(--fnl-mono);font-size:var(--fnl-label-sm);font-weight:var(--fnl-weight-bold);color:var(--fnl-gold);letter-spacing:var(--fnl-ls-label);text-transform:uppercase}.proj-card__status{font-family:var(--fnl-mono);font-size:.625rem;font-weight:var(--fnl-weight-bold);letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:2px;white-space:nowrap}.proj-card__status--completed{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.proj-card__status--ongoing{background:var(--fnl-gold-mid);color:var(--fnl-gold);border:1px solid rgba(212,168,67,.2)}.proj-card__status--planned{background:#ffffff0a;color:#666;border:1px solid #2A2A2A}.proj-card__title{font-family:var(--fnl-font);font-size:var(--fnl-body-md);font-weight:var(--fnl-weight-bold);color:var(--fnl-text);line-height:1.3}.proj-card__desc{font-family:var(--fnl-font);font-size:var(--fnl-body-xs);font-weight:var(--fnl-weight-normal);color:var(--fnl-text-muted);line-height:var(--fnl-lh-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proj-card__footer{margin-top:auto;padding-top:.75rem;border-top:1px solid #1E1E1E;display:flex;flex-direction:column;gap:.375rem}.proj-card__location,.proj-card__client{font-family:var(--fnl-mono);font-size:var(--fnl-label-sm);font-weight:var(--fnl-weight-normal);color:var(--fnl-text-dim);display:flex;align-items:center;gap:.375rem}.proj-card__location svg,.proj-card__client svg{width:11px;height:11px;flex-shrink:0;opacity:.6}.proj-card__year{font-family:var(--fnl-mono);font-size:var(--fnl-label-sm);font-weight:var(--fnl-weight-normal);color:var(--fnl-text-faint);margin-left:auto}.proj-card__footer-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.proj-grid-inner{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.proj-grid-empty{display:none;grid-column:1 / -1;padding:3rem 0;text-align:center;font-family:var(--fnl-mono);font-size:var(--fnl-label-md);color:var(--fnl-text-dim);letter-spacing:var(--fnl-ls-label);text-transform:uppercase}.proj-grid-empty.is-visible{display:block}@media (max-width: 1024px){.proj-hero__content{padding:5rem 2.5rem}.proj-hero__title{font-size:3rem}.proj-stats{padding:1.75rem 2.5rem}.proj-filters{padding:1.5rem 2.5rem}.proj-grid-section{padding:2rem 2.5rem 4rem}.proj-grid,.proj-grid-inner{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.proj-hero{min-height:240px}.proj-hero__content{padding:4rem 1.25rem 2.5rem;gap:.75rem}.proj-hero__title{font-size:1.875rem;line-height:1.2;letter-spacing:0;word-spacing:.05em}.proj-hero__sub{font-size:var(--fnl-body-md)}.proj-stats{padding:1.5rem 1.25rem}.proj-stats__inner{flex-wrap:wrap;justify-content:center;gap:0}.proj-stats__item{flex:0 0 50%;padding:1rem 0;border-bottom:1px solid #1E1E1E}.proj-stats__item:nth-child(odd):not(:last-child){border-right:1px solid #1E1E1E}.proj-stats__divider{display:none}.proj-stats__number{font-size:2rem}.proj-filters{padding:1.25rem}.proj-filters__inner{gap:.5rem}.proj-filter-btn{padding:.5rem 1rem;font-size:var(--fnl-label-sm)}.proj-grid-section{padding:1.5rem 1.25rem 3rem}.proj-grid,.proj-grid-inner{grid-template-columns:1fr}}