.archive-part{display:grid;grid-gap:24px;gap:24px}.archive-part-content,.archive-part-content-vertical{display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%}.archive-part-content-vertical{align-items:center}.archive-part-content-vertical .card{position:relative;display:flex;flex-direction:column;width:100%;height:255px;border-radius:12px;background-color:#201b17;color:#fff}.archive-part-content-vertical .card img{width:100%;height:100%;border-radius:12px}.archive-part-content-vertical .card-title{position:absolute;left:0;bottom:0;z-index:2;display:flex;justify-content:flex-start;align-content:flex-end;padding:14px 16px;width:100%;border-radius:0 0 12px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgba(0,0,0,.2);text-align:left}@media(min-width:744px){.archive-part-content{display:flex;flex-direction:row}}@media(min-width:1048px){.archive-part{gap:40px}.archive-part-content{display:flex}.archive-part-content-vertical{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;margin:0 -10px;width:100%}.archive-part-content-vertical .card:first-child{margin-bottom:16px;max-width:482.5px;width:100%;height:482.5px}.archive-part-content-vertical.reverse .card:first-child{margin-bottom:0;max-width:228px;width:100%;height:228px}.archive-part-content-vertical.reverse .card:last-child{margin-top:16px;max-width:482px;width:100%;height:482px}.archive-part-content-vertical .card{margin:0 10px;max-width:230px;width:100%;height:230px}}.electro-part{display:flex;gap:20px}.electro-part .card{position:relative;display:flex;flex-direction:column;align-content:space-between;width:100%;height:400px;border-radius:12px;background-color:#201b17;color:#fff}.electro-part .card img{width:100%;height:auto;border-radius:12px}.electro-part .card-content{position:absolute;left:0;top:0;z-index:3;display:grid;align-content:space-between;padding:32px;width:100%;height:400px}.electro-part .card-content-title{font-size:32px;font-weight:700;line-height:38.4px;text-align:left}.electro-part .card-content .card-action{width:100%}@media(max-width:744px){.electro-part{gap:12px}.electro-part .card{width:100%;height:284px}.electro-part .card-content{height:284px}.electro-part .card-content-title{font-size:24px;line-height:28.8px}}@media(max-width:576px){.electro-part{display:grid}}