.overview-primary{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:2.8rem;padding:.65rem 1rem;background:var(--text);color:#fff;font:.72rem var(--font-mono);letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.overview-primary:hover{background:var(--accent)}#overview-main{overflow:hidden}.overview-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);gap:clamp(2rem,6vw,7rem);align-items:center;max-width:110rem;min-height:clamp(38rem,calc(100vh - 4.5rem),50rem);margin:auto;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,5vw,5.5rem)}.overview-copy{max-width:45rem}.overview-kicker{margin:0 0 1rem;color:var(--accent-text);font:.72rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.overview-copy h1,.overview-section h2,.overview-method h2,.overview-callout h2{margin:0;font:clamp(4.2rem,10vw,8.5rem)/.88 var(--font-head);letter-spacing:-.045em}.overview-copy h1 span{color:var(--accent)}.overview-copy>p:not(.overview-kicker):not(.overview-meta){max-width:37rem;margin:2rem 0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55;color:var(--text-muted)}.overview-actions{display:flex;flex-wrap:wrap;gap:.8rem}.overview-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.65rem 1rem;border:1px solid var(--border);color:var(--text);font:.72rem var(--font-mono);letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.overview-secondary:hover{border-color:var(--text);background:var(--raised)}.overview-meta{margin:3.2rem 0 0;color:var(--text-faint);font:.72rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.overview-frame{position:relative;min-height:31rem;margin:0;overflow:hidden;background:#111;border:1px solid var(--text);box-shadow:1.25rem 1.25rem 0 var(--raised)}.overview-frame-status{position:absolute;z-index:2;top:1rem;left:1rem;color:#e6e8ed;font:.72rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.overview-frame-status span{display:inline-block;width:.55rem;height:.55rem;margin-right:.4rem;border-radius:50%;background:#e4414f}.overview-frame figcaption{position:absolute;z-index:2;right:1rem;bottom:1rem;color:#d8dbe2;font:.65rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.overview-stars{position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,#d8d8d8 0 1.2%,transparent 2%),radial-gradient(circle at 75% 22%,#eee 0 1.8%,transparent 2.8%),radial-gradient(circle at 68% 68%,#e4e4e4 0 2%,transparent 3.5%),radial-gradient(circle at 29% 61%,#ccc 0 1.6%,transparent 3%),radial-gradient(circle at 87% 78%,#f1f1f1 0 1.3%,transparent 2.7%),radial-gradient(circle at 48% 42%,#aaa 0 1.1%,transparent 2.2%),repeating-linear-gradient(0deg,#121212 0 8px,#1a1a1a 8px 15px);filter:contrast(1.2);animation:overview-noise 6s steps(2) infinite}.overview-stars i{position:absolute;width:clamp(2rem,5vw,4rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#eee 0 14%,#aaa 15% 28%,transparent 56%);filter:blur(1px);opacity:.78}.overview-stars i:nth-child(1){left:14%;top:46%}.overview-stars i:nth-child(2){left:48%;top:19%}.overview-stars i:nth-child(3){right:14%;top:42%}.overview-stars i:nth-child(4){left:55%;bottom:9%}.overview-stars i:nth-child(5){left:25%;bottom:15%;transform:scale(.65)}.overview-stars i:nth-child(6){right:31%;top:67%;transform:scale(.6)}.overview-stars b{position:absolute;left:54%;top:58%;width:3rem;aspect-ratio:1;border:2px solid #e4414f;border-radius:50%;box-shadow:0 0 0 1rem rgb(228 65 79/.08);animation:overview-pulse 2.2s ease-in-out infinite}@keyframes overview-noise{50%{transform:scale(1.025)}}@keyframes overview-pulse{50%{transform:scale(1.25);opacity:.45}}.overview-ticker{display:flex;justify-content:center;gap:clamp(1rem,3.6vw,4rem);margin:0;padding:1.4rem 1rem;border-block:1px solid var(--border);font:clamp(1.1rem,2vw,1.8rem)/1 var(--font-head);font-style:italic;white-space:nowrap}.overview-ticker b{color:var(--accent);font-size:.65em}.overview-section,.overview-method{max-width:110rem;margin:auto;padding:clamp(5rem,10vw,9rem) clamp(1.25rem,5vw,5.5rem)}.overview-section h2,.overview-method h2,.overview-callout h2{font-size:clamp(2.8rem,5vw,5rem);line-height:1}.overview-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:3.5rem;padding:1.4rem;border:1px solid var(--border);background:var(--surface)}.mode-image{aspect-ratio:1;background:#202020}.mode-blink{background:radial-gradient(circle at 45% 48%,#ddd 0 5%,transparent 7%),radial-gradient(circle at 75% 26%,#eee 0 4%,transparent 6%),repeating-linear-gradient(90deg,#171717 0 12px,#282828 12px 18px)}.mode-difference{background:radial-gradient(circle at 53% 51%,#050505 0 8%,transparent 9%),repeating-linear-gradient(45deg,#b7b7b7 0 6px,#aaa 6px 12px)}.mode-stack{background:radial-gradient(circle at 45% 48%,#f5f5f5 0 4%,transparent 6%),radial-gradient(circle at 72% 28%,#aaa 0 4%,transparent 6%),#252525}.mode-trail{background:linear-gradient(135deg,transparent 43%,#dedede 44% 48%,transparent 49%),radial-gradient(circle at 40% 52%,#eee 0 5%,transparent 7%),#202020}.overview-modes article p{margin:.9rem 0 .35rem;font:.75rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.overview-modes article span{color:var(--text-muted);font-size:.9rem;line-height:1.45}.overview-method{border-top:1px solid var(--border);background:var(--bg-2);max-width:none}.overview-method>p,.overview-method>h2,.overview-method>ol{max-width:110rem;margin-left:auto;margin-right:auto}.overview-method ol{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3.5rem;padding:0;list-style:none}.overview-method li{border-top:2px solid var(--text);padding-top:1.5rem}.overview-method li>span{color:var(--accent);font:1rem var(--font-mono)}.overview-method h3{margin:1.1rem 0 .7rem;font-size:clamp(1.55rem,2.5vw,2.4rem)}.overview-method li p{color:var(--text-muted);line-height:1.55}.overview-presets{border-top:1px solid var(--border)}.overview-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3.5rem}.overview-preset-grid a{min-height:14rem;padding:1.5rem;border:1px solid var(--border);color:var(--text);text-decoration:none;background:var(--surface);transition:transform .18s ease,box-shadow .18s ease}.overview-preset-grid a:hover{transform:translateY(-.3rem);box-shadow:.35rem .35rem 0 var(--accent)}.overview-preset-grid h3{display:flex;justify-content:space-between;margin:0;font-size:1.7rem}.overview-preset-grid h3 span{color:var(--text-faint)}.preset-coords{color:var(--accent-text);font:.72rem var(--font-mono);letter-spacing:.08em}.overview-preset-grid a>p:last-child{color:var(--text-muted);line-height:1.45}.overview-callout{max-width:110rem;margin:0 auto clamp(4rem,8vw,8rem);padding:clamp(2rem,5vw,5rem);background:#151515;color:#fff}.overview-callout .overview-kicker{color:#cfd2db}.overview-callout h2{max-width:19ch}.overview-callout>p:not(.overview-kicker){max-width:54ch;color:#cfd2db;line-height:1.55}.overview-callout .overview-secondary{border-color:#fff;color:#fff}.overview-callout .overview-secondary:hover{background:#fff;color:#151515}.overview-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1rem,5vw,5.5rem);border-top:1px solid var(--border);color:var(--text-muted);font:.7rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}@media (max-width:1100px){.overview-hero{grid-template-columns:1fr}.overview-frame{max-width:45rem;width:100%;min-height:25rem}.overview-modes{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.overview-hero{min-height:0;padding-top:4rem;padding-bottom:4rem}.overview-copy h1{font-size:clamp(3.8rem,19vw,6rem)}.overview-frame{min-height:18rem;box-shadow:.6rem .6rem 0 var(--raised)}.overview-ticker{justify-content:flex-start;overflow:auto}.overview-method ol,.overview-preset-grid{grid-template-columns:1fr;gap:1.25rem}.overview-modes{grid-template-columns:1fr}.overview-footer{display:grid}.overview-section,.overview-method{padding-top:4rem;padding-bottom:4rem}}@media(prefers-reduced-motion:reduce){.overview-stars,.overview-stars b{animation:none}.overview-preset-grid a{transition:none}}
.overview-kicker{margin:0 0 1rem}
