.profile-photo--gallery{background:#fff;min-width:0;overflow:hidden}
.portfolio-track{display:flex;width:100%;height:clamp(400px,58svh,620px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;background:#f3f3f3;cursor:grab;-webkit-overflow-scrolling:touch}
.portfolio-track::-webkit-scrollbar{display:none}
.portfolio-track:focus-visible{outline:2px solid #111;outline-offset:-2px}
.portfolio-slide{flex:0 0 100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;margin:0}
.profile-photo--gallery .portfolio-slide img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none;pointer-events:none}
.portfolio-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.portfolio-toolbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-top:12px}
.portfolio-toolbar button{height:44px;width:44px;border:1px solid #d4d4d4;color:#111;background:#fff;font-size:22px;line-height:1;transition:background .2s,color .2s}
.portfolio-toolbar button:hover:not(:disabled){background:#111;color:#fff}
.portfolio-toolbar button:disabled{opacity:.25;cursor:default}
.portfolio-count{display:flex;align-items:center;justify-content:center;gap:13px;font-size:11px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.portfolio-divider{color:#aaa}
.portfolio-thumbnails{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:14px 2px 12px;scrollbar-width:thin;scrollbar-color:#bcbcbc transparent}
.portfolio-thumb{flex:0 0 48px;height:62px;padding:2px;border:1px solid transparent;background:#fff;opacity:.45;transition:opacity .2s,border-color .2s}
.portfolio-thumb[aria-current=true],.portfolio-thumb:hover{opacity:1}
.portfolio-thumb[aria-current=true]{border-color:#111}
.profile-photo--gallery .portfolio-thumb img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
@media(max-width:760px){.portfolio-track{height:clamp(360px,115vw,540px)}.portfolio-thumbnails{gap:7px}.portfolio-thumb{flex-basis:44px;height:58px}.portfolio-toolbar{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.portfolio-track{scroll-behavior:auto}.portfolio-thumb,.portfolio-toolbar button{transition:none}}