.home-page h1{letter-spacing:inherit;line-height:inherit;font-size:inherit;font-weight:inherit;text-wrap:initial;margin:0}.pj-page [hidden],.pd-page [hidden]{display:none!important}.cursor-label{z-index:200;pointer-events:none;color:#fff;mix-blend-mode:difference;white-space:pre;opacity:0;transition:opacity .2s var(--ease);font-weight:600;position:fixed;top:0;left:0}.cursor-label:before{content:"[  "}.cursor-label:after{content:"  ]"}.cursor-label.is-on{opacity:1}.pj-head{min-height:calc(75svh - var(--nav-h));column-gap:var(--col-gap);padding:4px var(--gutter) clamp(56px, 14vh, 150px);grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.pj-filter{grid-area:1/4/auto/10}.pj-filter ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pj-filter button,.pj-view button{font:inherit;color:inherit;cursor:pointer;opacity:.35;transition:opacity .3s var(--ease);background:0 0;border:0;padding:0;position:relative}.pj-filter button:hover,.pj-view button:hover,.pj-filter button[aria-pressed=true],.pj-view button[aria-pressed=true]{opacity:1}.pj-filter button[aria-pressed=true]:before{content:"";background:currentColor;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:-18px}.pj-title{grid-area:3/4/auto/13}.pj-view{grid-area:3/1/auto/4;align-self:end;gap:.4em;padding-bottom:.9em;display:flex}.pj-view>span{opacity:.35}.pj-row{column-gap:var(--col-gap);padding-left:var(--gutter);padding-right:var(--gutter);color:inherit;grid-template-columns:repeat(12,minmax(0,1fr));text-decoration:none;display:grid;position:relative}.pj-meta{flex-direction:column;grid-column:1/3;min-width:0;display:flex}.pj-name,.pj-year{opacity:.35;transition:opacity .2s var(--ease)}.pj-more{opacity:.35;flex-direction:column;display:none}.pj-year{grid-column:3/4;place-self:start end;padding-right:8px}.pj-media{margin-right:calc(-1 * var(--gutter));background:var(--color-surface);grid-column:4/13;display:block;position:relative;overflow:hidden}.pj-media img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.pj-media:after{content:"";background:var(--color-bg);z-index:1;height:2px;position:absolute;inset:auto 0 0}@media (hover:hover){.pj-row:hover .pj-name,.pj-row:hover .pj-year,.pj-row:focus-visible .pj-name,.pj-row:focus-visible .pj-year{opacity:1}.pj-row:hover .pj-more,.pj-row:focus-visible .pj-more{display:flex}}.pj-media:empty{aspect-ratio:16/9}.pj-empty{padding:0 var(--gutter) 0 calc(var(--gutter) + 25%);color:var(--color-muted);margin:0}@media (width<=900px){.pj-empty{padding-left:var(--gutter)}}.pj-rows.is-accordion .pj-row{height:0;overflow:hidden}.pj-rows.is-accordion .pj-media{height:100%}.pj-rows.is-accordion .pj-media img{position:absolute;top:50%;left:0;transform:translateY(-50%)}.pj-list{padding:0 var(--gutter);margin:0;list-style:none}.pj-list li{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.pj-li{column-gap:var(--col-gap);color:inherit;opacity:.35;transition:opacity .2s var(--ease);grid-column:4/13;grid-template-columns:repeat(9,minmax(0,1fr));padding-block:8px;text-decoration:none;display:grid}.pj-li-num{grid-column:1/2;position:relative}.pj-li-view{white-space:nowrap;opacity:0;position:absolute;top:0;left:0}.pj-li-name{grid-column:2/5}.pj-li-type{grid-column:5/7}.pj-li-where{grid-column:7/10;justify-content:flex-end;gap:10px;display:flex}.pj-li-strip{height:0;transition:height .45s var(--ease-out), margin .45s var(--ease-out);grid-column:1/-1;display:flex;overflow:hidden}.pj-li-strip img{object-fit:cover;width:auto;max-width:none;height:100%}@media (hover:hover){.pj-li:hover,.pj-li:focus-visible{opacity:1}.pj-li:hover .pj-li-num>span:first-child,.pj-li:focus-visible .pj-li-num>span:first-child{opacity:0}.pj-li:hover .pj-li-view,.pj-li:focus-visible .pj-li-view{opacity:1}.pj-li:hover .pj-li-strip,.pj-li:focus-visible .pj-li-strip{height:88px;margin-block:8px 4px}}.pj-note{column-gap:var(--col-gap);padding:14px var(--gutter) 0;color:var(--color-muted);grid-template-columns:repeat(12,minmax(0,1fr));font-size:.75rem;display:grid}.pj-note>span{grid-column:4/13}.pj-foot{column-gap:var(--col-gap);padding:clamp(80px, 14vh, 160px) var(--gutter) clamp(120px, 20vh, 256px);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.pj-foot .bracket{grid-column:4/13;justify-self:start}.pd-page{--bar-h:56px;--cap-h:56px}.pd-bar{z-index:40;height:var(--bar-h);column-gap:var(--col-gap);padding-inline:var(--gutter);background:var(--color-bg);transition:background-color .5s var(--ease);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid;position:fixed;inset:0 0 auto}.pd-bar a,.pd-bar button{color:inherit;text-decoration:none}.pd-bar button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.pd-home{grid-column:1/2;justify-self:start}.pd-name{white-space:nowrap;grid-column:2/9;gap:1.1em;min-width:0;display:flex}.pd-name>*{text-overflow:ellipsis;overflow:hidden}.pd-loc{opacity:.4}.pd-actions{grid-column:9/12;justify-self:end;gap:1.6em;display:flex}.pd-bar .nav-menu{grid-column:12/13;justify-self:end}.pd-bar .bracket{min-height:34px;color:var(--color-text);transition:background-color .2s var(--ease), color .2s var(--ease), opacity .3s var(--ease);background:0 0;border:1px solid;padding:0 1em}.pd-bar .bracket:focus-visible,.pd-info-btn[aria-expanded=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);outline:none}@media (hover:hover){.pd-bar .bracket:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}}.pd-info-btn.is-gone{opacity:0;pointer-events:none}.pd-main{padding-top:var(--bar-h)}.pd-head{min-height:calc(43svh - var(--bar-h));padding:2px var(--gutter) 40px;letter-spacing:-.02em;font-size:1.875rem;line-height:1.35}.pd-head p{margin:0}.pd-head .pd-head-loc{opacity:.4}.pd-missing .pd-head{padding-top:clamp(40px,12vh,120px);display:block!important}.pd-missing .pd-gallery{display:none}.pd-missing .pd-main{padding-top:var(--bar-h)!important}.pd-head-loc a{color:inherit}.pd-track{flex-direction:column;display:flex}.pd-fig{color:inherit;flex-direction:column;margin:0;text-decoration:none;display:flex}.pd-frame{width:100%;aspect-ratio:var(--ar);background:var(--color-surface);display:block;position:relative;overflow:hidden}.pd-frame img{object-fit:cover;width:100%;height:100%}.pd-cap{white-space:nowrap;gap:12px;height:40px;padding:4px 0 0 8px;display:flex;overflow:hidden}.pd-cap-text{opacity:.5}.pd-next-head{padding:92px var(--gutter) 16px;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:600}.pd-next .pd-frame{aspect-ratio:1}.pd-next .pd-frame:after{content:"";opacity:0;background:#000;transition:opacity .1s ease-out;position:absolute;inset:0}@media (hover:hover){.pd-next-link:hover .pd-frame:after{opacity:.4}}.pd-info{column-gap:var(--col-gap);padding:8px var(--gutter) 80px;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:48px;display:grid}.pd-info-title{letter-spacing:-.02em;grid-column:1/5;font-size:1.875rem;line-height:1.35;display:none}.pd-info-title p{margin:0}.pd-info-title p+p{opacity:.4}.pd-desc{grid-column:5/9;align-content:start;gap:1.45em;display:grid}.pd-desc p{max-width:46ch}.pd-desc .pd-sub{opacity:.4;margin-bottom:-1.1em}.pd-desc hr{opacity:.2;background:currentColor;border:0;height:1px;margin:0}.pd-desc blockquote{margin:0}.pd-info:focus{outline:none}.pd-facts{grid-column:10/13;align-content:start;gap:4px;margin:0;display:grid}.pd-facts>div{grid-template-columns:40% 60%;display:grid}.pd-facts dt{opacity:.4}.pd-facts dd{margin:0}@media (width>=901px){.motion-ok .pd-main{padding-top:0}.motion-ok .pd-head{display:none}.motion-ok .pd-pin{z-index:2;height:100svh;padding-top:var(--bar-h);background:var(--color-bg);position:sticky;top:0;overflow:hidden}.motion-ok .pd-track{will-change:transform;flex-direction:row;width:max-content;height:100%}.motion-ok .pd-fig{flex:none}.motion-ok .pd-fig+.pd-fig{border-left:2px solid var(--color-bg)}.motion-ok .pd-frame{height:calc(100svh - var(--bar-h) - var(--cap-h));width:calc((100svh - var(--bar-h) - var(--cap-h)) * var(--ar));aspect-ratio:auto}.motion-ok .pd-cap{height:var(--cap-h);padding:0 0 0 var(--gutter);align-items:center}.motion-ok .pd-next{display:flex}.motion-ok .pd-next-head{display:none}.motion-ok .pd-next .pd-frame{width:60vw}.motion-ok .pd-info{z-index:1;height:calc(var(--bar-h) + 85svh);overscroll-behavior:contain;padding-top:calc(var(--bar-h) + clamp(4rem, 1rem + 8vw, 10rem));background:var(--color-bg);position:fixed;inset:0 0 auto;overflow-y:auto}html:not(.motion-ok) .pd-frame{width:min(100%, calc((100svh - var(--bar-h) - 40px) * var(--ar)))}html:not(.motion-ok) .pd-track{padding-inline:var(--gutter);gap:24px}html:not(.motion-ok) .pd-cap{padding-left:0}.motion-ok .pd-info-title{display:block}.motion-ok .pd-gallery.is-open .pd-pin{cursor:pointer}}@media (width<=1100px){.pj-filter,.pj-title{grid-column:4/13}.pd-name{grid-column:2/8}.pd-actions{grid-column:8/12}}@media (width<=900px){.pj-head{min-height:calc(62svh - var(--nav-h));row-gap:0;padding-bottom:40px}.pj-filter{grid-column:1/-1;padding-left:18px}.pj-title{grid-area:3/1/auto/-1;font-size:clamp(2.6rem,13vw,3.4rem)}.pj-view{grid-area:4/1/auto/-1;padding:18px 0 0}.pj-row{padding-inline:var(--gutter);grid-template-columns:1fr auto;column-gap:12px}.pj-media{grid-area:1/1/auto/-1;margin-right:0}.pj-meta{grid-area:2/1/auto/2;padding:8px 0 22px}.pj-year{grid-area:2/2/auto/3;padding:8px 0 0}.pj-name,.pj-year{opacity:1}.pj-row:hover .pj-more{display:none}.pj-li{opacity:1;border-top:1px solid var(--color-line);grid-column:1/-1;grid-template-columns:2.4em 1fr auto;padding-block:10px}.pj-list li:last-child .pj-li{border-bottom:1px solid var(--color-line)}.pj-li-num{opacity:.4;grid-column:1}.pj-li-name{grid-column:2}.pj-li-type,.pj-li-where>span:first-child,.pj-li-strip{display:none}.pj-li-where{grid-column:3}.pj-note>span,.pj-foot .bracket{grid-column:1/-1}.pd-home,.pd-name{display:none}.pd-actions{grid-column:1/10;justify-self:start;gap:1.2em}.pd-bar .bracket{padding:0 .8em}.pd-main:has(.pd-info:not([hidden])) .pd-head{min-height:0}.pd-bar .nav-menu{grid-column:10/13}.pd-info{row-gap:40px;padding-top:0}.pd-desc,.pd-facts{grid-column:1/-1}.pd-facts>div{grid-template-columns:105px 1fr}.cursor-label{display:none}}
