.portfolio-section{position:relative;background:#DADADA;padding:40px 0 70px;overflow-x:hidden}.portfolio-grid{display:flex;align-items:flex-end;gap:26px;padding:0 55px;min-height:520px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;transition:opacity .3s ease}.portfolio-grid{cursor:grab}.portfolio-grid::-webkit-scrollbar{display:none}.portfolio-grid.dragging{cursor:grabbing;scroll-behavior:auto}.portfolio-grid.dragging .portfolio-item{pointer-events:none}.portfolio-grid.is-loading{opacity:.25}.portfolio-scrollbar{position:relative;width:min(340px, 45%);height:4px;margin:34px auto 0;background:rgb(0 0 0 / .15);border-radius:2px;cursor:pointer}.portfolio-scrollbar-thumb{position:absolute;top:0;left:0;width:70px;height:100%;background:var(--black);border-radius:2px;will-change:transform}.portfolio-item{position:relative;display:block;flex:0 0 300px;height:400px;border-radius:6px;overflow:hidden;background:#0a0a0a}.portfolio-item::after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .3);opacity:0;transition:opacity .4s ease;pointer-events:none}.portfolio-item:hover::after{opacity:1}.portfolio-item:nth-child(4n+1){height:420px}.portfolio-item:nth-child(4n+2){height:300px}.portfolio-item:nth-child(4n+3){height:365px}.portfolio-item:nth-child(4n+4){height:400px}.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none;filter:grayscale(1) brightness(.85);transition:.4s ease}.portfolio-item:hover img{filter:grayscale(0) brightness(1);transform:scale(1.03)}.portfolio-footer{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 55px 0}.portfolio-heading{display:flex;align-items:flex-start;gap:14px}.portfolio-title{font-family:"Monument";font-size:clamp(48px,5.7vw,95px);font-weight:400;line-height:.92;letter-spacing:0;color:#000;;text-transform:uppercase;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;white-space:nowrap}.portfolio-count{font-family:"SecretCode";font-size:22px;color:var(--black);margin-top:8px}.portfolio-filters{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.portfolio-filters button{font-family:"SecretCode";font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#8a8a8a;transition:.3s ease}.portfolio-filters button.active,.portfolio-filters button:hover{color:var(--black)}.portfolio-item:not(.is-clone){opacity:0;transform:scale(.92);will-change:opacity,transform}.portfolio-heading,.portfolio-filters{opacity:0;transform:translateY(24px);will-change:opacity,transform}@media(max-width:900px){.portfolio-grid{gap:18px;padding:0 30px;min-height:360px}.portfolio-item{flex:0 0 220px}.portfolio-item:nth-child(4n+1){height:300px}.portfolio-item:nth-child(4n+2){height:220px}.portfolio-item:nth-child(4n+3){height:260px}.portfolio-item:nth-child(4n+4){height:290px}.portfolio-footer{flex-direction:column;align-items:flex-start;gap:24px;padding:40px 30px 0}.portfolio-filters{align-items:flex-start}.portfolio-filters{order:1}.portfolio-heading{order:2}}@media(max-width:600px){.portfolio-title{font-size:clamp(28px,9vw,40px)}}