/* Архив: картинка проекта слева, список файлов справа. */
.proj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:start;margin-bottom:40px}
/* рамку картинки рисуют слои поверх неё: тень внутри img закрывает сама картинка */
.proj .shot{position:relative;background:#0f0808;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.proj .shot img{display:block;width:100%}
.proj .shot::before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none}
.proj .shot::after{--cs:22px;content:"";position:absolute;top:0;right:0;width:var(--cs,12px);height:var(--cs,12px);pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1.4px),var(--cc,var(--line)) calc(50% - 1px),var(--cc,var(--line)) calc(50% - .1px),transparent 50%)}
.proj h2.first{margin-top:0}
.flist{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.flist a{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;text-decoration:none;background:#120909}
.flist a:hover{background:#1c0d0c}
.flist b{font:700 19px/1.2 var(--head);text-transform:uppercase;letter-spacing:.03em}
.flist span{color:var(--mute);text-align:right}
.lic{color:var(--mute);max-width:44em}
@media (max-width:899px){.proj{grid-template-columns:1fr}}