.portfolio-viewer-shell{--viewer-ink:#151414;isolation:isolate;width:100%;min-width:0;max-width:850px;margin-inline:auto}.portfolio-viewer-stage{isolation:isolate;background:radial-gradient(53% 67% at 50% 53%,#73443c24,#0000 89%),linear-gradient(150deg,#191717 0%,#111010 58%,#171414 100%);border:1px solid #edded12b;place-items:center;width:100%;min-width:0;height:clamp(295px,52svh,550px);padding:clamp(8px,2vw,17px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fce3d60d,0 16px 45px #0000001f}.portfolio-viewer-pigment{z-index:0;--ambient-override:.27;pointer-events:none}.portfolio-viewer-image{z-index:1}.portfolio-viewer-stage[data-tone=bursztyn]{background:radial-gradient(#9b714b21,#0000 73%),#151313}.portfolio-viewer-stage[data-tone=czerwien]{background:radial-gradient(#9839351f,#0000 73%),#151313}.portfolio-viewer-stage[data-tone=chlod]{background:radial-gradient(#66677921,#0000 73%),#151313}.portfolio-viewer-image{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.portfolio-viewer-image img{object-fit:contain;object-position:center}.portfolio-viewer-image .group\/zoom{-webkit-tap-highlight-color:transparent}.portfolio-viewer-image .group\/zoom:focus-visible{outline-offset:-3px;outline:2px solid #ead1ba}.portfolio-viewer-nav{min-height:68px;font-family:var(--font-jetbrains-mono), monospace;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid #e6dbd138;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:9px 0;display:grid}.portfolio-viewer-nav__button{color:#d4c9c0;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:linear-gradient(120deg,#ecd4be09,#0000);border:1px solid #ddcab640;align-items:center;gap:8px;min-width:0;min-height:48px;padding:0 10px;font-size:11px;font-weight:550;text-decoration:none;transition:border-color .25s,color .25s,background-color .25s;display:flex}.portfolio-viewer-nav__button--next{justify-content:flex-end}.portfolio-viewer-nav__word{min-width:0}.portfolio-viewer-nav__arrow{color:#ead0b6;flex:0 0 25px;place-items:center;width:25px;height:32px;font-family:sans-serif;font-size:23px;font-weight:300;line-height:1;transition:transform .28s cubic-bezier(.18,.8,.24,1);display:grid}.portfolio-viewer-nav__counter{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em;white-space:nowrap;grid-template-columns:1fr 10px 1fr;place-items:center;gap:2px;width:78px;min-width:0;font-size:11px;display:grid}.portfolio-viewer-nav__current{color:#f1e8e0}.portfolio-viewer-nav__divider,.portfolio-viewer-nav__total{color:#978d86}.portfolio-viewer-nav__button:hover{color:#f7e8d8;background:#eacdb014;border-color:#e6c4a8b8}.portfolio-viewer-nav__button--prev:hover .portfolio-viewer-nav__arrow{transform:translate(-3px)}.portfolio-viewer-nav__button--next:hover .portfolio-viewer-nav__arrow{transform:translate(3px)}.portfolio-viewer-nav__button:active{background:#eacdb021}.portfolio-viewer-nav__button:focus-visible{outline-offset:3px;outline:2px solid #f0d6be}.portfolio-viewer-rail{border-top:0;border-bottom:1px solid #e6dbd12e;grid-template-columns:1fr 1fr 1.28fr;align-items:stretch;height:85px;min-height:85px}.portfolio-viewer-rail__cell{min-width:0;height:84px}.portfolio-viewer-rail__label{white-space:nowrap;color:#9f9188}.portfolio-viewer-rail__value{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;color:#eee4dc;-webkit-box-orient:vertical;max-height:2.5em;display:-webkit-box;overflow:hidden}.portfolio-viewer-rail__artist{color:inherit;text-decoration-thickness:1px}@media (min-width:1024px){.portfolio-viewer-stage{height:clamp(420px,60svh,660px)}.portfolio-viewer-nav{margin-top:1px;padding:11px 0}}@media (max-width:380px){.portfolio-viewer-nav{grid-template-columns:minmax(0,1fr) 67px minmax(0,1fr);gap:5px}.portfolio-viewer-nav__counter{gap:0;width:67px;font-size:10px}.portfolio-viewer-nav__button{gap:3px;padding-inline:6px;font-size:10px}.portfolio-viewer-nav__arrow{flex-basis:20px;width:20px;font-size:21px}.portfolio-viewer-rail__cell{padding-inline:7px}}@media (max-width:767px) and (orientation:landscape){.portfolio-viewer-stage{height:clamp(220px,58svh,400px)}}@media (prefers-reduced-motion:reduce){.portfolio-viewer-nav__button,.portfolio-viewer-nav__arrow{transition:none!important}.portfolio-viewer-nav__arrow{transform:none!important}}