.page{max-width:480px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.hero{justify-content:center;align-items:center;width:100vw;min-height:420px;margin-left:-50vw;margin-right:-50vw;display:flex;position:relative;left:50%;right:50%;overflow:hidden}.hero-video-wrap{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-video-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000);height:40%;position:absolute;bottom:0;left:0;right:0}#hero-video{object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:1;justify-content:center;width:100%;padding:2rem 1.25rem;display:flex;position:relative}.hero-text-bg{-webkit-backdrop-filter:blur(12px);text-align:center;background:#0a0a0aa6;border-radius:16px;max-width:400px;padding:2rem 2rem 1.5rem}.avatar-ring{background:linear-gradient(135deg, var(--accent), #6366f1, var(--accent-light));border-radius:50%;width:80px;height:80px;margin:0 auto 1rem;padding:2px}.avatar{object-fit:cover;border:2px solid var(--bg);border-radius:50%;width:100%;height:100%;display:block}.name{letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.75rem}.tagline{color:var(--text);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.tagline+.bio:before{content:"";background:var(--text-muted);opacity:.4;width:32px;height:1px;margin:0 auto .75rem;display:block}.bio{color:var(--text-muted);text-align:justify;max-width:360px;min-height:4.2em;margin:0 auto 1rem;font-family:Space Mono,monospace;font-size:.78rem;line-height:1.6}.bio.typing:after{content:"▌";color:var(--accent-light);animation:.7s step-end infinite blink}.bio.typing-done:after{display:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.status{color:var(--text);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-family:Space Mono,monospace;font-size:.8rem;animation:4s ease-in-out infinite breathe;display:inline-flex}.status[data-daytime=true]{background:linear-gradient(135deg,#fbbf2414,#f59e0b0d,#8b5cf608)}.status[data-daytime=false]{background:linear-gradient(135deg,#6366f11a,#8b5cf60f,#3b82f60a)}@keyframes breathe{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 20px 2px #8b5cf614}}.status-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #34d39966}50%{opacity:.6;box-shadow:0 0 6px 2px #34d39933}}.status-text{font-family:Space Mono,monospace}.hero-cta{background:var(--accent);color:#000;border-radius:9999px;margin-top:1rem;padding:.6rem 1.5rem;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.hero-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf64d}.section{margin-bottom:1.75rem}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700}.featured{margin-bottom:1.75rem}.skills-grid{flex-direction:column;gap:.6rem;display:flex}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;transition:border-color .15s;display:flex}.skill-card:hover{border-color:var(--accent)}.skill-icon{text-align:center;flex-shrink:0;width:28px;padding-top:.1rem;font-size:1.2rem}.skill-info{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.skill-title{color:var(--text);font-size:.9rem;font-weight:700;line-height:1.3}.skill-sub{color:var(--text-muted);font-size:.78rem;line-height:1.55}.featured-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.featured-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-light);background:#8b5cf61f;border-radius:4px;margin-bottom:.5rem;padding:.2rem .5rem;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;display:inline-block}.featured-title{margin-bottom:.35rem;font-size:1.15rem}.featured-desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;line-height:1.5}.featured-date{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.7rem}.art-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.art-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:10px;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.art-card:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.art-thumb{aspect-ratio:16/10;flex-shrink:0;width:100%}.art-info{flex-direction:column;gap:.15rem;padding:.6rem .75rem;display:flex}.art-title{font-size:.82rem;font-weight:600;line-height:1.3}.art-sub{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.68rem}.projects-listen-row{flex-direction:column;gap:0;margin-bottom:1.75rem;display:flex}.projects-listen-row .section{margin-bottom:0}.coming-soon-card{background:var(--bg-card);border:1px dashed var(--border);opacity:.75;border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.construction-icon{flex-shrink:0;font-size:1.3rem}.coming-soon-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.coming-soon-title{font-size:.9rem;font-weight:600;line-height:1.3}.coming-soon-sub{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.72rem}.coming-soon-badge{letter-spacing:.05em;color:var(--accent-light);border:1px dotted var(--accent);white-space:nowrap;border-radius:3px;flex-shrink:0;padding:.2rem .5rem;font-family:Space Mono,monospace;font-size:.6rem;font-weight:700;animation:3s ease-in-out infinite badge-glow;transform:skew(-4deg)}@keyframes badge-glow{0%,to{opacity:.7}50%{opacity:1;text-shadow:0 0 6px #a78bfa66}}.links{flex-direction:column;gap:.5rem;display:flex}.link-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;text-decoration:none;transition:border-color .15s,transform .1s;display:flex}.link-card:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.link-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.1rem}.link-card>div{flex:1;min-width:0}.link-title{font-size:.9rem;font-weight:600;line-height:1.3;display:block}.link-sub{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.75rem;display:block}.link-arrow{color:var(--text-muted);flex-shrink:0;font-size:.9rem;transition:color .15s}.link-card:hover .link-arrow{color:var(--accent-light)}.footer{border-top:1px solid var(--border);text-align:center;padding-top:2rem}.footer p{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.75rem}@media (min-width:640px){.page{max-width:720px}.bio{max-width:440px}}@media (min-width:1024px){.page{max-width:960px}.hero{min-height:480px}.hero-text-bg{max-width:440px;padding:2.5rem 2.5rem 2rem}.avatar-ring{margin:0 auto 1rem}.bio{max-width:100%;margin:0 0 1rem}.status{margin:0}.projects-listen-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.75rem;display:grid}.projects-listen-row .section{margin-bottom:0}.art-grid{grid-template-columns:repeat(4,1fr)}.skills-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.art-card{flex-direction:row}.art-thumb{aspect-ratio:1;width:72px}.art-info{justify-content:center}}@media (max-width:480px){.page{padding:1.5rem 1rem 2.5rem}}@media (prefers-reduced-motion:reduce){.bio.typing:after,.status,.status-dot,.coming-soon-badge{animation:none}}