.collection { min-height: calc(100vh - 135px); padding: 82px 0; }.eyebrow { margin: 0 0 15px; color: #79e8d1; font: 750 .76rem ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }.collection h1 { margin: 0; font-size: clamp(3rem, 7vw, 5.8rem); letter-spacing: -.07em; line-height: 1; }.collection-intro { margin: 25px 0 0; color: var(--site-muted); line-height: 1.8; }.empty-panel { display: grid; place-items: center; min-height: 310px; margin-top: 62px; padding: 35px; border: 1px dashed #ffffff3d; border-radius: 18px; background: #ffffff07; text-align: center; }.empty-panel span { color: #79e8d1; font: 700 .75rem ui-monospace, monospace; letter-spacing: .12em; }.empty-panel h2 { margin: 13px 0 0; font-size: 1.4rem; }.empty-panel p { margin: 8px 0 0; color: var(--site-muted); }
.post-list { display: grid; gap: 14px; margin-top: 57px; }.post { padding: 27px; border: 1px solid var(--site-line); border-radius: 16px; background: #ffffff09; }.post-date { margin: 0; color: #79e8d1; font: .75rem ui-monospace, monospace; letter-spacing: .08em; }.post h2 { margin: 14px 0 11px; font-size: 1.35rem; }.post > p:not(.post-date) { max-width: 700px; margin: 0; color: var(--site-muted); line-height: 1.8; }.post span { display: inline-block; margin-top: 18px; color: #cfc8df; font-size: .8rem; }.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 57px; }.art-card { position: relative; min-height: 300px; display: flex; flex-direction: column; justify-content: end; padding: 23px; border: 1px solid var(--site-line); border-radius: 17px; overflow: hidden; background: linear-gradient(150deg, #492f7966, #111023); }.art-card span { position: absolute; top: 22px; left: 23px; color: #ffffff7a; font: .75rem ui-monospace, monospace; }.art-card h2 { margin: 0; font-size: 1.38rem; }.art-card p { margin: 7px 0 0; color: #ded8e9; font-size: .88rem; line-height: 1.6; }.art-two { background: linear-gradient(150deg, #29525c, #111023); }.art-three { background: linear-gradient(150deg, #795340, #111023); } @media (max-width: 700px) { .gallery { grid-template-columns: 1fr; }.art-card { min-height: 220px; } }