.portfolio-grid article .project-detail-link{position:absolute;right:18px;bottom:18px;border:1px solid currentColor;border-radius:20px;background:#ffffffd9;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.portfolio-grid article .project-detail-link:hover{background:#fff}.project-detail-dialog{width:min(900px,calc(100vw - 32px));padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0005}.project-detail-dialog::backdrop{background:#171717b8}.project-detail-dialog>img{display:block;width:100%;height:min(52vh,460px);object-fit:cover}.project-detail-image img{display:block;width:100%;height:min(52vh,460px);object-fit:cover}.project-detail-copy{padding:28px 32px 34px}.project-detail-category{font-size:11px;letter-spacing:.16em;font-weight:bold;color:#777}.project-detail-copy h2{font-size:clamp(32px,5vw,58px);letter-spacing:-.05em;line-height:.95;margin:10px 0 18px}.project-detail-description{max-width:620px;line-height:1.7;color:#555}.project-detail-close{position:absolute;right:16px;top:12px;z-index:1;border:0;background:#fff;border-radius:50%;width:38px;height:38px;font-size:25px;cursor:pointer}.project-detail-copy .dark-button{display:inline-block;border:0}.project-detail-dialog:focus{outline:2px solid var(--lime);outline-offset:4px}
.project-detail-dialog{width:min(1120px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));max-height:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);padding:0;border:0;border-radius:2px;overflow:hidden;box-shadow:0 30px 100px #0008}.project-detail-dialog:focus{outline:0}.project-detail-image{min-height:0;display:flex;align-items:center;justify-content:center;background:#111}.project-detail-image img{width:100%;height:100%;max-height:none!important;object-fit:contain!important}.project-detail-copy{min-height:0;overflow-y:auto;padding:64px 46px 46px;background:var(--paper)}.project-detail-close{right:18px;top:18px;box-shadow:0 4px 18px #0002}.project-detail-copy h2{font-size:clamp(38px,4vw,64px);margin-top:14px}.project-detail-description{font-size:16px;line-height:1.8}.project-detail-gallery{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:34px}.project-detail-gallery img{height:120px;transition:opacity .2s,transform .2s}.project-detail-gallery img:hover{opacity:.8;transform:scale(.98)}@media(max-width:760px){.project-detail-dialog{width:calc(100vw - 24px);height:calc(100vh - 24px);display:flex;flex-direction:column}.project-detail-image{height:42vh;min-height:250px;flex:none}.project-detail-copy{padding:30px 24px}.project-detail-copy h2{font-size:42px}}
.project-detail-image{align-self:stretch;min-height:0}.project-detail-image img{object-fit:contain!important}@media(max-width:1000px){.project-detail-dialog{width:calc(100vw - 32px);height:calc(100vh - 32px);display:flex;flex-direction:column}.project-detail-image{height:46vh;min-height:260px;flex:none}.project-detail-copy{flex:1;min-height:0;overflow-y:auto;padding:32px 30px 40px}.project-detail-gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.project-detail-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px)}.project-detail-image{height:38vh;min-height:220px}.project-detail-copy{padding:26px 20px 32px}.project-detail-gallery{grid-template-columns:repeat(2,1fr)}}
.project-detail-image{position:relative;overflow:hidden;background:#151719}.project-detail-image::before{content:"";position:absolute;inset:-30px;background-image:var(--project-backdrop);background-size:cover;background-position:center;filter:blur(24px);opacity:.55;transform:scale(1.12)}.project-detail-image img{position:relative;z-index:1}
.project-detail-dialog{display:block!important;width:min(1120px,calc(100vw - 32px))!important;height:min(900px,calc(100vh - 32px))!important;max-height:calc(100vh - 32px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:var(--paper)!important}.project-detail-image{display:block!important;height:auto!important;min-height:0!important;background:var(--paper)!important;overflow:hidden!important}.project-detail-image::before{display:none!important}.project-detail-image img{display:block!important;position:relative!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:var(--paper)!important}.project-detail-copy{display:block!important;overflow:visible!important;min-height:0!important;padding:42px 54px 56px!important;background:var(--paper)!important}.project-detail-copy h2{font-size:clamp(42px,5vw,72px)!important}.project-detail-gallery{grid-template-columns:repeat(4,1fr)!important}.project-detail-close{position:sticky!important;float:right!important;margin:16px 16px -54px 0!important;z-index:4}@media(max-width:650px){.project-detail-dialog{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important}.project-detail-copy{padding:32px 22px 42px!important}.project-detail-gallery{grid-template-columns:repeat(2,1fr)!important}}