.article-page .article-hero{position:relative;margin:0 0 2.25rem;padding:2.4rem 1.9rem 2rem;border-radius:18px;overflow:hidden;isolation:isolate;border:1px solid rgba(127,233,255,.18);background:radial-gradient(900px 360px at 12% -25%,rgba(74,185,204,.16),transparent 60%),radial-gradient(720px 340px at 100% 0%,rgba(160,121,207,.18),transparent 58%),linear-gradient(135deg,#0a1119,#0a0f17 58%,#0c0a18);box-shadow:0 22px 60px -28px #000d,inset 0 0 0 1px #ffffff08}.article-page .article-hero__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.article-page .article-hero.is-loaded .article-hero__bg{opacity:.5}.article-page .article-hero.has-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#04070b66,#04070bdb)}.article-page .article-hero__hex{position:absolute;right:-36px;top:-36px;width:190px;height:190px;z-index:-1;background:linear-gradient(135deg,#4ab9cc,#a079cf);opacity:.1;pointer-events:none;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%)}.article-page .article-hero__inner{position:relative;z-index:1;max-width:54rem}.article-page .article-hero .article-breadcrumb{margin:0 0 .9rem;font-size:.8rem;color:#9fb0c4}.article-page .article-hero .article-breadcrumb a{color:#7fe9ff;text-decoration:none}.article-page .article-hero .article-breadcrumb a:hover{text-decoration:underline}.article-page .article-hero .article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .7rem}.article-page .article-hero .article-tag{display:inline-block;margin:0 0 .7rem;padding:.32rem .8rem;border-radius:999px;font:700 .72rem/1 Outfit,Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#cfe9ff;background:#4ab9cc14;border:1px solid rgba(127,233,255,.28);text-decoration:none}.article-page .article-hero .article-tags .article-tag{margin:0}.article-page .article-hero h1{margin:.2rem 0 .6rem;color:#f3f7fc;font:800 clamp(1.7rem,4.4vw,2.7rem)/1.12 Outfit,Inter,sans-serif;letter-spacing:-.01em}.article-page .article-hero .article-meta{margin:0;color:#9fb0c4;font-size:.82rem}.article-page .article-hero__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.6rem 1.15rem;border-radius:999px;text-decoration:none;font:700 .82rem/1 Outfit,Inter,sans-serif;color:#04070b;background:linear-gradient(135deg,#4ab9cc,#8aa8d6 48%,#a079cf);box-shadow:0 12px 30px -10px #4ab9cc5c}.article-page .article-hero__cta:hover{filter:brightness(1.05)}.article-page .article-hero__cta svg{width:15px;height:15px}@media(max-width:600px){.article-page .article-hero{padding:1.7rem 1.2rem 1.5rem;border-radius:14px;margin-bottom:1.6rem}.article-page .article-hero__hex{width:130px;height:130px;right:-28px;top:-28px}}@media(prefers-reduced-motion:reduce){.article-page .article-hero__bg{transition:none}}.article-page .article-hero--titled{padding:1rem 1rem 1.4rem}.article-page .article-hero--titled .article-hero__hex{display:none}.article-page .article-hero--titled.has-cover:after{display:none}.article-page .article-hero--titled .article-hero__inner{display:flex;flex-direction:column;max-width:none}.article-page .article-hero--titled .article-hero__bg{position:static;inset:auto;z-index:auto;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:12px;display:block;order:0}.article-page .article-hero--titled.is-loaded .article-hero__bg{opacity:1}.article-page .article-hero--titled .article-breadcrumb{order:-1;margin:0 0 .85rem}.article-page .article-hero--titled .article-meta{margin:.95rem 0 0}.article-page .article-hero--titled .article-hero__cta{margin-top:1rem}.article-page .article-hero--titled.has-cover h1,.article-page .article-hero--titled.has-cover .article-tag,.article-page .article-hero--titled.has-cover .article-tags{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.article-page .article-hero:has(+.blog-share-bar){margin-bottom:1rem}