.project-page{background:#f2f2ee;overflow:hidden}
.project-page .project-viewer,.project-page .project-drawer{opacity:0}
.project-page .project-viewer{transform:translateY(8px)}
.project-page .project-drawer{transform:translateY(100%)}
.project-page.is-project-loaded .project-viewer,.project-page.is-project-loaded .project-drawer{opacity:1;transform:translateY(0);transition:height .55s cubic-bezier(.2,.7,.2,1),opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.project-header{background:#f2f2ee}
.project-viewer{position:fixed;inset:70px 0 58px;display:flex;align-items:center;justify-content:center;padding:22px var(--pad);transition:bottom .55s cubic-bezier(.2,.7,.2,1)}
.project-image-button{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:e-resize}
.project-image{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.project-drawer{position:fixed;z-index:12;left:0;right:0;bottom:0;height:58px;background:#f8f8f5;border-top:1px solid rgba(0,0,0,.12);overflow:hidden;transition:height .55s cubic-bezier(.2,.7,.2,1)}
.project-drawer:hover,.project-drawer.is-open{height:min(58vh,590px)}
.project-drawer:hover~*{pointer-events:none}
.drawer-toggle{display:grid;grid-template-columns:1.6fr 1.1fr 1fr auto;gap:26px;align-items:center;width:100%;height:58px;padding:0 var(--pad);border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:n-resize}
.project-drawer:hover .drawer-toggle,.project-drawer.is-open .drawer-toggle{cursor:s-resize}
.project-title{text-decoration:underline}
.project-count{text-align:right;font-variant-numeric:tabular-nums}
.drawer-content{display:grid;grid-template-columns:1.6fr 2.1fr 1fr;gap:26px;padding:34px var(--pad) 50px;border-top:1px solid rgba(0,0,0,.08);overflow:auto;max-height:calc(min(58vh,590px) - 58px)}
.project-description{max-width:760px;font-size:13.539666px;line-height:1.25}
.project-description p+p{margin-top:1em}
.project-details{display:grid;grid-template-columns:auto 1fr;align-content:start;gap:7px 18px;font-size:11.000978625px}
.project-details dt{opacity:.55}
.project-details dd{margin:0}
.project-missing{padding:var(--pad)}
@media(max-width:760px){.project-viewer{inset:62px 0 54px;padding:12px}
.project-drawer{height:54px}
.project-drawer:hover{height:54px}
.project-drawer.is-open{height:72vh}
.drawer-toggle{height:54px;grid-template-columns:1fr auto;padding:0 15px}
.project-type,.project-place-year{display:none}
.drawer-content{grid-template-columns:1fr;padding:24px 15px 40px;max-height:calc(72vh - 54px)}
.drawer-content>div:first-child{display:none}
.project-description{font-size:13.539666px}
.project-details{margin-top:22px}
}