.blog-grid{background:radial-gradient(circle at 10% 0,#4a6fd414 0%,#0000 42%),linear-gradient(#f8faff 0%,#fff 100%);padding:clamp(3rem,6vw,5rem) 1.5rem clamp(4rem,7vw,6rem)}.blog-grid__inner{max-width:87.5rem;margin:0 auto}.blog-grid__list{gap:1.5rem;margin-top:1.5rem;display:grid}@media (min-width:768px){.blog-grid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem}}@media (min-width:1200px){.blog-grid__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-card{background:#fff;border:1px solid #13257314;border-radius:1.25rem;flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 10px 36px #0003280d}.blog-card:hover{border-color:#4a6fd433;transform:translateY(-4px);box-shadow:0 20px 50px #00458e1a}.blog-card--featured{flex-direction:column}@media (min-width:992px){.blog-card--featured{flex-direction:row;min-height:22rem}}.blog-card__media{aspect-ratio:16/10;background:#1325730f;display:block;position:relative;overflow:hidden}.blog-card--featured .blog-card__media{aspect-ratio:16/10}@media (min-width:992px){.blog-card--featured .blog-card__media{aspect-ratio:auto;flex:1.05;min-height:100%}}.blog-card__image{object-fit:cover;transition:transform .45s}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__category{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#000328b8;border-radius:9999px;padding:.35rem .75rem;font-size:.72rem;font-weight:600;position:absolute;top:1rem;left:1rem}.blog-card__body{flex-direction:column;flex:1;padding:1.35rem 1.35rem 1.5rem;display:flex}.blog-card--featured .blog-card__body{justify-content:center}@media (min-width:992px){.blog-card--featured .blog-card__body{flex:1;padding:2rem 2.25rem}}.blog-card__title{font-family:var(--font-heading);margin:.85rem 0 0;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;line-height:1.35}.blog-card--featured .blog-card__title{font-size:clamp(1.35rem,2.5vw,1.85rem)}.blog-card__title a{color:var(--foreground-deeper);text-decoration:none;transition:color .2s}.blog-card__title a:hover{color:var(--foreground-accent)}.blog-card__excerpt{font-family:var(--font-body);color:#1325739e;margin:.75rem 0 0;font-size:.92rem;line-height:1.75}.blog-card__footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.25rem;display:flex}.blog-card__author{align-items:center;gap:.7rem;min-width:0;display:flex}.blog-card__avatar-wrap{border-radius:9999px;flex-shrink:0;width:2.25rem;height:2.25rem;position:relative;overflow:hidden}.blog-card__avatar{object-fit:cover;object-position:center}.blog-card__author-name{font-family:var(--font-heading);color:var(--foreground-deeper);margin:0;font-size:.88rem;font-weight:600}.blog-card__author-role{font-family:var(--font-body);color:#13257385;margin:.1rem 0 0;font-size:.75rem}.blog-card__read{font-family:var(--font-body);color:var(--foreground-accent);flex-shrink:0;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.blog-card__read:hover{color:var(--foreground)}.blog-meta{flex-wrap:wrap;align-items:center;gap:.55rem 1rem;display:flex}.blog-meta--detail{gap:.65rem 1.15rem;padding:1rem 0 0}.blog-meta__author,.blog-meta__item{font-family:var(--font-body);color:#13257394;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.blog-meta__author{color:var(--foreground);font-weight:600}.blog-meta--detail .blog-meta__author,.blog-meta--detail .blog-meta__item{font-size:.84rem}.blog-meta__item--stat{color:var(--foreground-accent);font-weight:600}.blog-meta__item--read{background:var(--foreground-soft);border-radius:9999px;padding:.2rem .65rem;font-weight:500}.blog-article{background:#fff;padding:clamp(2.5rem,5vw,4rem) 1.5rem clamp(3rem,6vw,5rem)}.blog-article__inner{max-width:52rem;margin:0 auto}.blog-article__back{font-family:var(--font-body);color:var(--foreground-accent);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.blog-article__back:hover{color:var(--foreground)}.blog-article__category{background:var(--foreground-soft);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--foreground);border-radius:9999px;padding:.35rem .8rem;font-size:.72rem;font-weight:600;display:inline-block}.blog-article__title{font-family:var(--font-heading);color:var(--foreground-deeper);margin:1rem 0 0;font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:700;line-height:1.15}.blog-article__excerpt{font-family:var(--font-body);color:#132573a6;margin:1rem 0 0;font-size:clamp(1rem,1.8vw,1.12rem);line-height:1.8}.blog-article__author-card{background:linear-gradient(#f8faff 0%,#fff 100%);border:1px solid #13257314;border-radius:1rem;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.15rem;display:flex}.blog-article__author-avatar-wrap{border-radius:9999px;flex-shrink:0;width:3.5rem;height:3.5rem;position:relative;overflow:hidden}.blog-article__author-avatar{object-fit:cover;object-position:center}.blog-article__author-name{font-family:var(--font-heading);color:var(--foreground-deeper);margin:0;font-size:1rem;font-weight:700}.blog-article__author-role{font-family:var(--font-body);color:#1325738c;margin:.2rem 0 0;font-size:.84rem}.blog-article__cover{aspect-ratio:16/9;background:#1325730f;border-radius:1.25rem;margin-top:2rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #0003281a}.blog-article__cover-image{object-fit:cover}.blog-article__content{margin-top:2rem}.blog-article__content p{font-family:var(--font-body);color:#132573c7;margin:0 0 1.15rem;font-size:1.02rem;line-height:1.9}.blog-article__content p:last-child{margin-bottom:0}.blog-article__tags{color:var(--foreground-accent);border-top:1px solid #13257314;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:2rem;padding-top:1.5rem;display:flex}.blog-article__tag{font-family:var(--font-body);color:var(--foreground);background:#4a6fd41a;border-radius:9999px;padding:.35rem .75rem;font-size:.78rem;font-weight:500}.blog-article__engagement{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.blog-article__engage-btn{font-family:var(--font-body);color:var(--foreground);cursor:pointer;background:#fff;border:1px solid #1325731a;border-radius:9999px;align-items:center;gap:.45rem;padding:.65rem 1rem;font-size:.84rem;font-weight:600;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.blog-article__engage-btn:hover{color:var(--foreground-accent);background:#4a6fd414;border-color:#4a6fd459}.blog-comments{border-top:1px solid #1325731a;margin-top:2.5rem;padding-top:2rem}.blog-comments__title{font-family:var(--font-heading);color:var(--foreground-deeper);margin:0;font-size:1.35rem;font-weight:700}.blog-comments__list{margin:1.5rem 0 0;padding:0;list-style:none}.blog-comment{border-bottom:1px solid #1325730f;gap:.9rem;padding:1.15rem 0;display:flex}.blog-comment:last-child{border-bottom:none;padding-bottom:0}.blog-comment__avatar-wrap{border-radius:9999px;flex-shrink:0;width:2.75rem;height:2.75rem;position:relative;overflow:hidden}.blog-comment__avatar{object-fit:cover;object-position:center}.blog-comment__body{flex:1;min-width:0}.blog-comment__head{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;display:flex}.blog-comment__author{font-family:var(--font-heading);color:var(--foreground-deeper);margin:0;font-size:.92rem;font-weight:700}.blog-comment__time{font-family:var(--font-body);color:#1325737a;margin:0;font-size:.76rem}.blog-comment__text{font-family:var(--font-body);color:#132573b8;margin:.45rem 0 0;font-size:.9rem;line-height:1.7}.blog-comment__like{font-family:var(--font-body);color:var(--foreground-accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin-top:.55rem;padding:0;font-size:.78rem;font-weight:600;display:inline-flex}.blog-comment__like:hover{color:var(--foreground)}.blog-related{background:#f8faff;padding:0 1.5rem clamp(4rem,7vw,5.5rem)}.blog-related__inner{max-width:87.5rem;margin:0 auto}.blog-related__title{font-family:var(--font-heading);color:var(--foreground-deeper);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.blog-related__grid{gap:1.25rem;margin-top:1.5rem;display:grid}@media (min-width:768px){.blog-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-related__card{background:#fff;border:1px solid #13257314;border-radius:1rem;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0003280a}.blog-related__card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #00458e1a}.blog-related__image-wrap{aspect-ratio:16/10;position:relative;overflow:hidden}.blog-related__image{object-fit:cover;transition:transform .35s}.blog-related__card:hover .blog-related__image{transform:scale(1.04)}.blog-related__body{padding:1rem 1.1rem 1.15rem}.blog-related__category{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-accent);font-size:.7rem;font-weight:600}.blog-related__card-title{font-family:var(--font-heading);color:var(--foreground-deeper);margin:.45rem 0 0;font-size:1rem;font-weight:700;line-height:1.4}.blog-related__link{font-family:var(--font-body);color:var(--foreground-accent);align-items:center;gap:.25rem;margin-top:.65rem;font-size:.8rem;font-weight:600;display:inline-flex}
