nav.top{display:flex;justify-content:space-between;align-items:center;padding:22px 40px;position:sticky;top:0;background:var(--bone);z-index:50}nav.top .brand{display:inline-flex;align-items:center;gap:14px;color:var(--ink)}nav.top .brand-logo{display:none}nav.top .brand-wordmark{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:.02em;text-transform:uppercase;position:relative;padding-left:16px;line-height:1;display:inline-block}nav.top .brand-wordmark:before{content:"";position:absolute;left:0;bottom:4px;width:9px;height:9px;background:var(--cyan-deep)}nav.top .links{display:flex;gap:28px;align-items:center;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--fog)}nav.top .links a:hover{color:var(--ink)}nav.top .links a.active{color:var(--ink);font-weight:500}nav.top .links .nav-sep{display:inline-block;width:1px;height:16px;background:var(--stroke)}nav.top .links .nav-cta{background:var(--ink);color:var(--bone);padding:8px 14px;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.04em;transition:all .15s}nav.top .links .nav-cta:hover{background:var(--cyan-deep);color:var(--bone);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}footer{border-top:1px solid rgba(255,255,255,.08);padding:48px 40px 32px;font-family:var(--mono);font-size:11px;color:#ffffff8c;text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;background:#0a0a0a}footer a:hover{color:#fff}footer .foot-links{display:flex;gap:24px;flex-wrap:wrap}@media(max-width:700px){nav.top{padding:18px 20px}nav.top .links{gap:14px;font-size:10px}nav.top .links .nav-cta{padding:7px 10px;font-size:11px}nav.top .brand-wordmark{display:none}nav.top .brand-logo{display:block;height:32px;width:auto}footer{padding:32px 20px 24px;flex-direction:column}}body.blog-index{background:#0a0a0a;color:#fff;overflow:hidden;height:100vh;display:flex;flex-direction:column}body.blog-index main{padding:0;max-width:none;flex:1;min-height:0}body.blog-index footer{display:none}.hscroll-wrapper{position:relative;width:100%;height:100%}.hscroll-pinned{position:relative;width:100%;height:100%;min-height:560px;overflow:hidden}.hscroll-cards{position:absolute;top:0;left:0;height:100%;will-change:transform;transform:translateZ(0)}.hscroll-bg{position:absolute;inset:0;pointer-events:none;z-index:1}.map-bg,.grain-overlay,.vignette-overlay{position:absolute;inset:0;pointer-events:none}.map-bg{display:flex;align-items:center;justify-content:center;opacity:.55;z-index:1}.map-bg svg{width:110%;height:auto;max-height:90%}.map-bg svg path{fill:none;stroke:#0b7a95;stroke-width:1.5}.grain-overlay{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen;z-index:2}.vignette-overlay{background:linear-gradient(to bottom,rgba(10,10,10,.55),transparent 18%,transparent 70%,rgba(10,10,10,.75)),radial-gradient(ellipse at center,transparent 40%,rgba(10,10,10,.4));z-index:3}.page-title{position:absolute;bottom:32px;left:40px;max-width:calc(100% - 80px);z-index:10;pointer-events:none}.scroll-hint{margin-top:18px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#00d4ffa6;animation:scroll-hint-pulse 2.4s ease-in-out infinite}@keyframes scroll-hint-pulse{0%,to{opacity:.45;transform:translate(0)}50%{opacity:.85;transform:translate(4px)}}.page-label{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin-bottom:12px}.page-h1{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(48px,7vw,80px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase}.page-h1 .accent{-webkit-text-stroke:2px #00D4FF;-webkit-text-fill-color:transparent;color:transparent}.bcard{position:absolute;text-decoration:none;z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;width:200px;padding:14px 16px;background:transparent;border:1px solid transparent;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,z-index 0s linear .2s}.bcard:hover{z-index:50;background:#0a0a0aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#00d4ff59;box-shadow:0 16px 56px #0000008c,0 0 0 1px #00d4ff33;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,z-index 0s linear 0s}.bcard-thumb{width:160px;height:92px;background:#0a0a0a;border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 24px #00000059;overflow:hidden;position:relative;transition:width .22s ease,height .22s ease,border-color .18s,box-shadow .22s}.bcard:hover .bcard-thumb{width:280px;height:162px;border-color:#00d4ff;box-shadow:0 12px 48px #00d4ff66}.bcard-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bcard-meta{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c}.bcard-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:15px;color:#fff;text-align:center;max-width:240px;line-height:1.3;letter-spacing:-.005em;transition:font-size .22s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.bcard:hover .bcard-title{font-size:17px}.bcard-excerpt{font-family:Space Grotesk,sans-serif;font-size:13px;line-height:1.5;color:#ffffffc7;text-align:center;max-width:280px;margin-top:4px;opacity:0;max-height:0;overflow:hidden;transition:opacity .22s ease,max-height .22s ease,margin-top .22s ease}.bcard:hover .bcard-excerpt{opacity:1;max-height:100px;margin-top:6px}.bcard-cta{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#00d4ff;margin-top:4px;opacity:0;transition:opacity .22s ease .05s}.bcard:hover .bcard-cta{opacity:1}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 40px;z-index:6}.empty-state .es-label{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin-bottom:16px}.empty-state h2{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(48px,7vw,80px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:16px}.empty-state p{color:#ffffffb3;max-width:460px;font-size:15px;line-height:1.55}.empty-state a{color:#00d4ff;border-bottom:1px solid #00D4FF;padding-bottom:1px}@media(max-width:800px){body.blog-index{overflow:auto;height:auto;display:block}body.blog-index main{flex:none;min-height:0}body.blog-index footer{display:flex}.hscroll-wrapper{height:auto;padding:80px 20px 56px}.hscroll-pinned{position:relative;height:auto;min-height:0;overflow:visible}.hscroll-cards{position:relative;width:auto!important;height:auto;transform:none!important;will-change:auto}.hscroll-bg{position:relative;inset:auto;height:200px;margin-bottom:24px}.map-bg{position:relative;inset:auto;height:200px;opacity:.4}.map-bg svg{max-height:200px}.grain-overlay{position:absolute;inset:0}.vignette-overlay{display:none}.page-title{position:relative;top:auto;left:auto;bottom:auto;max-width:100%;margin:0 0 32px}.bcard{position:relative!important;top:auto!important;left:auto!important;width:100%;max-width:480px;margin:0 auto 14px;padding:14px;background:#0a0a0aa6;border-color:#ffffff1a;flex-direction:row;align-items:flex-start;text-align:left;gap:14px;display:grid;grid-template-columns:120px 1fr;grid-template-areas:"thumb meta" "thumb title" "thumb excerpt" "thumb cta"}.bcard-thumb{width:120px!important;height:70px!important;grid-area:thumb;flex-shrink:0}.bcard-meta{grid-area:meta;text-align:left}.bcard-title{grid-area:title;text-align:left;font-size:15px!important}.bcard-excerpt{grid-area:excerpt;opacity:1;max-height:none;margin-top:4px;text-align:left;font-size:12px}.bcard-cta{grid-area:cta;opacity:.7;margin-top:6px}.scroll-hint{display:none}}