@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@700;900&family=IM+Fell+English:ital@0;1&family=JetBrains+Mono:wght@400;700&display=swap";:root{--font-display: "Cinzel Decorative", serif;--font-heading: "Cinzel", serif;--font-body: "IM Fell English", serif;--font-mono: "JetBrains Mono", monospace;--color-void: #050505;--color-ash: #0a0a0a;--color-surface: #0f0f0f;--color-smoke: #1e1e1e;--color-bone: #f2f2f2;--color-parchment: #c8b8b2;--color-dim: #7e746c;--color-accent: #bf8080;--color-accent-bright: #d9a5a0;--color-accent-deep: #73404a;--color-accent-dim: #4a2830;--color-accent-glow: rgba(191, 128, 128, .14);--site-max: 1160px;--radius-panel: 14px;--radius-control: 10px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--color-void)}body{min-height:100vh;background:radial-gradient(ellipse 90% 26% at 50% 0%,rgba(115,64,74,.08),transparent 52%),linear-gradient(180deg,#040404,#060606,#080808);color:var(--color-bone);font-family:var(--font-body);font-size:1.05rem;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 15%,rgba(115,64,74,.07),transparent 22%),radial-gradient(circle at 80% 18%,rgba(191,128,128,.04),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.008),transparent 24%);filter:blur(40px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.058;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-repeat:repeat;background-size:256px 256px}#root,.app-shell{min-height:100vh}.app-shell{display:flex;flex-direction:column}.site-main{flex:1;padding-top:88px}img{display:block;max-width:100%}h1{color:var(--color-bone);font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);letter-spacing:.04em}h2{color:var(--color-accent-bright);font-family:var(--font-heading);font-size:clamp(1.3rem,2.6vw,2rem);letter-spacing:.14em;text-shadow:0 0 60px rgba(191,128,128,.18);font-weight:600}h3{color:var(--color-accent);font-family:var(--font-heading);font-size:clamp(.9rem,1.6vw,1.2rem);letter-spacing:.12em;font-weight:600}p,li{color:var(--color-parchment);max-width:68ch}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}a:hover{color:var(--color-bone);text-shadow:0 0 16px rgba(191,128,128,.35)}button,input{font:inherit}.section-shell{width:min(var(--site-max),calc(100% - 2rem));margin:0 auto}.page-section{padding-top:4.5rem;padding-bottom:4rem}.section-heading{margin-bottom:2rem}.section-rule{border:none;height:1px;margin:1rem 0 0;background:linear-gradient(to right,transparent,var(--color-accent-dim) 20%,var(--color-accent) 50%,var(--color-accent-dim) 80%,transparent)}.section-rule-compact{width:50%;margin-inline:auto}.card{background:linear-gradient(180deg,rgba(115,64,74,.06),transparent 14%),#090909f7;border:1px solid rgba(115,64,74,.18);border-radius:var(--radius-panel);padding:1.5rem;box-shadow:inset 0 1px #ffffff08,0 20px 52px #00000061;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.card:hover{border-color:#bf80804d;box-shadow:0 20px 56px #00000075,0 0 40px var(--color-accent-glow),inset 0 0 0 1px #bf80800d}.tag{display:inline-block;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--color-dim);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;padding:.2em .65em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:#73404a12;border:1px solid rgba(115,64,74,.35);border-radius:999px;color:var(--color-parchment);cursor:pointer;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;min-height:2.5rem;padding:.4em 1.05em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.btn:hover,.btn:focus-visible{background:#bf80801a;border-color:var(--color-accent);box-shadow:0 0 22px var(--color-accent-glow);color:var(--color-bone);outline:none}.btn:disabled{cursor:wait;opacity:.6}.btn-small{min-height:2.2rem;padding-inline:.8rem}.site-header{position:fixed;inset:0 0 auto;z-index:40;background:#030303fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(115,64,74,.22);box-shadow:0 8px 32px #00000057}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(var(--site-max),calc(100% - 2rem));min-height:88px;margin:0 auto}.header-logo img{height:120px;width:auto;mix-blend-mode:screen;opacity:.88;transition:opacity .2s ease}.header-logo:hover img{opacity:1}.header-nav{display:flex;align-items:center;gap:2.5rem}.nav-link{color:var(--color-dim);font-family:var(--font-heading);font-size:.65rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;padding:.2rem 0;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.mobile-nav-link{color:var(--color-parchment);font-family:var(--font-heading);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:.9rem 1rem;border-radius:8px;transition:background .2s ease,color .2s ease}.nav-link:hover{color:var(--color-accent-bright);border-bottom-color:#bf808059}.mobile-nav-link:hover{background:#73404a24;color:var(--color-bone)}.nav-link-active{color:var(--color-accent)}.nav-link.nav-link-active{border-bottom-color:var(--color-accent)}.mobile-nav-link.nav-link-active{background:#73404a38;color:var(--color-accent-bright)}.menu-toggle{display:none;background:transparent;border:1px solid rgba(115,64,74,.35);border-radius:6px;color:var(--color-parchment);min-height:2.5rem;min-width:2.8rem;font-size:1rem;transition:border-color .2s ease,color .2s ease}.menu-toggle:hover{border-color:var(--color-accent);color:var(--color-bone)}.mobile-nav{display:none}.hero-section{position:relative;display:grid;place-items:center;min-height:min(78vh,760px);padding:4rem 1rem 1.5rem;overflow:hidden}.hero-glow{position:absolute;inset:12% 0 auto;height:68%;pointer-events:none;background:radial-gradient(ellipse 54% 34% at 50% 50%,rgba(115,64,74,.06) 0%,transparent 70%);filter:blur(12px)}.hero-content{position:relative;display:grid;justify-items:center;gap:0;text-align:center}.hero-logo{width:min(88%,860px);filter:drop-shadow(0 20px 48px rgba(0,0,0,.42))}.chatfolio-section{padding-top:4.5rem;padding-bottom:5rem}.prompt-chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.prompt-chip-row .btn{font-family:var(--font-heading);font-size:.65rem;font-weight:600;letter-spacing:.2em}.chat-shell{width:min(700px,100%);margin:0 auto;padding:0;background:#080506f7;border:1px solid rgba(115,64,74,.25);border-radius:var(--radius-panel);box-shadow:0 28px 72px #00000085,inset 0 0 0 1px #ffffff06;overflow:hidden}.chat-header{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem;background:#0c0709f2;border-bottom:1px solid rgba(115,64,74,.15)}.chat-header-dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 7px var(--color-accent);animation:glow-dot 2.8s infinite ease-in-out;flex-shrink:0}.chat-header-title{color:var(--color-dim);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.message-window{display:flex;flex-direction:column;gap:.85rem;height:320px;overflow-y:auto;background:#040203f7;border:none;border-radius:0;padding:1.25rem 1.4rem;scrollbar-width:thin;scrollbar-color:var(--color-accent-dim) transparent;box-shadow:inset 0 0 80px #0009,inset 0 20px 40px #73404a0a}.message-window::-webkit-scrollbar{width:8px}.message-window::-webkit-scrollbar-thumb{background:var(--color-accent-dim)}.message-window::-webkit-scrollbar-track{background:transparent}.user-message,.assistant-message{width:fit-content;max-width:85%;padding:.6em 1em}.user-message{align-self:flex-end;max-width:75%;background:#73404a7a;border:1px solid rgba(191,128,128,.16);border-radius:14px 14px 4px;color:var(--color-bone);font-family:var(--font-mono);font-size:.88rem}.assistant-message{align-self:flex-start;background:#120c0ffa;border:1px solid rgba(115,64,74,.18);border-radius:4px 14px 14px;color:var(--color-parchment);font-family:var(--font-mono);font-size:.83rem;line-height:1.65}.assistant-message p+p{margin-top:.75rem}.assistant-message ul,.assistant-message ol{padding-left:1.2rem}.assistant-message strong{color:var(--color-bone);font-weight:600}.assistant-message code{color:var(--color-bone);font-family:var(--font-mono);font-size:.85em}.ritual-intro{align-self:center;width:100%;max-width:100%;text-align:center;background:transparent;border:none;border-radius:0;color:var(--color-dim);font-family:var(--font-mono);font-size:.78rem;font-style:italic;letter-spacing:.06em;line-height:1.6;padding:2rem 1rem;opacity:.75}.loading-message{display:inline-flex;gap:.45rem;color:var(--color-accent)}.loading-message span{animation:pulse 1s infinite ease-in-out}.loading-message span:nth-child(2){animation-delay:.15s}.loading-message span:nth-child(3){animation-delay:.3s}.chat-input-row{display:flex;gap:.75rem;margin-top:0;padding:.7rem .75rem;background:#0a0608e6;border-radius:0;border:none;border-top:1px solid rgba(115,64,74,.15)}.chat-input{flex:1;background:#0a0607e6;border:1px solid rgba(115,64,74,.22);border-radius:var(--radius-control);color:var(--color-bone);font-family:var(--font-mono);padding:.6em 1em}.chat-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 1px #bf808038}.send-button{min-width:80px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{padding:0;overflow:hidden}.project-card:hover{transform:translateY(-4px)}.project-image{width:100%;height:180px;object-fit:cover;filter:saturate(.65) brightness(.8);transition:filter .3s ease}.project-card:hover .project-image{filter:saturate(.9) brightness(.95)}.project-body{padding:1.35rem 1.35rem 1.6rem}.project-body h3{margin-top:1rem}.project-body p{margin-top:.5rem;font-size:.9rem}.project-tags,.project-links{display:flex;flex-wrap:wrap;gap:.5rem}.project-tags,.project-links{margin-top:1rem}.music-card{max-width:640px;margin:0 auto}.ep-layout{display:flex;gap:3.5rem;align-items:flex-start;justify-content:center;margin-top:1.5rem}.ep-cover{width:220px;flex-shrink:0;border-radius:8px;filter:saturate(.85) brightness(.9);box-shadow:0 12px 40px #00000080,0 0 0 1px #73404a33}.music-head{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.music-subline{color:var(--color-dim);font-style:italic;margin:.5rem auto 0}.track-list{list-style:none;counter-reset:track-counter;display:grid;gap:.8rem;margin-top:1.5rem;text-align:left}.track-list li{display:flex;align-items:baseline;gap:1rem;counter-increment:track-counter}.track-list li:before{content:counter(track-counter);min-width:1.5rem;color:var(--color-accent);font-family:var(--font-mono);font-size:.75rem}.music-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem}.music-other-links{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(115,64,74,.2)}.music-other-label{color:var(--color-dim);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.btn-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.status-badge{border:1px solid var(--color-accent-dim);color:var(--color-accent);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;padding:.25em .7em;border-radius:999px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.about-image-wrap{display:flex;justify-content:center}.about-image{width:100%;max-width:340px;border:1px solid var(--color-smoke);border-radius:var(--radius-panel);filter:saturate(.5) brightness(.85) sepia(.15)}.about-copy{display:grid;gap:1rem;padding-top:.5rem}.site-footer{border-top:1px solid rgba(255,255,255,.05);background:#050505;padding:2rem 1rem;text-align:center}.footer-icons{display:flex;justify-content:center;gap:1rem}.footer-icons a{color:var(--color-dim);transition:color .2s ease}.footer-icons a:hover{color:var(--color-bone);text-shadow:none}.footer-icons svg{width:24px;height:24px;fill:currentColor}.footer-copy{margin:.85rem auto 0;color:var(--color-dim);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes glow-dot{0%,to{opacity:.55;box-shadow:0 0 4px var(--color-accent)}50%{opacity:1;box-shadow:0 0 10px var(--color-accent),0 0 18px #bf80804d}}@media (max-width: 860px){.header-nav{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.mobile-nav{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem 1.25rem;background:#040203fa;border-top:1px solid rgba(115,64,74,.22)}.about-grid{grid-template-columns:1fr}}@media (max-width: 640px){.site-main{padding-top:80px}.hero-section{min-height:auto;padding-top:3.75rem}.chat-input-row{flex-direction:column}.send-button{width:100%}.user-message,.assistant-message{max-width:100%}.music-head{flex-direction:column;gap:.5rem}.ep-layout{flex-direction:column;align-items:center;gap:1.5rem}.ep-cover{width:100%;max-width:280px;margin:0 auto}}