.portfolio-lightbox-trigger{position:relative;z-index:11;display:block;max-width:100%;padding:0;border:0;background:transparent;text-align:left}[data-supplement-lightbox-trigger]{position:absolute;inset:0;width:100%;height:100%}.portfolio-lightbox-image-overlay{position:absolute;z-index:1;inset:0;background:transparent}.portfolio-lightbox-dialog{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#171717;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s cubic-bezier(.4,0,.2,1)}.portfolio-lightbox-dialog[data-supplement-lightbox-open]{opacity:1;visibility:visible;pointer-events:auto}.portfolio-lightbox-backdrop,.portfolio-lightbox-close{position:absolute;border:0;background:transparent}.portfolio-lightbox-backdrop{inset:0;cursor:default}.portfolio-lightbox-close{top:1.75rem;right:1.75rem;display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;color:#fff;font-size:1.875rem;line-height:1;cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9));transition:transform .2s ease}.portfolio-lightbox-close:hover{transform:scale(1.1)}.portfolio-lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.portfolio-lightbox-safe-area{position:relative;z-index:1;display:flex;width:100%;max-width:72rem;flex-direction:column;align-items:center;padding-inline:1.75rem}.portfolio-lightbox-frame{--supplement-lightbox-image-metadata-gap: 1.5rem;--supplement-lightbox-divider-before-gap: .5rem;--supplement-lightbox-divider-after-gap: .75rem;display:flex;width:-moz-fit-content;width:fit-content;max-width:min(100%,calc(100vw - 5rem));flex-direction:column;gap:var(--supplement-lightbox-image-metadata-gap)}.portfolio-lightbox-content{position:relative;display:flex;width:-moz-fit-content;width:fit-content;max-width:min(100%,calc(100vw - 5rem));max-height:min(850px,calc(100vh - 14rem));align-items:center;justify-content:center;transform:scale(.95) translateY(.5rem);opacity:0;filter:blur(2px);transition:transform .65s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),filter .65s cubic-bezier(.4,0,.2,1)}.portfolio-lightbox-image{display:block;width:auto;height:min(850px,calc(100vh - 14rem));max-width:min(100%,calc(100vw - 5rem));-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.portfolio-lightbox-metadata{display:flex;width:100%;flex-direction:column;transform:translateY(1rem);opacity:0;transition:transform .65s cubic-bezier(.4,0,.2,1) .1s,opacity .5s cubic-bezier(.4,0,.2,1) .1s}.portfolio-lightbox-metadata-row{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:1rem}.portfolio-lightbox-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.portfolio-lightbox-description{flex:1;min-width:0;margin:0;color:#fff;font-size:.875rem;line-height:1.5rem;text-align:left}.portfolio-lightbox-external-link{display:inline-flex;width:1rem;height:1rem;align-items:center;justify-content:center;margin-inline-start:.375rem;color:inherit;vertical-align:middle}.portfolio-lightbox-external-link:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:2px}.portfolio-lightbox-external-link svg{display:block;width:100%;height:100%;transform:translateY(-2px)}.portfolio-lightbox-software{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;margin:0;color:#fff;font-size:.875rem;line-height:1.5rem;text-align:left}.portfolio-lightbox-metadata-divider{width:100%;border-top:1px solid rgba(255,255,255,.24);margin-block-start:var(--supplement-lightbox-divider-before-gap);margin-block-end:var(--supplement-lightbox-divider-after-gap)}.portfolio-lightbox-year{flex-shrink:0;margin:0;color:#fff;font-size:.875rem;line-height:1.5rem;text-align:right;white-space:nowrap}.portfolio-lightbox-materials{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;margin:0;color:#fff;font-size:.875rem;line-height:1.5rem;text-align:left}.portfolio-lightbox-category-icon{width:1rem;height:1rem;flex:0 0 1rem;opacity:.8}.portfolio-lightbox-dialog[data-supplement-lightbox-open] .portfolio-lightbox-content{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}.portfolio-lightbox-dialog[data-supplement-lightbox-open] .portfolio-lightbox-metadata{transform:translateY(0);opacity:1}@media(max-width:639px){.portfolio-lightbox-safe-area{height:100%;justify-content:center;padding-block-start:4rem;padding-inline:.5rem;pointer-events:none}.portfolio-lightbox-close{z-index:20;top:.5rem;right:.5rem;pointer-events:auto}.portfolio-lightbox-frame{max-width:calc(100vw - 1rem);margin-inline:auto}.portfolio-lightbox-content{width:100%;max-width:calc(100vw - 1rem)}.portfolio-lightbox-image{max-width:calc(100vw - 1rem);margin-inline:auto}.portfolio-lightbox-metadata{position:fixed;z-index:10;bottom:7.5rem;left:50%;width:100%;max-width:100%;padding-block-start:2.5rem;padding-inline:1.5rem;pointer-events:auto;transform:translate(-50%,1rem)}.portfolio-lightbox-dialog[data-supplement-lightbox-open] .portfolio-lightbox-metadata{transform:translate(-50%)}}@media(min-width:640px){.portfolio-lightbox-description,.portfolio-lightbox-software,.portfolio-lightbox-year,.portfolio-lightbox-materials{font-size:1rem}.portfolio-lightbox-year{margin-inline-start:auto}}@media(prefers-reduced-motion:reduce){.portfolio-lightbox-dialog,.portfolio-lightbox-content{transition-duration:1ms}}