.page{width:100%;max-width:1440px;height:100%;margin:0 auto}.page-wrapper{gap:32px;padding:24px 0}@media (max-width:480px){.page-wrapper{padding:0}}.list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}@media (max-width:480px){.list{grid-template-columns:1fr;gap:24px}}.card,.card__info,.page-wrapper{flex-direction:column;display:flex}.text-h1{font-size:clamp(44px,2.97619vw + 21.1429px,64px);font-weight:800;line-height:1}.text-h2{font-size:clamp(24px,1.19048vw + 14.8571px,32px);font-weight:800;line-height:44px}.text-h3{font-size:20px;line-height:28px}.text-p1{font-size:16px;line-height:24px}.text-p2{font-size:14px;line-height:18px}.card{cursor:pointer;aspect-ratio:1.4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:.7;background-color:#243432;border:1px solid #4a5756;border-radius:16px;width:100%;transition:all .2s ease-out;overflow:hidden;box-shadow:0 4px 15px #00000026}@media (max-width:768px){.card{opacity:1}}.card:hover{opacity:1;background-color:#1a2e2c;box-shadow:0 0 16px #243432}.card__image{z-index:-1;flex:0 0 60%;width:100%;min-height:0;position:relative}.card__img{object-fit:cover;object-position:center;width:100%;height:100%}.card__info{border-top:1px solid #4a5756;flex:0 0 40%;justify-content:center;gap:8px;min-height:0;padding:16px 24px;overflow:hidden}@media (max-width:480px){.card__info{padding:8px 16px}}.card__title{flex-shrink:0;font-weight:500}@media (max-width:480px){.card__title{font-size:18px;line-height:24px}}.card__description{width:100%;overflow:hidden}