[data-component="card-item"]{--transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);position:relative;transition:var(--transition);box-shadow:0 0 12px -4px rgb(0 0 0 / .5);border-radius:16px;background:#fff;padding:.5rem;margin:.5rem;[data-component="card-wrapper"]{display:flex;flex-direction:column;gap:1rem;transition:var(--transition);height:100%}[data-component="card-visual-wrapper"]{position:relative;flex-shrink:0;transition:var(--transition);border-radius:8px;background:var(--rnd-color,silver);background-image:linear-gradient(to bottom,var(--rnd-color),hsl(from var(--rnd-color) h calc(l * 1.15) calc(s * 0.75) / 100%));aspect-ratio:16/9;overflow:hidden}[data-component="card-visual"]{position:absolute;top:1rem;right:1rem;transform:scale(.92) rotate(4deg);transition:var(--transition);border-radius:4px;width:60%;[data-component="card-visual-image"]{transition:var(--transition);box-shadow:0 0 12px -1px rgb(0 0 0 / .5);border-radius:4px;overflow:clip}img{position:relative;z-index:10;transition:var(--transition);object-fit:cover;width:100%}&::before,&::after{position:absolute;top:0;left:0;transition:all 1.6s cubic-bezier(.23,1,.32,1);box-shadow:0 0 12px -4px rgb(0 0 0 / .5);border-radius:4px;background:#fff;width:100%;height:100%;content:""}&::before{transform:rotate(2deg) translate(0,-3px);z-index:2;background:#ededed}&::after{transform:rotate(-2deg) translate(-3px,0);z-index:1;background:#cbcbcb}}[data-component="card-post-type"]{position:absolute;top:.5rem;left:.5rem;z-index:100;margin:0;border-radius:2px;background:#fff;padding:2px 5px;font-weight:600;font-size:10px;text-transform:uppercase}[data-component="card-post-meta"]{display:flex;position:absolute;bottom:.5rem;left:.5rem;flex-direction:row;flex-wrap:wrap;gap:3px;transform:translateY(50%);opacity:0;z-index:100;transition:var(--transition);margin:0;max-width:70%;font-weight:600;font-size:10px;line-height:1;text-transform:uppercase;span{display:block;border-radius:2px;background:#fff;padding:2px 5px}a{display:inline!important;opacity:.8;border-width:0!important;border-radius:2px;background:#fff;padding:0!important;color:black!important;font-weight:500;font-size:8px;letter-spacing:0em!important;text-decoration:none;text-transform:uppercase}}[data-content]{display:flex;flex-direction:column;gap:1rem;padding:0 .5rem;padding-bottom:.5rem;height:100%;text-align:left;[data-title]{margin:0;font-size:clamp(16px, 2vw, 18px);line-height:1.1}[data-preview-text]{margin:0;font-size:clamp(12px, 1.5vw, 14px);line-height:1.1}[data-button]{margin-top:auto;margin-left:auto;border-width:1px;border-style:solid;border-color:hsl(from currentColor h s l / 0%);border-radius:4px;padding:.5em 1em!important;font-weight:600;font-size:12px;text-decoration:none;text-transform:uppercase}}[data-hotspot]{position:absolute;top:0;left:0;z-index:100;cursor:pointer;width:100%;height:100%}&:active{transform:scale(.99) translateY(0);filter:grayscale(100%) brightness(.9);box-shadow:0 0 2px -1px rgb(0 0 0 / .5)}}html.no-touch{[data-component="card-item"]{&:hover{transform:scale(1.02) translateY(-.5rem);box-shadow:0 .5rem 24px -8px rgb(0 0 0 / .5);[data-component="card-visual"]{transform:scale(1.2) rotate(0);width:80%;height:auto;&::before{transform:rotate(-3deg) translate(0,3px);z-index:2}&::after{transform:rotate(3deg) translate(3px,0);z-index:1}}[data-content]{[data-button]{border-color:hsl(from currentColor h s l / 100%)}}[data-component="card-post-meta"]{transform:translateY(0);opacity:1}}}}.card-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:2rem 0;width:100%}.card-grid-2{grid-template-columns:1fr 1fr}.card-grid-3{grid-template-columns:1fr 1fr 1fr}.card-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}[data-component="related-content"] .owl-stage{display:flex;padding-bottom:1rem}[data-component="related-content"] .owl-item{display:flex;height:auto}[data-component="related-content"] .owl-item [data-component="card-item"]{height:100%}@media (max-width:1024px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}}@media (max-width:768px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr 1fr;gap:1.5rem}[data-content]{padding:1rem}[data-title]{font-size:16px}[data-preview-text]{font-size:13px}}@media (max-width:480px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr;gap:1rem}[data-content]{padding:.75rem}[data-title]{font-size:15px}[data-preview-text]{font-size:12px}}.pagination-wrapper{margin:3rem 0 2rem 0;text-align:center}.pagination{display:inline-flex;gap:.5rem;margin:0;padding:0;list-style:none}.pagination li{display:inline-block}.pagination a,.pagination span{display:block;transition:var(--transition);border:1px solid #ddd;border-radius:4px;background:#fff;padding:8px 12px;color:#333;text-decoration:none}.pagination a:hover{border-color:#999;background:#f5f5f5}.pagination .current{border-color:var(--rnd-color,#d01703);background:var(--rnd-color,#d01703);color:#fff}.pagination .prev,.pagination .next{font-weight:600}.pagination .dots{border:none;background:#fff0;color:#999}@media (max-width:768px){.pagination{flex-wrap:wrap;justify-content:center}.pagination a,.pagination span{padding:6px 10px;font-size:14px}}