.pcard{--pc-radius:26px;--pc-pad:14px;--pc-inner:calc(var(--pc-radius) - var(--pc-pad));--pc-cat-radius:15px;--pc-cart:url("data:image/svg+xml,<svg viewBox=\"0 0 576 512\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"%23000\" d=\"M0 24C0 10.7 10.7 0 24 0L69.5 0c22 0 41.5 12.8 50.6 32l411 0c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3l-288.5 0 5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5L488 336c13.3 0 24 10.7 24 24s-10.7 24-24 24l-288.3 0c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5L24 48C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z\"/></svg>");padding:var(--pc-pad);border-radius:var(--pc-radius);background:var(--bone);color:var(--ink);isolation:isolate;flex-direction:column;gap:12px;text-decoration:none;transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s;display:flex;position:relative;box-shadow:0 22px 46px -18px #14121280}.pcard:hover,.pcard:focus-visible{transform:translateY(-6px);box-shadow:0 34px 64px -20px #14121299}.pcard:focus-visible{outline:2px solid var(--bmc-accent);outline-offset:4px}.pcard__thumb{aspect-ratio:16/10;border-radius:var(--pc-inner);background:var(--ink);position:relative;overflow:hidden}.chrome-diagnostic .pcard__thumb:before{content:"";z-index:3;pointer-events:none;opacity:.55;background:repeating-linear-gradient(#0000 0 2px,#f4ede10d 2px 3px);transition:opacity .35s;position:absolute;inset:0}.chrome-diagnostic .pcard:hover .pcard__thumb:before,.chrome-diagnostic .pcard:focus-visible .pcard__thumb:before{opacity:1}.pcard__layer{text-align:center;place-content:center;gap:2px;display:grid;position:absolute;inset:0}.pcard__layer--base{z-index:1;color:var(--bone-3)}.pcard__media{object-fit:cover;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.pcard__layer--base .pcard__media{filter:grayscale()brightness(.72)contrast(1.05)}.pcard__layer--reveal.has-media{background:var(--ink)}.pcard__layer--reveal{z-index:2;background:var(--bmc-accent);color:var(--ink);clip-path:inset(0 0 100%);transition:clip-path .52s cubic-bezier(.19,1,.22,1)}.pcard:hover .pcard__layer--reveal,.pcard:focus-visible .pcard__layer--reveal{clip-path:inset(0)}.chrome-diagnostic .pcard__beam{inset-inline:0;z-index:4;pointer-events:none;background:var(--color-diagnostic-cyan,#26afff);block-size:2px;box-shadow:0 0 16px 2px color-mix(in srgb, var(--color-diagnostic-cyan,#26afff) 70%, transparent);opacity:0;transition:top .52s cubic-bezier(.19,1,.22,1),opacity .22s;position:absolute;top:-2px}.chrome-diagnostic .pcard:hover .pcard__beam,.chrome-diagnostic .pcard:focus-visible .pcard__beam{opacity:1;top:calc(100% - 2px)}.chrome-diagnostic .pcard__tick{z-index:4;pointer-events:none;border:0 solid color-mix(in srgb, var(--bone) 50%, transparent);block-size:11px;inline-size:11px;transition:border-color .3s;position:absolute}.chrome-diagnostic .pcard__tick--tl{border-block-start-width:1.5px;border-inline-start-width:1.5px;inset-block-start:9px;inset-inline-start:9px}.chrome-diagnostic .pcard__tick--tr{border-block-start-width:1.5px;border-inline-end-width:1.5px;inset-block-start:9px;inset-inline-end:9px}.chrome-diagnostic .pcard__tick--bl{border-block-end-width:1.5px;border-inline-start-width:1.5px;inset-block-end:9px;inset-inline-start:9px}.chrome-diagnostic .pcard__tick--br{border-block-end-width:1.5px;border-inline-end-width:1.5px;inset-block-end:9px;inset-inline-end:9px}.chrome-diagnostic .pcard:hover .pcard__tick,.chrome-diagnostic .pcard:focus-visible .pcard__tick{border-color:var(--color-diagnostic-cyan,#26afff)}.pcard__num{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(38px,5vw,64px);font-weight:800;line-height:.85}.pcard__num-label{font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-size:10px;font-weight:700}.pcard__category{z-index:5;background:var(--bone);color:var(--ink);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;border-end-end-radius:var(--pc-cat-radius);padding:9px 16px;font-size:11px;font-weight:700;position:absolute;inset-block-start:0;inset-inline-start:0}.pcard__category:before,.pcard__category:after{content:"";block-size:var(--pc-cat-radius);aspect-ratio:1;background-color:inherit;-webkit-mask-image:radial-gradient(circle at 100% 100%, transparent var(--pc-cat-radius), #000 calc(var(--pc-cat-radius) + 1px));-webkit-mask-image:radial-gradient(circle at 100% 100%, transparent var(--pc-cat-radius), #000 calc(var(--pc-cat-radius) + 1px));mask-image:radial-gradient(circle at 100% 100%, transparent var(--pc-cat-radius), #000 calc(var(--pc-cat-radius) + 1px));position:absolute}.pcard__category:before{inset-block-start:0;inset-inline-start:100%}.pcard__category:after{inset-block-start:100%;inset-inline-start:0}.pcard__row{justify-content:space-between;align-items:center;gap:12px;padding-block:4px 2px;display:flex}.pcard__heading{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0;font-size:clamp(20px,1.9vw,26px);font-weight:800;line-height:1}.pcard__price{background:var(--bmc-accent);color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;padding:7px 15px;font-size:16px;font-weight:800}.pcard__price s{opacity:.65;margin-inline-start:8px;font-size:12px;font-weight:600}.pcard__desc{color:color-mix(in srgb, var(--ink) 72%, transparent);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.pcard__tags{flex-wrap:wrap;gap:8px;margin:0;padding:2px 0 4px;list-style:none;display:flex}.pcard__tag{background:color-mix(in srgb, var(--bmc-accent) 14%, transparent);color:color-mix(in srgb, var(--ink) 80%, var(--bmc-accent));font-family:var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:5px 12px;font-size:11px}.pcard__button{background:var(--ink);color:var(--bone);font-family:var(--font-sans);letter-spacing:.01em;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:14px;font-size:14px;font-weight:700;transition:background .3s,color .3s;display:flex}.pcard__button:before{content:"";aspect-ratio:1;-webkit-mask:var(--pc-cart) center / contain no-repeat;-webkit-mask:var(--pc-cart) center / contain no-repeat;mask:var(--pc-cart) center / contain no-repeat;background-color:currentColor;flex:0 0 16px}.pcard:hover .pcard__button,.pcard:focus-visible .pcard__button{background:var(--bmc-accent);color:var(--ink)}.pcard--featured{border:1.5px solid var(--bmc-accent);grid-column:1/-1}.pcard__body{flex-direction:column;gap:12px;display:flex}.chrome-diagnostic .pcard__readout{font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 42%, transparent);margin:0 0 -2px;font-size:10.5px;font-weight:700}.chrome-diagnostic .pcard__readout b{color:var(--bmc-accent);font-weight:700}@media (min-width:860px){.pcard--featured{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:18px;display:grid}.pcard--featured .pcard__thumb{aspect-ratio:auto;min-height:240px}.pcard--featured .pcard__body{justify-content:center;padding-block:8px}}.pcard__button--plain:before{content:none}.chrome-diagnostic .pcard__dots{z-index:5;background:linear-gradient(#141212b8,#0000);align-items:center;gap:7px;padding:11px 14px;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.chrome-diagnostic .pcard__dots i{border:1.5px solid color-mix(in srgb, var(--bone) 45%, transparent);border-radius:50%;block-size:9px;inline-size:9px}.chrome-diagnostic .pcard__dots i:first-child{border-color:var(--bmc-accent);background:color-mix(in srgb, var(--bmc-accent) 35%, transparent)}.chrome-diagnostic .pcard__dots span{font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--bone) 62%, transparent);margin-inline-start:auto;font-size:10px;font-weight:700}.pcard--sub{--pc-radius:14px;gap:8px;padding:20px 22px}.pcard--sub .pcard__thumb{display:none}.pcard--sub .pcard__heading{font-size:clamp(17px,1.4vw,21px)}.pcard--sub .pcard__button{padding:11px 14px;font-size:13px}.pcard--static{cursor:default}.pcard--static:hover{transform:none;box-shadow:0 22px 46px -18px #14121280}.section-cream .pcard{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}