@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");.card{--bg:#211f1d;--title-color:#fff;--text-color:#fff;background:var(--bg);border-radius:3rem;padding:.5rem;height:26rem;font-family:Lato,Montserrat,Helvetica,Arial,sans-serif;border:1px solid #433b35!important;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.card,.card__image-wrapper{width:100%;overflow:hidden;position:relative}.card__image-wrapper{border-radius:1.5rem;aspect-ratio:2/2.8;margin-bottom:0}.card__image-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(113,0,20,.28),rgba(179,143,111,.3));opacity:0;transition:opacity .3s ease;z-index:1;border-radius:1.5rem;pointer-events:none}.card .card__image,.card>img{max-width:100%;aspect-ratio:2/2.8;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 5%;object-position:50% 5%;border-radius:1.5rem;display:block;width:100%;height:100%;transition:transform .3s ease,filter .3s ease}.card:hover{border:none;outline:none;transition:all .3s ease}.card:hover .card__image-wrapper:after{opacity:1}.card:hover .card__image-wrapper .card__image,.card:hover .card__image-wrapper>img{transform:scale(1.1);filter:brightness(.9)}.card>section{padding:1rem 1rem 0;min-height:calc(33.3333% - .2rem);bottom:2.6rem;border:none;border-radius:0}.card-section-button,.card>section{margin:0;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;position:absolute;left:.5rem;right:.5rem;z-index:3;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(0,0,0,.95) 70%,rgba(0,0,0,.95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.card-section-button{padding:1rem 1rem .5rem;min-height:calc(40% - .5rem);bottom:.5rem;border:none;border-radius:0 0 1.5rem 1.5rem;cursor:pointer;transition:all .3s ease;color:#fff}.card-section-button:hover{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(113,0,20,.96) 70%,rgba(113,0,20,.98))}.card-section-button h2{font-size:1.5rem;color:var(--title-color)}.card-section-button h2,.card-section-button p{margin:0;margin-block-end:.5rem;opacity:1;transform:translate(0);text-align:center}.card-section-button p{font-size:.95rem;line-height:1.3;color:var(--text-color)}.card-section-button>div:first-of-type{flex:1;align-items:center;display:flex;justify-content:center;gap:1rem;transform:translate(0);opacity:1;width:100%}.card>section h2{font-size:1.5rem;color:var(--title-color)}.card>section h2,.card>section p{margin:0;margin-block-end:.5rem;opacity:1;transform:translate(0);text-align:center}.card>section p{font-size:.95rem;line-height:1.3;color:var(--text-color)}.card>section>div{flex:1;align-items:center;display:flex;justify-content:center;gap:1rem;transform:translate(0);opacity:1;width:100%}.card>section>div .tag{align-self:center;font-size:.9rem}.card-button-text,.card>section>div .tag{color:#fff;display:flex;align-items:center;gap:.5rem}.card-button-text{width:100%;font-size:.85rem;padding:.8rem 1rem;margin-top:.5rem;background:#b38f6f;border-radius:1rem;text-align:center;justify-content:center;font-family:inherit;transition:background .3s ease}.card-section-button:hover .card-button-text{background:#9f7959}.card-section-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}@media screen and (max-width:768px){.card{height:32rem;max-width:26rem}.card>section{bottom:2.2rem;min-height:calc(30% - .5rem)}.card>section h2{font-size:1.25rem}.card>section p{font-size:.85rem}.card-section-button{min-height:calc(35% - .5rem)}.card-section-button h2{font-size:1.25rem}.card-section-button p{font-size:.85rem}}