.portfolio-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:12px 2px;scrollbar-width:thin}.portfolio-thumbnails button{flex:0 0 84px;width:84px;height:84px;padding:3px;border:2px solid transparent;border-radius:12px;background:#f1f3f8;cursor:pointer}.portfolio-thumbnails button[aria-pressed="true"]{border-color:#c89c43;box-shadow:0 0 0 2px #f7e5bd}.portfolio-thumbnails img{width:100%;height:100%;object-fit:cover;border-radius:8px}.portfolio-album-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.portfolio-album-photos figure{margin:0}.portfolio-album-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.portfolio-album-photos figcaption{font-size:12px;line-height:1.4;word-break:break-word}.portfolio-album-photos form{display:inline-block;margin:4px 2px 0 0}.portfolio-album-photos .button{min-height:32px;padding:5px 9px;font-size:11px}
.portfolio-lightbox-with-social .portfolio-modal-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);height:calc(100% - 66px);min-height:0}.portfolio-lightbox-with-social .portfolio-lightbox-stage{height:100%;min-width:0;padding:12px;background:#030b16;overflow:auto}.portfolio-lightbox-with-social .portfolio-lightbox-stage img{width:100%;height:100%;object-fit:contain;max-width:100%;box-shadow:none}.portfolio-lightbox-with-social .portfolio-lightbox-stage img.is-zoomed{height:auto;max-width:none;object-fit:initial}.portfolio-modal-interactions{min-width:0;overflow:auto;background:#f8fafc;color:#102944;padding:20px;overscroll-behavior:contain}.portfolio-modal-interactions .portfolio-detail-info{position:static;border:0;border-radius:0;padding:0;background:transparent;color:inherit}.portfolio-modal-interactions .portfolio-comments{margin:24px 0 0;max-width:none;color:inherit}.portfolio-modal-interactions .portfolio-comments h2{font-size:21px;letter-spacing:-.025em}.portfolio-modal-interactions .portfolio-comments .panel{padding:14px;border-radius:12px}.portfolio-modal-interactions .portfolio-comment>div{flex-wrap:wrap;gap:5px}.portfolio-modal-interactions .portfolio-comment p{margin:12px 0}.portfolio-modal-interactions textarea{width:100%;max-width:100%}.portfolio-modal-cta{margin-top:20px;padding-top:16px;border-top:1px solid #b9954b55}.portfolio-modal-cta .button{min-height:44px;border-color:#b9954b;background:#102944;color:#f5dda1;box-shadow:none;max-width:100%;text-align:center;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.portfolio-modal-cta .button:hover{background:#193858;transform:none}.portfolio-lightbox-with-social .portfolio-lightbox-bar{min-height:66px}.portfolio-lightbox-with-social .portfolio-comment-pages{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media(max-width:700px){.portfolio-lightbox-with-social .portfolio-modal-body{display:block;overflow:auto;height:calc(100% - 66px)}.portfolio-lightbox-with-social .portfolio-lightbox-stage{height:50dvh;min-height:220px}.portfolio-modal-interactions{overflow:visible;padding:18px}.portfolio-lightbox-with-social .portfolio-lightbox-bar strong{flex:1;min-width:0;max-width:none}.portfolio-lightbox-with-social .portfolio-lightbox-bar>div{gap:3px}.portfolio-lightbox-with-social .portfolio-lightbox-bar button{min-width:30px;width:30px;padding:0}.portfolio-lightbox-with-social .portfolio-lightbox-bar output{min-width:32px}.portfolio-modal-cta .button{width:100%}}
:root[data-theme=dark] .portfolio-modal-interactions{background:#10213a;color:#f1f5fb}:root[data-theme=dark] .portfolio-modal-interactions .portfolio-detail-info{background:transparent;color:inherit}:root[data-theme=dark] .portfolio-modal-interactions .portfolio-social-stats{color:#c5d4e7}
:where(.portfolio-lightbox-with-social):not([open]){display:none}
@media(max-width:600px){.portfolio-lightbox.portfolio-lightbox-with-social{width:100%;max-width:100%}}