.pg{min-height:100vh;padding:150px 0 110px}.pg-head{margin-bottom:clamp(32px,4.5vw,56px)}.pg-top{justify-content:space-between;align-items:baseline;gap:var(--s-md);margin-bottom:clamp(18px,2.4vw,28px);display:flex}.pg-head h1{margin:0 0 clamp(14px,1.8vw,20px)}.pg-sub{max-width:560px;color:var(--ink-muted);margin:0 0 clamp(20px,2.6vw,30px);font-size:clamp(14px,1.2vw,16px);line-height:1.6}.pg-belt{padding:clamp(10px,1.4vw,18px) 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.pg-track{will-change:transform;gap:clamp(14px,1.6vw,22px);width:max-content;display:flex}.pgt{aspect-ratio:16/10.5;border:1px solid var(--hairline-soft);border-radius:var(--r-lg);background:var(--surface-1);cursor:pointer;width:clamp(250px,26vw,380px);font:inherit;text-align:left;transition:border-color .5s var(--ease);flex:none;padding:0;position:relative;overflow:hidden}.pgt:hover,.pgt.on{border-color:var(--hairline)}.pgt-glow{opacity:0;transition:opacity .5s var(--ease);position:absolute;inset:0}.pgt:hover .pgt-glow,.pgt.on .pgt-glow{opacity:1}.pgt-frame{z-index:1;flex-direction:column;justify-content:flex-end;height:100%;padding:10px 10px 0;display:flex;position:relative;overflow:hidden}.pgt-frame .frame{filter:saturate(.15)brightness(.8);transition:filter .5s var(--ease);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0;transform:none}.pgt:hover .pgt-frame .frame,.pgt.on .pgt-frame .frame{filter:none}a.pgt-soon{background:0 0;border-style:dashed;justify-content:center;align-items:center;text-decoration:none;display:flex}.pgt-plus{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink-muted);transition:color .4s var(--ease);font-size:clamp(28px,3vw,40px);font-weight:500}.pgt-soon:hover .pgt-plus{color:var(--ink)}.pg-panel{background:var(--surface-1);border:1px solid var(--hairline-soft);border-radius:var(--r-xxl);animation:pgup .5s var(--ease) both;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-top:clamp(28px,4vw,44px);padding:clamp(20px,3vw,32px);display:flex}@keyframes pgup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.pgp-l{min-width:0}.pg-idx{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-muted);font-size:11px}.pgp-l h2{font-family:var(--font-display);letter-spacing:-.035em;margin:8px 0 6px;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1}.pgp-l p{color:var(--ink-muted);margin:0;font-size:clamp(14px,1.3vw,16px)}.pgp-r{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.pgp-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pgp-actions{align-items:center;gap:14px;display:flex}.pgp-cta{color:var(--accent-blue);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.pgp-cta i{transition:transform .4s var(--ease);font-style:normal}.pgp-cta:hover i{transform:translate(6px)}.pgp-x{border:1px solid var(--hairline-soft);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;transition:color .3s var(--ease), border-color .3s var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.pgp-x:hover{color:var(--ink);border-color:var(--hairline)}.pg-back{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(40px,5vw,64px);display:flex}@media (max-width:900px){.pg{padding-top:120px}}@media (max-width:640px){.pgt{width:clamp(200px,62vw,280px)}.pgp-r{align-items:flex-start}.pgp-tags{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.pg-belt{padding-bottom:14px;overflow-x:auto;-webkit-mask-image:none;mask-image:none}}