[data-portfolio-viewer-image]{-webkit-touch-callout:none;-webkit-user-drag:none}[data-portfolio-viewer-return-focus]:focus{box-shadow:none;outline:none}.portfolio-viewer{z-index:9900;isolation:isolate;overscroll-behavior:none;touch-action:none;color:#e9e6df;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;perspective:1800px;perspective-origin:50% 48%;position:fixed;inset:0;overflow:hidden}.portfolio-viewer:focus{outline:none}.portfolio-viewer__darkness{will-change:opacity;background:#050505;position:absolute;inset:0}.portfolio-viewer__stage{inset:max(54px, calc(env(safe-area-inset-top,0px) + 42px)) max(24px, calc(env(safe-area-inset-right,0px) + 16px)) max(24px, calc(env(safe-area-inset-bottom,0px) + 16px)) max(24px, calc(env(safe-area-inset-left,0px) + 16px));pointer-events:none;position:absolute}.portfolio-viewer__image{object-fit:contain;object-position:center;-webkit-user-drag:none;-webkit-touch-callout:none;transform-origin:0 0;max-width:none;max-height:none;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform, opacity;border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute}.portfolio-viewer__controls{pointer-events:none;opacity:1;transition:opacity .45s;position:absolute;inset:0}.portfolio-viewer[data-controls=hidden] .portfolio-viewer__controls{opacity:0}.portfolio-viewer__counter{left:max(24px, calc(env(safe-area-inset-left,0px) + 16px));top:max(18px, calc(env(safe-area-inset-top,0px) + 12px));color:inherit;letter-spacing:.14em;margin:0;font:10px/1.5 Arial,sans-serif;position:absolute}.portfolio-viewer button{-webkit-appearance:none;appearance:none;color:inherit;font:inherit;box-shadow:none;pointer-events:auto;touch-action:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute}.portfolio-viewer button:focus-visible{outline-offset:-5px;outline:1px solid #e9e6df}.portfolio-viewer__close{width:44px;height:44px;right:max(10px, calc(env(safe-area-inset-right,0px) + 4px));top:max(3px, calc(env(safe-area-inset-top,0px) - 3px))}.portfolio-viewer__close:before,.portfolio-viewer__close:after{content:"";background:currentColor;width:14px;height:1px;position:absolute;top:21px;left:15px;transform:rotate(45deg)}.portfolio-viewer__close:after{transform:rotate(-45deg)}.portfolio-viewer__previous,.portfolio-viewer__next{top:max(54px, calc(env(safe-area-inset-top,0px) + 42px));bottom:max(24px, calc(env(safe-area-inset-bottom,0px) + 16px));width:clamp(28px,7vw,100px)}.portfolio-viewer__previous{left:env(safe-area-inset-left,0px)}.portfolio-viewer__next{right:env(safe-area-inset-right,0px)}.portfolio-viewer button:disabled{pointer-events:none}.portfolio-viewer__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px),(max-height:500px){.portfolio-viewer__stage{left:max(12px, calc(env(safe-area-inset-left,0px) + 8px));right:max(12px, calc(env(safe-area-inset-right,0px) + 8px));bottom:max(12px, calc(env(safe-area-inset-bottom,0px) + 8px))}}@media (prefers-reduced-motion:reduce){.portfolio-viewer__controls{transition-duration:.15s}}