.blog-index{min-height:100dvh;padding:clamp(28px, 5vw, 72px) max(14px, env(safe-area-inset-right,0px)) clamp(60px, 8vw, 110px) max(14px, env(safe-area-inset-left,0px));color:#fff;font-family:var(--font-body,Manrope, sans-serif);background:radial-gradient(circle at 80% 0,#37404c33,#0000 34%),#000}.blog-index__inner{width:min(1180px,100%);margin:0 auto}.blog-index__back{color:#ffffffb3;margin-bottom:clamp(42px,7vw,80px);font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.blog-index__head{max-width:760px;margin-bottom:clamp(30px,5vw,52px)}.blog-index__eyebrow,.blog-index__category{color:#ffffff94;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:800}.blog-index__head h1{font-family:var(--font-display,Oswald, sans-serif);text-transform:uppercase;margin:0;font-size:clamp(48px,8vw,96px);line-height:.98}.blog-index__head>p:last-child{color:#ffffffb8;max-width:620px;margin:20px 0 0;font-size:clamp(14px,1.5vw,18px);line-height:1.55}.blog-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.blog-index__card{background:#0c0f13;border:1px solid #ffffff1f;border-radius:22px;transition:transform .25s,border-color .25s;overflow:hidden}.blog-index__card:hover{border-color:#ffffff47;transform:translateY(-4px)}.blog-index__link{color:#fff;flex-direction:column;height:100%;text-decoration:none;display:flex}.blog-index__link:focus-visible,.blog-index__back:focus-visible{outline-offset:4px;outline:2px solid #fff}.blog-index__image{aspect-ratio:4/3;background:#15191f;position:relative;overflow:hidden}.blog-index__image img{object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.blog-index__card:hover .blog-index__image img{transform:scale(1.04)}.blog-index__body{flex-direction:column;flex:1;padding:18px;display:flex}.blog-index__body h2{margin:0;font-size:clamp(18px,2vw,24px);line-height:1.15}.blog-index__excerpt{color:#ffffffad;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 22px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-index__open{letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;font-size:10px;font-weight:800;display:flex}@media (max-width:900px){.blog-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.blog-index__grid{grid-template-columns:1fr}.blog-index__card{border-radius:18px}}@media (prefers-reduced-motion:reduce){.blog-index__card,.blog-index__image img{transition:none}}