.project-card{--card-radius:var(--radius-card);isolation:isolate;transition:transform var(--duration-press) var(--ease-out-quad);background-color:#0000;overflow:visible}.project-card:active{transform:scale(.97)}.project-card .card-media{aspect-ratio:4/5;border-radius:var(--card-radius);isolation:isolate;position:relative;overflow:hidden}@media (width>=43.75rem) and (width<=51.9988rem){.project-card .card-media{aspect-ratio:16/9}}.project-card .card-img,.project-card .card-poster{border-radius:inherit;overflow:hidden}.project-card .card-wash,.project-card .svg-stroke{display:none}.project-card .card-ui{opacity:1;gap:0;padding:1.25rem 0 0;position:static;transform:none}.project-card .card-brand,.project-card .card-action{display:none}.project-card .card-copy{color:var(--color-ink-muted)}.project-card .card-ui li{background-color:var(--color-canvas-muted)}@supports (corner-shape:squircle){.project-card .card-media{clip-path:inset(0 round var(--card-radius));overflow:visible}.project-card .card-img,.project-card .card-poster,.project-card .card-wash,.project-card .svg-stroke{corner-shape:squircle;overflow:clip}}@supports (corner-shape:squircle) and (clip-path:shape(from 0 0, line to 1px 0)){.project-card .card-media{--squircle-k:.09;clip-path:shape(from var(--card-radius) 0, line to calc(100% - var(--card-radius)) 0, curve to 100% var(--card-radius) with calc(100% - var(--card-radius) * var(--squircle-k)) 0 / 100% calc(var(--card-radius) * var(--squircle-k)), line to 100% calc(100% - var(--card-radius)), curve to calc(100% - var(--card-radius)) 100% with 100% calc(100% - var(--card-radius) * var(--squircle-k)) / calc(100% - var(--card-radius) * var(--squircle-k)) 100%, line to var(--card-radius) 100%, curve to 0 calc(100% - var(--card-radius)) with calc(var(--card-radius) * var(--squircle-k)) 100% / 0 calc(100% - var(--card-radius) * var(--squircle-k)), line to 0 var(--card-radius), curve to var(--card-radius) 0 with 0 calc(var(--card-radius) * var(--squircle-k)) / calc(var(--card-radius) * var(--squircle-k)) 0, close)}}@media (width>=52rem){.project-card{aspect-ratio:4/5;background-color:var(--color-canvas-muted);border-radius:var(--card-radius);overflow:hidden}.project-card .card-media{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.project-card .card-img,.project-card .card-poster,.project-card .card-wash,.project-card .svg-stroke{border-radius:inherit;overflow:hidden}.project-card .card-img,.project-card .card-wash{transition:opacity var(--duration-settle) ease}.project-card .card-img{opacity:1}.project-card .card-wash{opacity:0;z-index:1;display:block}.project-card .svg-stroke{visibility:hidden;display:block}.project-card.is-stroke-active .svg-stroke{visibility:visible}.project-card .card-ui{opacity:0;transition-delay:0s;transition-duration:var(--duration-card);transition-property:opacity,transform;transition-timing-function:var(--ease-out-expo);z-index:3;gap:0;padding:1.5rem;position:absolute;inset:0;transform:translateY(.85rem)}.project-card .card-brand{display:flex}.project-card .card-action{display:inline-flex}.project-card .card-copy{color:var(--color-ink)}.project-card .card-ui li{background-color:var(--color-canvas)}@supports (corner-shape:squircle){.project-card{clip-path:inset(0 round var(--card-radius));overflow:visible}.project-card .card-media{clip-path:none;overflow:visible}.project-card .card-img,.project-card .card-poster,.project-card .card-wash,.project-card .svg-stroke{corner-shape:squircle;overflow:visible}}@supports (corner-shape:squircle) and (clip-path:shape(from 0 0, line to 1px 0)){.project-card{--squircle-k:.09;clip-path:shape(from var(--card-radius) 0, line to calc(100% - var(--card-radius)) 0, curve to 100% var(--card-radius) with calc(100% - var(--card-radius) * var(--squircle-k)) 0 / 100% calc(var(--card-radius) * var(--squircle-k)), line to 100% calc(100% - var(--card-radius)), curve to calc(100% - var(--card-radius)) 100% with 100% calc(100% - var(--card-radius) * var(--squircle-k)) / calc(100% - var(--card-radius) * var(--squircle-k)) 100%, line to var(--card-radius) 100%, curve to 0 calc(100% - var(--card-radius)) with calc(var(--card-radius) * var(--squircle-k)) 100% / 0 calc(100% - var(--card-radius) * var(--squircle-k)), line to 0 var(--card-radius), curve to var(--card-radius) 0 with 0 calc(var(--card-radius) * var(--squircle-k)) / calc(var(--card-radius) * var(--squircle-k)) 0, close)}.project-card .card-media{clip-path:none}}}@media (width>=52rem) and (hover:hover) and (pointer:fine){.project-card:hover .card-img,.project-card:focus-visible .card-img{opacity:0}.project-card:hover .card-wash,.project-card:focus-visible .card-wash{opacity:1}.project-card:hover .card-ui,.project-card:focus-visible .card-ui{opacity:1;transition-delay:.64s;transform:translateY(0)}}@media (width>=52rem) and (hover:none),(width>=52rem) and (pointer:coarse){.project-card .card-img{opacity:0}.project-card .card-wash,.project-card .card-ui{opacity:1;transition:none;transform:none}}@media (prefers-reduced-motion:reduce){.project-card:active{transform:none}@media (width>=52rem){.project-card .card-img{opacity:0}.project-card .card-wash,.project-card .card-ui{opacity:1;transition:none;transform:none}}}@supports (corner-shape:squircle){.project-card,.project-card .card-media{corner-shape:squircle}}.project-card[data-astro-cid-cgl2u52c]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.svg-stroke[data-astro-cid-cgl2u52c]{border-radius:inherit;pointer-events:none;z-index:2;height:100%;position:absolute;inset:0}.svg-stroke[data-astro-cid-cgl2u52c] svg[data-astro-cid-cgl2u52c]{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.5)}.card-logo-wrap[data-astro-cid-cgl2u52c]{--card-logo-height:2.5rem}.card-logo-wrap[data-astro-cid-cgl2u52c] svg.card-logo,.card-logo-wrap[data-astro-cid-cgl2u52c] .card-logo[data-astro-cid-cgl2u52c]{height:var(--card-logo-height);width:auto;max-width:10rem;display:block}.card-img[data-astro-cid-cgl2u52c] svg{display:block}.card-logo-wrap[data-astro-cid-cgl2u52c].is-tinted{background-color:var(--card-logo-color);mask-image:var(--card-logo-src);max-width:10rem;mask-position:0;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:var(--card-logo-src);display:inline-flex;-webkit-mask-position:0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.card-logo-wrap[data-astro-cid-cgl2u52c].is-tinted .card-logo[data-astro-cid-cgl2u52c]{opacity:0}