.project-card{position:relative;display:block;overflow:hidden;background-color:var(--color-off-white);aspect-ratio:var(--project-card-aspect, 332.5 / 383);color:rgb(var(--color-white-rgb));text-decoration:none}@media(max-width:749px){.project-card{aspect-ratio:var(--project-card-aspect, 332.5 / 399)}}.project-card .project-card__overlay{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:.5625rem;padding-block:var(--space-24);padding-inline:var(--space-24) calc(var(--space-24) * 2.5);background:linear-gradient(to bottom,#0000,#0009)}@media(min-width:750px)and (max-width:989px){.project-card .project-card__overlay{padding-inline:var(--space-12) calc(var(--space-24) * 1.5);padding-block:var(--space-20)}}@media(max-width:749px){.project-card .project-card__overlay{padding-inline:var(--space-16) calc(var(--space-16) * 1.5);padding-block:var(--space-16)}}.project-card .project-card__overlay .project-card__city{margin:0;font-size:1rem;line-height:1;text-transform:uppercase;font-weight:var(--font-body--weight)}@media(min-width:750px)and (max-width:989px){.project-card .project-card__overlay .project-card__city{font-size:.75rem}}@media(max-width:749px){.project-card .project-card__overlay .project-card__city{font-size:.625rem}}.project-card .project-card__overlay .project-card__title{margin:0;font-size:var(--font-h4--size);line-height:1.2;font-weight:var(--font-heading--weight)}@media(min-width:750px)and (max-width:989px){.project-card .project-card__overlay .project-card__title{font-size:1.5rem}}@media(max-width:749px){.project-card .project-card__overlay .project-card__title{font-size:1.25rem}}.project-card .project-card__icon-rotate{display:flex;rotate:-45deg}@media(min-width:750px)and (max-width:989px){.project-card .project-card__icon-rotate{width:var(--space-24);height:var(--space-24);right:var(--space-12);bottom:var(--space-20)}}@media(max-width:749px){.project-card .project-card__icon-rotate{right:var(--space-16);bottom:var(--space-16)}}.project-card .project-card__icon{position:absolute;right:var(--space-24);bottom:var(--space-24);display:flex;align-items:center;justify-content:center;width:var(--space-36);height:var(--space-36);border-radius:50%;background-color:var(--color-black, #000)}.project-card .project-card__icon svg{width:100%;height:100%}@media(min-width:750px)and (max-width:989px){.project-card .project-card__icon{width:var(--space-24);height:var(--space-24);right:var(--space-12);bottom:var(--space-20)}}@media(max-width:749px){.project-card .project-card__icon{right:var(--space-16);bottom:var(--space-16)}}.project-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(min-width:750px){.project-card__media{filter:grayscale(1)}}.project-card--natural{aspect-ratio:auto}.project-card--natural .project-card__media{position:static;height:auto}@media(min-width:750px){a.project-card .project-card__media{transition:scale var(--animation-speed-slow, .5s) var(--animation-easing, ease),filter .5s ease}a.project-card:hover .project-card__media{scale:1.02;filter:grayscale(0)}}.project-card__media--placeholder{background-color:var(--color-off-white)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/spasm-project-card.css.map */