.archive{width:min(1400px,100% - 32px);margin:0 auto;padding:64px 0 120px}.archive__header{text-align:center;margin-bottom:56px}.archive__header h1{margin:0 0 16px;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1}.archive__header p{color:#666;max-width:760px;margin:0 auto;font-size:16px;line-height:1.7}.archive__grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;display:grid}.archive__card{background:#fff;border:1px solid #0000000f;border-radius:18px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.archive__card:hover{border-color:#0000001f;transform:translateY(-4px);box-shadow:0 20px 40px #00000014,0 6px 12px #0000000a}.archive__image{object-fit:cover;width:100%;max-height:400px;display:block}.archive__content{flex-direction:column;gap:12px;padding:20px;display:flex}.archive__title{margin:0;font-size:22px;font-weight:600;line-height:1.2}.archive__title a{color:inherit;text-decoration:none}.archive__subtitle{color:#888;margin:0;font-size:14px;line-height:1.5}.archive__description{color:#555;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.archive__link{color:#111;width:fit-content;margin-top:auto;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.archive__link:hover{opacity:.65}@media (max-width:768px){.archive{width:calc(100% - 24px);padding:40px 0 100px}.archive__header{margin-bottom:40px}.archive__header p{font-size:15px}.archive__grid{grid-template-columns:1fr;gap:24px}.archive__content{padding:16px}.archive__title{font-size:20px}}