.topic-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;justify-content:space-between;align-items:center;gap:48px;display:grid}.topic-card{will-change:transform;height:100%;position:relative;overflow:hidden}.topic-card img{height:100%}.topic-content{background:linear-gradient(#0000,#0000009a);flex-direction:column;justify-content:flex-end;align-items:stretch;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.available-flex{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:10px;display:flex;overflow-x:auto}.available-flex::-webkit-scrollbar{display:none}.available-card{aspect-ratio:1;scroll-snap-align:start;scroll-snap-stop:always;flex:none;min-width:300px;max-width:300px;position:relative;overflow:hidden}.available-card img{object-fit:cover;will-change:transform;width:100%;height:100%}.available-content{background:linear-gradient(#0000,#0000009a);flex-direction:column;justify-content:flex-end;align-items:stretch;padding:16px;display:flex;position:absolute;inset:0}.topic-content h2,.topic-content p,.available-content h2{will-change:transform, opacity;color:#fff}@media screen and (max-width:768px){.topic-grid{grid-template-columns:1fr;row-gap:16px}}