.portfolio-page .portfolio-section{margin-top:72px;scroll-margin-top:calc(var(--nav-h) + 72px)}.portfolio-nav{position:-webkit-sticky;position:sticky;top:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--border);margin:0 0 8px}.portfolio-nav-inner{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none;-ms-overflow-style:none}.portfolio-nav-inner::-webkit-scrollbar{display:none}.portfolio-chip{flex:0 0 auto;padding:9px 16px;min-height:40px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);font-family:var(--font-dm-sans),sans-serif;font-size:13px;font-weight:500;letter-spacing:.3px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.portfolio-chip:hover{color:var(--text);border-color:var(--muted)}.portfolio-chip.is-active{background:var(--accent-d);border-color:var(--accent-d);color:#fff}.portfolio-page .portfolio-section:first-of-type{margin-top:0}.portfolio-page .portfolio-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--border)}.portfolio-page .portfolio-section-head h2{font-family:var(--font-cormorant),serif;font-size:clamp(32px,5vw,56px);font-weight:300;line-height:1.05;letter-spacing:-.8px;color:var(--text);margin:8px 0 0}.portfolio-page .portfolio-section-link{font-family:var(--font-dm-sans),sans-serif;font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-d);text-decoration:none;white-space:nowrap;padding:8px 0;min-height:44px;display:inline-flex;align-items:center;transition:color .2s ease}.portfolio-page .portfolio-section-link:hover{color:var(--text)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:8px;grid-column-gap:14px;column-gap:14px;grid-row-gap:0;row-gap:0}.portfolio-grid-item{grid-row-end:span var(--span,40);position:relative;overflow:hidden;border-radius:4px;cursor:pointer;margin-bottom:14px}.portfolio-grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,opacity .3s ease}.portfolio-grid-item:hover img{transform:scale(1.04);opacity:.75}.portfolio-grid-item .masonry-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,18,16,.72) 0,transparent 55%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:16px;pointer-events:none}.portfolio-grid-item:hover .masonry-overlay{opacity:1}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.portfolio-page .portfolio-section{margin-top:56px}.portfolio-page .portfolio-section-head{flex-direction:column;align-items:flex-start;gap:12px}.portfolio-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:6px}}@media (max-width:480px){.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:5px}}