:root{--void: #060708;--void-mid: #0c0e11;--surface: #111418;--text: #c8cdd4;--text-dim: #6b7280;--accent: #5fb8a8;--accent-dim: #3d7a70;--accent-glow: rgba(95, 184, 168, 0.12);--font-display: "Cormorant", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease-out: cubic-bezier(0.22, 1, 0.36, 1)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-mono);font-size:15px;font-weight:300;line-height:1.65;color:var(--text);background:var(--void);background-image:radial-gradient(ellipse 120% 80% at 50% -20%, var(--accent-glow), rgba(0,0,0,0) 55%),radial-gradient(ellipse 60% 40% at 100% 60%, rgba(61,122,112,.06), rgba(0,0,0,0) 50%),linear-gradient(180deg, var(--void-mid) 0%, var(--void) 45%, #040506 100%)}.grain{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.vignette{position:fixed;inset:0;pointer-events:none;z-index:999;background:radial-gradient(ellipse 70% 70% at 50% 45%, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%)}.site-header{position:relative;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.75rem clamp(1.25rem,4vw,3rem);border-bottom:1px solid rgba(95,184,168,.08)}.logo{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-decoration:none;transition:color .35s var(--ease-out)}.logo:hover{color:var(--accent)}.nav{display:flex;gap:clamp(1rem,3vw,2rem);font-size:.72rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase}.nav a{color:var(--text-dim);text-decoration:none;transition:color .3s var(--ease-out)}.nav a:hover{color:var(--accent)}main{position:relative;z-index:1;max-width:42rem;margin:0 auto;padding:clamp(2.5rem,8vw,5rem) clamp(1.25rem,4vw,3rem) 4rem}.hero{position:relative;text-align:center;padding:clamp(2rem,6vw,4rem) 0 clamp(3rem,10vw,5rem);min-height:38vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-spiral{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.9}.spiral-svg{width:min(72vw,320px);height:auto;animation:drift 48s linear infinite}.spiral-path{animation:pulse-line 6s ease-in-out infinite}@keyframes drift{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse-line{0%, 100%{stroke-opacity:.85}50%{stroke-opacity:.4}}.hero-tag{position:relative;margin:0 0 .75rem;font-size:.68rem;font-weight:400;letter-spacing:.35em;text-transform:uppercase;color:var(--accent-dim)}.hero-title{position:relative;margin:0;font-family:var(--font-display);font-size:clamp(2.75rem,10vw,4.25rem);font-weight:600;font-style:italic;letter-spacing:.02em;line-height:1.05;color:var(--text);text-shadow:0 0 60px var(--accent-glow)}.hero-lede{position:relative;margin:1.25rem 0 0;max-width:22em;font-size:.88rem;font-weight:300;color:var(--text-dim);letter-spacing:.04em}.reveal{opacity:0;animation:rise 1.1s var(--ease-out) forwards;animation-delay:var(--d, 0ms)}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel{padding:2.5rem 0;border-top:1px solid rgba(95,184,168,.1)}.panel-title{margin:0 0 1.5rem;font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:.04em;color:var(--text)}.panel-index{display:inline-block;margin-right:.65rem;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.15em;color:var(--accent-dim);vertical-align:middle}.link-grid{list-style:none;margin:0;padding:0}.link-grid li{margin-bottom:.85rem}.outbound{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);transition:color .3s var(--ease-out),border-color .3s var(--ease-out)}.outbound::after{content:"→";font-size:.75em;opacity:.5;transition:transform .3s var(--ease-out)}.outbound:hover{border-bottom-color:rgba(95,184,168,.4)}.outbound:hover::after{transform:translateX(3px)}.muted{font-size:.82rem;color:var(--text-dim);letter-spacing:.06em}.muted em{font-style:normal;color:var(--accent-dim)}.fineprint{margin:1.75rem 0 0;font-size:.68rem;color:var(--text-dim);letter-spacing:.04em;opacity:.85}.fineprint code{font-size:.95em;color:var(--accent-dim)}.panel-prose .prose{font-size:.92rem;color:var(--text-dim);letter-spacing:.02em}.panel-prose .prose p{margin:0 0 1rem}.panel-prose .prose p:last-child{margin-bottom:0}.contact-lede{margin:0 0 .75rem;font-size:.88rem;color:var(--text-dim)}.contact-mail{font-size:.85rem;letter-spacing:.08em;color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(95,184,168,.25);transition:color .3s var(--ease-out),border-color .3s var(--ease-out)}.contact-mail:hover{color:var(--text);border-bottom-color:var(--accent)}.site-footer{position:relative;z-index:10;padding:2rem clamp(1.25rem,4vw,3rem) 2.5rem;border-top:1px solid rgba(95,184,168,.06);text-align:center}.site-footer p{margin:0;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}@media (prefers-reduced-motion: reduce){.spiral-svg,.spiral-path,.reveal{animation:none}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}