.marks{background:linear-gradient(145deg,#050505 0%,#101719 58%,#073f43 100%);overflow:hidden}
.marks-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:60px;align-items:end;margin-bottom:55px}
.marks .section-tag{margin-bottom:32px}
.marks h2{margin-bottom:0}
.marks-intro{max-width:470px;margin:0 0 10px;color:var(--muted);font-size:1.05rem}
.mark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mark-card{position:relative;min-height:390px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:22px;border:1px solid var(--line);background:linear-gradient(160deg,#171a1cf2,#050505f5);isolation:isolate}
.mark-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,#20d9d21a,transparent 56%);z-index:-1}
.mark-frame{height:300px;display:grid;place-items:center;padding:16px}
.mark-frame img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 22px #000b)}
.mark-card h3{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);font:800 1.35rem/1.1 'Barlow Condensed';letter-spacing:.06em;text-transform:uppercase;color:var(--paper)}
.mark-card:nth-child(2){transform:translateY(-14px);border-color:#20d9d277}
.rotation-note{margin:34px 0 0;color:var(--muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:900px){.marks-heading{grid-template-columns:1fr;gap:20px}.mark-grid{grid-template-columns:repeat(2,1fr)}.mark-card:last-child{grid-column:1/-1}.mark-card:nth-child(2){transform:none}}
@media(max-width:560px){.mark-grid{grid-template-columns:1fr}.mark-card:last-child{grid-column:auto}.mark-card{min-height:340px}.mark-frame{height:255px}}