/* v96 — ana sayfadaki kart ve geçiş dili */
.role-grid,.medal-grid{gap:1rem;border:0;background:transparent}
.role-grid article,.medal-grid article{position:relative;margin:0;padding:2rem;min-height:100%;border:2px solid #4a515a;background:#0d1015;overflow:hidden;transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease}
.role-grid article:after,.medal-grid article:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-2px;height:4px;background:linear-gradient(90deg,#ed1c2e 0%,#f24b39 42%,#d9b86c 100%)}
.role-grid article.linked-card{cursor:pointer}
.role-grid article.linked-card:hover,.role-grid article.linked-card:focus-visible,.medal-grid article:hover{transform:translateY(-6px);border-color:#737c87;background:#12171e;box-shadow:0 18px 38px #0007}
.role-grid article:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.chronology .section-top{position:relative;top:auto}
.timeline-portrait{position:relative;margin:3rem 0 0;min-height:560px;overflow:hidden;border:2px solid #4a515a;background:#090b0e}
.timeline-portrait:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#ed1c2e,#d9b86c)}
.timeline-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(.92) brightness(.48);opacity:.72}
.timeline-portrait span{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,13,17,.04),rgba(10,13,17,.66)),linear-gradient(90deg,rgba(10,13,17,.3),transparent)}
.motion-ready .reveal-card{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1),border-color .3s ease,background-color .3s ease,box-shadow .3s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-card.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.timeline-portrait{min-height:470px}}
@media(max-width:720px){.role-grid,.medal-grid{gap:.85rem}.role-grid article,.medal-grid article{padding:1.4rem}.timeline-portrait{min-height:380px;margin-top:2rem}.chronology .section-top{margin-bottom:2.5rem}}
@media(max-width:400px){.medal-grid{grid-template-columns:1fr}.timeline-portrait{min-height:330px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal-card{opacity:1;transform:none;transition:none}}