.fp-root{container:fp-root/inline-size}.fp-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:40px 24px;margin:0;padding:0;list-style:none;display:grid}.fp-item{min-width:0;display:flex}.fp-card{flex-direction:column;flex:auto;gap:14px;min-width:0;display:flex;container:fp-card/inline-size}@container fp-root (width>=900px){.fp-grid{row-gap:24px}.fp-card{gap:20px}}.fp-pills{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fp-pill{border:1px solid hsl(var(--border));letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;min-height:27px;color:hsl(var(--foreground));border-radius:999px;justify-content:center;align-items:center;padding:5px 11px;font-size:10px;font-weight:500;line-height:1.2;transition:border-color .3s;display:inline-flex}a.fp-pill:hover{border-color:hsl(var(--foreground))}.fp-pill--index{border-color:hsl(var(--foreground));background-color:hsl(var(--foreground));width:30px;color:hsl(var(--background));padding-inline:0}.fp-body{flex-direction:column;flex:auto;gap:10px;display:flex}.fp-name{font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:break-word;margin:0;font-size:clamp(28px,11.5cqi,38px);font-weight:400;line-height:.98}.fp-copy{color:hsl(var(--muted-foreground));margin:0;font-size:13px;line-height:1.55}.fp-media{aspect-ratio:306.667/379.155;border:1px solid hsl(var(--border));background-color:#f8f5f2;border-radius:2px;width:100%;margin:auto 0 0;position:relative;overflow:hidden}.fp-layer{transform-origin:50% 60%;transition:opacity .5s;display:block;position:absolute;inset:0}.fp-layer img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.fp-layer--scene{opacity:0;pointer-events:none}@media (hover:hover){.fp-card:hover .fp-layer--scene{opacity:1}}.fp-card.fp-is-scene .fp-layer--scene{opacity:1}.fp-card.fp-play .fp-media{transform-origin:0 100%;animation:.8s cubic-bezier(.22,1,.36,1) backwards fp-grow}.fp-card.fp-play .fp-layer--product{animation:1.1s cubic-bezier(.22,1,.36,1) backwards fp-settle,.7s .15s backwards fp-fade}.fp-card.fp-play .fp-pills,.fp-card.fp-play .fp-name,.fp-card.fp-play .fp-copy{animation:.5s .4s backwards fp-fade}@keyframes fp-grow{0%{transform:scale(0)}}@keyframes fp-settle{0%{transform:scale(1.25)}}@keyframes fp-fade{0%{opacity:0}}