.cc_wvu8a0gt_IOHAXhcPnv .arch__grid { display: grid; grid-auto-flow: column; grid-auto-columns: 11.5rem; gap: 0.75rem; overflow-x: auto; padding-bottom: 0.5rem; scrollbar-width: none; }
.cc_wvu8a0gt_IOHAXhcPnv .arch__grid::-webkit-scrollbar { display: none; }
@media (min-width: 1024px) { .cc_wvu8a0gt_IOHAXhcPnv .arch__grid { grid-auto-flow: row; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow: visible; } }
.cc_wvu8a0gt_IOHAXhcPnv .arch__card { position: relative; display: flex; flex-direction: column; min-height: 20rem; padding: 1.125rem 1rem 0; border-radius: 26px; color: var(--devre-ink); text-decoration: none; overflow: hidden; transition: transform 0.35s var(--devre-ease); }
.cc_wvu8a0gt_IOHAXhcPnv .arch__card:hover { transform: translateY(-6px); }
.cc_wvu8a0gt_IOHAXhcPnv .arch__head h3 { margin: 0; padding-right: 2.75rem; font-family: var(--devre-font-soft); font-size: 1.15rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; }
.cc_wvu8a0gt_IOHAXhcPnv .arch__head small { display: block; margin-top: 0.3rem; color: var(--devre-ink-2); font-size: 0.82rem; }
.cc_wvu8a0gt_IOHAXhcPnv .arch__go { position: absolute; right: 0.875rem; top: 0.875rem; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: var(--devre-ink); color: var(--devre-white); font-size: 1rem; transition: transform 0.3s var(--devre-ease); }
.cc_wvu8a0gt_IOHAXhcPnv .arch__card:hover .arch__go { transform: rotate(45deg); }
.cc_wvu8a0gt_IOHAXhcPnv .arch__img { position: relative; margin: auto 0.25rem 0; aspect-ratio: 1 / 1.05; overflow: hidden; transition: transform 0.6s var(--devre-ease); }
.cc_wvu8a0gt_IOHAXhcPnv .arch__img img { width: 100%; height: 100%; object-fit: cover; }
.cc_wvu8a0gt_IOHAXhcPnv .arch__card:hover .arch__img { transform: translateY(-8px); }