.base-card{align-content:start;color:var(--color-mma-petrol);container-name:base-card;container-type:inline-size;display:grid;max-width:30rem;position:relative;text-decoration:none;width:100%}@media screen and (max-width:31.25em){.base-card{min-width:17.5rem}}@media screen and (min-width:28.1875em){.base-card{min-width:23.75rem}}.base-card:hover .base-card__image img{transform:rotate(.75deg) translateY(-.75rem)}@media(prefers-reduced-motion:reduce){.base-card:hover{text-decoration:underline}.base-card:hover .base-card__image img{transform:rotate(0) translateY(0)}}.base-card:focus-visible{border-radius:1rem;outline:3px solid var(--color-mma-petrol);outline-offset:0}.base-card__label{left:-.625rem;position:absolute;top:-.625rem;z-index:1}.base-card__image{aspect-ratio:19/23;max-width:100%;position:relative;width:100%}.base-card__image .base-image__wrapper{height:100%}.base-card__image img{display:block;height:auto;height:100%;max-width:100%;object-fit:cover;transition:transform var(--transition-spring);width:100%}.base-card__title{margin-bottom:.25rem}@container base-card (width < 21.3125em){.base-card__image{margin-bottom:.75rem}.base-card__image img{border-radius:.5rem}.base-card__title{font-family:var(--font-family-secondary);font-size:1.25rem;font-weight:800;line-height:1.2}.base-card__description{font-family:var(--font-family-primary);font-size:.875rem;font-weight:400;line-height:1.4}}@container base-card (width > 21.25em){.base-card__image{margin-bottom:1.25rem}.base-card__image img{border-radius:1rem}.base-card__title{font-family:var(--font-family-secondary);font-size:1.75rem;font-weight:800;line-height:1.2}.base-card__description{font-family:var(--font-family-primary);font-size:1.125rem;font-weight:400;line-height:1.6}}