/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 13 2026 | 00:31:40 */
.cards-wrap{max-width:1800px;margin:auto;padding:0;}
.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1vw,18px)}
.card{position:relative;overflow:hidden;border:1px solid #c99a4e;border-radius:10px;background:#080808;min-height:390px;box-shadow:inset 0 0 12px #6d441a45;transition:transform .25s,border-color .25s,box-shadow .25s}
.card:hover{transform:translateY(-5px);border-color:#f3ce80;box-shadow:0 12px 28px #000a}
.art{height:54%;position:absolute;inset:0 0 auto;overflow:hidden}
.art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08)}
.art:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,#080808 100%)}
.number{position:absolute;top:15px;left:16px;color:#ffe09b;font-size:24px;text-shadow:0 2px 7px #000}
.content{position:relative;z-index:1;padding:0 15px 23px;margin-top:205px}
.content h2{font-size:clamp(16px,1.25vw,22px) !important;line-height:1.15;color:#f5d78f !important;margin:0 0 14px !important;letter-spacing:0 !important;hyphens:auto;}
.rule{width:38px;height:2px;background:#eac36f;margin-bottom:15px}
.content p{font-size:clamp(12px,.95vw,16px);line-height:1.45;margin:0;color:#fff !important;}
@media(max-width:1150px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{min-height:400px}
.content h2{font-size:21px}
.content p{font-size:16px;}
}
@media(max-width:650px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{min-height:365px}
.content{margin-top:180px;padding:0 12px 20px}
.art{height:55%}
.content h2{font-size:17px}
.content p{font-size:13px}
.number{font-size:20px}
}
@media(max-width:390px){.cards{grid-template-columns:1fr}
.card{min-height:390px}
.content{margin-top:210px}
.content h2{font-size:22px}
.content p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.card{transition:none}
.card:hover{transform:none}
}