.blog-index,.blog-article-page{--blog-measure:74ch}.blog-masthead,.blog-feature,.blog-stream,.blog-empty,.article-shell{width:min(1180px,100% - 32px);margin-inline:auto}.blog-masthead{border-bottom:1px solid var(--line);align-items:end;gap:30px;min-height:72dvh;padding:clamp(96px,16vw,190px) 0 72px;display:grid;position:relative;overflow:clip}.blog-masthead__copy{z-index:1;max-width:980px;position:relative}.blog-masthead h1{letter-spacing:-.06em;max-width:14ch;margin:14px 0 24px;font-size:clamp(3rem,8vw,7.4rem);line-height:.93}.blog-masthead h1 span{color:#0000;-webkit-text-stroke:1px #5bf2cfb8}.blog-masthead__copy>p:last-child{max-width:58ch;color:var(--ink-soft);margin:0;font-size:clamp(1rem,2vw,1.25rem)}.blog-masthead__signal{aspect-ratio:1;opacity:.32;filter:drop-shadow(0 0 26px #00f5d424);place-items:center;width:min(44vw,500px);display:grid;position:absolute;inset:6% 0 auto auto}.blog-masthead__signal:before,.blog-masthead__signal:after,.blog-masthead__signal span{content:"";border:1px solid #5bf2cf47;border-radius:50%;position:absolute}.blog-masthead__signal:before{inset:0}.blog-masthead__signal:after{inset:18%}.blog-masthead__signal span{background:var(--reef);border:0;width:10px;height:10px;box-shadow:0 0 22px #00f5d4d1}.blog-masthead__signal span:first-child{transform:translate(-180px,20px)}.blog-masthead__signal span:nth-child(2){transform:translate(-80px,-150px)}.blog-masthead__signal span:nth-child(3){transform:translate(125px,-115px)}.blog-masthead__signal span:nth-child(4){transform:translate(175px,70px)}.blog-masthead__signal span:nth-child(5){background:var(--gold);width:20px;height:20px;transform:translate(0);box-shadow:0 0 26px #f5c5429e}.blog-masthead__feeds{text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.blog-masthead__feeds span{color:var(--muted);margin-right:6px}.blog-masthead__feeds a{border:1px solid var(--line);min-height:44px;color:var(--reef-soft);border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.blog-masthead__feeds a:hover{border-color:var(--reef);background:#00f5d414}.blog-feature,.blog-stream{padding-block:clamp(72px,10vw,130px)}.blog-stream{border-top:1px solid var(--line)}.section-marker{align-items:baseline;gap:14px;margin-bottom:32px;display:flex}.section-marker span,.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--reef-soft);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.section-marker h2{margin:0;font-size:clamp(1.5rem,3vw,2.6rem)}.blog-card{border-top:1px solid #5bf2cf26;gap:24px;min-width:0;padding:28px 0;display:grid}.blog-card__media{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--panel);border:1px solid #5bf2cf2b;width:100%;min-width:0;position:relative;overflow:hidden}.blog-card__media:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 45%,#00f5d41f);position:absolute;inset:0}.blog-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease), filter .6s var(--ease);display:block}.blog-card:hover .blog-card__media img{filter:saturate(1.08);transform:scale(1.025)}.blog-card__body{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.blog-card__meta,.article-hero__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex}.editorial-status{min-height:26px;color:var(--gold);text-transform:uppercase;border:1px solid #f5c5426b;border-radius:999px;align-items:center;padding:2px 8px;display:inline-flex}.blog-card h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.55rem,3.8vw,3rem);line-height:1.03}.blog-card h2 a:hover{color:var(--reef-soft)}.blog-card__body>p{max-width:62ch;color:var(--ink-soft);margin:18px 0 24px}.blog-card__read{min-height:44px;color:var(--reef-soft);align-items:center;gap:8px;font-weight:800;display:inline-flex}.blog-card__read svg{transition:transform .18s var(--ease)}.blog-card__read:hover svg{transform:translate(4px)}.blog-card--featured{border-top:0;gap:clamp(28px,5vw,70px);padding:0}.blog-stream__list .blog-card:first-child{border-top:0}.blog-empty{min-height:65dvh;padding:clamp(110px,18vw,220px) 0}.blog-empty h2{max-width:16ch;margin:12px 0 20px}.blog-empty>p:not(.eyebrow){max-width:58ch;color:var(--ink-soft);margin-bottom:28px}.reading-progress{z-index:40;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.reading-progress span{background:linear-gradient(90deg, var(--reef), var(--gold));width:100%;height:100%;transform:scaleX(var(--article-progress,0));transform-origin:0;will-change:transform;display:block}.article-shell{padding:72px 0 130px}.article-hero{border-bottom:1px solid var(--line);gap:32px;padding:clamp(56px,8vw,108px) 0 clamp(54px,8vw,96px);display:grid}.article-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:9px;font-family:JetBrains Mono,monospace;font-size:.74rem;display:flex}.article-breadcrumb a{min-height:44px;color:var(--reef-soft);align-items:center;display:inline-flex}.article-hero__copy{max-width:980px}.article-hero h1{letter-spacing:-.055em;max-width:19ch;margin:0;font-size:clamp(2.7rem,7.5vw,6.8rem);line-height:.96}.article-hero__copy>p{max-width:66ch;color:var(--ink-soft);margin:26px 0 24px;font-size:clamp(1.05rem,2vw,1.3rem)}.article-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.article-tags li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:.68rem}.article-hero__media{aspect-ratio:16/9;border-radius:var(--radius-card);box-shadow:var(--shadow);border:1px solid #5bf2cf33;margin:14px 0 0;position:relative;overflow:hidden}.article-hero__media:after{content:"";pointer-events:none;border:1px solid #effaf80f;position:absolute;inset:0}.article-hero__media img{object-fit:cover;width:100%;height:100%;display:block}.article-layout{gap:clamp(38px,7vw,90px);padding-top:clamp(60px,9vw,110px);display:grid}.article-layout__rail{min-width:0}.article-toc{background:linear-gradient(90deg,#00f5d40e,#0000);border-left:2px solid #00f5d470;padding:22px}.article-toc__label{color:var(--reef-soft);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-family:JetBrains Mono,monospace;font-size:.7rem}.article-toc ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.article-toc a{min-width:44px;min-height:44px;color:var(--muted);align-items:center;padding-inline:4px;font-size:.86rem;line-height:1.35;display:inline-flex}.article-toc a:hover{color:var(--ink)}.article-toc__nested{padding-left:14px}.article-prose{min-width:0;max-width:var(--blog-measure)}.article-prose>:first-child{margin-top:0}.article-prose h2,.article-prose h3{color:var(--ink);scroll-margin-top:110px}.article-prose h2{letter-spacing:-.035em;margin:2.3em 0 .75em;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.08}.article-prose h3{margin:2em 0 .6em;font-size:clamp(1.3rem,3vw,1.75rem)}.article-prose p,.article-prose li{color:var(--ink-soft);font-size:clamp(1rem,1.5vw,1.1rem)}.article-prose p{margin:0 0 1.35em}.article-prose a{color:var(--reef-soft);text-underline-offset:3px;text-decoration:underline #5bf2cf66}.article-prose blockquote{border-left:3px solid var(--gold);background:#f5c5420e;margin:2.2em 0;padding:20px 24px}.article-prose blockquote p{color:var(--ink);margin:0;font-size:1.18rem;font-weight:700}.article-prose code{color:var(--reef-soft);background:#00f5d412;border:1px solid #5bf2cf29;border-radius:4px;padding:.14em .36em;font-family:JetBrains Mono,monospace;font-size:.88em}.article-prose pre{border:1px solid var(--line);border-radius:var(--radius-card);background:#010606;padding:22px;overflow-x:auto}.article-prose table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.article-prose th,.article-prose td{border-bottom:1px solid var(--line);text-align:left;min-width:150px;padding:10px 12px}.article-prose pre code{background:0 0;border:0;padding:0}.article-sources{border-top:1px dashed #5bf2cf4d;margin-top:80px;padding-top:34px}.article-sources ol{gap:16px;padding-left:22px;display:grid}.article-sources li{padding-left:6px}.article-sources li::marker{color:var(--gold);font-family:JetBrains Mono,monospace}.article-sources li p{color:var(--muted);margin:4px 0 0;font-size:.9rem}.article-sources li>a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.article-cta{border-radius:var(--radius-card);box-shadow:var(--shadow);background:linear-gradient(135deg,#00f5d41c,#0000 52%),#041618db;border:1px solid #5bf2cf47;gap:26px;margin-top:70px;padding:clamp(28px,5vw,48px);display:grid}.article-cta h2{margin:8px 0 0}.article-cta .button{width:fit-content;text-decoration:none}@media (width>=760px){.blog-masthead{grid-template-columns:minmax(0,1fr) auto}.blog-masthead__copy{grid-column:1/-1}.blog-card{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:center}.blog-card--featured{grid-template-columns:minmax(0,1.32fr) minmax(320px,.68fr)}.article-cta{grid-template-columns:minmax(0,1fr) auto;align-items:end}}@media (width>=980px){.article-layout{grid-template-columns:240px minmax(0, var(--blog-measure));justify-content:center}.article-toc{position:sticky;top:104px}}@media (width<=759px){.blog-masthead__signal{width:92vw;inset:12% -34% auto auto}.blog-masthead__signal span:first-child{transform:translate(-115px,15px)}.blog-masthead__signal span:nth-child(2){transform:translate(-45px,-95px)}.blog-masthead__signal span:nth-child(3){transform:translate(82px,-72px)}.blog-masthead__signal span:nth-child(4){transform:translate(112px,45px)}.article-shell,.blog-masthead,.blog-feature,.blog-stream,.blog-empty{width:min(100% - 24px,1180px)}.article-toc{padding:18px}.article-cta .button{justify-content:center;width:100%}}@media (prefers-reduced-motion:no-preference){.blog-masthead__copy,.blog-masthead__feeds,.blog-card,.article-hero__copy,.article-hero__media{animation:blog-rise .65s var(--ease) both}.blog-masthead__feeds,.article-hero__media{animation-delay:.1s}.blog-masthead__signal{animation:12s ease-in-out infinite alternate signal-drift}@keyframes blog-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes signal-drift{to{transform:rotate(6deg)scale(1.03)}}}@media (prefers-reduced-motion:reduce){.blog-card__media img,.blog-card__read svg{transition:none}}
