.of-pc-grid{grid-template-columns:repeat(auto-fit,minmax(290px,420px));gap:18px;margin:0;padding:0;list-style:none;display:grid}.of-pc{background:var(--sg-white);border:1px solid var(--sg-line);min-width:0;color:var(--sg-ink);border-radius:24px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.of-pc-ph{aspect-ratio:16/10;background:var(--sg-paper-2);position:relative;overflow:hidden}.of-pc-img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.of-pc:hover .of-pc-img{transform:scale(1.04)}.of-pc-lbl{z-index:1;height:22px;font:600 11.5px/1 var(--sg-sans);letter-spacing:.02em;color:var(--sg-ink-2);border-radius:999px;align-items:center;padding:0 8px;display:inline-flex;position:absolute;top:12px;left:12px}.of-pc-b{align-content:start;gap:10px;padding:16px 18px 18px;display:grid}.of-pc-st{font:700 11.5px/1.2 var(--sg-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sg-ki,var(--sg-kc));justify-self:start;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.of-pc-st .sg-icon{width:15px;height:15px}.of-pc-st:hover{text-underline-offset:3px;text-decoration:underline}.of-pc h3{font:500 24px/1.15 var(--sg-serif);letter-spacing:-.01em;text-wrap:balance;margin:0}.of-pc-by{color:var(--sg-ink-2);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font-size:13.5px;display:flex}.of-pc-by b{color:var(--sg-ink);font-weight:600}.of-pc-vf{color:var(--sg-green-ink);align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:inline-flex}.of-pc-vf .sg-icon{width:14px;height:14px}.of-pc-pr{color:var(--sg-ink-2);margin:2px 0 0;font-size:14px}.of-pc-pr b{font:500 30px/1.1 var(--sg-serif);letter-spacing:-.01em;color:var(--sg-ink);font-variant-numeric:tabular-nums}.of-pc-t{background:var(--sg-line);border:1px solid var(--sg-line);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid;overflow:hidden}.of-pc-t>div{background:var(--sg-white);min-width:0;padding:7px 10px}.of-pc-t>div[data-wide]{grid-column:span 2}.of-pc-t dt{font:600 10.5px/1.3 var(--sg-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sg-mute)}.of-pc-t dd{overflow-wrap:anywhere;margin:1px 0 0;font-size:13.5px;font-weight:500}.of-pc-ask{width:100%;margin-top:4px}.of-pc-ask:disabled{color:var(--sg-mute);opacity:1;background:#151a211a}.of-pc-soon{color:var(--sg-gold-ink);margin:-4px 0 0;font-size:12.5px;font-weight:600}.of-pc[data-example]{pointer-events:none;transform:rotate(1.2deg);box-shadow:0 24px 60px #151a2124}@media (max-width:640px){.of-pc-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.of-pc-img{transition:none}.of-pc:hover .of-pc-img{transform:none}}