.projp-show__body{grid-template-columns:clamp(190px,18vw,270px) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3.5vw,3.5rem);display:grid}.projp-show__nav{flex-direction:column;gap:clamp(.3rem,.8vw,.6rem);margin:0;padding:0 0 0 1.4rem;list-style:none;display:flex;position:relative}.projp-show__nav:before,.projp-show__nav:after{content:"";border-radius:2px;width:2px;position:absolute;top:.4rem;bottom:.4rem;left:0}.projp-show__nav:before{background:var(--border)}.projp-show__nav:after{background:var(--accent);transform-origin:top;transform:scaleY(var(--proc-frac,0));transition:transform .6s cubic-bezier(.22,1,.36,1)}.projp-show__item{position:relative}.projp-show__btn{text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);opacity:.55;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:.9rem;padding:.6rem .4rem;transition:opacity .4s,color .4s;display:flex}.projp-show__btn:hover{opacity:.85}.projp-show__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.projp-show__num{font-family:var(--font-mono), monospace;letter-spacing:.12em;color:color-mix(in srgb, var(--accent) 70%, transparent);flex-shrink:0;font-size:.72rem}.projp-show__title{min-width:0;font-family:var(--font-display,"Syne", sans-serif);letter-spacing:-.015em;overflow-wrap:anywhere;font-size:clamp(1rem,1.4vw,1.15rem);font-weight:400}.projp-show__item.is-past .projp-show__num{color:var(--accent)}.projp-show__item.is-active .projp-show__btn{opacity:1;color:var(--text-primary)}.projp-show__item.is-active .projp-show__num{color:var(--accent)}.projp-show__timer{background:var(--accent);transform-origin:0;height:1px;animation:projp-show-timer var(--proc-ms,9s) linear forwards;position:absolute;bottom:0;left:.4rem;right:.4rem;transform:scaleX(0)}.projp-show__body.is-paused .projp-show__timer{animation-play-state:paused}@keyframes projp-show-timer{to{transform:scaleX(1)}}.projp-show__stage{min-width:0;display:grid}.projp-entry{grid-area:1/1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:clamp(1.4rem,3vw,2.8rem);min-width:0;scroll-margin-top:6rem;transition:opacity .55s,translate .55s cubic-bezier(.22,1,.36,1),visibility;display:grid}.projp-entry[data-off]{opacity:0;visibility:hidden;transition:opacity .35s,translate .35s,visibility 0s .35s;translate:0 18px}.projp-entry__media{flex-direction:column;gap:clamp(.5rem,1vw,.75rem);min-width:0;display:flex}.projp-entry__main,.projp-entry__concept{background:var(--surface-2);border:1px solid var(--border);margin:0;position:relative;overflow:hidden}.projp-entry__main{aspect-ratio:3/2;border-radius:14px}.projp-entry__concept{aspect-ratio:4/3;border-radius:10px}.projp-entry__img{object-fit:cover;width:100%;height:100%;transition:scale .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.projp-entry__main:hover .projp-entry__img,.projp-entry__concept:hover .projp-entry__img{scale:1.04}.projp-entry__zoom{z-index:1;cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.projp-entry__zoom:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:inherit}.projp-entry__concepts{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,1vw,.75rem);margin:0;padding:0;list-style:none;display:grid}.projp-entry__info{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.projp-entry__idx{font-family:var(--font-mono), monospace;letter-spacing:.2em;font-variant-numeric:tabular-nums;color:var(--accent-text);padding-left:1.4rem;font-size:.66rem;position:relative}.projp-entry__idx:before{content:"";background:var(--accent);width:1rem;height:1px;position:absolute;top:50%;left:0}.projp-entry__title{font-family:var(--font-display,"Syne", sans-serif);letter-spacing:-.03em;color:var(--text-primary);overflow-wrap:anywhere;margin:.8rem 0 0;font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:300;line-height:1.05}.projp-entry__meta{border-top:1px solid var(--border);width:100%;margin:clamp(1rem,2vw,1.4rem) 0 0}.projp-entry__meta-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(6.5rem,30%) minmax(0,1fr);gap:1rem;padding:.6rem 0;display:grid}.projp-entry__meta dt{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);padding-top:.15rem;font-size:.64rem}.projp-entry__meta dd{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:.92rem}.projp-entry__summary{color:var(--text-primary);margin:clamp(1rem,2vw,1.4rem) 0 0;font-size:clamp(.98rem,1.2vw,1.08rem);font-weight:300;line-height:1.7}.projp-entry__desc{flex-direction:column;gap:.9rem;margin-top:1rem;display:flex}.projp-entry__desc p{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:clamp(.88rem,1vw,.95rem);font-weight:200;line-height:1.8}@media (max-width:1000px){.projp-entry{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.projp-show__body{grid-template-columns:minmax(0,1fr)}.projp-show__nav{scrollbar-width:none;overscroll-behavior-x:contain;flex-direction:row;gap:.4rem;padding:0 0 .6rem;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1rem calc(100% - 1.5rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1rem calc(100% - 1.5rem),#0000 100%)}.projp-show__nav::-webkit-scrollbar{display:none}.projp-show__nav:before,.projp-show__nav:after{display:none}.projp-show__item{flex:none}.projp-show__btn{border:1px solid var(--border);white-space:nowrap;border-radius:9999px;padding:.55rem .8rem}.projp-show__item.is-active .projp-show__btn{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.projp-show__title{text-overflow:ellipsis;max-width:14rem;overflow:hidden}.projp-show__timer{bottom:.35rem;left:.9rem;right:.9rem}}@media (prefers-reduced-motion:reduce){.projp-entry,.projp-entry[data-off],.projp-show__btn,.projp-show__nav:after,.projp-entry__img{transition:none}.projp-show__timer{display:none}.projp-entry__main:hover .projp-entry__img,.projp-entry__concept:hover .projp-entry__img{scale:none}}