.blog-page{background:#050605}
.blog-page .nav-links a[aria-current="page"]{color:var(--green);text-decoration:underline;text-underline-offset:9px}
.blog-hero{background:radial-gradient(ellipse at 80% 40%,rgba(82,154,59,.11),transparent 48%),#050605;border-bottom:1px solid var(--line)}
.blog-hero-inner{width:min(calc(100% - 48px),var(--max));min-height:630px;margin:auto;padding:145px 0 85px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;gap:clamp(40px,7vw,110px)}
.blog-hero h1{font:italic clamp(56px,7.1vw,105px)/.91 var(--display);letter-spacing:-.025em;margin:20px 0 28px}
.blog-hero h1 span{color:var(--green)}
.blog-lead{font-size:clamp(17px,1.7vw,21px);line-height:1.55;color:#c4cec3;max-width:600px;margin:0}
.blog-hero-mark{height:470px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:38px 44px;background:linear-gradient(135deg,rgba(97,255,51,.1),transparent 47%),#101710;border:1px solid rgba(133,255,104,.32);box-shadow:0 34px 100px rgba(0,0,0,.22);overflow:hidden}
.blog-hero-mark::after{content:"";position:absolute;inset:20px;border:1px solid rgba(133,255,104,.12);pointer-events:none}
.blog-hero-mark>span,.blog-hero-mark i{color:#a5d99b;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.2em;position:relative;z-index:1}
.blog-hero-mark strong{font:italic clamp(55px,5.9vw,86px)/.88 var(--display);color:var(--green);letter-spacing:-.025em;margin:35px 0;position:relative;z-index:1}
.blog-index{width:min(calc(100% - 48px),var(--max));margin:auto;padding:78px 0 112px}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#0c0f0d}
.blog-card-art{min-height:215px;aspect-ratio:16/10;background:radial-gradient(circle at 50% 68%,rgba(97,255,51,.1),transparent 42%),#040604;display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
.blog-card-emblem{height:100px;width:100px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#18251a,#0a0f0b);box-shadow:0 20px 48px rgba(0,0,0,.28),0 0 42px rgba(97,255,51,.06)}
.blog-card-emblem .blog-card-logo{width:64px;height:64px;border-radius:12px;object-fit:contain}
.blog-card-copy{padding:26px 26px 30px;min-height:150px}
.blog-card-status{display:block;color:#a9c9a0;font-size:11px;font-weight:800;letter-spacing:.16em}
.blog-card-skeleton{display:grid;gap:13px;margin-top:27px}
.blog-card-skeleton span{height:13px;border-radius:3px;background:linear-gradient(90deg,#263027,#1a211b)}
.blog-card-skeleton span:nth-child(2){width:80%}
.blog-card-skeleton span:nth-child(3){width:55%;height:10px;background:#1a211b}
.blog-page a:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(max-width:980px){.blog-hero-inner{grid-template-columns:1fr;min-height:0;gap:50px}.blog-hero-mark{height:340px;max-width:700px}.blog-hero-mark strong{font-size:70px;margin:25px 0}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:741px) and (max-width:950px){.blog-page .nav-links{gap:12px;font-size:12px}}
@media(max-width:740px){.blog-hero-inner{width:calc(100% - 36px);padding:130px 0 70px;gap:55px}.blog-hero h1{font-size:clamp(48px,11vw,70px)}.blog-lead{font-size:17px}.blog-hero-mark{height:300px;padding:30px}.blog-hero-mark strong{font-size:clamp(52px,13vw,70px)}.blog-index{width:calc(100% - 36px);padding:48px 0 76px}.blog-card-grid{grid-template-columns:1fr;gap:22px}.blog-card-art{min-height:190px}.blog-card-copy{min-height:125px;padding:24px}}
@media(max-width:360px){.blog-hero h1{font-size:43px}}