.el63-space-cards { color:#171717; background-color:#fff; padding-block:32px; }
.el63-container { background-position:center; background-repeat:no-repeat; }
.el63-heading { margin-block-end:24px; text-align:right; }
.el63-heading:empty { display:none; }
.el63-heading h2 { color:#111; font-size:clamp(1.5rem,3vw,2.8rem); line-height:1.5; font-weight:800; margin:0 0 8px; }
.el63-heading p { color:#626262; line-height:1.9; margin:0; }
.el63-grid { direction:rtl; display:grid; grid-template-columns:repeat(var(--el63-columns-d),minmax(0,1fr)); grid-template-rows:repeat(var(--el63-rows-d),minmax(0,auto)); gap:var(--el63-gap-d); }
.el63-card { --el63-border-angle:0deg; position:relative; isolation:isolate; min-width:0; display:flex; flex-direction:column; grid-column:var(--el63-col-d,auto); grid-row:var(--el63-row-d,auto); border:1px solid var(--amin-color-border); border-radius:22px; background:var(--amin-color-surface); color:var(--amin-color-text); overflow:hidden; transition:transform .25s ease,box-shadow .25s ease; }
.el63-card:has(.el63-link)::before { content:""; position:absolute; z-index:2; inset:-1px; padding:2px; border-radius:inherit; background:conic-gradient(from var(--el63-border-angle),transparent 0 73%,color-mix(in srgb,var(--amin-color-primary) 8%,transparent) 80%,color-mix(in srgb,var(--amin-color-primary) 38%,transparent) 89%,var(--amin-color-primary) 96%,color-mix(in srgb,var(--amin-color-primary) 55%,white) 98%,var(--amin-color-primary) 100%); opacity:0; pointer-events:none; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; transition:opacity .2s ease; }
.el63-card:has(.el63-link):hover { transform:translateY(-3px); box-shadow:0 10px 24px color-mix(in srgb,var(--amin-color-primary) 14%,transparent); }
.el63-card:has(.el63-link):hover::before { opacity:1; animation:el63-border-orbit 1.65s linear infinite; }
@property --el63-border-angle { syntax:"<angle>"; initial-value:0deg; inherits:false; }
@keyframes el63-border-orbit { to { --el63-border-angle:360deg; } }
.el63-content { flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:28px 18px; gap:8px; min-width:0; }
.el63-card h3 { margin:0; color:inherit; font-size:1.2rem; line-height:1.7; font-weight:750; overflow-wrap:anywhere; }
.el63-card p { margin:0; font-size:.9rem; line-height:1.9; color:inherit; overflow-wrap:anywhere; }
.el63-photo { width:100%; aspect-ratio:16/9; overflow:hidden; }
.el63-photo img { width:100%; height:100%; display:block; object-fit:cover; }
.el63-symbol { width:64px; height:64px; flex:0 0 64px; border-radius:50%; display:grid; place-items:center; background:var(--amin-color-surface); color:var(--amin-link-foreground); font-size:28px; }
.el63-symbol img { width:64px; height:64px; object-fit:contain; border-radius:inherit; }
.el63-card--photo:not(.el63-card--featured) .el63-symbol { margin-block-start:-60px; position:relative; }
.el63-card--featured { background:var(--amin-color-surface-raised); }
.el63-card--featured .el63-content { align-items:flex-start; text-align:right; padding:10px; justify-content:flex-end; }
.el63-card--featured h3 { font-size:clamp(1.5rem,2.5vw,2.2rem); }
.el63-card--featured.el63-card--photo .el63-photo { position:absolute; inset:0; height:100%; aspect-ratio:auto; z-index:-2; }
.el63-card--featured.el63-card--photo .el63-content { background:var(--amin-color-surface); margin:24px; border-radius:16px; flex:0 1 auto; margin-block-start:auto; }
.el63-tag { align-self:flex-end; max-width:calc(100% - 40px); margin:20px; padding:6px 18px; border-radius:999px; background:var(--amin-color-primary); color:var(--amin-color-on-primary); font-size:.9rem; line-height:1.8; overflow-wrap:anywhere; }
.el63-link { color:inherit; text-decoration:none; }
.el63-link::after { content:""; position:absolute; inset:0; z-index:1; border-radius:22px; }
.el63-link:hover { color:var(--amin-link-hover-foreground); }
.el63-link:active { color:var(--amin-link-active-foreground); }
.el63-card:focus-within { outline:3px solid var(--amin-color-focus-ring); outline-offset:3px; }
@media (max-width:1023.98px) {
 .el63-grid { grid-template-columns:repeat(var(--el63-columns-t),minmax(0,1fr)); grid-template-rows:repeat(var(--el63-rows-t),minmax(0,auto)); gap:var(--el63-gap-t); }
 .el63-card { grid-column:var(--el63-col-t); grid-row:var(--el63-row-t); }
}
@media (max-width:767.98px) {
 .el63-grid { grid-template-columns:repeat(var(--el63-columns-m),minmax(0,1fr)); grid-template-rows:repeat(var(--el63-rows-m),minmax(0,auto)); gap:var(--el63-gap-m); }
 .el63-card { grid-column:1 / -1; grid-row:auto; }
 .el63-card--featured { order:-1; background:var(--amin-color-surface); }
 .el63-card--featured .el63-content { align-items:center; justify-content:center; text-align:center; padding:28px 18px; margin:0; border-radius:0; }
 .el63-card--featured h3 { font-size:1.2rem; }
 .el63-card--featured.el63-card--photo .el63-photo { position:static; inset:auto; height:auto; aspect-ratio:16/9; z-index:auto; }
 .el63-card--featured.el63-card--photo .el63-symbol { margin-block-start:-60px; position:relative; }
 .el63-card--featured .el63-tag { position:absolute; inset-block-start:16px; inset-inline-start:16px; z-index:2; align-self:auto; max-width:calc(100% - 32px); margin:0; }
}
@media (prefers-reduced-motion:reduce) {
 .el63-card { transition:none; }
 .el63-card:has(.el63-link):hover { transform:none; }
 .el63-card:has(.el63-link):hover::before { animation:none; --el63-border-angle:45deg; }
}