.portfolio-viewer-module__n6XzKW__viewer{gap:var(--sc-space-4);flex-direction:column;width:100%;min-width:0;max-width:1100px;margin:auto;display:flex}.portfolio-viewer-module__n6XzKW__controls{justify-content:space-between;align-items:flex-end;gap:var(--sc-space-4);display:flex}.portfolio-viewer-module__n6XzKW__folio{align-items:baseline;gap:var(--sc-space-1);font-variant-numeric:tabular-nums;margin:0;display:flex}.portfolio-viewer-module__n6XzKW__folio strong{font-size:var(--sc-type-display-size);line-height:var(--sc-type-display-line);letter-spacing:var(--sc-type-display-tracking);font-weight:700}.portfolio-viewer-module__n6XzKW__folio span{color:var(--sc-color-text-tertiary);font-size:var(--sc-type-label-size);line-height:var(--sc-type-label-line);font-weight:600}.portfolio-viewer-module__n6XzKW__arrows{gap:var(--sc-space-2);display:flex}.portfolio-viewer-module__n6XzKW__previous{transform:rotate(180deg)}.portfolio-viewer-module__n6XzKW__strip{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.portfolio-viewer-module__n6XzKW__strip::-webkit-scrollbar{display:none}.portfolio-viewer-module__n6XzKW__strip:focus-visible{opacity:.88;outline:none}.portfolio-viewer-module__n6XzKW__strip[data-zoomed]{scroll-snap-type:none;overflow:hidden}.portfolio-viewer-module__n6XzKW__frame{scroll-snap-align:start;flex:0 0 100%;min-width:0;margin:0}.portfolio-viewer-module__n6XzKW__zoom{touch-action:pan-x pan-y;transform-origin:50%;will-change:transform;width:100%;height:min(66dvh,760px);display:block}.portfolio-viewer-module__n6XzKW__zoom[data-animate]{transition:transform var(--sc-motion-standard) var(--sc-motion-ease)}.portfolio-viewer-module__n6XzKW__zoom[data-zoomed]{touch-action:none;cursor:grab}.portfolio-viewer-module__n6XzKW__zoom>img{object-fit:contain;border-radius:var(--sc-radius-card);background:var(--sc-color-surface-subtle);width:100%;height:100%;display:block}.portfolio-viewer-module__n6XzKW__frame>video{object-fit:contain;border-radius:var(--sc-radius-card);background:var(--sc-color-surface-subtle);width:100%;height:min(66dvh,760px);display:block}.portfolio-viewer-module__n6XzKW__frame figcaption{justify-content:space-between;align-items:center;gap:var(--sc-space-4);padding:var(--sc-space-4) 0 0;border-bottom:1px solid var(--sc-color-border);flex-wrap:wrap;display:flex}.portfolio-viewer-module__n6XzKW__frame figcaption>div{min-width:0;padding-bottom:var(--sc-space-3);display:grid}.portfolio-viewer-module__n6XzKW__frame figcaption strong{font-size:var(--sc-type-body-strong-size);line-height:var(--sc-type-body-strong-line);overflow-wrap:anywhere;font-weight:600}.portfolio-viewer-module__n6XzKW__frame figcaption a{align-items:center;gap:var(--sc-space-1);min-height:var(--sc-size-tap);display:inline-flex}.portfolio-viewer-module__n6XzKW__thumbs{gap:var(--sc-space-2);min-width:0;padding:var(--sc-space-1) 0;overscroll-behavior-x:contain;scrollbar-width:none;border:0;margin:0;display:flex;overflow-x:auto}.portfolio-viewer-module__n6XzKW__thumbs::-webkit-scrollbar{display:none}.portfolio-viewer-module__n6XzKW__thumbs button{flex:0 0 var(--sc-space-12);height:var(--sc-space-16);border-radius:var(--sc-radius-small);background:var(--sc-color-surface-subtle);color:var(--sc-color-text);font:inherit;font-size:var(--sc-type-caption-size);line-height:var(--sc-type-caption-line);opacity:.5;cursor:pointer;transition:opacity var(--sc-motion-fast) var(--sc-motion-ease);border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.portfolio-viewer-module__n6XzKW__thumbs button img{object-fit:cover;width:100%;height:100%}.portfolio-viewer-module__n6XzKW__thumbs button[aria-pressed=true]{opacity:1}.portfolio-viewer-module__n6XzKW__thumbs button[aria-pressed=true]:after{content:"";inset:auto var(--sc-space-2) var(--sc-space-1);border-radius:var(--sc-radius-pill);background:var(--sc-color-surface);height:2px;position:absolute}.portfolio-viewer-module__n6XzKW__thumbs button:focus-visible{opacity:.8;outline:none}@media (pointer:fine){.portfolio-viewer-module__n6XzKW__thumbs button:hover{opacity:.85}}@media (max-width:360px){.portfolio-viewer-module__n6XzKW__zoom,.portfolio-viewer-module__n6XzKW__frame>video{height:48dvh}}