.hero-outer{position:relative;width:100%;background-color:#0d1117;overflow:hidden}.hero-outer:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(to right,#0d1117 20%,rgba(13,17,23,.6) 50%,transparent 90%),url(/images/bg6.jpg);background-size:cover;background-position:right center;background-repeat:no-repeat;z-index:0}.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:16rem 2rem 12rem;display:flex;align-items:center;box-sizing:border-box}.hero-text-area{width:100%;max-width:600px;padding-right:2rem;color:#fff}.hero-title-svg{width:100%;max-width:550px;margin:0 0 1.5rem;fill:currentColor}.hero-title-svg svg{display:block;width:100%;height:auto}.main-content-outer{background:#e8e8ed;width:100%;padding:5rem 0;box-sizing:border-box}.main-content-inner{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3.5rem 2.5rem;width:100%}.article-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:all .4s cubic-bezier(.16,1,.3,1);text-decoration:none;display:flex;flex-direction:column}.card-img-holder{width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#0d1117}.card-img-holder img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}@media (hover: hover) and (pointer: fine){.article-card:hover,.article-card.dynamic-fade.is-visible:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0d111714}.article-card:hover .card-img-holder img{transform:scale(1.03)}}.card-info{padding:1.25rem 1.4rem 1.45rem}.card-date{font-size:.8rem;color:#8b949e;margin-bottom:.5rem;display:block}.card-title{font-size:1.15rem;font-weight:700;color:#0d1117;margin:0 0 .28rem;line-height:1.35;overflow-wrap:break-word;hyphens:none}.no-orphan{display:inline-block;white-space:nowrap;line-break:strict;word-break:keep-all}.card-desc{letter-spacing:-.02em;font-size:.85rem;font-weight:500;line-height:1.3;color:#57606a;margin:0 0 0 1px}.read-more-wrapper{text-align:center;margin-top:5rem}.read-more-btn{display:inline-block;background:#0d1117;color:#fff;text-decoration:none;padding:1rem 3rem;border-radius:30px;font-weight:600;font-size:.95rem;letter-spacing:-.01em;transition:all .3s;box-shadow:0 10px 25px #0d111726}.read-more-btn:hover{background:#4c1d95;transform:translateY(-2px);box-shadow:0 15px 30px #4c1d954d}@media screen and (max-width: 1024px){.hero-outer .hero-inner{padding:11rem 3rem 5rem}.main-content-outer{width:100%;max-width:100vw;overflow-x:hidden;padding:3.5rem 0;margin:0;box-sizing:border-box}.main-content-inner{width:100%;max-width:100%;margin:0 auto;padding:0 2rem;box-sizing:border-box}.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem 1rem}.card-info{padding:.85rem 1rem .9rem}.card-title{font-size:1rem;line-height:1.3;margin-bottom:.2rem}.card-desc{font-size:.85rem;line-height:1.35}.read-more-wrapper{margin-top:3.5rem}}@media screen and (max-height: 500px) and (orientation: landscape){.hero-outer .hero-inner{padding:8.5rem 3rem 3.5rem}.main-content-outer{padding:3.5rem 0}.main-content-inner{padding:0 3rem}.article-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem 1rem}.card-info{padding:.85rem 1rem .9rem}.card-title{font-size:.85rem;line-height:1.2;margin-bottom:.2rem}.card-desc{font-size:.7rem;line-height:1.2}.read-more-wrapper{margin-top:3.5rem}}@media screen and (max-width: 640px){.hero-outer .hero-inner{padding:13.5rem .75rem 10rem}.hero-text-area{padding-right:0}.main-content-outer{padding:3.5rem 0}.main-content-inner{padding:0 1rem}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .8rem}.card-info{padding:.85rem .9rem 1rem}.card-title{font-size:1rem;line-height:1.3;margin-bottom:.2rem}.card-desc{font-size:.8rem;line-height:1.25}.read-more-wrapper{margin-top:3.5rem}}.article-card.dynamic-fade{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.article-card.dynamic-fade.is-visible{opacity:1;transform:translateY(0)}