.project{position:absolute;inset:0;z-index:15}.project[hidden]{display:none}.pj-bg{position:absolute;inset:0;z-index:14;background:linear-gradient(color-mix(in srgb,var(--bg-top) 80%,transparent),color-mix(in srgb,var(--bg-bottom) 80%,transparent));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none}.pj-bg[hidden]{display:none}.pj-scroll{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.pj-scroll::-webkit-scrollbar{display:none}.project .pj-scroll.lenis.lenis-stopped{overflow:hidden}.pj-scroll:focus{outline:none}.pj-content{position:relative}.pj-body{display:flex;align-items:flex-start;padding:32px var(--margin) 0}.pj-info{position:sticky;top:32px;flex:none;width:calc(var(--col) * 3)}.pj-head{display:flex;flex-direction:column;gap:2px}.pj-title{margin:0;font:300 40px/1.2 var(--serif);letter-spacing:var(--track)}.pj-l,.pj-l-mask{display:block}.pj-l-mask{padding-block:.12em;margin-top:-.24em}.pj-l-mask:first-child{margin-top:-.12em}.pj-l-mask:last-child{margin-bottom:-.12em}.pj-year{margin:0;font:300 12px/normal var(--sans);letter-spacing:var(--track);color:var(--muted)}.pj-details{display:flex;flex-direction:column;align-items:flex-start;gap:64px;margin-top:64px}.pj-meta{display:flex;flex-direction:column;gap:24px;width:100%;margin:0;font:300 12px/normal var(--sans);letter-spacing:var(--track)}.pj-row{display:grid;grid-template-columns:var(--col) 227px;align-items:start}.pj-row dt{color:var(--muted)}.pj-row dd{margin:0;line-height:1.4}.pj-row ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;line-height:1.2}.pj-line{position:relative;width:100%;height:1px;margin:0}.pj-line .string{position:absolute;left:0;top:0;width:100%;height:1px;color:var(--stroke)}.pj-visit{position:relative;font:300 24px/1.2 var(--serif);letter-spacing:var(--track);white-space:pre}.pj-visit:after{content:"";position:absolute;left:0;right:0;top:100%;height:1px;background:currentColor;transform:scale(var(--u, 1),.5);transform-origin:0 0}.pj-arrow{display:inline-block;transition:transform .45s cubic-bezier(.65,0,.35,1)}@media(hover:hover){.pj-visit:hover .pj-arrow{transform:rotate(-45deg)}}.pj-visit:focus-visible .pj-arrow{transform:rotate(-45deg)}.pj-visit.is-swapping:after{animation:line-swap .9s both}.pj-images{display:flex;flex-direction:column;gap:40px;flex:none;width:calc(var(--col) * 6);margin-left:var(--col)}.pj-image{position:relative;margin:0;--media-r: 12px}.pj-strips{position:absolute;inset:0;perspective:1200px;pointer-events:none}.pj-strip{position:absolute;left:0;right:0;overflow:hidden;transform-origin:50% 100%;will-change:transform,opacity}.pj-strip:first-child{border-radius:var(--media-r) var(--media-r) 0 0}.pj-strip:last-child{border-radius:0 0 var(--media-r) var(--media-r)}.pj-strip img{position:absolute;left:0;max-width:none}.pj-image img,.pj-image video{display:block;width:100%;height:auto}.pj-image>img,.pj-image>video{border-radius:var(--media-r)}.pj-stage{position:sticky;overflow:clip}.pj-next{position:relative;margin-top:152px}.pj-next-inner{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pj-next-name{position:relative;display:block;height:1.2em;cursor:pointer;margin:0;font:300 80px/1.2 var(--serif);letter-spacing:var(--track);white-space:pre;perspective:20em}.pj-next-name.is-rising{clip-path:inset(-.4em -.3em 0 -.3em)}.pj-nw{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity}.pj-next-hint{margin:0;font:300 12px/normal var(--sans);letter-spacing:var(--track)}.pj-ghost{position:absolute;z-index:1;text-align:center;white-space:nowrap;pointer-events:none}.pj-close{position:absolute;z-index:2;top:32px;right:var(--margin);font:400 12px/14px var(--sans)}.pj-close:focus{outline:none}.pj-close{border-color:transparent}.pj-close:before,.pj-close:after{content:"";position:absolute;inset:-1px;border:1px solid var(--stroke);border-radius:inherit;pointer-events:none}.pj-close:after{border-color:var(--fg);clip-path:inset(0 100% 0 0)}@media(hover:hover){.pj-close:hover:before,.pj-close.was-hovered:not(:hover):after{animation:stroke-out .38s cubic-bezier(.55,0,.75,.3) both}.pj-close:hover:after,.pj-close.was-hovered:not(:hover):before{animation:stroke-in .44s cubic-bezier(.2,.7,.3,1) .47s both}}@keyframes stroke-out{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes stroke-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.pj-close:focus-visible{outline:1px solid currentColor;outline-offset:3px}.pj-lens{position:absolute;left:0;z-index:1;width:100%;height:24px;display:none;pointer-events:none}.pj-lens--top{top:0}.pj-lens--bottom{bottom:0}.pj-lens.is-on{display:block}.grow{position:absolute;inset:0;z-index:18;width:100%;height:100%;display:none;pointer-events:none}.grow.is-on{display:block}@media(max-width:767px){.pj-body{display:grid;grid-template-columns:1fr;row-gap:32px;padding-top:72px}.pj-info{display:contents}.pj-head{order:0}.pj-images{order:1;width:auto;margin:0;gap:16px}.pj-images>.pj-details{margin:16px 0 24px;gap:40px}.pj-row{grid-template-columns:calc(var(--col) * 2) 1fr}.pj-next{margin-top:96px}.pj-next-name{font-size:48px}.pj-close{top:20px}}