.legacy{margin-top:clamp(100px,13vw,170px);padding-top:clamp(70px,9vw,110px);border-top:1px solid var(--line)}
.legacy-head{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:end;margin-bottom:55px}
.legacy-head h2{margin-bottom:0;font-size:clamp(46px,6vw,78px)}
.legacy-head>p{color:#929c99;font-size:17px;max-width:510px}
.legacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.legacy-card{min-width:0;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease}
.legacy-card:hover{transform:translateY(-4px);border-color:#35504b}
.legacy-card figure{margin:0;aspect-ratio:1.55;overflow:hidden;background:#050708;position:relative}
.legacy-card figure:after{content:"Powiększ ↗";position:absolute;right:14px;bottom:12px;padding:6px 9px;background:rgba(6,9,10,.8);border:1px solid #34423f;color:#b9c2bf;font:8px monospace;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.legacy-card figure img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;cursor:zoom-in;filter:brightness(.76) saturate(.82);transition:filter .4s ease,transform .55s ease}
.legacy-card figure:hover img,.legacy-card figure img:focus-visible{filter:brightness(1) saturate(1);transform:scale(1.015)}
.legacy-card figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.legacy-copy{padding:clamp(25px,3.5vw,42px);display:flex;flex-direction:column;align-items:flex-start;flex:1}
.legacy-copy h3{font-size:clamp(30px,4vw,46px);font-weight:400;letter-spacing:-.035em;margin:10px 0 18px}
.legacy-copy>p:not(.meta):not(.archive-note){color:#9da6a4}
.legacy-copy ul{list-style:none;margin:10px 0 24px;padding:18px 0 0;border-top:1px solid var(--line);width:100%;display:grid;gap:8px}
.legacy-copy li{color:#7f8a87;font-size:11px}
.legacy-copy li:before{content:"↳";color:var(--accent);margin-right:8px}
.archive-note{font:10px monospace;color:#707b78;border-left:1px solid var(--accent);padding-left:12px;margin:0 0 26px}
.legacy-copy .project-link{margin-top:auto}
@media(max-width:850px){.legacy-head{grid-template-columns:1fr;gap:16px}.legacy-grid{grid-template-columns:1fr}.legacy-card figure{aspect-ratio:1.7}}
@media(max-width:520px){.legacy-card figure{aspect-ratio:1.25}.legacy-copy{padding:24px}.legacy-head{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){.legacy-card,.legacy-card figure img{transition:none}.legacy-card:hover{transform:none}.legacy-card figure:hover img{transform:none}}