.types-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (min-width:640px){.types-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.types-grid{grid-template-columns:repeat(4,1fr)}}.type-card{border-radius:16px;height:300px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #00000080,inset 0 1px #ffffff1a}.type-card:after{content:"";pointer-events:none;border:1px solid #c5a46d1a;border-radius:16px;transition:all .4s;position:absolute;inset:0}.type-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -20px #c5a46d4d,0 15px 30px -10px #0009}.type-card:hover:after{border-color:#c5a46d66}.type-image-wrapper{width:100%;height:100%;position:relative}.object-cover{object-fit:cover}.type-overlay{text-align:left;width:100%;height:100%;transition:var(--transition-smooth);background:linear-gradient(#0a0a0a33 40%,#0a0a0ae6 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;top:0;left:0}[dir=rtl] .type-overlay{text-align:right}.type-card:hover .type-overlay{background:#0a0a0ab3}.type-content h4{color:var(--color-white);transition:var(--transition-smooth);margin-bottom:.5rem;font-size:1.25rem;transform:translateY(0)}.type-content p{opacity:0;transition:var(--transition-smooth);color:#ddd;margin:0;font-size:.9rem;transform:translateY(10px)}.type-card:hover .type-content p{opacity:1;transform:translateY(0)}.type-card:hover .type-content h4{color:var(--color-gold)}@media (max-width:768px){.types-grid{gap:1rem}.type-card{height:250px}.type-content h4{font-size:1.1rem}.type-overlay{padding:1.2rem}}@media (max-width:480px){.types-grid{grid-template-columns:repeat(1,1fr);gap:1rem}.type-card{height:220px}.type-overlay{padding:1rem}.type-content h4{font-size:1rem}.type-content p{opacity:1;font-size:.9rem;transform:translateY(0)}}