@layer components{.cards{--cards-color-bg:var(--color-bg-light)}.bg-light .cards{--cards-color-bg:var(--color-white)}.cards__item{background-color:var(--cards-color-bg)}.cards__item:has(.cards__image) .cards__body{anchor-name:--cards-body}.cards__item:has(.cards__image) .cards__body:before{content:"";position-anchor:--cards-body;position-area:top;aspect-ratio:8;pointer-events:none;background-image:linear-gradient(to top left, var(--cards-color-bg) 50%, transparent 52%);width:100%;display:block;position:absolute}.cards__item:has(.stretched-link:hover,.stretched-link:focus-visible) .cards__image img{transform:scale(1.05)}.cards__item:has(.stretched-link:hover,.stretched-link:focus-visible) .cards__link{block-size:auto;block-size:calc-size(auto, size);opacity:1}.cards__image{z-index:1;margin-bottom:var(--cards-body-height);aspect-ratio:3/2;display:flex;overflow:hidden}.cards__image img{object-fit:cover;transition:transform .5s ease-in-out}.cards__body{z-index:2;background-color:var(--cards-color-bg);place-self:end stretch;padding:2rem}.cards__title{height:var(--cards-header-height);align-items:end;display:flex}.cards__link{opacity:0;block-size:0;overflow:hidden}@media (prefers-reduced-motion:no-preference){.cards__link{transition-behavior:allow-discrete;transition-property:block-size,content-visibility,opacity;transition-duration:.5s,.5s,.3s;transition-delay:0s,0s,.2s}}.cards__link a{--link-color:var(--color-font)}.cards__link a:hover,.cards__link a:focus-visible{--link-text-decoration-line:none}}