/* Local color study. This layer can be removed without changing layout or motion. */
:root{--bg:#f1f3fc;--bg2:#e2def5;--surface:#ffffff78;--text:#282b43;--muted:#5b627a;--lime:#59458d;--cyan:#356b86;--study-blue:#adcef3;--study-lilac:#c5a7ee;--study-mint:#c1e4b9;--study-peach:#ffd0ac}
body{background:var(--bg)}
.hero-atmosphere{background:radial-gradient(ellipse at 8% 12%,var(--study-blue),transparent 55%),radial-gradient(ellipse at 87% 34%,var(--study-lilac),transparent 48%),radial-gradient(ellipse at 90% 95%,var(--study-peach),transparent 46%),radial-gradient(ellipse at 37% 94%,var(--study-mint),transparent 45%),var(--bg)}
.avatar-halo{background:radial-gradient(circle at 20% 25%,#a6d9ee,#c9abe4aa 48%,#ffc997b0 83%);opacity:.82}
.glass{backdrop-filter:blur(24px) saturate(165%)}
.navbar{background:linear-gradient(110deg,#ffffffb8,#ece4ff9e)}
.nav-contact{background:#d7c4f290;color:#49376d}
.hero .tag-design{background:linear-gradient(120deg,#ffffffc9,#d4bbeece);color:#584271}
.hero .tag-motion{background:linear-gradient(120deg,#ffffffc9,#c4e4acce);color:#41563a}
.avatar-sticker{background:linear-gradient(130deg,#fff3e8cf,#ffca96cc);color:#7b5036}
.btn.primary{background:#58458e;border-color:#58458e;box-shadow:0 8px 22px #59458d22;color:#fff}
.btn.primary:hover{background:#473571;border-color:#473571}
.btn.secondary{background:linear-gradient(115deg,#ffffffbc,#e0e8ff90)}
.hero-copy>p,.about-grid p:not(.lead),.section-heading p{color:#555e75}
.hero-bottom,.section-label,.eyebrow{color:#5f627c}
.hello-star{color:#648f58}
.about{background:radial-gradient(ellipse at 4% 60%,#c5e5dc90,transparent 52%),radial-gradient(ellipse at 94% 20%,#d8c2f78a,transparent 56%)}
.about .portrait-slot{background:linear-gradient(135deg,#f7fffc99,#d7c4f699)}
.about .portrait-frame{background:radial-gradient(ellipse at 30% 15%,#b0d5e8,#dcc5ef 64%,#ffd8b6)}
.about h2 span,.section-heading h2 span{color:#785386}
.skill-tags .badge:nth-child(3n+1){background:#d8e7ffb8;color:#38557d}
.skill-tags .badge:nth-child(3n+2){background:#e8d4f6b8;color:#705181}
.skill-tags .badge:nth-child(3n){background:#d8edc9b8;color:#4c663d}
.works{background:radial-gradient(ellipse at 92% 18%,#c2aff38a,transparent 53%),radial-gradient(ellipse at 0% 78%,#b6dbee88,transparent 56%)}
.filter.active,.filter:hover{background:#d6c3ef;color:#49366d}
.project-caption .badge{background:#e2d7f4b8;color:#60467d}
.assets-section{background:radial-gradient(ellipse at 9% 22%,#bfe2d191,transparent 57%),radial-gradient(ellipse at 92% 82%,#f8cead8a,transparent 56%)}
.asset-card{background:linear-gradient(135deg,#ffffffa8,#e8e0fa61)}
.gradient-preview{background:linear-gradient(135deg,#8fc8e4,#c5a0ed 45%,#ffbf96 76%,#c4e4a9)}
.glass-preview{background:linear-gradient(145deg,#b1d9f0,#b7a0e2)}
.prompt-preview{background:linear-gradient(120deg,#b9dea0,#e3e7a8)}
.asset-download{color:#62488d}
.inriverso{background:radial-gradient(ellipse at 6% 45%,#adcff1a3,transparent 53%),radial-gradient(ellipse at 94% 40%,#ceb0efa3,transparent 55%),#f0f1fc}
.maker-preview{background:radial-gradient(ellipse at 18% 18%,#c2a6ed,transparent 68%),radial-gradient(ellipse at 88% 88%,#fbc7a0,transparent 57%),#c7e6df}
.avatar-studio{background:linear-gradient(135deg,#ffffffaa,#ece2fa55)}
.category-dock button[aria-selected=true]{background:#d7c1ef;color:#503673}
.part-option[aria-pressed=true]{background:#e5d6f7;border-color:#8962af}
.selection-check{background:#765194}
.clients{background:radial-gradient(ellipse at 5% 65%,#c1e4b69c,transparent 59%),radial-gradient(ellipse at 96% 20%,#c4b5ef91,transparent 57%)}
.brand-0{color:#565082}.brand-1{color:#3c706d}.brand-2{color:#785476}.brand-3{color:#466487}
.contact{background:radial-gradient(ellipse at 20% 35%,#a9cef3b3,transparent 56%),radial-gradient(ellipse at 84% 77%,#ffc698ad,transparent 57%),radial-gradient(ellipse at 62% 28%,#d3b3ed99,transparent 54%),#eef1fa}
.contact-glow{background:radial-gradient(circle,#c6a0eb,transparent 65%)}
.contact h2 em{color:#79568d}
footer{background:linear-gradient(100deg,#e0e8f5,#e5dbf1,#f4e3d9);color:#596078}
.scene-orbits{background:radial-gradient(ellipse at 25% 30%,#afd0f1,transparent 60%),radial-gradient(ellipse at 80% 65%,#c5a4e8,transparent 55%),#eef1fb}
.scene-waves{background:radial-gradient(ellipse at 10% 70%,#ffc9a2,transparent 65%),radial-gradient(ellipse at 80% 10%,#acd8eb,transparent 55%),#f7eee9}
.scene-bloom{background:radial-gradient(ellipse at 55% 45%,#c0e0a9,transparent 60%),radial-gradient(ellipse at 15% 85%,#c9a9e8,transparent 55%),#eef4e9}
