.rank-structure{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(112,17,27,.15),transparent 35%),linear-gradient(180deg,#0c0b0b 0%,#111010 52%,#0b0a0a 100%);border-top:1px solid rgba(179,54,65,.2);border-bottom:1px solid rgba(179,54,65,.18)}
.rank-structure:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.018) 48% 49%,transparent 49% 100%);pointer-events:none}
.rank-heading,.rank-principle,.rank-grid,.rank-enlarge{position:relative;z-index:1}
.rank-principle{display:grid;grid-template-columns:minmax(190px,.65fr) 2fr;gap:40px;align-items:start;margin:52px 0 34px;padding:24px 0;border-top:1px solid rgba(179,54,65,.28);border-bottom:1px solid rgba(255,255,255,.08)}
.rank-principle span{color:#c84651;font:600 12px/1.4 Inter,sans-serif;letter-spacing:.22em}
.rank-principle p{max-width:790px;margin:0;color:#aaa2a0;font-size:15px;line-height:1.8}
.rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.rank-card{appearance:none;display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;color:#eee7e1;text-align:left;background:#080808;border:1px solid rgba(179,54,65,.34);cursor:zoom-in;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.rank-card.rank-command{grid-column:1/-1}
.rank-card img{display:block;width:100%;height:auto;aspect-ratio:1.5/1;object-fit:contain;background:#070707;filter:saturate(.88) contrast(1.04);transition:filter .3s ease,transform .45s ease}
.rank-card.rank-command img{aspect-ratio:auto}
.rank-card:hover,.rank-card:focus-visible{transform:translateY(-4px);border-color:#b73b46;box-shadow:0 18px 45px rgba(0,0,0,.38)}
.rank-card:hover img,.rank-card:focus-visible img{filter:saturate(1) contrast(1.06);transform:scale(1.01)}
.rank-card:focus-visible{outline:2px solid #d04a55;outline-offset:3px}
.rank-caption{display:grid;grid-template-columns:minmax(120px,.38fr) 1fr;gap:28px;align-items:start;padding:23px 25px;border-top:1px solid rgba(179,54,65,.25)}
.rank-caption b{font:600 21px/1.2 Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}
.rank-caption small{color:#9e9694;font:400 13px/1.65 Inter,sans-serif}
.rank-enlarge{margin:20px 0 0;color:#746d6b;font:500 10px/1.4 Inter,sans-serif;letter-spacing:.18em;text-align:right;text-transform:uppercase}
@media (min-width:900px){.rank-card.rank-command{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(260px,.72fr);align-items:stretch}.rank-card.rank-command .rank-caption{display:flex;flex-direction:column;justify-content:center;border-top:0;border-left:1px solid rgba(179,54,65,.25)}.rank-card.rank-command .rank-caption small{font-size:14px}}
@media (max-width:760px){.rank-principle{grid-template-columns:1fr;gap:12px;margin:36px 0 24px}.rank-grid{grid-template-columns:1fr;gap:18px}.rank-card.rank-command{grid-column:auto}.rank-card.rank-command img,.rank-card img{aspect-ratio:auto}.rank-caption{grid-template-columns:1fr;gap:8px;padding:18px}.rank-enlarge{text-align:left}}