.portfolio.section{max-width:none;padding-left:0;padding-right:0;overflow:hidden}.portfolio .section-top,.dock-controls{max-width:1296px;margin-left:auto;margin-right:auto;width:90%}.portfolio .section-top{margin-bottom:0}.dock-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:24px 5% 22px;touch-action:pan-y;outline-offset:-4px;cursor:grab;user-select:none;-webkit-user-select:none}.dock-viewport.is-dragging,.dock-viewport.is-dragging *{cursor:grabbing!important}.dock-viewport.is-dragging a{pointer-events:none}.dock-viewport.is-dragging{user-select:none;-webkit-user-select:none}.dock-viewport::-webkit-scrollbar{display:none}.dock-viewport .project-grid{display:flex;align-items:flex-end;gap:28px;width:max-content;min-height:390px;padding:0 0 10px}.dock-viewport .project{flex:0 0 auto;width:clamp(280px,29vw,410px);max-width:none;transform-origin:center bottom;will-change:width;opacity:1;translate:none;transition:none}.dock-viewport .project-visual{aspect-ratio:1.5;padding:23px 23px 0;box-shadow:0 9px 22px #73571b0a;transition:box-shadow .3s}.dock-viewport .project-visual:hover{box-shadow:0 14px 28px #73571b22}.dock-viewport .project-heading{min-height:29px}.dock-viewport .project h3{font-size:21px}.dock-viewport .project>p{height:52px;overflow:hidden;font-size:13px;line-height:1.8}.dock-viewport .project-window{transition:transform .45s}.dock-viewport .project-visual:hover .project-window{transform:translateY(-5px)}.dock-controls{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:10px}.dock-controls>div{display:flex;gap:10px;align-items:center}.dock-controls button{border:1px solid #d9c89f;background:#fff;color:#89671f;height:42px;border-radius:6px;padding:0 14px;font-size:13px}.dock-controls button:hover{background:#faf4e6}.dock-controls .dock-prev,.dock-controls .dock-next{width:44px;font-size:21px}.dock-viewport:focus-visible{outline:2px solid #b08a36}.dock-viewport .project:focus-within .project-visual{outline:2px solid #b08a36;outline-offset:4px}@media(max-width:760px){.portfolio .section-top,.dock-controls{width:88%}.dock-viewport{padding:28px 6% 12px}.dock-viewport .project-grid{gap:18px;min-height:0;align-items:flex-start}.dock-viewport .project{width:min(79vw,370px)}.dock-viewport .project-visual{padding:20px 20px 0}.dock-viewport .project-heading{display:block;margin-top:17px}.dock-viewport .project-heading>span{display:block;margin-top:6px}.dock-viewport .project h3{font-size:21px}.dock-viewport .project>p{height:72px;margin-top:10px}.dock-controls{justify-content:flex-end;gap:12px}.dock-controls>div{width:100%;justify-content:flex-end}.dock-viewport .visit{font-size:10px}}@media(prefers-reduced-motion:reduce){.dock-viewport .project{will-change:auto}}