/* Platform references, using the portfolio's paper, ink, cobalt and type system. */
.pc-jump{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(28px,4vw,52px)}
.pc-jump a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 18px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font:700 12px/1.3 var(--km);text-transform:uppercase;transition:background .2s,color .2s}
.pc-jump a:hover{background:var(--ink);color:#fff}
.pc-jump a span:first-of-type{font-size:10px;padding:5px 7px;border-radius:999px;background:var(--ink);color:#fff}
.pc-jump a:hover span:first-of-type{background:#fff;color:var(--ink)}
.pc-collection{padding-bottom:clamp(60px,7vw,112px);scroll-margin-top:100px}
.pc-heading{display:flex;flex-direction:column;gap:20px;min-width:0}
.pc-heading .eyebrow{flex-wrap:wrap;row-gap:8px}
.pc-count{color:var(--ink-2);font-weight:400;text-transform:none;letter-spacing:0}
.pc-collection .sec-head>p{max-width:38ch}
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4vw,60px) clamp(20px,2.5vw,36px)}
.pc-card{min-width:0;display:flex;flex-direction:column;align-self:start}
.pc-browser{border-radius:10px}
.pc-browser .browser-bar{height:34px;gap:8px;padding:0 10px}
.pc-browser .browser-bar .dots{gap:4px}
.pc-browser .browser-bar .dots i{width:7px;height:7px}
.pc-browser .browser-bar .url{height:22px;padding-inline:9px;font-size:10px}
.pc-preview{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.pc-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s var(--ease)}
.pc-preview:hover img{transform:scale(1.025)}
.pc-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:20px}
.pc-meta h3{font-size:clamp(22px,2vw,30px);line-height:1.05;overflow-wrap:anywhere;max-width:20ch}
.pc-meta h3 a:hover{color:var(--cobalt)}
.pc-open{flex:none;display:grid;place-items:center;width:38px;height:38px;margin-top:-3px;border:2px solid var(--ink);border-radius:50%;font:400 22px/1 var(--f-body);transition:background .2s,color .2s}
.pc-open:hover{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.pc-card>p{margin:12px 0 0;color:var(--ink-2);font-size:14px;line-height:1.65;max-width:46ch}
.pc-card a:focus-visible,.pc-jump a:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}
@media(max-width:1050px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-meta h3{font-size:clamp(23px,3vw,30px)}}
@media(max-width:620px){.pc-grid{grid-template-columns:minmax(0,1fr);row-gap:36px}.pc-jump{gap:8px}.pc-jump a{min-height:44px;padding:9px 13px;font-size:10px;gap:8px}.pc-meta h3{font-size:27px}.pc-collection .sec-head>p{max-width:none}.pc-card>p{font-size:14px}.pc-collection{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.pc-preview img,.pc-open,.pc-jump a{transition:none}.pc-preview:hover img{transform:none}}