.portfolio{background:var(--dark);padding:72px 0;overflow:hidden}.port-lbl{font-size:clamp(2rem, 4.5vw, 6rem);font-weight:800;letter-spacing:-.035em;line-height:.88;color:var(--text-d);margin-bottom:36px;padding-left:var(--pad)}.port-track{display:flex;gap:12px;padding-left:var(--pad);padding-right:var(--pad);will-change:transform}.port-item{flex-shrink:0;width:413px}.port-thumb{position:relative;width:413px;height:227px;border-radius:10px;overflow:hidden;background:var(--dark-3)}.port-fill{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s var(--ease)}.port-item:hover .port-fill{transform:scale(1.04)}.port-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 14px;background:linear-gradient(to top,rgba(12,12,12,.88),transparent);display:flex;flex-direction:column;gap:4px}.port-nm{font-size:26px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port-cat{font-size:10px;font-weight:600;letter-spacing:.14em;color:#fff}@media (max-width:768px){.portfolio{padding:48px 0}.port-item{width:260px}.port-thumb{width:260px;height:143px}.port-track{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.port-track::-webkit-scrollbar{display:none}}