.covers-section{margin-bottom:48px;border:1px solid var(--cf-color-surface-border);padding:20px;background:#0000004d}.covers-section h2{font-size:var(--cf-font-size-header);color:var(--cf-color-primary);margin-bottom:24px;text-transform:uppercase;border-bottom:2px solid var(--cf-color-primary);display:inline-block;padding-bottom:5px}.covers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.cover-item{position:relative;background:var(--cf-color-surface);border:2px solid var(--cf-color-primary-dim);overflow:hidden;cursor:pointer;height:300px;transition:all .2s}.cover-item:hover{border-color:var(--cf-color-primary);box-shadow:0 0 15px #ffb00033;transform:translateY(-2px)}.cover-item:before{content:"";position:absolute;top:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,transparent 50%,var(--cf-color-primary) 50%);z-index:10}.cover-item img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(30%) contrast(120%);transition:filter .3s}.cover-item:hover img{filter:grayscale(0%) contrast(100%)}.cover-overlay{position:absolute;bottom:0;left:0;right:0;padding:15px;background:#000000e5;border-top:1px solid var(--cf-color-primary-dim);transform:translateY(0)}.cover-overlay h3{font-size:20px;color:var(--cf-color-primary);margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.cover-overlay p{font-size:14px;color:var(--cf-color-primary-dim);margin-bottom:10px}.cover-tag{display:inline-block;background:transparent;border:1px solid var(--cf-color-primary);color:var(--cf-color-primary);padding:4px 8px;font-size:12px;text-transform:uppercase}.cover-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center;padding:24px}.cover-modal-content{position:relative;background:var(--cf-color-bg);border:2px solid var(--cf-color-primary);max-width:1200px;width:100%;box-shadow:0 0 30px #ffb0001a;display:flex;flex-direction:column}.cover-modal-close{position:absolute;top:10px;right:15px;color:var(--cf-color-primary);font-size:32px;cursor:pointer;z-index:100;line-height:1}.cover-modal-close:hover{text-shadow:0 0 10px var(--cf-color-primary)}.cover-modal-layout{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.cover-modal-text{padding:40px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--cf-color-primary-dim)}.cover-modal-tag-badge{align-self:flex-start;border:1px solid var(--cf-color-primary);padding:5px 10px;text-transform:uppercase;font-size:12px;color:var(--cf-color-primary)}.cover-modal-text h2{font-size:36px;color:var(--cf-color-primary);text-transform:uppercase;text-shadow:0 0 5px rgb(255 176 0 / 30%)}.modal-abstract{font-size:18px;color:var(--cf-color-primary-dim);font-style:italic;border-left:3px solid var(--cf-color-primary-dim);padding-left:15px}.modal-description{margin-top:10px;padding-top:20px;border-top:1px dashed var(--cf-color-surface-border);font-family:var(--cf-font-family),serif}.modal-description h3{color:var(--cf-color-primary);margin-bottom:10px;text-transform:uppercase}.btn-open-collection{margin-top:auto;background:transparent;border:2px solid var(--cf-color-primary);color:var(--cf-color-primary);padding:15px 30px;font-family:var(--cf-font-family),serif;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-size:16px;align-self:flex-start}.btn-open-collection:hover{background:var(--cf-color-primary);color:var(--cf-color-bg);box-shadow:0 0 15px #ffb0007f}.cover-modal-image{position:relative;overflow:hidden;background:#000}.cover-modal-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(50%)}@media(max-width:968px){.cover-modal-layout{grid-template-columns:1fr}.cover-modal-text{border-right:none;border-bottom:1px solid var(--cf-color-primary-dim)}.cover-modal-image{order:-1;height:300px}}