.project-page{background:var(--pj-bg,var(--paper));color:var(--pj-fg,var(--ink))}.project-page ::selection{background:var(--pj-fg);color:var(--pj-bg)}.project-page .site-header{color:var(--pj-fg)}.project-page .site-cta{--btn-bg:var(--pj-fg);--btn-fg:var(--pj-bg)}@media (hover:hover){.project-page .site-cta:hover{--btn-bg:var(--blue);--btn-fg:var(--white)}}.pj-back{--btn-bg:color-mix(in srgb, var(--pj-fg) 12%, transparent);--btn-fg:var(--pj-fg)}.pj-back svg{width:1.1em;height:1.1em}@media (hover:hover){.pj-back:hover svg{transform:translate(-3px)}}.pj{height:100svh;overflow:hidden}.pj__track{width:max-content;height:100svh;padding:calc(var(--header-h) + 1.5vh) var(--gutter) clamp(34px, 5.5vh, 60px);will-change:transform;align-items:stretch;gap:clamp(20px,2.4vw,44px);display:flex}.pj__intro{flex:none;align-content:center;gap:clamp(14px,2.2vh,24px);width:min(44vw,640px);padding-right:3vw;display:grid}.pj__tags{color:color-mix(in srgb, var(--pj-fg) 70%, transparent)}.pj__title{letter-spacing:-.058em;font-size:clamp(3rem,6.6vw,7.6rem);font-weight:520;line-height:.92}.pj__summary{letter-spacing:-.018em;max-width:26ch;font-size:clamp(1.15rem,1.55vw,1.7rem);line-height:1.28}.pj__meta{grid-template-columns:auto 1fr;gap:10px 28px;margin:clamp(4px,1vh,14px) 0 0;font-size:.95rem;display:grid}.pj__meta dt{color:color-mix(in srgb, var(--pj-fg) 62%, transparent);align-self:center}.pj__meta dd{margin:0}.pj__note{max-width:46ch;color:color-mix(in srgb, var(--pj-fg) 72%, transparent);font-size:.86rem;line-height:1.45}.pj__panel{flex:none;grid-template-rows:minmax(0,1fr) auto;gap:12px;margin:0;display:grid}.pj__panel img{aspect-ratio:16/10;border-radius:var(--radius);view-transition-name:none;width:auto;height:100%;display:block}.pj__panel--lead img{view-transition-name:cover}.pj__panel figcaption{color:color-mix(in srgb, var(--pj-fg) 66%, transparent);gap:14px;display:flex}.pj__panel figcaption span{color:var(--pj-fg);font-variant-numeric:tabular-nums}.pj__text{flex:none;align-content:center;gap:clamp(16px,2.4vh,26px);width:min(36vw,500px);padding:0 1.5vw;display:grid}.pj__text h2{letter-spacing:-.045em;font-size:clamp(1.9rem,3.2vw,3.4rem);font-weight:520;line-height:1}.pj__text p{letter-spacing:-.015em;font-size:clamp(1.1rem,1.4vw,1.5rem);line-height:1.34}.pj__text li{border-top:1px solid color-mix(in srgb, var(--pj-fg) 20%, transparent);letter-spacing:-.01em;padding:16px 0;font-size:clamp(1rem,1.15vw,1.25rem)}.pj__text li:first-child{border-top:0;padding-top:0}.pj__next{isolation:isolate;border-radius:var(--radius);background:var(--next-bg);width:min(62vw,880px);color:var(--next-fg);flex:none;align-content:end;gap:10px;padding:clamp(24px,3vw,52px);display:grid;position:relative;overflow:hidden}.pj__next img{z-index:-1;object-fit:cover;opacity:.4;width:100%;height:100%;transition:opacity .8s var(--ease-out), transform 1.2s var(--ease-out);position:absolute;inset:0}@media (hover:hover){.pj__next:hover img{opacity:1;transform:scale(1.04)}}.pj__next-label{align-items:center;gap:10px;display:inline-flex}.pj__next-label svg{width:1.2em;height:1.2em;transition:transform .5s var(--ease-out)}@media (hover:hover){.pj__next:hover .pj__next-label svg{transform:translate(6px)}}.pj__next-title{letter-spacing:-.058em;font-size:clamp(2.6rem,6vw,7rem);font-weight:520;line-height:.92}.pj-progress{left:var(--gutter);right:var(--gutter);background:color-mix(in srgb, var(--pj-fg) 16%, transparent);z-index:5;height:2px;position:fixed;bottom:clamp(14px,2.2vh,24px)}.pj-progress i{background:var(--pj-fg);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (width<=767px),(width<=1023px) and (orientation:portrait),(height<=540px),(prefers-reduced-motion:reduce){.pj{height:auto;overflow:visible}.pj__track{flex-direction:column;gap:28px;width:auto;height:auto;padding-bottom:64px}.pj__intro,.pj__text{width:auto;padding-inline:0}.pj__next{width:auto}.pj__intro{padding-top:5vh}.pj__panel img{width:100%;height:auto}.pj__next{min-height:46vh}.pj-progress,.pj-back span{display:none}.pj-back{justify-content:center;width:44px;padding:0}}