.page-hero{background:linear-gradient(135deg,var(--color-walnut) 0%,var(--color-bark) 100%);padding-top:calc(var(--nav-height) + var(--space-xxl));padding-bottom:var(--space-xxl);text-align:center}.page-hero h1{color:var(--color-cream);margin-bottom:var(--space-md)}.page-hero p{color:#f5f0e8bf;font-size:1.1rem;max-width:55ch;margin-inline:auto}.filter-bar{background-color:var(--color-parchment);border-bottom:1px solid rgba(122,82,48,.15);padding-block:var(--space-md);position:sticky;top:var(--nav-height);z-index:50}.filter-bar__inner{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.filter-bar__label{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-grain);margin-right:var(--space-sm)}.filter-btn{padding:.4rem 1rem;font-size:.82rem;font-weight:500;letter-spacing:.05em;border-radius:100px;border:1.5px solid rgba(122,82,48,.3);color:var(--color-grain);background:transparent;transition:all var(--transition)}.filter-btn:hover,.filter-btn.active{background-color:var(--color-walnut);border-color:var(--color-walnut);color:var(--color-cream)}.portfolio-grid{padding-block:var(--space-xxl);background-color:var(--color-cream)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.project-card{background-color:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition);cursor:pointer}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-card[data-hidden=true]{display:none}.project-card__image{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,var(--color-grain) 0%,var(--color-bark) 100%)}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-card__image img{transform:scale(1.04)}.project-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#f5f0e859;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.project-card__tag{position:absolute;top:var(--space-md);left:var(--space-md);padding:.25rem .75rem;background-color:var(--color-walnut);color:var(--color-sawdust);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:100px}.project-card__body{padding:var(--space-lg)}.project-card__body h3{font-size:1.15rem;margin-bottom:var(--space-sm)}.project-card__body p{font-size:.9rem;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card__meta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--color-parchment);font-size:.78rem;color:var(--color-grain)}.project-card__link{font-weight:600;color:var(--color-gold);letter-spacing:.04em;transition:color var(--transition)}.project-card__link:hover{color:var(--color-gold-light)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:#1c0e05eb;opacity:0;pointer-events:none;transition:opacity .25s ease}.lightbox.open{opacity:1;pointer-events:all}.lightbox__panel{background-color:var(--color-cream);border-radius:var(--radius-md);width:100%;max-width:960px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:translateY(16px);transition:transform .25s ease}.lightbox.open .lightbox__panel{transform:translateY(0)}.lightbox__gallery{position:relative;background:var(--color-walnut)}.lightbox__image{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-grain) 0%,var(--color-bark) 100%);display:flex;align-items:center;justify-content:center}.lightbox__image img{width:100%;height:100%;object-fit:contain;display:block}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:#1c0e058c;color:var(--color-cream);font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition);z-index:2}.lightbox__nav:hover{background-color:#1c0e05d9}.lightbox__nav--prev{left:var(--space-md)}.lightbox__nav--next{right:var(--space-md)}.lightbox__counter{position:absolute;bottom:var(--space-sm);right:var(--space-md);font-size:.72rem;font-weight:600;letter-spacing:.08em;color:#f5f0e8bf;background:#1c0e0580;padding:.2rem .6rem;border-radius:100px}.lightbox__thumbs{display:flex;gap:6px;padding:var(--space-sm) var(--space-md);background-color:var(--color-bark);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-sawdust) transparent}.lb-thumb{flex-shrink:0;width:72px;height:52px;border-radius:4px;overflow:hidden;border:2px solid transparent;opacity:.6;transition:opacity var(--transition),border-color var(--transition)}.lb-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lb-thumb:hover,.lb-thumb.active{opacity:1;border-color:var(--color-sawdust)}.lightbox__body{padding:var(--space-xl)}.lightbox__body h2{font-size:1.8rem;margin-bottom:var(--space-md)}.lightbox__body p{margin-bottom:var(--space-md)}.lightbox__details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-parchment)}.lightbox__detail-label{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-grain);margin-bottom:var(--space-xs)}.lightbox__detail-value{font-size:.95rem;color:var(--color-walnut);font-weight:500}.lightbox__close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:44px;height:44px;border-radius:50%;background-color:#f5f0e81a;color:var(--color-cream);display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:background-color var(--transition)}.lightbox__close:hover{background-color:#f5f0e833}.project-card__bts-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:.25rem .75rem;background-color:#1c0e05a6;color:var(--color-sawdust);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;border:1px solid rgba(245,240,232,.25)}.lightbox__tabs{display:flex;gap:.5rem;padding:var(--space-md) var(--space-xl);background:var(--color-bark);border-bottom:1px solid rgba(245,240,232,.1)}.lb-tab{padding:.4rem 1.1rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;border:1.5px solid rgba(245,240,232,.25);color:#f5f0e899;background:transparent;transition:all var(--transition)}.lb-tab:hover{color:var(--color-sawdust);border-color:var(--color-sawdust)}.lb-tab--active{background-color:var(--color-sawdust);border-color:var(--color-sawdust);color:var(--color-walnut)}.lightbox__bts-story{padding:var(--space-xl);border-bottom:1px solid var(--color-parchment)}.lightbox__bts-story p{font-size:.95rem;line-height:1.8;color:var(--color-bark);margin-bottom:var(--space-md)}.lightbox__bts-story p:last-child{margin-bottom:0}.lightbox__bts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.lightbox__bts-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.portfolio-cta{background:linear-gradient(135deg,var(--color-walnut) 0%,var(--color-bark) 100%);padding-block:var(--space-xxl);text-align:center}.portfolio-cta h2{color:var(--color-cream);margin-bottom:var(--space-md)}.portfolio-cta p{color:#f5f0e8bf;margin:0 auto var(--space-xl);font-size:1.05rem}@media (max-width: 900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid{grid-template-columns:1fr}.filter-bar__inner{gap:var(--space-xs)}.lightbox__details{grid-template-columns:1fr 1fr}.lightbox__tabs{padding:var(--space-sm) var(--space-lg)}.lightbox__bts-grid{grid-template-columns:repeat(2,1fr)}.lightbox__bts-story{padding:var(--space-lg)}}