:root{--img-url: url()}._card_1sp1k_5{color:#000;background:#f3f6f6;border-radius:10px;overflow:hidden;aspect-ratio:3/5;width:300px;display:grid;grid-template-areas:"img img" "title link";grid-template-rows:4fr 1fr;grid-template-columns:3fr 1fr;transition:opacity .5s,transform .5s;transform:scale(.95);opacity:.9}._card_1sp1k_5:hover{transform:scale(1);opacity:1}._card_1sp1k_5 ._image_1sp1k_30{grid-area:img;background-image:var(--img-url);background-size:cover;background-position:center center;position:relative}._card_1sp1k_5 h2{align-self:center;padding:1rem}._card_1sp1k_5 a svg{height:50px;width:50px}._card_1sp1k_5 ._link_1sp1k_48{align-self:stretch;justify-self:stretch;border-left:solid 1px gray;display:grid;place-items:center;background:#f3f6f6;transition:background .5s,transform .5s}._card_1sp1k_5 ._link_1sp1k_48 svg{transform:translateY(0);transition:transform .5s}._card_1sp1k_5 ._link_1sp1k_48:hover{background:#add5f0}._card_1sp1k_5 ._link_1sp1k_48:hover svg{transform:translateY(5px)}._card_1sp1k_5 ._info_1sp1k_71{background:green;height:100%;width:100%;position:absolute;border-radius:0 0 100px 100px;transform:translateY(calc(100px - 100%)) translate(calc(100% - 100px));display:flex;flex-direction:column-reverse;padding:35px;transition:transform .5s,border-radius 2s}._info_1sp1k_71 p{color:#fff;font-size:1.5rem;flex:1}._card_1sp1k_5 ._info_1sp1k_71:hover{transform:none;border-radius:0}._info_1sp1k_71 svg{width:50px;height:50px;fill:#fff}@media (min-width: 700px){._card_1sp1k_5{width:500px}}._list_1f8yo_1{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}._listWrapper_1f8yo_9 h1{color:#f0f0f0;position:fixed;top:0;writing-mode:vertical-lr;transform:rotate(180deg);padding:1rem 0}._listWrapper_1f8yo_9 h1:first-letter{text-transform:uppercase;font-size:2.4rem}