.list-group>a.blog-index-card,a.blog-index-card{border-radius:var(--br-9xl);color:#fff;background:0 0;padding:0;display:block;position:relative;overflow:hidden}.blog-index-card:before,.blog-index-card:after{content:none!important}.list-group>a.blog-index-card:hover,a.blog-index-card:hover{background:0 0!important}.blog-card-container{box-sizing:border-box;border-radius:inherit;background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 36%), color-mix(in srgb, var(--container-background) 72%, var(--background));align-items:flex-end;width:100%;min-height:clamp(250px,28vw,420px);padding:clamp(20px,4vw,36px);display:flex;position:relative;overflow:hidden}.blog-card-background{z-index:0;position:absolute;inset:0}.blog-card-gradient{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#00000014 28%,#0000005c 62%,#000000ad 100%),linear-gradient(90deg,#0000003d 0%,#0000000f 58%,#0000 100%);position:absolute;inset:0}.blog-card-container--fallback .blog-card-gradient{background:linear-gradient(to top, color-mix(in srgb, var(--primary) 25%, transparent) 0%, transparent 72%), radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 42%)}.blog-card-text-content{z-index:2;color:#fff;flex-direction:column;gap:10px;width:min(100%,820px);min-width:0;font-family:One UI Sans,sans-serif;font-weight:600;display:flex;position:relative}.body-text-blog-title{color:#fff;text-shadow:0 1px 8px #00000061;overflow-wrap:anywhere;font-size:clamp(1.45rem,3.2vw,2.4rem);font-weight:700;line-height:1.1}.blog-card-text-content .information-wrapper{flex-direction:column;gap:8px;min-width:0;display:flex}.blog-card-text-content .information{-webkit-line-clamp:2;color:#ffffffd6;text-shadow:0 1px 5px #00000059;-webkit-box-orient:vertical;font-size:clamp(.95rem,1.7vw,1.18rem);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-card-text-content .information p{margin:0}.blog-card-meta{flex-wrap:wrap;align-items:center;gap:8px;font-family:One UI Sans,sans-serif;display:flex}.blog-card-pill{color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#ffffff2e;border-radius:999px;max-width:100%;padding:5px 14px;font-size:.8125rem;font-weight:600;overflow:hidden}.blog-card-pill-muted{color:#fff;background:#ffffff3d}html[data-theme=dark] .blog-card-pill{background:#ffffff29}html[data-theme=dark] .blog-card-pill-muted{background:#ffffff38}.design-project-card{background:var(--container-background);border-radius:var(--br-lg);width:320px;height:240px;color:inherit;flex-shrink:0;align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.design-project-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#00000029 24%,#000000ad 54%,#000000eb 100%);position:absolute;inset:0}.design-project-thumbnail{border-radius:inherit;background:color-mix(in srgb, var(--container-background) 80%, var(--primary) 20%);position:absolute;inset:0;overflow:hidden}.design-project-image{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.design-project-card:hover .design-project-image{transform:scale(1.025)}.design-project-info{z-index:2;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:18px;display:flex;position:relative}.design-project-title{color:#fff;text-shadow:0 1px 6px #0000006b;overflow-wrap:anywhere;font-family:One UI Sans,sans-serif;font-size:18px;font-weight:700;line-height:1.2}.design-project-tag{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border-radius:999px;flex-shrink:0;padding:5px 12px;font-family:One UI Sans,sans-serif;font-size:12px;font-weight:600}@media (max-width:699px){.design-project-info{padding:16px}.design-project-title{font-size:16px}}