.fp-section{padding:clamp(1.25rem,2.5vw,2rem) 0 clamp(2rem,4vw,3.5rem)}.fp-container{padding:0 calc(var(--website-gutter) + clamp(0rem, 4vw, var(--space-12)));margin:0 auto}.fp-row{gap:clamp(1rem,2vw,2rem);width:100%;display:flex}.fp-col{border-radius:var(--radius-3xl);background:var(--product-card-bg);width:100%;height:clamp(18rem,32vw,23.75rem);margin-bottom:clamp(1rem,2vw,2rem);position:relative;overflow:hidden}.fp-col a{width:100%;height:100%;display:block;position:relative}.fp-col img{object-fit:cover;transition:transform .6s}.fp-col:hover img{transform:scale(1.25)}.fp-col.lg{flex:2}.fp-col.sm{flex:1.25}.fp-project-title{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);z-index:2;position:absolute;bottom:clamp(.875rem,2vw,1.1rem);left:clamp(.875rem,2vw,1.1rem);right:clamp(.875rem,2vw,1.1rem)}.fp-project-title h3{letter-spacing:-.01em;color:#fff;-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:500;line-height:1.2;display:-webkit-box;position:relative;overflow:hidden}.fp-project-title span{color:#ffffffbf;opacity:1;margin-top:.3rem;font-size:clamp(.8rem,1vw,.9rem);font-weight:400;display:block}.fp-tag{z-index:2;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#ffffff24;align-items:center;height:1.75rem;padding:0 .75rem;font-size:.8rem;font-weight:500;display:inline-flex;position:absolute;top:clamp(.75rem,1.6vw,1rem);left:clamp(.75rem,1.6vw,1rem)}.fp-arrow{z-index:2;border-radius:var(--radius-pill);background:var(--brand-lime);width:2.25rem;height:2.25rem;color:var(--brand-lime-ink);opacity:0;justify-content:center;align-items:center;transition:opacity .35s,transform .35s;display:flex;position:absolute;top:clamp(.75rem,1.6vw,1rem);right:clamp(.75rem,1.6vw,1rem);transform:translateY(-6px)}.fp-col:hover .fp-arrow{opacity:1;transform:translateY(0)}.fp-col:after{content:"";pointer-events:none;opacity:.75;z-index:1;background:linear-gradient(#0a0a0a00 0%,#0a0a0ab8 100%);height:46%;transition:opacity .5s;position:absolute;bottom:0;left:0;right:0}.fp-col:hover:after{opacity:1}.fp-col-skeleton{border-radius:var(--radius);width:100%;height:clamp(18rem,32vw,23.75rem);margin-bottom:clamp(1rem,2vw,2rem);overflow:hidden}.fp-col-skeleton.lg{flex:2}.fp-col-skeleton.sm{flex:1.25}.fp-actions{justify-content:center;margin-top:clamp(.5rem,1.75vw,1.25rem);display:flex}@media (max-width:900px){.fp-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.fp-row:last-child{margin-bottom:0}.fp-col,.fp-col-skeleton{aspect-ratio:4/5;height:auto;min-height:16rem;margin-bottom:0}.fp-row .fp-col:nth-child(3),.fp-row .fp-col-skeleton:nth-child(3){aspect-ratio:16/10;grid-column:1/-1}.fp-container{padding:0 var(--website-gutter)}.fp-project-title h3{transform:translateY(0)}.fp-project-title span{opacity:1}.fp-actions{margin-top:1.25rem}}@media (max-width:480px){.fp-row{grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:.625rem}.fp-col,.fp-col-skeleton{aspect-ratio:3/4;min-height:0}.fp-row .fp-col:nth-child(3),.fp-row .fp-col-skeleton:nth-child(3){aspect-ratio:16/9;grid-column:1/-1}.fp-project-title h3{font-size:.875rem}.fp-project-title span{font-size:.8rem}.fp-actions{display:flex}.fp-actions :is(button,a){width:100%;min-width:0}}@media (hover:none),(pointer:coarse){.fp-project-title h3{transform:translateY(0)}.fp-project-title span,.fp-col:after{opacity:1}}