:root{--bg: #09090b;--text: #f4f4f5;--text-muted: #71717a;--accent: #c4714a;--border: #27272a;--font-display: "Cabinet Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--pulse-duration: 6s;--bg-shift-duration: 6s;--temp-hue: 0deg;--temp-sat: 100%;--temp-light: 100%;--grain-opacity: .04}html.ctx-night{--pulse-duration: 8s;--bg-shift-duration: 10s;--temp-hue: 200deg;--grain-opacity: .035}html.ctx-dawn{--temp-hue: 30deg;--temp-sat: 110%;--bg-shift-duration: 7s}html.ctx-winter{--temp-hue: 210deg;--temp-sat: 85%}html.ctx-summer{--accent: #d4824e;--pulse-duration: 4s;--bg-shift-duration: 5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y mandatory;overflow-y:scroll;background:var(--bg);color:var(--text);font-family:var(--font-display);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body{position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:var(--grain-opacity);mix-blend-mode:overlay}#bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 20% 50%,#1a1614 0%,var(--bg) 60%),radial-gradient(ellipse at 80% 20%,#141618 0%,var(--bg) 60%);animation:bg-breathe var(--bg-shift-duration) ease-in-out infinite alternate;filter:hue-rotate(var(--temp-hue)) saturate(var(--temp-sat)) brightness(var(--temp-light))}@keyframes bg-breathe{0%{background-position:0% 50%;opacity:1}to{background-position:100% 50%;opacity:.85}}.section{position:relative;min-height:100dvh;scroll-snap-align:start;padding:clamp(3rem,8vw,6rem) clamp(1.5rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center}.section-divider{position:absolute;bottom:0;left:8vw;right:8vw;height:1px;overflow:visible}.section-divider line{stroke:var(--border);stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1)}.section-divider.drawn line{stroke-dashoffset:0}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.accent{color:var(--accent)}a{color:inherit;text-decoration:none}#section-intro{justify-content:space-between}.intro-context-line{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;align-self:flex-end;opacity:0;animation:fade-in 1.2s ease forwards .8s}.intro-wordmark{font-size:clamp(2.5rem,7vw,5.5rem);font-weight:300;letter-spacing:-.03em;line-height:1;color:var(--text);opacity:0;animation:fade-up 1s cubic-bezier(.16,1,.3,1) forwards .3s}#section-signal .signal-grid{display:grid;grid-template-columns:3fr 2fr;gap:4rem;align-items:center}.signal-quote{font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:300;line-height:1.6;max-width:52ch;color:var(--text)}.signal-quote em{font-style:italic;color:var(--text-muted)}.signal-counter{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-top:4rem;letter-spacing:.08em}.signal-hidden-line{display:none;font-family:var(--font-mono);font-size:.7rem;color:var(--accent);margin-top:.5rem}#section-membrane{align-items:flex-start}.membrane-quote{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:300;line-height:1.55;max-width:60ch;-webkit-user-select:none;user-select:none}.membrane-word{display:inline-block;transition:transform .15s ease-out;will-change:transform}.membrane-tagline{margin-top:3rem;font-size:.9rem;color:var(--text-muted);font-weight:300;font-style:italic}#section-cartography .carto-grid{display:grid;grid-template-columns:11fr 9fr;gap:5rem;align-items:center}.carto-lines>p{font-size:clamp(1rem,1.8vw,1.25rem);font-weight:300;line-height:1.6;color:var(--text-muted);margin-bottom:2rem;opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease}.carto-lines>p.visible{opacity:1;transform:none}.carto-lines>p:last-child{color:var(--text);font-style:italic}.carto-map{width:100%;aspect-ratio:1;max-width:420px}#section-model{gap:4rem}.model-quote{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:300;font-style:italic;line-height:1.55;max-width:55ch}.thought-stream-wrap{position:relative;height:180px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.thought-stream{display:flex;flex-direction:column;gap:.4rem;animation:stream-scroll 40s linear infinite}html.ctx-night .thought-stream{animation-duration:60s}@keyframes stream-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.thought-line{font-family:var(--font-mono);font-size:.7rem;color:var(--text);opacity:.12;letter-spacing:.02em;white-space:nowrap}.thought-line.highlight{opacity:.35;color:var(--accent)}.model-contact{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-top:auto}.model-contact a{font-family:var(--font-mono);font-size:.8rem;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:1px;transition:border-color .3s ease,color .3s ease}.model-contact a:hover{color:var(--accent);border-color:var(--accent)}#section-frequency{align-items:center;justify-content:center;text-align:center;gap:.5rem}.freq-wordmark{font-size:1rem;font-weight:300;color:var(--text-muted);letter-spacing:.05em}.freq-sine{font-size:2rem;color:var(--accent);animation:sine-pulse var(--pulse-duration) ease-in-out infinite;display:block;margin:1.5rem 0}@keyframes sine-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.freq-email{font-family:var(--font-mono);font-size:.85rem;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:2px;transition:color .3s ease,border-color .3s ease}.freq-email:hover{color:var(--accent);border-color:var(--accent)}.freq-night-line{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:2rem;opacity:0;transition:opacity 1.5s ease}.freq-night-line.visible{opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (max-width: 768px){#section-signal .signal-grid,#section-cartography .carto-grid{grid-template-columns:1fr;gap:2rem}.carto-map{max-width:280px;margin:0 auto}.membrane-word{transition:none}.signal-quote{font-size:1.05rem}.membrane-quote,.model-quote{font-size:1.1rem}#section-signal .signal-grid>div:last-child{height:80px}#oscilloscope{width:100%!important;height:80px!important}}#nav-logo{position:fixed;top:clamp(1.5rem,3vw,2.5rem);left:clamp(1.5rem,4vw,4rem);z-index:50;display:flex;align-items:baseline;gap:1.5rem;cursor:pointer;opacity:0;animation:fade-in 1s ease forwards 1s}#nav-logo .logo-text{font-size:.85rem;font-weight:300;color:var(--text);letter-spacing:-.01em}#nav-logo .ctx-indicator{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.04em}#nav-glyphs{position:fixed;right:clamp(1.5rem,3vw,3rem);top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:2rem;opacity:0;animation:fade-in 1s ease forwards 1.2s}.glyph-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-muted);transition:color .3s ease;position:relative}.glyph-item:hover,.glyph-item.active{color:var(--accent)}.glyph-item.active .glyph-symbol{animation:glyph-pulse 3s ease-in-out infinite}@keyframes glyph-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.glyph-symbol{font-size:1rem;width:1.2rem;text-align:center;display:block;transition:transform .3s ease}.glyph-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transition:max-width .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.glyph-item:hover .glyph-label{max-width:120px;opacity:1}@media (max-width: 768px){#nav-glyphs{right:auto;top:auto;bottom:2rem;left:50%;transform:translate(-50%);flex-direction:row;gap:2rem;max-width:calc(100vw - 3rem);flex-wrap:wrap;justify-content:center}.glyph-label{display:none}.glyph-item.active .glyph-symbol{color:var(--accent)}}
