/* Honeyart scene/index inspiration; Paczka02 image curtain and07 bounded pointer
   manipulation adapted to deterministic accessible switching, without GSAP/video. */
.project-gallery{--pg-mint:#91e5c2;--pg-line:#465365;--pg-muted:#bac4cd;display:grid;grid-template-columns:minmax(210px,.28fr) minmax(0,1fr);gap:44px;color:#f4f7f2;align-items:start}.project-gallery *{box-sizing:border-box}.pg-sidebar,.pg-scene,.pg-slide{min-width:0}.pg-index-heading{display:flex;align-items:baseline;justify-content:space-between;border-block:1px solid var(--pg-line);padding:18px 0;color:var(--pg-mint)}.pg-index-heading span{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.pg-index-heading strong{font-family:Syne,sans-serif;font-size:24px;font-weight:500}.pg-index-list{list-style:none;margin:0;padding:0}.pg-index-list li{border-bottom:1px solid var(--pg-line)}.pg-index-link{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;gap:12px;align-items:start;padding:16px 0;color:var(--pg-muted);text-decoration:none;font-size:12px;line-height:1.7}.pg-number{font-size:10px;padding-top:2px;font-variant-numeric:tabular-nums;color:var(--pg-mint)}.pg-index-arrow{font-size:16px;opacity:0;transition:opacity .2s,transform .2s}.pg-index-link:hover,.pg-index-link[aria-current=true]{color:#f4f7f2}.pg-index-link[aria-current=true] .pg-index-name{color:var(--pg-mint)}.pg-index-link[aria-current=true] .pg-index-arrow,.pg-index-link:hover .pg-index-arrow{opacity:1;transform:translateX(2px)}.pg-index-link:focus-visible,.pg-case-link:focus-visible,.pg-scene:focus-visible,.pg-controls button:focus-visible{outline:2px solid var(--pg-mint);outline-offset:4px}.pg-index-note{font-size:11px;line-height:1.8;color:var(--pg-muted);margin:20px 0 0}.pg-scene-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;min-height:44px}.pg-count{font-size:12px;letter-spacing:.12em;color:var(--pg-mint);font-variant-numeric:tabular-nums;margin:0}.pg-controls{display:none;gap:10px}.pg-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--pg-line);background:none;color:#f4f7f2;font:22px/1 Manrope,sans-serif;cursor:pointer}.pg-controls button:not(:disabled):hover{border-color:var(--pg-mint);color:var(--pg-mint)}.pg-controls button:disabled{opacity:.35;cursor:default}.pg-slide{margin-bottom:44px}.pg-media{position:relative;aspect-ratio:16/10;overflow:hidden;isolation:isolate;background:#131c27;border:1px solid var(--pg-line);touch-action:pan-y}.pg-image{display:block;width:92%;height:88%;position:absolute;left:4%;top:8%;object-fit:contain;transform:translateX(var(--pg-drag,0px));user-select:none;-webkit-user-drag:none;background:#101924;z-index:2}.pg-frame-label{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 16px;position:absolute;top:0;left:0;width:100%;color:var(--pg-muted);font-size:9px;letter-spacing:.08em;z-index:5}.pg-frame-label span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pg-image-index{position:absolute;bottom:10px;right:16px;color:var(--pg-mint);font-size:10px;font-variant-numeric:tabular-nums;z-index:5;background:#18212b;padding:4px 7px}.pg-illustration{position:absolute;left:15px;bottom:10px;z-index:5;font-size:9px;max-width:70%;background:#18212b;color:var(--pg-muted);padding:4px 7px}.pg-caption{padding-top:28px}.pg-category{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--pg-mint);margin:0 0 12px;line-height:1.7}.pg-caption :is(h2,h3){font-family:Syne,sans-serif;font-size:clamp(26px,2.8vw,42px);font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:0;max-width:35ch;min-height:2.4em;overflow-wrap:anywhere}.pg-description{font-size:14px;line-height:1.9;color:var(--pg-muted);margin:20px 0 24px;max-width:78ch;min-height:106px}.pg-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid var(--pg-line);padding-top:22px}.pg-tags{display:flex;gap:10px 16px;flex-wrap:wrap;max-width:60%;font-size:10px;color:var(--pg-muted);line-height:1.9}.pg-case-link{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:6px;color:#f4f7f2;line-height:1.8;max-width:45%;text-align:right}.pg-case-link:hover{color:var(--pg-mint)}.pg-help{display:none;font-size:10px;line-height:1.8;color:var(--pg-muted);margin:20px 0 0}.pg-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pg-ready .pg-index-list{max-height:clamp(380px,52vw,690px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--pg-line) transparent;padding-right:10px;overscroll-behavior:contain}.pg-ready .pg-controls{display:flex}.pg-ready .pg-help{display:block}.pg-ready .pg-slide{margin:0}.pg-ready .pg-slide[hidden]{display:none!important}.pg-peek{position:absolute;width:84%;height:76%;top:13%;object-fit:contain;opacity:.18;filter:saturate(.5);pointer-events:none;z-index:1;background:#1a2330}.pg-peek-prev{left:-78%;transform:rotate(-4deg)}.pg-peek-next{right:-78%;transform:rotate(4deg)}.pg-image-ghost{position:absolute;left:4%;top:8%;width:92%;height:88%;object-fit:contain;pointer-events:none;z-index:4;background:#101924}.pg-enter .pg-image{animation:pg-curtain 520ms cubic-bezier(.2,.7,.2,1) both}.pg-image-ghost{animation:pg-ghost 430ms ease both}@keyframes pg-curtain{from{opacity:.15;clip-path:inset(0 100% 0 0);transform:translateX(22px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateX(0)}}@keyframes pg-ghost{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-18px)}}
@media(max-width:1100px){.project-gallery{grid-template-columns:minmax(180px,.3fr) minmax(0,1fr);gap:28px}.pg-caption :is(h2,h3){font-size:30px}.pg-description{min-height:140px}.pg-index-link{gap:8px;font-size:11px}.pg-frame-label{padding:9px 12px;font-size:8px}}
@media(max-width:740px){.project-gallery{display:flex;flex-direction:column;gap:28px}.pg-sidebar,.pg-scene{width:100%}.pg-index-heading{padding:12px 0}.pg-index-heading strong{font-size:20px}.pg-ready .pg-index-list{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;gap:12px;padding:0 0 10px;scroll-snap-type:x proximity}.pg-ready .pg-index-list li{flex:0 0 190px;border:0;scroll-snap-align:start}.pg-ready .pg-index-link{padding:14px 10px 14px 0;border-bottom:1px solid var(--pg-line);font-size:11px;line-height:1.6;min-height:80px}.pg-index-note{font-size:10px;margin-top:10px}.pg-scene-top{margin-bottom:14px}.pg-caption{padding-top:24px}.pg-caption :is(h2,h3){font-size:27px;min-height:0}.pg-description{min-height:0;font-size:14px;margin-top:18px}.pg-bottom{align-items:flex-start;flex-direction:column;gap:20px;padding-top:18px}.pg-tags,.pg-case-link{max-width:100%;text-align:left}.pg-case-link{font-size:14px}.pg-frame-label{padding:7px 10px;font-size:7px;gap:12px}.pg-image{top:10%;height:86%}.pg-image-ghost{top:10%;height:86%}.pg-image-index{font-size:8px;right:10px;bottom:5px}.pg-illustration{font-size:7px;left:8px;bottom:5px}.pg-help{font-size:10px}.pg-media{aspect-ratio:16/11}}
@media(prefers-reduced-motion:reduce){.project-gallery *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pg-image{transform:none!important}.pg-image-ghost{display:none}}