.portfolio-page{--ink:#2a2a28;--muted:#6b6b68;--line:#2a2a2829;--ease:cubic-bezier(.16, 1, .3, 1);height:100dvh;color:var(--ink);background:#fff;flex-direction:column;display:flex;overflow:hidden}.portfolio-page .site-header{z-index:2;flex:none;margin:.9rem auto 0;position:relative;top:auto;left:auto;transform:none}.portfolio-page .site-title{pointer-events:auto}.portfolio-page:not(.from-site) .site-title-signature{height:clamp(2.4rem,7vh,3.4rem)}.portfolio-page:not(.from-site) .site-nav{display:none}.portfolio-page.from-site .site-header{margin-top:2rem}.portfolio-page ::selection{background:var(--ink);color:#fff}#app{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.stagewrap{flex:1;min-height:0;display:flex;position:relative}.stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;min-width:0;min-height:0;position:relative}.slide{will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;padding:.6rem clamp(1rem,7vw,6rem);display:flex;position:absolute;inset:0}.slide.in-next{animation:in-next .5s var(--ease) both}.slide.in-prev{animation:in-prev .5s var(--ease) both}.slide.out{pointer-events:none;animation:.22s ease-in both out}@keyframes in-next{0%{opacity:0;transform:translate(2.2rem)}}@keyframes in-prev{0%{opacity:0;transform:translate(-2.2rem)}}@keyframes out{to{opacity:0}}.s-img{flex-direction:column;justify-content:center;align-items:center;gap:.7rem;width:100%;height:100%;min-height:0;margin:0;display:flex}.s-img img{object-fit:contain;flex:0 auto;width:auto;max-width:100%;height:auto;min-height:0;display:block}.s-img.full img{max-height:100%}.s-img figcaption{color:var(--muted);text-align:center;letter-spacing:.02em;flex:none;max-width:46rem;font-size:.78rem;line-height:1.5}.s-title{font-family:var(--font-headline);letter-spacing:.02em;flex:none;align-self:flex-start;margin:0;font-size:clamp(1rem,2.4vw,1.5rem);font-weight:400}.s-body{max-width:48rem;color:var(--ink);flex:none;align-self:flex-start;margin:0 0 .8rem;font-size:.82rem;line-height:1.6}.s-divider{justify-content:space-between;align-items:baseline;gap:2rem;width:100%;max-width:60rem;display:flex}.s-divider h2{font-family:var(--font-headline);letter-spacing:.01em;margin:0;font-size:clamp(2rem,7vw,4.6rem);font-weight:400}.s-divider span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,3vw,2.2rem)}.s-text{-webkit-overflow-scrolling:touch;touch-action:pan-y;width:100%;height:100%;padding:.5rem 0 1rem;overflow-y:auto}.s-text .in{max-width:42rem;margin:0 auto}.s-text .in.two{max-width:62rem}.s-text h2{font-family:var(--font-headline);margin:0 0 1.2rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:400}.s-text .cols{gap:1.2rem 3.2rem;display:grid}.s-text .cols.two{grid-template-columns:repeat(2,minmax(0,1fr))}.s-text p{margin:0 0 1rem;font-size:.92rem;line-height:1.7}.s-text p:last-child{margin-bottom:0}.s-text a,.s-media a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}@media (width<=760px){.s-text .cols.two{grid-template-columns:1fr}}.s-media{touch-action:pan-y;width:100%;max-width:34rem;height:100%;margin:0 auto;padding:.5rem 0 1rem;overflow-y:auto}.s-media h2{font-family:var(--font-headline);margin:0 0 1.2rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:400}.s-media .g{border-top:1px solid var(--line);grid-template-columns:minmax(7rem,11rem) 1fr;align-items:baseline;gap:.2rem 1rem;padding:.8rem 0;font-size:.92rem;display:grid}.s-media .g b{color:var(--muted);letter-spacing:.04em;font-size:.8rem;font-weight:500}.s-media .g ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.s-media a{padding:.15rem 0;display:inline-block}.s-media a:after{content:" ↗";color:var(--muted);text-decoration:none;display:inline-block}.edge{z-index:3;width:clamp(2.5rem,9vw,7rem);color:var(--ink);cursor:pointer;opacity:0;background:0 0;border:0;align-items:center;padding:0 1rem;transition:opacity .25s;display:none;position:absolute;top:0;bottom:0}.edge.prev{justify-content:flex-start;left:0}.edge.next{justify-content:flex-end;right:0}.edge svg{width:1.6rem;height:1.6rem}.edge:hover,.edge:focus-visible{opacity:.7}.edge[disabled]{display:none}@media (hover:hover) and (width>=760px){.edge{display:flex}}.bar{padding:.5rem max(1rem, env(safe-area-inset-left)) calc(.7rem + env(safe-area-inset-bottom));font-variant-numeric:tabular-nums;flex:none;grid-template-columns:1fr auto;grid-template-areas:"chap tools""line line";align-items:center;gap:.5rem 1rem;font-size:.78rem;display:grid}.bar .chap{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;grid-area:chap;overflow:hidden}.bar .chap b{color:var(--ink);font-weight:500}.bar .tools{grid-area:tools;align-items:center;gap:.2rem;display:flex}.bar .count{color:var(--muted);text-align:center;min-width:3.8rem;padding:0 .5rem}.ib{appearance:none;color:var(--ink);cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;text-decoration:none;display:inline-flex}.ib:hover{opacity:1;background:#2a2a280f}.ib svg{width:1.15rem;height:1.15rem}.ib[disabled]{opacity:.25;cursor:default;background:0 0}.ib:focus-visible,.seg:focus-visible,.edge:focus-visible,.ov-cell:focus-visible,.ov-close:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.timeline{grid-area:line;align-items:center;gap:3px;height:1.4rem;display:flex}.seg{appearance:none;flex:var(--n) 1 0;cursor:pointer;background:0 0;border:0;min-width:3px;height:100%;padding:0;position:relative}.seg:before{content:"";background:var(--line);height:2px;margin-top:-1px;transition:height .15s,margin .15s;position:absolute;top:50%;left:0;right:0}.seg i{background:var(--ink);height:2px;width:var(--p,0%);transition:width .35s var(--ease), height .15s, margin .15s;margin-top:-1px;position:absolute;top:50%;left:0}.seg:hover:before,.seg:hover i{height:4px;margin-top:-2px}.seg .tip{background:var(--ink);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:3px;padding:.2rem .5rem;font-size:.72rem;transition:opacity .15s;position:absolute;bottom:1.35rem;left:50%;transform:translate(-50%)}@media (hover:hover){.seg:hover .tip{opacity:1}}@media (width<=520px){.ib{width:2.5rem}.bar .count{min-width:3.4rem;padding:0 .25rem}}@media (width>=900px){.bar{padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));grid-template-columns:minmax(0,15rem) 1fr auto;grid-template-areas:"chap line tools";gap:1rem 1.5rem}}.overview{z-index:30;overscroll-behavior:contain;opacity:0;visibility:hidden;background:#fff;transition:opacity .25s,visibility 0s linear .25s;position:fixed;inset:0;overflow-y:auto}.overview.on{opacity:1;visibility:visible;transition:opacity .25s}.ov-in{max-width:78rem;margin:0 auto;padding:1.2rem max(1rem,4vw) 4rem}.ov-top{z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:.4rem 0 .8rem;display:flex;position:sticky;top:0}.ov-top h2{font-family:var(--font-headline);margin:0;font-size:1.3rem;font-weight:400}.ov-close{appearance:none;cursor:pointer;width:2.75rem;height:2.75rem;color:var(--ink);opacity:.6;background:0 0;border:0;font-size:1.7rem;line-height:1}.ov-close:hover{opacity:1}.ov-ch{align-items:baseline;gap:.8rem;margin:1.6rem 0 .6rem;font-size:.95rem;display:flex}.ov-ch span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.ov-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.6rem;display:grid}.ov-cell{appearance:none;border:1px solid var(--line);cursor:pointer;aspect-ratio:16/9;background:#fff;border-radius:2px;padding:0;display:block;position:relative;overflow:hidden}.ov-cell img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease);display:block}.ov-cell:hover img{transform:scale(1.04)}.ov-cell.cur{outline:2px solid var(--ink);outline-offset:2px}body.ov-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.slide.in-next,.slide.in-prev,.slide.out{animation-duration:10ms}.seg i,.ov-cell img{transition:none}}