#crown .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,32px)}
#crown .card{display:flex;flex-direction:column;background:var(--cw-paper);border:1px solid var(--cw-line-l);box-shadow:0 10px 30px -18px rgba(26,23,18,.25);border-radius:18px;overflow:hidden;transition:transform .6s var(--cw-ease),border-color .4s}
#crown .card:hover{transform:translateY(-6px);border-color:var(--cw-bronze)}
#crown .card-media{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--cw-cream-2)}
#crown .card-media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.2s var(--cw-ease);max-width:none}
#crown .card:hover .card-media img{transform:scale(1.05)}
#crown .card-body{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;flex:1}
#crown .card-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:600 13px/1 var(--cw-body);color:var(--cw-t-dark-2);letter-spacing:.04em}
#crown .card-meta span{display:inline-flex;align-items:center;gap:5px}
#crown .card-meta svg{width:14px;height:14px}
#crown .tag{font:800 11px/1 var(--cw-body);letter-spacing:.14em;text-transform:uppercase;color:var(--cw-ink);background:var(--cw-gold);padding:7px 10px;border-radius:999px}
#crown .card-title{font-size:clamp(22px,2vw,28px);line-height:1;text-transform:none;letter-spacing:0;font-family:var(--cw-display);font-weight:900}
#crown .card-title a{color:var(--cw-t-dark);transition:color .3s}
#crown .card:hover .card-title a{color:var(--cw-bronze)}
#crown .card-x{color:var(--cw-t-dark-2);font-size:15.5px;line-height:1.55}
#crown .more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;font:800 13px/1 var(--cw-body);letter-spacing:.1em;text-transform:uppercase;color:var(--cw-bronze)}
#crown .more svg{width:16px;height:16px;transition:transform .45s var(--cw-ease)}
#crown .card:hover .more svg{transform:translateX(4px)}
#crown .rv{opacity:0;transform:translateY(18px);transition:opacity .8s var(--cw-ease),transform .9s var(--cw-ease)}
#crown .rv.in{opacity:1;transform:none}
#crown .crown-latest{border-top:1px solid var(--cw-line-l)}
#crown .crown-latest .blog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:36px}
#crown .crown-latest .blog-head .h2{margin:14px 0 0;max-width:14ch;line-height:.92}
#crown .crown-latest .blog-head .out{color:transparent;-webkit-text-stroke:1.5px var(--cw-t-dark)}
#crown .crown-latest .card-title{text-transform:none;letter-spacing:0}
#crown .crown-latest .card{margin:0}

@media (max-width:1020px){#crown .cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){#crown .cards{grid-template-columns:1fr}}
#crown .crown-latest .card-media img{max-width:none}