@layer components{.pgrid{padding-block:var(--section-y)}.pgrid-head{gap:1rem;max-width:46rem;display:grid}.pgrid-list{--unit:clamp(26px, 1.4rem + 1vw, 40px);--gap:clamp(8px, .4rem + .5vw, 14px);--cols:2;justify-content:center;gap:var(--gap);flex-wrap:wrap;margin-top:clamp(2rem,4vw,3.25rem);list-style:none;display:flex}@media (min-width:768px){.pgrid-list{--cols:4}}@media (min-width:1024px){.pgrid-list{--cols:5}.pgrid-list:has(>:nth-child(6):last-child){--cols:3}:is(.pgrid-list:has(>:nth-child(7):last-child),.pgrid-list:has(>:nth-child(8):last-child)){--cols:4}}.pgrid-cell{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));background:var(--bg-raised);border:1px solid var(--line);border-radius:14px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;height:clamp(92px,5.5rem + 2.4vw,136px);padding:.75rem clamp(.75rem,1.6vw,1.5rem);display:grid}.pgrid-logo{height:calc(var(--unit) * var(--f,1));width:auto;max-width:100%;max-height:100%;aspect-ratio:var(--ar,3);object-fit:contain;color:var(--text);display:block}.pgrid-logo--mask{-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;background:currentColor}.pgrid-cell--ph{text-align:center;border-style:dashed;border-color:color-mix(in srgb, var(--text) 32%, transparent);background:0 0;align-content:center;gap:.35rem}.pgrid-ph-name{letter-spacing:-.01em;color:var(--text);font-weight:560}.pgrid-ph-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.pgrid-cap{font-family:var(--font-sans);color:var(--text-muted);text-align:center;text-wrap:balance;font-size:.75rem;font-weight:500;line-height:1.3;display:block}.pgrid-cell--cap{grid-template-rows:minmax(0,1fr) auto;row-gap:.4rem}@media (forced-colors:active){.pgrid-logo--mask{background:canvastext}.pgrid-cell{border-color:canvastext}.pgrid-cap{color:canvastext}}.pgrid--row{text-align:center;padding-block:0}.pgrid--row .pgrid-label{justify-content:center;align-items:center;gap:1rem;display:flex}.pgrid--row .pgrid-label:before,.pgrid--row .pgrid-label:after{content:"";flex:0 clamp(2.5rem,8vw,6rem);height:1px}.pgrid--row .pgrid-label:before{background:linear-gradient(90deg, transparent, var(--line-strong,color-mix(in srgb, var(--text) 28%, transparent)))}.pgrid--row .pgrid-label:after{background:linear-gradient(90deg, var(--line-strong,color-mix(in srgb, var(--text) 28%, transparent)), transparent)}.pgrid-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.8125rem}.pgrid-lead{max-width:60ch;font-size:var(--fs-body);color:var(--text-muted);text-wrap:balance;margin:1rem auto 0;line-height:1.55}.pgrid.pgrid--row .pgrid-list.clip-list{--unit:clamp(28px, 1rem + 1.2vw, 36px);--gap:clamp(16px, 1rem + 1vw, 32px);--cols:3;background:var(--bg-raised);border:1px solid var(--line);border-radius:20px;margin-top:clamp(2.25rem,1.5rem + 2.5vw,3.5rem);padding:clamp(1.5rem,1rem + 2vw,2.75rem) clamp(1rem,.5rem + 2vw,2.5rem)}@media (min-width:768px){.pgrid.pgrid--row .pgrid-list.clip-list{--cols:5}}@media (min-width:1024px){.pgrid.pgrid--row .pgrid-list.clip-list{--cols:10}}.pgrid--row .pgrid-cell{height:calc(var(--unit) * 1.6);background:0 0;border:0;border-radius:0;padding:0}.pgrid--row .pgrid-cell--ph{height:auto;min-height:calc(var(--unit) * 1.6);border:1px dashed color-mix(in srgb, var(--text) 32%, transparent);border-radius:10px;padding:.5rem}.pgrid--row .pgrid-cell--cap{grid-template-rows:minmax(0,1fr);margin-bottom:2.35rem;position:relative}.pgrid--row .pgrid-cap{position:absolute;top:calc(100% + .4rem);left:0;right:0}.pgrid--row .show-all{margin-top:.75rem}@media (forced-colors:active){.pgrid--row .pgrid-cell{border:0}}}
