.portfolio-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.portfolio-toolbar .filters{margin:0}.portfolio-arrows{gap:10px;display:flex}.portfolio-arrows button{width:46px;height:46px;color:var(--paper);background:var(--graphite);border:0;border-radius:50%;place-items:center;display:grid}.portfolio-arrows button:disabled{opacity:.25;cursor:default;transform:none}.portfolio-viewport{touch-action:pan-y pinch-zoom;cursor:grab;outline-offset:6px;-webkit-user-select:none;user-select:none;overflow:hidden}.portfolio-viewport:focus-visible{outline:2px solid var(--paper)}.portfolio-track{--slide-gap:20px;--slide-height:clamp(440px, 37vw, 540px);align-items:flex-start;display:flex}.portfolio-slide{flex:0 0 calc(var(--slide-height) * var(--media-ratio));min-width:0;margin-right:var(--slide-gap);position:relative}.portfolio-card{width:100%;aspect-ratio:var(--media-ratio);background:var(--graphite);cursor:inherit;color:var(--white);isolation:isolate;border:0;border-radius:6px;padding:0;display:block;position:relative;overflow:hidden}.portfolio-player{object-fit:contain;background:var(--black);cursor:auto;touch-action:manipulation;height:auto}.portfolio-card img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .3s var(--ease-out,ease-out);display:block}.portfolio-card:focus-visible{outline-offset:-5px;outline:3px solid #fff}.is-dragging .portfolio-viewport{cursor:grabbing}.is-dragging .portfolio-card img{transform:none!important}.portfolio-play{pointer-events:none;background:#0b0b0bc9;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-play svg{margin-left:3px}.portfolio-editorial-title{text-align:left;background:#0b0b0be6;padding:10px;font-size:16px;position:absolute;inset:auto 12px 12px}.portfolio-progress{background:var(--graphite);height:2px;margin-top:28px;overflow:hidden}.portfolio-progress span{background:var(--paper);transform-origin:0;width:25%;height:100%;display:block}.portfolio-entered .portfolio-viewport{animation:portfolio-reveal .3s var(--ease-out,ease-out) both}@keyframes portfolio-reveal{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}.portfolio-dialog:not([open]){display:none}.portfolio-dialog[open]{color:#fff;background:0 0;border:0;place-items:center;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:68px 24px 24px;display:grid;position:fixed;inset:0;overflow:auto}.portfolio-dialog::backdrop{background:#000}.portfolio-dialog-content{width:min(calc(78dvh * var(--media-ratio)), 100%, 1100px);animation:portfolio-player-in .2s var(--ease-out,ease-out);margin:auto;position:relative}.portfolio-dialog-content>video,.portfolio-dialog-content>img{width:100%;height:auto;max-height:78dvh;aspect-ratio:var(--media-ratio);object-fit:contain;background:#000;display:block}.portfolio-dialog-content>p{margin-top:16px;font-size:16px}.portfolio-close{background:var(--graphite);color:#fff;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:-52px;right:0}@keyframes portfolio-player-in{0%{opacity:.6;transform:scale(.97)}to{opacity:1;transform:none}}@media (hover:hover){.portfolio-card:hover img{transform:scale(1.025)}.portfolio-arrows button:not(:disabled):hover{background:#383838}}@media (max-width:1000px){.portfolio-track{--slide-height:460px;--slide-gap:18px}}@media (max-width:600px){.portfolio-track{--slide-height:min(136vw, 560px);--slide-gap:16px}.portfolio-slide{max-width:84vw}.portfolio-arrows{display:none}.portfolio-toolbar{margin-bottom:24px}.portfolio-dialog[open]{padding-inline:16px}.portfolio-progress{margin-top:22px}}@media (prefers-reduced-motion:reduce){.portfolio-entered .portfolio-viewport,.portfolio-dialog-content{animation:none}.portfolio-card img{transition:none;transform:none!important}}