:root{--bg: #0A0A0B;--surface: #141416;--fg: #FAFAFA;--muted: #8A8A8E;--rule: rgba(255, 255, 255, .08);--accent-a: #6366F1;--accent-b: #A855F7;--accent-c: #EC4899;--mesh-opacity: .45}@media(prefers-color-scheme:light){:root{--bg: #FAFAF9;--surface: #FFFFFF;--fg: #0C0A09;--muted: #57534E;--rule: rgba(0, 0, 0, .08);--mesh-opacity: .32}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:17px;line-height:1.6;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{position:relative;min-height:100vh}.mesh{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(80px);opacity:var(--mesh-opacity);will-change:transform}.blob-a{background:radial-gradient(circle,var(--accent-a) 0%,transparent 60%);top:-20vmax;left:-15vmax;animation:drift-a 22s ease-in-out infinite alternate}.blob-b{background:radial-gradient(circle,var(--accent-b) 0%,transparent 60%);top:10vmax;right:-20vmax;animation:drift-b 28s ease-in-out infinite alternate}.blob-c{background:radial-gradient(circle,var(--accent-c) 0%,transparent 60%);bottom:-25vmax;left:20vmax;animation:drift-c 34s ease-in-out infinite alternate;opacity:calc(var(--mesh-opacity) * .6)}@keyframes drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(15vmax,10vmax) scale(1.15)}}@keyframes drift-b{0%{transform:translate(0) scale(1)}to{transform:translate(-12vmax,18vmax) scale(.9)}}@keyframes drift-c{0%{transform:translate(0) scale(1)}to{transform:translate(-20vmax,-15vmax) scale(1.2)}}.grain{position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay;pointer-events:none}@media(prefers-reduced-motion:reduce){.blob{animation:none}}main{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:clamp(28px,4vw,48px) clamp(24px,5vw,40px);min-height:100vh;display:flex;flex-direction:column;gap:clamp(64px,12vw,120px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{display:inline-flex;align-items:center;gap:12px;color:var(--fg);text-decoration:none;font-size:15px;font-weight:500;letter-spacing:-.005em}.dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent-a),var(--accent-c));box-shadow:0 0 24px #a855f799}.meta{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hero{margin-top:clamp(40px,10vw,96px)}.display{font-family:Inter,sans-serif;font-size:clamp(44px,8.5vw,88px);line-height:1.02;letter-spacing:-.035em;font-weight:500;margin:0 0 clamp(28px,4vw,48px);color:var(--fg)}.display .line{display:block}.display .word.italic{font-family:"Instrument Serif",Times New Roman,serif;font-style:italic;font-weight:400;letter-spacing:-.015em;background:linear-gradient(135deg,var(--accent-b),var(--accent-c));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--muted);max-width:56ch;margin:0}.contact{display:flex;flex-direction:column;gap:12px}.label{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.magnetic{display:inline-flex;align-self:flex-start;text-decoration:none;color:var(--fg);font-size:clamp(22px,3vw,28px);font-weight:500;letter-spacing:-.01em;padding:8px 0;will-change:transform}.magnetic-inner{display:inline-flex;align-items:center;gap:12px;will-change:transform;transition:color .2s ease}.magnetic:hover .magnetic-inner{color:var(--accent-b)}.arrow{transition:transform .3s cubic-bezier(.4,0,.2,1)}.magnetic:hover .arrow{transform:translate(2px,-2px)}footer{margin-top:auto;padding-top:28px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:var(--muted);flex-wrap:wrap}.dim{color:var(--muted);opacity:.7}a:focus-visible{outline:2px solid var(--accent-b);outline-offset:4px;border-radius:4px}@media(max-width:480px){.meta{display:none}}
