:root{--pg-ink:#16161A;--pg-soft:#5C5B57;--pg-dim:#97958E}.pg-page{max-width:1180px;margin:0 auto;padding:0 24px 96px}.pg-nav{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 0;background:rgba(253,252,248,.78);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-bottom:1px solid rgba(15,20,30,.07)}.pg-back{justify-self:start;text-decoration:none;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6E6558}.pg-nav-title{font-family:var(--font-ui);font-size:16px;font-weight:600;letter-spacing:-.014em;color:var(--pg-ink);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.23,1,.32,1)}.pg-nav-title[data-show]{opacity:1;transform:none}.pg{text-align:center;padding-top:52px}.pg-icons{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 0 22px}.pg-icon{width:84px;height:84px;border-radius:20px;display:block;box-shadow:0 0 0 1px rgba(22,22,26,.07),0 2px 6px rgba(22,22,26,.08)}.pg-icons.is-set{gap:12px}.pg-icons.is-set .pg-icon{width:62px;height:62px;border-radius:15px}@media (max-width:560px){.pg-icons.is-set{gap:9px}.pg-icons.is-set .pg-icon{width:50px;height:50px;border-radius:12px}}.pg-name{margin:0;font-weight:700;font-size:clamp(28px,4.4vw,40px);letter-spacing:-.028em;line-height:1.08;color:var(--pg-ink)}.pg-name,.pg-sub{font-family:var(--font-ui)}.pg-sub{margin:10px auto 0;max-width:34em;font-size:17px;line-height:1.5;color:var(--pg-soft)}.pg-meta{display:flex;justify-content:center;gap:38px;margin:30px 0 0;flex-wrap:wrap}.pg-meta div{margin:0;text-align:left}.pg-meta dt{font-family:var(--font-mono),monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pg-dim)}.pg-meta dd{margin:5px 0 0;font-weight:500;color:var(--pg-ink)}.pg-meta dd,.pg-visit{font-family:var(--font-ui);font-size:14.5px}.pg-visit{display:inline-flex;align-items:center;gap:7px;margin:28px 0 0;padding:11px 22px;border-radius:999px;background:var(--pg-ink);color:#FBFAF6;text-decoration:none;font-weight:550;letter-spacing:-.01em;transition:opacity .2s ease}.pg-visit svg{width:14px;height:14px;opacity:.75}.pg-visit:hover{opacity:.82}.pg-count{margin:52px 0 16px;font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.05em;color:var(--pg-dim);text-align:left}.pg-grid{list-style:none;margin:0;padding:0;text-align:left;display:grid;grid-template-columns:repeat(12,1fr);gap:26px 20px}.pg-grid>li{grid-column:span 6}.pg-grid>li:has(.is-phone){grid-column:span 3}.pg-tile{padding:0;border:0;background:none;cursor:zoom-in;border-radius:12px;box-shadow:0 0 0 1px rgba(22,22,26,.05),0 2px 8px -4px rgba(22,22,26,.18)}.pg-screen,.pg-tile{display:block;width:100%;overflow:hidden}.pg-screen{position:relative;aspect-ratio:16/10;background:#F3F1EC}.pg-screen img{left:0;height:auto}.pg-screen img,.pg-screen video{position:absolute;width:100%;display:block}.pg-screen video{inset:0;height:100%;object-fit:cover}.pg-caption{margin:9px 2px 0;font-size:13.5px;color:var(--pg-soft)}.pg-caption,.pg-more{font-family:var(--font-ui)}.pg-more{display:grid;place-items:center;width:100%;aspect-ratio:16/10;border-radius:12px;text-decoration:none;text-align:center;border:1px dashed rgba(22,22,26,.2);color:var(--pg-soft);font-size:14px}.pg-more b{display:block;margin-top:4px;font-weight:600;color:var(--pg-ink)}.pg-more:hover{border-color:rgba(22,22,26,.4)}.pg-screen.is-phone{background:none;border-radius:20px}.pg-tile:has(.is-phone){background:none;border-radius:0;box-shadow:0 1px 3px rgba(22,22,26,.16),0 14px 34px -18px rgba(22,22,26,.5);border-radius:20px}.pg-viewer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:26px;background:rgba(28,26,22,.5);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.pg-modal{position:relative;display:flex;flex-direction:column;width:min(1120px,100%);max-height:100%;overflow:hidden;background:#FBFAF6;border-radius:18px;box-shadow:0 24px 70px -20px rgba(0,0,0,.5)}.pg-bar{position:sticky;top:0;z-index:2;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 14px;background:rgba(251,250,246,.92);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid rgba(22,22,26,.08)}.pg-bar:not(:has(.pg-toggle)){grid-template-columns:1fr auto}.pg-bar-id{display:flex;align-items:center;gap:10px;min-width:0}.pg-bar-id img{width:28px;height:28px;border-radius:8px;display:block}.pg-bar-id b{font-size:15px;font-weight:600;color:var(--pg-ink)}.pg-bar-id b,.pg-bar-id i{font-family:var(--font-ui);white-space:nowrap}.pg-bar-id i{font-style:normal;font-size:14px;color:var(--pg-dim);overflow:hidden;text-overflow:ellipsis}.pg-bar-id i:before{content:"· "}.pg-toggle{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(22,22,26,.07)}.pg-toggle button{border:0;cursor:pointer;padding:6px 14px;border-radius:999px;background:transparent;color:var(--pg-soft);font-family:var(--font-ui);font-size:13px;font-weight:550}.pg-toggle button[aria-pressed=true]{background:#fff;color:var(--pg-ink);box-shadow:0 1px 2px rgba(22,22,26,.14)}.pg-close{justify-self:end;width:32px;height:32px;border:0;cursor:pointer;border-radius:50%;background:rgba(22,22,26,.07);color:var(--pg-ink);display:grid;place-items:center}.pg-close svg{width:18px;height:18px}.pg-stage{flex:1;min-height:0;overflow-y:auto;padding:16px}.pg-sheet{margin:0 auto;display:grid;gap:12px}.pg-sheet .pg-screen,.pg-whole{border-radius:10px;box-shadow:0 1px 3px rgba(22,22,26,.14),0 10px 30px -18px rgba(22,22,26,.4)}.pg-sheet .pg-screen.is-phone{width:auto;justify-self:center;height:78vh;border-radius:22px}.pg-whole{display:block;width:100%;height:auto}.pg-arrow{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border:0;cursor:pointer;border-radius:50%;color:#1F1D18;background:rgba(251,250,246,.9);display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.24)}.pg-arrow svg{width:22px;height:22px}.pg-prev{left:18px;transform:scaleX(-1)}.pg-next{right:18px}@media (max-width:700px){.pg-page{padding:0 20px 72px}.pg-grid>li{grid-column:1/-1}.pg-grid>li:has(.is-phone){grid-column:span 6}.pg-viewer{padding:0}.pg-modal{width:100%;height:100%;max-height:none;border-radius:0}.pg-bar-id b{display:none}.pg-bar-id i:before{content:none}.pg-bar{grid-template-columns:1fr auto auto}.pg-meta{gap:26px}.pg-icon{width:68px;height:68px;border-radius:16px}.pg-arrow{display:none}}