.portfolio-gallery-grid{column-count:1;column-gap:1.5rem}@media (width>=640px){.portfolio-gallery-grid{column-count:2}}@media (width>=900px){.portfolio-gallery-grid{column-count:3}}@media (width>=1400px){.portfolio-gallery-grid{column-count:4}}.portfolio-lightbox[hidden]{display:none}.portfolio-lightbox{z-index:100;color:#fff;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.portfolio-lightbox-backdrop{background:#020617f5;position:absolute;inset:0}.portfolio-lightbox-panel{z-index:1;flex-direction:column;justify-content:center;width:min(100%,96rem);padding:1rem;display:flex;position:relative}.portfolio-lightbox-panel.portfolio-lightbox-centered{justify-content:center}.portfolio-lightbox-centered .portfolio-lightbox-toolbar{position:absolute;top:1rem;left:1rem;right:1rem}.portfolio-lightbox-centered .portfolio-lightbox-stage{flex:none}.portfolio-lightbox-centered .portfolio-lightbox-end{z-index:2;backdrop-filter:blur(12px);background:#020617d1;border:1px solid #ffffff2e;border-radius:1.25rem;max-height:calc(100vh - 8rem);padding:1rem;position:absolute;inset:50% 1rem auto;overflow-y:auto;transform:translateY(-50%)}.portfolio-lightbox-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.portfolio-lightbox-tools{backdrop-filter:blur(8px);background:#0f172ac7;border:1px solid #ffffff40;border-radius:999px;align-self:center;align-items:center;gap:.5rem;margin:.25rem auto 0;padding:.25rem;display:inline-flex}.portfolio-lightbox-tools .portfolio-lightbox-button{background:0 0;border-color:#0000;position:relative}.portfolio-lightbox-tools .portfolio-lightbox-button:not(:last-child):after{content:"";background:#ffffff47;width:1px;height:50%;position:absolute;top:25%;right:-.3rem}.portfolio-lightbox-tools .portfolio-lightbox-button:hover,.portfolio-lightbox-tools .portfolio-lightbox-button:focus-visible{background:#ffffff24;border-color:#ffffff40}.portfolio-lightbox-tools .portfolio-lightbox-button svg{flex-shrink:0;width:1.35rem;height:1.35rem}.portfolio-lightbox-count{letter-spacing:.12em;text-transform:uppercase;font-size:.875rem;font-weight:600}.portfolio-lightbox-stage{box-sizing:border-box;touch-action:pan-y;background:#0f172a73;border:1px solid #ffffff2e;border-radius:1rem;flex:none;justify-content:space-between;align-self:center;align-items:center;width:fit-content;max-width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.portfolio-lightbox-loading{z-index:1;pointer-events:none;background:#0206173d;place-items:center;display:grid;position:absolute;inset:0}.portfolio-lightbox-loading[hidden]{display:none}.portfolio-lightbox-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:2.25rem;height:2.25rem;animation:.7s linear infinite portfolio-lightbox-spin}@keyframes portfolio-lightbox-spin{to{transform:rotate(360deg)}}.portfolio-lightbox-stage.portfolio-lightbox-is-zoomed{touch-action:none;user-select:none}.portfolio-lightbox-image{object-fit:contain;border-radius:inherit;cursor:default;opacity:1;transform-origin:50%;width:auto;min-width:0;max-width:calc(100vw - 2rem);height:auto;max-height:calc(100vh - 8rem);transition:opacity .18s,transform .26s;display:block}.portfolio-lightbox-image.portfolio-lightbox-image-changing{opacity:.2}.portfolio-lightbox-is-zoomed .portfolio-lightbox-image{cursor:grab}.portfolio-lightbox-is-zoomed .portfolio-lightbox-image.portfolio-lightbox-is-dragging{cursor:grabbing;transition:none}.portfolio-lightbox-end[hidden]{display:none}.portfolio-lightbox-end{z-index:2;text-align:center;background:#020617d1;border:1px solid #ffffff2e;border-radius:1.25rem;max-height:calc(100vh - 8rem);padding:1rem 0 .5rem;position:absolute;top:50%;left:1rem;right:1rem;overflow-y:auto;transform:translateY(-50%)}.portfolio-lightbox-end-title{font-size:1.1rem;font-weight:700}.portfolio-lightbox-end-copy{color:#cbd5e1;margin-top:.35rem;font-size:.9rem}.portfolio-lightbox-recommendations{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:min(100%,48rem);margin-top:.9rem;margin-left:auto;margin-right:auto;display:grid}.portfolio-lightbox-recommendation{aspect-ratio:1/.78;color:#fff;background:#0f172a;border:1px solid #ffffff40;border-radius:1.25rem;font-size:.75rem;font-weight:700;transition:background-color .15s,border-color .15s;display:block;position:relative;overflow:hidden}.portfolio-lightbox-recommendation:hover,.portfolio-lightbox-recommendation:focus-visible{border-color:#fff9;outline:none}.portfolio-lightbox-recommendation:after{content:"";background:linear-gradient(#0000,#020617e6);position:absolute;inset:45% 0 0}.portfolio-lightbox-recommendation img{object-fit:cover;width:100%;height:100%;transition:transform .18s}.portfolio-lightbox-recommendation:hover img,.portfolio-lightbox-recommendation:focus-visible img{transform:scale(1.05)}.portfolio-lightbox-recommendation span{z-index:1;text-overflow:ellipsis;white-space:nowrap;position:absolute;bottom:.55rem;left:.65rem;right:.65rem;overflow:hidden}.portfolio-lightbox-button{color:#fff;cursor:pointer;background:#0f172acc;border:1px solid #ffffff40;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.7rem 1rem;font-size:.75rem;font-weight:700;transition:background-color .15s,border-color .15s;display:inline-flex}.portfolio-lightbox-button[data-lightbox-close]{z-index:3;position:fixed;top:1rem;right:1rem}.portfolio-lightbox-nav{z-index:2;backdrop-filter:blur(6px);background:#0f172a7a;border-color:#ffffff59;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-lightbox-nav[data-lightbox-previous]{left:.75rem}.portfolio-lightbox-nav[data-lightbox-next]{right:.75rem}.portfolio-lightbox-button:hover,.portfolio-lightbox-button:focus-visible{background:#334155f2;border-color:#fff9;outline:none}.portfolio-gallery-grid [data-gallery-image]:focus-visible,.portfolio-lightbox-recommendation:focus-visible,.portfolio-lightbox-panel:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.portfolio-lightbox-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.1rem;height:1.1rem}@media (width<=640px){.portfolio-lightbox-panel{padding:.75rem}.portfolio-lightbox-nav{width:2.75rem;height:2.75rem;padding:.65rem}.portfolio-lightbox-nav[data-lightbox-previous]{left:.5rem}.portfolio-lightbox-nav[data-lightbox-next]{right:.5rem}.portfolio-lightbox-button{width:2.75rem;height:2.75rem}.portfolio-lightbox-tools .portfolio-lightbox-button svg{flex-shrink:0;width:1.25rem;height:1.25rem}.portfolio-lightbox-tools{gap:.25rem}.portfolio-lightbox-recommendation{aspect-ratio:1/.9}}@media (width>=768px){.portfolio-lightbox-recommendations{grid-template-columns:repeat(4,minmax(0,1fr))}}