.portfolio .section-intro{position:relative}
.gallery .portfolio-carousel{background:#082535}
.portfolio-pause{grid-column:2;justify-self:start;margin-top:4px;padding:9px 14px;border:1px solid #ffffff40;border-radius:99px;background:transparent;color:#d8eef5;font:600 12px Manrope,sans-serif;cursor:pointer}
.gallery .portfolio-carousel .gallery-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .55s ease,transform .7s ease;object-fit:cover}
.gallery .portfolio-carousel .gallery-slide.is-current{opacity:1}
.gallery .portfolio-carousel:after{pointer-events:none;z-index:1}
.portfolio-kind{position:absolute;top:18px;left:18px;z-index:3;max-width:calc(100% - 160px);padding:7px 10px;border-radius:99px;background:#061c2acc;color:#fff;font:700 10px Manrope,sans-serif;letter-spacing:.3px}
.portfolio-controls{position:absolute;right:16px;top:16px;z-index:3;display:flex;align-items:center;gap:7px;color:#fff;background:#061c2acc;border:1px solid #ffffff30;border-radius:99px;padding:3px}
.portfolio-controls button{width:30px;height:30px;border:0;background:transparent;color:#fff;font:24px/1 Arial;cursor:pointer;border-radius:50%}
.portfolio-controls button:hover{background:#ffffff25}
.portfolio-controls span{font:600 11px Manrope,sans-serif;min-width:30px;text-align:center}
.portfolio-controls button:focus-visible,.portfolio-pause:focus-visible,.portfolio-source:focus-visible{outline:2px solid #4de1ff;outline-offset:3px}
.gallery figcaption .portfolio-source{align-self:flex-start;font:600 11px Manrope,sans-serif;color:#d4edf5;text-decoration:none;border-bottom:1px solid #ffffff60;padding-bottom:3px}
.gallery figcaption .portfolio-source[hidden]{display:none}
@media(max-width:650px){.portfolio-pause{grid-column:1/-1;margin-top:12px}.portfolio-kind{top:14px;left:14px;font-size:9px}.portfolio-controls{top:12px;right:12px}.gallery figcaption{left:20px;right:20px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.gallery .portfolio-carousel .gallery-slide{transition:none}}