.project-page-ux .inner-hero{min-height:auto;padding-top:clamp(7rem,14vw,11rem);padding-bottom:clamp(3rem,7vw,6rem)}.project-page-ux .inner-hero__title{margin-top:clamp(2rem,5vw,4rem);font-size:clamp(3rem,7.5vw,7.5rem)}.project-page-ux .project-intro--brief{grid-template-columns:.7fr 1.5fr;gap:clamp(2rem,8vw,9rem);padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(3rem,7vw,6rem);display:grid}.project-page-ux .project-intro--brief .project-description{max-width:60ch}.project-page-ux .project-intro--brief .project-description p{margin:0}.project-page-ux .project-details{grid-template-columns:.7fr 1.5fr;gap:clamp(2rem,8vw,9rem);display:grid}.project-page-ux .project-share--after-gallery{background:var(--night);color:var(--light);padding-top:clamp(2rem,5vw,4rem);padding-bottom:clamp(3rem,7vw,6rem)}.project-page-ux .share-project__options[hidden]{display:none}.project-page-ux .gallery__open{width:100%;color:inherit;cursor:zoom-in;text-align:inherit;background:0 0;border:0;padding:0;display:block}.project-page-ux .gallery__open:focus-visible{outline-offset:6px}.project-page-ux .project-video{width:min(100%,90rem);padding-inline:var(--page);margin:0 auto}.project-page-ux .project-video video{background:var(--night);width:100%;max-height:85vh;display:block}.project-page-ux .project-video__caption{color:#eeeae2ad;max-width:40rem;font-family:var(--serif);margin:.8rem 0 0;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.35}.gallery-viewer__credit[hidden]{display:none}.selected-works-back{text-underline-offset:.25em;align-items:center;min-height:44px;margin-top:1.5rem;display:inline-flex}.selected-works-page .selected-work-commentary{max-width:42rem;font-family:var(--serif);color:var(--light);margin-top:1.2rem;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55}.selected-works-page .selected-work-commentary p{margin:0}.selected-works-page .selected-work-commentary p+p{margin-top:.85em}.selected-works-back--bottom{margin:2rem var(--page) 4rem}.project-page-ux .gallery--selected-works{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4rem) 1.5rem;display:grid}.project-page-ux .gallery--selected-works .gallery__figure{grid-column:auto;width:100%;margin:0}.project-page-ux .gallery--selected-works .gallery__figure--landscape,.project-page-ux .gallery--selected-works .selected-work--landscape{grid-column:1/-1}.project-page-ux .gallery--selected-works .selected-work--center{grid-column:1/-1;width:min(100%,45rem);margin-inline:auto}.project-page-ux .gallery--selected-works .gallery__open img{object-fit:contain;width:100%;height:auto;display:block}.project-page-ux .gallery__related-project{color:#eeeae2b8;margin:.65rem 0 0;font-size:.86rem}.project-page-ux .gallery__related-project a{text-underline-offset:.2em;text-decoration:underline}.project-page-ux .gallery-viewer{width:100vw;max-width:none;height:100svh;max-height:none;color:var(--light);background:#090a0bf7;border:0;margin:auto;padding:0}.project-page-ux .gallery-viewer::backdrop{background:#090a0bd6}.project-page-ux .gallery-viewer__shell{flex-direction:column;width:100%;height:100%;padding:clamp(1rem,2.5vw,2.75rem);display:flex}.project-page-ux .gallery-viewer__top,.project-page-ux .gallery-viewer__caption{flex:none}.project-page-ux .gallery-viewer__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-page-ux .gallery-viewer__top p,.project-page-ux .gallery-viewer__caption p,.project-page-ux .gallery-viewer__caption h2{margin:0}.project-page-ux .gallery-viewer__close,.project-page-ux .gallery-viewer__nav{border:1px solid var(--paper-line);color:inherit;cursor:pointer;background:#090a0bb3}.project-page-ux .gallery-viewer__close{letter-spacing:.12em;text-transform:uppercase;min-height:2.75rem;padding:.7rem 1rem;font-size:.68rem;font-weight:600}.project-page-ux .gallery-viewer__viewport{touch-action:auto;flex:auto;justify-content:center;align-items:center;min-height:0;padding:clamp(1rem,3vw,3rem) clamp(2.8rem,7vw,7rem);display:flex;position:relative}.project-page-ux .gallery-viewer__image{object-fit:contain;user-select:none;width:100%;height:100%}.project-page-ux .gallery-viewer__nav{z-index:1;width:3rem;height:3rem;font-size:2rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.project-page-ux .gallery-viewer__nav--previous{inset-inline-start:.25rem}.project-page-ux .gallery-viewer__nav--next{inset-inline-end:.25rem}.project-page-ux .gallery-viewer__caption{border-top:1px solid var(--paper-line);justify-content:space-between;align-items:baseline;gap:1rem;padding-top:.8rem;display:flex}.project-page-ux .gallery-viewer__caption h2{font-family:var(--serif);font-size:clamp(1.25rem,2.2vw,2rem);font-weight:400;line-height:1.05}.project-page-ux .gallery-viewer__caption p{max-width:45ch;color:var(--muted);text-align:end;font-size:.72rem;line-height:1.4}.project-page-ux .project-contact{padding:1.1rem var(--page) clamp(3rem, 7vw, 6rem);background:var(--paper);border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.project-page-ux .project-contact span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:600}.project-page-ux .project-contact strong{letter-spacing:-.02em;direction:ltr;font-size:clamp(1.2rem,2.2vw,2rem);font-weight:400}.project-page-ux .next-project__content{justify-content:space-between;align-items:end;gap:clamp(1.5rem,5vw,5rem);margin-top:1rem;display:flex}.project-page-ux .next-project__cover{object-fit:contain;flex:0 0 clamp(7rem,18vw,17rem);width:clamp(7rem,18vw,17rem);height:auto}.project-page-ux .next-project strong{margin-top:0}@media (width<=820px){.project-page-ux .gallery--selected-works{grid-template-columns:minmax(0,1fr);gap:2.5rem}.project-page-ux .gallery--selected-works .gallery__figure,.project-page-ux .gallery--selected-works .selected-work--landscape,.project-page-ux .gallery--selected-works .selected-work--center{grid-column:1/-1;width:100%}.project-page-ux .project-intro--brief,.project-page-ux .project-details{grid-template-columns:1fr}.project-page-ux .gallery-viewer__shell{padding:.85rem var(--page) 1rem}.project-page-ux .gallery-viewer__viewport{padding-inline:2rem}.project-page-ux .gallery-viewer__nav{width:2.75rem;height:2.75rem}.project-page-ux .gallery-viewer__caption{display:block}.project-page-ux .gallery-viewer__caption p{text-align:start;margin-top:.35rem}.project-page-ux .project-contact{display:block}.project-page-ux .project-contact strong{overflow-wrap:anywhere;margin-top:.65rem;display:block}.project-page-ux .next-project__content{align-items:start}.project-page-ux .next-project strong{font-size:clamp(2rem,8vw,4rem)}}
