.blog-page,.article-page{--teal:#082b31;--yellow:#fff275;--mint:#68ffcf;--coral:#ff5a75;--bg:#082b31;--bg-2:#06222a;--surface:#0c3a41;--surface-2:#104650;--line:#ffffff17;--ink:#fffffff0;--muted:#ffffffb8;--muted-2:#ffffff80;--maxw:1180px;--article-max:860px;--font:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:22px;min-height:70vh;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;position:relative;overflow-x:hidden}.blog-page:before,.article-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 88% 6%,#fff2751f,#0000 58%),radial-gradient(50% 40% at 6% 88%,#68ffcf14,#0000 55%),radial-gradient(40% 35% at 48% 42%,#ff5a750d,#0000 60%);position:absolute;inset:0}.blog-page>*,.article-page>*{z-index:1;position:relative}.blog-page *,.article-page *{box-sizing:border-box}.blog-page a,.article-page a{color:inherit;text-decoration:none}.blog-page h1,.blog-page h2,.blog-page h3,.article-page h1,.article-page h2,.article-page h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.1}.blog-page p,.article-page p{color:var(--muted);margin:0}.blog-shell{max-width:var(--maxw);margin:0 auto;padding:132px 24px 96px}.blog-heading{max-width:38rem;margin-bottom:48px}.blog-page .blog-kicker,.article-page .blog-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.74rem;font-weight:700;display:inline-flex}.blog-page .blog-kicker:before,.article-page .blog-kicker:before{content:"";background:var(--yellow);width:20px;height:1px}.blog-heading h1{margin-bottom:.85rem;font-size:clamp(2.6rem,6vw,3.8rem)}.blog-intro{color:var(--muted);max-width:44ch;font-size:1.2rem;line-height:1.7}.blog-featured{border-radius:calc(var(--radius) + 4px);border:1px solid var(--line);background:linear-gradient(160deg,#1046508c,#0c3a4159);grid-template-columns:1.12fr .88fr;align-items:center;gap:36px;padding:22px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid}.blog-featured:hover{border-color:#68ffcf47;transform:translateY(-2px);box-shadow:0 22px 48px -28px #0000008c}.blog-featured-media,.blog-item-media,.blog-cover,.article-cover{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);position:relative;overflow:hidden}.blog-featured-media{aspect-ratio:16/10;min-height:280px}.blog-cover-fallback{background:radial-gradient(circle at 28% 28%,#fff2752e,#0000 42%),radial-gradient(circle at 78% 72%,#68ffcf24,#0000 45%),linear-gradient(145deg,#0c3a41,#06222a);width:100%;height:100%;display:block}.blog-featured-copy time,.blog-item-copy time,.article-date{letter-spacing:.04em;color:var(--muted-2);margin-bottom:12px;font-size:.92rem;font-weight:600;display:block}.blog-featured-copy h2{margin-bottom:14px;font-size:clamp(1.75rem,3.2vw,2.35rem);transition:color .15s}.blog-featured:hover h2{color:var(--yellow)}.blog-featured-copy p{max-width:44ch;color:var(--muted);font-size:1.14rem;line-height:1.7}.blog-feed{border-top:1px solid var(--line);gap:4px;margin-top:36px;display:grid}.blog-item{border-bottom:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:32px;padding:30px 8px;transition:background .18s,transform .18s;display:grid}.blog-item:hover{background:#10465059;transform:translate(2px)}.blog-item-copy h3{max-width:36ch;font-size:clamp(1.28rem,2.2vw,1.55rem);font-weight:800;transition:color .15s}.blog-item:hover h3{color:var(--mint)}.blog-item-media{aspect-ratio:4/3;width:100%;min-height:140px}.blog-empty{color:var(--muted);padding:2.5rem 0}.article-shell{max-width:var(--article-max);margin:0 auto;padding:132px 24px 96px}.article-back{color:var(--muted-2);align-items:center;gap:.35rem;margin-bottom:28px;font-size:.9rem;font-weight:700;transition:color .15s;display:inline-flex}.article-back:hover{color:var(--mint)}.article-shell h1{max-width:20ch;margin:0 0 28px;font-size:clamp(2.25rem,5.2vw,3.15rem)}.article-cover{aspect-ratio:16/9;min-height:280px;margin:0 0 36px}.article-lead{color:var(--ink);border-bottom:1px solid var(--line);margin:0 0 1.75rem;padding-bottom:1.5rem;font-size:1.28rem;font-weight:600;line-height:1.7}.article-richtext,.article-body .md-body{color:var(--muted);font-size:1.18rem;line-height:1.82}.article-richtext,.article-richtext p,.article-richtext span,.article-richtext li,.article-richtext div{color:var(--muted)!important;background-color:#0000!important;font-family:inherit!important}.article-richtext>:first-child,.article-body .md-body>:first-child{margin-top:0}.article-richtext p,.article-body .md-body p{color:var(--muted);margin:0 0 1.25rem}.article-richtext h1,.article-richtext h2,.article-body .md-body h2{margin:2.4rem 0 .9rem;font-size:clamp(1.5rem,2.6vw,1.85rem);color:var(--ink)!important;font-family:inherit!important}.article-richtext h3,.article-body .md-body h3{margin:1.9rem 0 .7rem;font-size:1.3rem;color:var(--yellow)!important;font-family:inherit!important}.article-richtext ul,.article-richtext ol,.article-body .md-body ul{color:var(--muted);margin:0 0 1.25rem;padding-left:1.3rem}.article-richtext li,.article-body .md-body li{margin-bottom:.45rem}.article-richtext a,.article-body .md-body a{text-underline-offset:3px;text-decoration:underline;color:var(--mint)!important}.article-richtext img,.article-body .md-body img,.article-body .article-figure img{background:var(--surface);border:1px solid var(--line);border-radius:16px;max-width:100%;height:auto;margin:1.7rem 0;display:block}.article-body .article-figure{margin:1.7rem 0}.article-richtext strong,.article-body .md-body strong{font-weight:700;color:var(--ink)!important}.article-richtext figure{margin:1.7rem 0}.article-richtext figcaption{color:var(--muted-2);margin-top:.55rem;font-size:.88rem}.article-richtext blockquote{border-left:3px solid var(--yellow);color:var(--ink);background:#10465066;border-radius:0 14px 14px 0;margin:1.6rem 0;padding:1rem 1.2rem}@media (max-width:920px){.blog-featured{grid-template-columns:1fr;gap:20px;padding:16px}}@media (max-width:640px){.blog-shell,.article-shell{padding-top:108px}.blog-item{grid-template-columns:minmax(0,1fr) 140px;gap:16px;padding:20px 0}.blog-featured{padding:12px}}