/* Optional viewer: loaded only on pages opting into data-r4-portfolio-zoom. */
[data-r4-portfolio-zoom] .r4-pr-floor { position: relative; }
.r4-pr-zoom-layer { position: absolute; z-index: 3; overflow: hidden; pointer-events: none; }
.r4-pr-zoom { position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 44px; height: 44px; padding: 11px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(22,22,22,.38); color: #fff; backdrop-filter: blur(5px); cursor: zoom-in; pointer-events: auto; transition: background .2s ease; }
.r4-pr-zoom svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.r4-pr-zoom:hover { background: rgba(22,22,22,.72); }
.r4-pr-zoom:focus-visible { outline: 3px solid #ff4c00; outline-offset: 2px; }
.r4-pr-zoom[hidden], .r4-pr-viewer [hidden] { display: none !important; }
[data-r4-portfolio-zoom] .r4-pr-shot { -webkit-touch-callout: none; }
.r4-pr-viewer { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none; box-sizing: border-box; margin: 0; padding: 58px 68px 62px; border: 0; background: rgba(10,10,10,.97); color: #fff; overflow: hidden; -webkit-touch-callout: none; user-select: none; }
.r4-pr-viewer:not([open]) { display: none; }
.r4-pr-viewer[open] { display: grid; place-items: center; }
.r4-pr-viewer::backdrop { background: #101010; }
.r4-pr-viewer__image { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; min-height: 0; object-fit: contain; pointer-events: none; -webkit-user-drag: none; }
.r4-pr-viewer button { position: absolute; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; background: rgba(24,24,24,.56); color: #fff; font: 28px/1 Arial, sans-serif; cursor: pointer; }
.r4-pr-viewer button:focus-visible { outline: 3px solid #ff4c00; outline-offset: 3px; }
.r4-pr-viewer__close { top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); }
.r4-pr-viewer__previous { left: 12px; top: calc(50% - 22px); }
.r4-pr-viewer__next { right: 12px; top: calc(50% - 22px); }
.r4-pr-viewer__caption { position: absolute; bottom: max(12px, env(safe-area-inset-bottom)); left: 64px; right: 64px; margin: 0; text-align: center; color: #eee; font: 14px/1.4 Arial, sans-serif; }
.r4-pr-viewer__status { position: absolute; inset: 45% 15% auto; margin: 0; padding: 18px; background: #191919; text-align: center; font: 16px/1.5 Arial, sans-serif; }
[data-r4-portfolio-fallback] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
[data-r4-portfolio-fallback] figure { margin: 0; }
[data-r4-portfolio-fallback] img { width: 100%; height: auto; }
[data-r4-portfolio-fallback] figcaption { padding: 8px 0 20px; font-size: 14px; }
@media (max-width: 700px) {
  .r4-pr-viewer { padding: 62px 8px 88px; }
  .r4-pr-viewer__previous, .r4-pr-viewer__next { top: auto; bottom: 14px; }
  .r4-pr-viewer__caption { bottom: 16px; font-size: 12px; max-height: 52px; overflow: hidden; }
  [data-r4-portfolio-fallback] { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .r4-pr-zoom { transition: none; } }