.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>');position:relative;display:flex;flex-direction:column;gap:12px;padding:var(--pc-pad);border-radius:var(--pc-radius);background:var(--bone);color:var(--ink);text-decoration:none;box-shadow:0 22px 46px -18px rgba(20,18,18,.5);transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s ease;isolation:isolate}.pcard:focus-visible,.pcard:hover{transform:translateY(-6px);box-shadow:0 34px 64px -20px rgba(20,18,18,.6)}.pcard:focus-visible{outline:2px solid var(--bmc-accent);outline-offset:4px}.pcard__thumb{position:relative;aspect-ratio:16/10;border-radius:var(--pc-inner);overflow:hidden;background:var(--ink)}.chrome-diagnostic .pcard__thumb:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(244,237,225,.05) 2px 3px);opacity:.55;transition:opacity .35s ease}.chrome-diagnostic .pcard:focus-visible .pcard__thumb:before,.chrome-diagnostic .pcard:hover .pcard__thumb:before{opacity:1}.pcard__layer{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}.pcard__layer--base{z-index:1;color:var(--bone-3)}.pcard__media{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;border:0}.pcard__layer--base .pcard__media{filter:grayscale(1) 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% 0);transition:clip-path .52s cubic-bezier(.19,1,.22,1)}.pcard:focus-visible .pcard__layer--reveal,.pcard:hover .pcard__layer--reveal{clip-path:inset(0 0 0 0)}.chrome-diagnostic .pcard__beam{position:absolute;inset-inline:0;top:-2px;z-index:4;block-size:2px;pointer-events:none;background:var(--color-diagnostic-cyan,#26afff);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 ease}.chrome-diagnostic .pcard:focus-visible .pcard__beam,.chrome-diagnostic .pcard:hover .pcard__beam{top:calc(100% - 2px);opacity:1}.chrome-diagnostic .pcard__tick{position:absolute;z-index:4;inline-size:11px;block-size:11px;pointer-events:none;border:0 solid color-mix(in srgb,var(--bone) 50%,transparent);transition:border-color .3s ease}.chrome-diagnostic .pcard__tick--tl{inset-block-start:9px;inset-inline-start:9px;border-block-start-width:1.5px;border-inline-start-width:1.5px}.chrome-diagnostic .pcard__tick--tr{inset-block-start:9px;inset-inline-end:9px;border-block-start-width:1.5px;border-inline-end-width:1.5px}.chrome-diagnostic .pcard__tick--bl{inset-block-end:9px;inset-inline-start:9px;border-block-end-width:1.5px;border-inline-start-width:1.5px}.chrome-diagnostic .pcard__tick--br{inset-block-end:9px;inset-inline-end:9px;border-block-end-width:1.5px;border-inline-end-width:1.5px}.chrome-diagnostic .pcard:focus-visible .pcard__tick,.chrome-diagnostic .pcard:hover .pcard__tick{border-color:var(--color-diagnostic-cyan,#26afff)}.pcard__num{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,5vw,64px);line-height:.85;letter-spacing:-.02em}.pcard__num-label{font-size:10px;letter-spacing:.16em;opacity:.85}.pcard__category,.pcard__num-label{font-family:var(--font-pixel);font-weight:700;text-transform:uppercase}.pcard__category{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:5;padding:9px 16px;background:var(--bone);color:var(--ink);font-size:11px;letter-spacing:.1em;border-end-end-radius:var(--pc-cat-radius)}.pcard__category:after,.pcard__category:before{content:"";position:absolute;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));mask-image:radial-gradient(circle at 100% 100%,transparent var(--pc-cat-radius),#000 calc(var(--pc-cat-radius) + 1px))}.pcard__category:before{inset-block-start:0;inset-inline-start:100%}.pcard__category:after{inset-block-start:100%;inset-inline-start:0}.pcard__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:4px 2px}.pcard__heading{margin:0;font-size:clamp(20px,1.9vw,26px);line-height:1;letter-spacing:-.015em}.pcard__heading,.pcard__price{font-family:var(--font-display);font-weight:800;color:var(--ink)}.pcard__price{flex:0 0 auto;padding:7px 15px;border-radius:999px;background:var(--bmc-accent);font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.pcard__price s{margin-inline-start:8px;opacity:.65;font-weight:600;font-size:12px}.pcard__desc{margin:0;color:color-mix(in srgb,var(--ink) 72%,transparent);font-size:14.5px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.pcard__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:2px 0 4px;list-style:none}.pcard__tag{padding:5px 12px;border-radius:999px;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);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.pcard__button{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:10px;background:var(--ink);color:var(--bone);font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.01em;transition:background .3s ease,color .3s ease}.pcard__button:before{content:"";flex:0 0 16px;aspect-ratio:1;background-color:currentColor;-webkit-mask:var(--pc-cart) center /contain no-repeat;mask:var(--pc-cart) center /contain no-repeat}.pcard:focus-visible .pcard__button,.pcard:hover .pcard__button{background:var(--bmc-accent);color:var(--ink)}.pcard--featured{grid-column:1/-1;border:1.5px solid var(--bmc-accent)}.pcard__body{display:flex;flex-direction:column;gap:12px}.chrome-diagnostic .pcard__readout{margin:0 0 -2px;font-family:var(--font-pixel);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 42%,transparent)}.chrome-diagnostic .pcard__readout b{color:var(--bmc-accent);font-weight:700}@media (min-width:860px){.pcard--featured{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:18px}.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{position:absolute;inset-block-start:0;inset-inline:0;z-index:5;display:flex;align-items:center;gap:7px;padding:11px 14px;background:linear-gradient(180deg,rgba(20,18,18,.72),transparent)}.chrome-diagnostic .pcard__dots i{inline-size:9px;block-size:9px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--bone) 45%,transparent)}.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{margin-inline-start:auto;font-family:var(--font-pixel);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--bone) 62%,transparent)}.pcard--sub{--pc-radius:14px;padding:20px 22px;gap:8px}.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 rgba(20,18,18,.5)}.section-cream .pcard{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}