.portfolio-photos {align-items:start}
.portfolio-photos .portfolio-photo{display:block;width:100%;color:#fff;background:#071623;text-align:left}
.portfolio-photos .portfolio-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.photo-hint{display:block;padding:10px 14px;font:600 13px/1.5 Inter,Arial,sans-serif;color:#ffe4ad}
.portfolio-photo:focus-visible,#portfolio-viewer button:focus-visible,#pv-stage:focus-visible{outline:3px solid #f5cb5c;outline-offset:4px}
#portfolio-viewer{box-sizing:border-box;width:96vw;max-width:1800px;height:94dvh;max-height:94dvh;padding:16px;border:1px solid #637488;border-radius:14px;background:#07121f;color:#f3f6fa;overflow:hidden}
#portfolio-viewer::backdrop{background:rgba(0,0,0,.9)}
#portfolio-viewer[open]{display:flex;flex-direction:column;gap:10px}
.pv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;flex:none}
#pv-title{margin:0;font:600 16px/1.4 Inter,Arial,sans-serif;letter-spacing:0}
.pv-actions{display:flex;gap:8px;flex-wrap:wrap}
#portfolio-viewer button{min-height:44px;min-width:44px;padding:8px 13px;background:#15283b;color:#fff;border:1px solid #526277;border-radius:8px;font:600 14px/1.4 Inter,Arial,sans-serif;cursor:pointer}
#portfolio-viewer button:hover{background:#29415a}
#pv-stage{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
#pv-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
#pv-stage.zoomed{display:block}
#pv-stage.zoomed #pv-image{max-width:none;max-height:none;object-fit:initial;width:auto;height:auto}
#pv-status,.pv-credit{margin:0;font:13px/1.4 Inter,Arial,sans-serif;color:#c8d3df;flex:none}
.pv-credit{text-align:center;color:#ffe4ad}
body.portfolio-viewer-open{overflow:hidden}
@media(max-width:620px){#portfolio-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:12px;border-radius:0}.pv-actions{width:100%}#pv-title{font-size:14px}}