.cx-pc{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-lg);min-width:0;box-shadow:var(--glass-lit);transition:translate .7s var(--ease-out-expo), box-shadow .7s var(--ease-out-expo), background-color var(--dur-base) var(--ease-out-expo);position:relative}.cx-pc:hover,.cx-pc:focus-within{background:var(--glass-strong);box-shadow:var(--shadow-float);translate:0 -4px}.cx-pc:focus-within{outline:2px solid var(--copper);outline-offset:3px}.cx-pc-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.cx-pc-link:focus-visible{outline:none}.cx-pc-cover{aspect-ratio:16/10;isolation:isolate;border-radius:calc(var(--r-lg) - .5rem);background:linear-gradient(150deg, var(--sand), var(--sand-2));place-items:center;margin:.5rem .5rem 0;display:grid;position:relative;overflow:hidden}.cx-pc-cover img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out-expo);position:absolute;inset:0}.cx-pc:hover .cx-pc-cover img,.cx-pc:focus-within .cx-pc-cover img{transform:scale(1.045)}.cx-pc-mono{font-family:var(--font-display);color:var(--copper-2);font-size:clamp(3rem,7vw,4.5rem);font-style:italic;line-height:1}.cx-pc-cat{z-index:1;border-radius:var(--r-pill);font-family:var(--font-mono);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf6eec7;border:1px solid #ffffffb3;padding:.3rem .7rem;font-size:.7rem;line-height:1.2;position:absolute;bottom:.75rem;left:.75rem}.cx-pc-body{flex-direction:column;flex:1;gap:1rem;padding:1.15rem 1.4rem 1.3rem;display:flex}.cx-pc .cx-pc-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0;font-size:1.62rem;font-weight:400;line-height:1.08}.cx-pc-meta{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;align-items:center;gap:.5rem;margin-top:auto;font-size:.74rem;display:flex}.cx-pc-disc{border-radius:var(--r-pill);border:1px solid var(--line-strong);width:2.1rem;height:2.1rem;color:var(--ink);transition:background-color var(--dur-base) var(--ease-out-expo), border-color var(--dur-base) var(--ease-out-expo), color var(--dur-base) var(--ease-out-expo), transform var(--dur-slow) var(--ease-out-expo);flex:none;place-items:center;margin-left:auto;display:inline-grid}.cx-pc:hover .cx-pc-disc,.cx-pc:focus-within .cx-pc-disc{background:var(--ink);border-color:var(--ink);color:var(--ivory);transform:rotate(45deg)}.cx-pc.is-featured .cx-pc-cover{aspect-ratio:auto;flex:auto;min-height:16rem}.cx-pc.is-featured .cx-pc-body{flex:none;padding:1.4rem 1.75rem 1.6rem}.cx-pc.is-featured .cx-pc-title{max-width:20ch;font-size:clamp(2rem,1.3rem + 1.9vw,3.1rem);line-height:1.02}@media (max-width:639px){.cx-pc.is-featured .cx-pc-cover{aspect-ratio:4/3;min-height:0}.cx-pc.is-featured .cx-pc-body{padding:1.15rem 1.4rem 1.3rem}}@media (prefers-reduced-motion:reduce){.cx-pc,.cx-pc-cover img,.cx-pc-disc{transition:none}.cx-pc:hover,.cx-pc:focus-within{translate:none}.cx-pc:hover .cx-pc-cover img,.cx-pc:focus-within .cx-pc-cover img{transform:none}}
