.beacon-article{--bond: #ffffff;--linen: #f5f3f0;--parchment: #f0ece7;--manila: #f3e6c4;--vellum: #e0dcd6;--steel: #d8dcdf;--aluminum: #a8aeb2;--graphite: #52585d;--charcoal: #141413;--ink: #0a0a0a;--signal: #22c55e;--signal-soft: #dcfce7;--signal-deep: #188a3c;--amber: #f59e0b;--amber-soft: #fef3c7;--amber-deep: #b45309;--agent-1a: #f7cfdc;--agent-1b: #1f7a3a;--agent-2a: #c9a9e8;--agent-2b: #ee79a1;--agent-4a: #f3e6c4;--agent-4b: #e3a21a;--agent-5a: #1f4dd6;--agent-5b: #3aa35c;--agent-8a: #9ce8a7;--agent-8b: #bd7ff0;--agent-9a: #f3b49e;--agent-9b: #1f4ed4;--agent-10a: #f2d95f;--agent-10b: #4fbcba;--agent-12a: #4db9b7;--agent-12b: #3aa35c;--font-display: var(--font-serif);--font-body: var(--font-sans);--r-xs: 4px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--ease-out: cubic-bezier(.2, .8, .2, 1);--dur-short: .2s;--dur-medium: .4s;--bg: var(--bond);--surface: var(--parchment);--rule: var(--vellum);--rule-strong: var(--graphite);--text: var(--ink);--text-2: var(--graphite);--text-muted: var(--aluminum);--input-bg: var(--bond);--accent: var(--signal);--accent-deep: var(--signal-deep);--gutter: 24px;--measure: 720px}[data-theme=dark] .beacon-article{--bg: var(--charcoal);--surface: #1f1d1a;--rule: #2f2c28;--rule-strong: #9a958a;--text: var(--manila);--text-2: #b9b3a6;--text-muted: #6e6960;--input-bg: #1f1d1a;--accent-deep: var(--signal);--signal-soft: rgba(34, 197, 94, .14);--amber-soft: rgba(245, 158, 11, .14)}.beacon-article{background:var(--bg)}.beacon-article .eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:5px 13px;border:1px solid var(--rule);border-radius:var(--r-pill);background:var(--input-bg);font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.beacon-article .tag-chip{font-family:var(--font-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);background:var(--surface);border:1px solid var(--rule);padding:3px 10px;border-radius:var(--r-pill)}.beacon-article .mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.beacon-article .avatar{width:40px;height:40px;border-radius:var(--r-pill);flex:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:15px;color:#fff}.beacon-article .avatar--sm{width:30px;height:30px;font-size:12px}.beacon-article .grad-1{background:linear-gradient(135deg,var(--agent-1a),var(--agent-1b))}.beacon-article .grad-2{background:linear-gradient(135deg,var(--agent-2a),var(--agent-2b))}.beacon-article .grad-4{background:linear-gradient(135deg,var(--agent-4a),var(--agent-4b));color:var(--ink)}.beacon-article .grad-5{background:linear-gradient(135deg,var(--agent-5a),var(--agent-5b))}.beacon-article .grad-8{background:linear-gradient(135deg,var(--agent-8a),var(--agent-8b));color:var(--ink)}.beacon-article .grad-9{background:linear-gradient(135deg,var(--agent-9a),var(--agent-9b));color:var(--ink)}.beacon-article .grad-10{background:linear-gradient(135deg,var(--agent-10a),var(--agent-10b));color:var(--ink)}.beacon-article .grad-12{background:linear-gradient(135deg,var(--agent-12a),var(--agent-12b))}.beacon-hero{position:relative;overflow:hidden;background:var(--ink);border-bottom:1px solid var(--rule);min-height:80svh;display:flex;flex-direction:column;justify-content:center}.beacon-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 100% at 85% 0%,rgba(34,197,94,.1),transparent 55%),linear-gradient(180deg,var(--charcoal),var(--ink))}.beacon-inner{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:clamp(64px,9vh,112px) var(--gutter) clamp(40px,6vh,72px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy figure";align-items:center;gap:clamp(28px,5vw,72px)}.beacon-hero.is-empty .beacon-inner,.beacon-hero.is-bleed .beacon-inner{grid-template-columns:1fr;grid-template-areas:"copy"}.beacon-copy{grid-area:copy;max-width:760px}.beacon-hero.is-empty .beacon-copy{max-width:720px}.beacon-hero.is-empty .beacon-dek{max-width:52ch}.beacon-hero .eyebrow{background:#f3e6c40f;border-color:#f3e6c438;color:var(--manila)}.beacon-title{font-family:var(--font-display);font-weight:700;color:var(--manila);letter-spacing:-.035em;line-height:.98;font-size:clamp(2.6rem,7vw,5.4rem);margin:var(--space-5) 0;text-wrap:balance}.beacon-hero.is-empty .beacon-title{font-size:clamp(2.8rem,7.4vw,5.6rem)}.beacon-dek{font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.55;color:#d9d3c4;max-width:46ch;margin:0 0 var(--space-6);text-wrap:pretty}.beacon-meta{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.byline{display:flex;align-items:center;gap:12px}.byline .stack{display:flex;flex-direction:column;line-height:1.35}.byline .name,.byline .names{color:var(--manila);font-weight:600;font-size:.95rem}.byline .date{color:#9a958a;font-size:.8rem}.beacon-meta .divider{width:1px;height:30px;background:#f3e6c42e}.beacon-hero .tag-chip{background:#f3e6c40d;border-color:#f3e6c42e;color:#c9c3b4}.beacon-tags{display:flex;gap:8px;flex-wrap:wrap}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--ink)}.avatar-stack .avatar+.avatar{margin-left:-12px}.beacon-figure{grid-area:figure;position:relative;flex:none}.gr-matrix-wrap:before{content:"";position:absolute;inset:-14%;background:radial-gradient(closest-side,rgba(34,197,94,.2),transparent 72%);filter:blur(8px)}.gr-matrix{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);gap:clamp(8px,1vw,13px);height:min(58svh,560px);aspect-ratio:5 / 12}.gr-matrix i{display:block;width:100%;height:100%;border-radius:var(--r-pill);background:#f3e6c412;border:1px solid rgba(243,230,196,.1)}.gr-matrix i.on{border:0;box-shadow:0 0 20px -4px currentColor;animation:beaconGridPulse var(--d, 2.4s) ease-in-out infinite alternate}@keyframes beaconGridPulse{0%{opacity:.7}to{opacity:1}}@media(prefers-reduced-motion:reduce){.gr-matrix i.on{animation:none}}.beacon-cover{position:relative;height:min(58svh,540px);aspect-ratio:4 / 5;width:auto;max-width:44vw;border-radius:var(--r-md);overflow:hidden;border:1px solid rgba(243,230,196,.14);box-shadow:0 24px 60px -20px #0009}.beacon-cover img{width:100%;height:100%;object-fit:cover}.beacon-hero.is-bleed{min-height:88svh;justify-content:flex-end}.beacon-hero.is-bleed .beacon-bg{position:absolute;inset:0}.beacon-hero.is-bleed .beacon-bg img{width:100%;height:100%;object-fit:cover}.beacon-hero.is-bleed:before{background:linear-gradient(180deg,#0a0a0a4d,#0a0a0a33 40%,#0a0a0ae0);z-index:1}.beacon-hero.is-bleed .beacon-inner{align-items:end;padding-bottom:var(--space-8);z-index:2}.beacon-hero.is-bleed .beacon-title{text-shadow:0 2px 30px rgba(0,0,0,.4)}.beacon-body{background:var(--bg);padding:var(--space-7) 0 var(--space-9)}.beacon-body .measure{margin:0 auto;padding:0 var(--gutter);max-width:calc(var(--measure) + 2 * var(--gutter))}.beacon-video{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--rule);background:var(--surface);margin-bottom:var(--space-6)}.beacon-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.beacon-article .prose{font-size:1.075rem;line-height:1.75;color:var(--text-2)}.beacon-article .prose>*+*{margin-top:1.15em}.beacon-article .prose p{margin:0}.beacon-body .prose>p:first-child{font-family:var(--font-display);font-weight:400;font-size:1.4rem;line-height:1.5;letter-spacing:-.01em;color:var(--text);margin:0 0 var(--space-2)}.beacon-article .prose h2{font-family:var(--font-display);font-weight:600;font-size:1.55rem;letter-spacing:-.02em;line-height:1.25;color:var(--text);margin:2.2em 0 .1em}.beacon-article .prose h3{font-family:var(--font-display);font-weight:600;font-size:1.18rem;letter-spacing:-.01em;color:var(--text);margin:1.6em 0 0}.beacon-article .prose strong{color:var(--text);font-weight:600}.beacon-article .prose em{font-style:italic}.beacon-article .prose a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.beacon-article .prose a:hover{opacity:.7}.beacon-article .prose ul,.beacon-article .prose ol{padding-left:1.4rem;margin:.4em 0}.beacon-article .prose li{margin-bottom:.4em}.beacon-article .prose ul{list-style:disc}.beacon-article .prose ol{list-style:decimal}.beacon-article .prose blockquote{border-left:3px solid var(--accent);padding:.2em 0 .2em 1.1rem;margin:1.4em 0;color:var(--text);font-style:normal}.beacon-article .prose code{font-family:var(--font-mono);font-size:.86em;background:var(--surface);border:1px solid var(--rule);padding:.1em .4em;border-radius:5px}.beacon-article .prose pre{background:var(--charcoal);color:#e6e4e0;border:1px solid var(--rule);border-radius:var(--r-sm);padding:1.1rem 1.2rem;overflow-x:auto;font-size:.85rem;line-height:1.6}[data-theme=dark] .beacon-article .prose pre{background:#0f0e0d}.beacon-article .prose pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit}.beacon-article .prose img{border-radius:var(--r-md);border:1px solid var(--rule)}.beacon-article .prose table{width:100%;border-collapse:collapse;font-size:.92rem;margin:.4em 0}.beacon-article .prose th,.beacon-article .prose td{padding:.6rem .8rem;border:1px solid var(--rule);text-align:left;vertical-align:top}.beacon-article .prose th{background:var(--surface);font-weight:600;color:var(--text);font-size:.82rem}.beacon-article .prose hr{border:0;border-top:1px solid var(--rule);margin:2.4em 0}.beacon-article .prose .pull{border:0;padding:0;margin:var(--space-7) 0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,3vw,2.05rem);line-height:1.2;letter-spacing:-.02em;color:var(--text);text-wrap:balance}.beacon-article .prose .pull cite{display:block;margin-top:14px;font-style:normal;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;color:var(--text-muted)}.beacon-article .prose figure{margin:var(--space-7) 0}.beacon-article .prose figure img,.beacon-article .prose .art{width:100%;border-radius:var(--r-md);border:1px solid var(--rule);display:block}.beacon-article .prose figcaption{font-family:var(--font-body);font-size:.82rem;color:var(--text-muted);margin-top:12px;line-height:1.5;padding-left:2px}.beacon-article .prose figure.wide{width:min(920px,92vw);margin-left:50%;transform:translate(-50%)}.beacon-article .prose .callout{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin:var(--space-6) 0;padding:16px 18px;background:var(--signal-soft);border:1px solid var(--rule);border-radius:var(--r-sm);font-size:.96rem;color:var(--text)}.beacon-article .prose .callout .ico{font-family:var(--font-mono);font-weight:600;color:var(--accent-deep)}.beacon-article .prose .callout.amber{background:var(--amber-soft)}.beacon-article .prose .callout.amber .ico{color:var(--amber-deep)}.beacon-article .prose .callout p{margin:0}.beacon-article .prose kbd{font-family:var(--font-mono);font-size:.78em;line-height:1;padding:3px 6px;border:1px solid var(--rule);border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--text)}.beacon-article .article-foot{max-width:calc(var(--measure) + 2 * var(--gutter));margin:var(--space-8) auto 0;padding:0 var(--gutter)}.beacon-article .author-card{display:flex;gap:16px;align-items:center;padding:20px;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--surface)}.beacon-article .author-card .bio{font-size:.9rem;color:var(--text-2);line-height:1.5}.beacon-article .author-card .bio b{color:var(--text);font-weight:600}.beacon-article .blog-back-link{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;color:var(--text-2);margin-bottom:var(--space-5);transition:color var(--dur-short) var(--ease-out)}.beacon-article .blog-back-link:hover{color:var(--text)}@media(max-width:900px){.beacon-hero{min-height:82svh}.beacon-inner{grid-template-columns:1fr;grid-template-areas:"figure" "copy";justify-items:start;gap:var(--space-6);padding-top:var(--space-8)}.beacon-hero.is-empty .beacon-copy,.beacon-hero.is-empty .beacon-dek{max-width:none}.gr-matrix{height:auto;width:clamp(180px,60vw,260px);aspect-ratio:5 / 7;grid-template-rows:repeat(3,1fr)}.gr-matrix i:nth-child(n+16){display:none}.beacon-cover{height:auto;width:100%;max-width:380px;aspect-ratio:16 / 10}}@media(max-width:720px){.beacon-article{--gutter: 18px}}