.pf-viewer{--washi:#f5f2ec;--ink:#0b0a08;--orange:#ef4519;--on-ink:#efece8;--mono:"JetBrains Mono",ui-monospace,monospace;--disp:"Bricolage Grotesque","Hanken Grotesk",Arial,sans-serif;--body:"Hanken Grotesk",Arial,sans-serif;--vgut:clamp(16px,3.4vw,56px);--out:cubic-bezier(.22,1,.36,1);z-index:90;background:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;opacity:0;pointer-events:none;transition:opacity .45s;position:fixed;inset:0}@supports (color:lab(0% 0 0)){.pf-viewer{--washi:lab(95.6243% .224769 3.04761);--ink:lab(2.82165% .112705 1.07198);--orange:lab(55.7363% 64.4476 61.4847);--on-ink:lab(93.6484% .194877 2.66542)}}.pf-viewer.open{opacity:1;pointer-events:auto}.pf-viewer *{box-sizing:border-box;margin:0;padding:0}.pf-viewer button{cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:0}.pf-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pf-scrim{pointer-events:none;background:linear-gradient(#0b0a088c 0%,#0b0a081a 20%,#0b0a0800 36%,#0b0a0875 54%,#0b0a08d4 72%,#0b0a08f2 100%),linear-gradient(270deg,#0b0a0873 0%,#0000 22%);background:linear-gradient(lab(2.82165% .112705 1.07198/.55) 0%,lab(2.82165% .112705 1.07198/.1) 20%,lab(2.82165% .112705 1.07198/0) 36%,lab(2.82165% .112705 1.07198/.46) 54%,lab(2.82165% .112705 1.07198/.83) 72%,lab(2.82165% .112705 1.07198/.95) 100%),linear-gradient(270deg,lab(2.82165% .112705 1.07198/.45) 0%,#0000 22%);position:absolute;inset:0}.pf-close{z-index:4;width:46px;height:46px;color:var(--ink);background:#f5f2ecf0;background:lab(95.6243% .224769 3.04761/.94);border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;transition:background .3s,transform .3s;display:grid;position:absolute;top:18px;right:18px}.pf-close:hover{background:var(--orange);transform:rotate(90deg)}.pf-num{top:26px;left:var(--vgut);z-index:3;font-family:var(--mono);color:var(--on-ink);letter-spacing:.08em;text-shadow:0 1px 8px #0b0a088c;text-shadow:0 1px 8px lab(2.82165% .112705 1.07198/.55);font-size:1.05rem;position:absolute}.pf-num i{color:#efece873;color:lab(93.6484% .194877 2.66542/.45);font-size:.8rem;font-style:normal}.pf-rail{z-index:3;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:50%;right:clamp(18px,3vw,52px);transform:translateY(-50%)}.pf-rail-item{padding:3px;display:block;position:relative}.pf-dot{width:8px;height:8px;transition:height .45s var(--out),background .3s ease,transform .3s ease;background:#efece852;background:lab(93.6484% .194877 2.66542/.32);border-radius:2px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0b0a082e;box-shadow:0 0 0 1px lab(2.82165% .112705 1.07198/.18)}.pf-rail-item:hover .pf-dot{background:#efece8d9;background:lab(93.6484% .194877 2.66542/.85);transform:scale(1.25)}.pf-rail-item:active .pf-dot{transform:scale(.85)}.pf-rail-item.on .pf-dot{background:var(--orange);border-radius:4px;height:40px;transform:none}.pf-rail-item:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}.pf-rail-name{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--on-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 6px #0b0a0899;text-shadow:0 1px 6px lab(2.82165% .112705 1.07198/.6);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s var(--out);background:#0b0a08b8;background:lab(2.82165% .112705 1.07198/.72);border:1px solid #efece824;border:1px solid lab(93.6484% .194877 2.66542/.14);border-radius:999px;padding:6px 13px;font-size:.62rem;position:absolute;top:50%;right:calc(100% + 12px);transform:translate(6px,-50%)}.pf-rail-item:hover .pf-rail-name,.pf-rail-item.on .pf-rail-name{opacity:1;transform:translateY(-50%)}.pf-rail-item.on .pf-rail-name:after{content:"";background:var(--orange);vertical-align:1px;border-radius:1px;width:5px;height:5px;margin-left:8px;display:inline-block}.pf-content{left:var(--vgut);right:var(--vgut);z-index:3;color:var(--on-ink);max-width:760px;position:absolute;bottom:clamp(22px,4.5vh,52px)}.pf-title{font-family:var(--disp);letter-spacing:-.025em;color:var(--on-ink);margin-bottom:14px;font-size:clamp(2rem,1.2rem + 4.4vw,4.6rem);font-weight:800;line-height:1}.pf-title .pfc{white-space:pre;will-change:transform;display:inline-block}.pf-desc{color:#efece8de;color:lab(93.6484% .194877 2.66542/.87);max-width:62ch;font-size:clamp(.95rem,.85rem + .4vw,1.08rem);line-height:1.55}.pf-craft{color:#efece8a1;color:lab(93.6484% .194877 2.66542/.63);max-width:62ch;margin-top:10px;font-size:.9rem;line-height:1.5}.pf-craft b{font-family:var(--mono);letter-spacing:.16em;color:var(--orange);margin-bottom:3px;font-size:.62rem;display:block}.pf-craft span{display:block}.pf-chiprow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.pf-chip{font-family:var(--mono);letter-spacing:.08em;color:#efece8bf;color:lab(93.6484% .194877 2.66542/.75);border:1px solid #efece847;border:1px solid lab(93.6484% .194877 2.66542/.28);border-radius:999px;padding:6px 13px;font-size:.64rem}.pf-visit{font-family:var(--mono);letter-spacing:.12em;color:var(--ink);background:var(--orange);transition:transform .3s var(--out),box-shadow .3s ease;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.66rem;font-weight:700;text-decoration:none;display:inline-flex}.pf-visit i{font-style:normal}.pf-visit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef451966;box-shadow:0 8px 24px lab(55.7363% 64.4476 61.4847/.4)}@media (max-width:820px){.pf-rail{z-index:5;padding:0 max(10px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));background:linear-gradient(#0b0a0800,#0b0a08e6 40%);background:linear-gradient(lab(2.82165% .112705 1.07198/0),lab(2.82165% .112705 1.07198/.9) 40%);flex-direction:row;align-items:stretch;gap:4px;inset:auto 0 0;transform:none}.pf-rail-item{flex:1;align-items:center;min-height:44px;padding:0;display:flex}.pf-rail-name{display:none}.pf-dot{border-radius:2px;width:100%;height:3px;transform:none}.pf-rail-item:hover .pf-dot{transform:none}.pf-rail-item.on .pf-dot{border-radius:2px;height:3px}.pf-content{bottom:calc(58px + env(safe-area-inset-bottom));max-width:none}.pf-craft{display:none}.pf-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.pf-chiprow{gap:6px;margin-top:12px}.pf-chip{padding:6px 11px;font-size:.62rem}.pf-visit{min-height:44px;padding:0 20px}.pf-close{top:max(12px,env(safe-area-inset-top));width:46px;height:46px;right:12px}.pf-num{top:calc(20px + env(safe-area-inset-top))}}@media (max-width:820px) and (orientation:portrait){.pf-viewer{overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.pf-canvas{aspect-ratio:16/10;flex:none;width:100%;height:auto;position:relative;inset:auto}.pf-scrim{display:none}.pf-content{max-width:none;padding:20px var(--vgut) calc(62px + env(safe-area-inset-bottom));flex:1 0 auto;position:relative;inset:auto}.pf-title{margin-bottom:10px;font-size:clamp(1.9rem,1.2rem + 3.4vw,2.6rem)}.pf-craft{margin-top:14px;display:block}.pf-desc{-webkit-line-clamp:none;font-size:.96rem;display:block;overflow:visible}.pf-num{top:calc(12px + env(safe-area-inset-top));background:#0b0a088c;background:lab(2.82165% .112705 1.07198/.55);border-radius:999px;padding:5px 11px;font-size:.82rem;left:12px}.pf-num i{font-size:.7rem}}@media (max-height:520px) and (orientation:landscape){.pf-title{margin-bottom:8px;font-size:clamp(1.5rem,2.6vw,2.1rem)}.pf-craft{display:none}.pf-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.pf-content{bottom:14px}.pf-chiprow{margin-top:10px}.pf-visit{min-height:40px;padding:0 18px}}.clientgrid>span.cg-openable{cursor:pointer}.clientgrid>span.cg-openable:focus-visible{outline:2px solid var(--ks-orange,#f4501e);outline-offset:3px;border-radius:8px}