@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap";:root{font-family:Roboto Mono,monospace;line-height:1.5;font-weight:400;color:#f2f1ed;--page-background: radial-gradient(circle at top left, rgba(91, 107, 255, .12), transparent 32%), radial-gradient(circle at bottom right, rgba(83, 255, 196, .08), transparent 24%), #020202;background:var(--page-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong: #f6f5ef;--text: rgba(246, 245, 239, .82);--muted: rgba(246, 245, 239, .52);--border: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%),var(--page-background);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.2) .5px,transparent .5px),linear-gradient(90deg,rgba(255,255,255,.12) .5px,transparent .5px);background-size:100% 3px,3px 100%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 95%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 95%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{min-height:100vh}::selection{background:#6f82ff59;color:var(--text-strong)}.site-shell{position:relative;overflow:hidden;min-height:100vh}.ambient{position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:999px;filter:blur(110px);opacity:.45}.ambient-left{top:6rem;left:-10rem;width:24rem;height:24rem;background:#6f82ff2e}.ambient-right{right:-8rem;bottom:5rem;width:20rem;height:20rem;background:#56ffc414}.page{position:relative;z-index:1;width:min(100%,72rem);margin:0 auto;padding:7rem 1.5rem 4rem}.hero{display:grid;gap:3rem}.hero-copy{max-width:46rem;opacity:0;transform:translateY(18px);animation:reveal .7s ease-out forwards}.eyebrow,.section-label{margin:0 0 1rem;color:var(--muted);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase}.hero h1{margin:0 0 0 -.045em;color:var(--text-strong);font-size:clamp(2.4rem,6vw,2.85rem);font-weight:700;letter-spacing:-.045em;line-height:1.04}.intro,.bio{max-width:38rem;color:var(--text);font-size:clamp(.82rem,1.2vw,.9rem);line-height:1.95}.intro{margin:1.5rem 0 0}.bio{margin:2rem 0 0}.inline-highlight-link{color:var(--text-strong);opacity:.72;text-underline-offset:.25rem;transition:opacity .18s ease,text-shadow .18s ease,color .18s ease}.inline-highlight-link:hover,.inline-highlight-link:focus-visible{opacity:1;text-shadow:0 0 .75rem rgba(255,255,255,.35),0 0 1.4rem rgba(111,130,255,.25)}.socials{display:flex;flex-wrap:wrap;gap:.85rem;opacity:0;transform:translateY(18px);animation:reveal .7s ease-out .14s forwards}.social-link{display:inline-flex;align-items:center;gap:.7rem;border:1px solid var(--border);border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0a0a0ab8;padding:.82rem 1.05rem;color:var(--text-strong);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.social-link:hover{transform:translateY(-2px);border-color:#ffffff4d;background-color:#ffffff0f}.social-link span{font-size:.82rem}.social-icon{width:1.1rem;height:1.1rem;flex:0 0 auto}.playlist-section{margin-top:5rem;opacity:0;transform:translateY(18px);animation:reveal .7s ease-out .28s forwards}.playlist-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.6rem;background:linear-gradient(180deg,#ffffff14,#ffffff05),#0c0c0ceb;padding:1rem;box-shadow:0 20px 50px #00000073,inset 0 1px #ffffff14}.playlist-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,transparent,rgba(255,255,255,.02));pointer-events:none}.playlist-frame iframe{position:relative;display:block;z-index:1}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.page{padding-top:5rem;padding-bottom:3rem}.hero{gap:2rem}.intro,.bio{line-height:1.75}.socials{gap:.75rem}.social-link{width:100%;justify-content:center}.playlist-section{margin-top:4rem}.playlist-frame{padding:.65rem;border-radius:1.25rem}}@media(prefers-reduced-motion:reduce){.hero-copy,.socials,.playlist-section{opacity:1;transform:none;animation:none}.social-link{transition:none}}
