@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Overlock+SC&family=Outfit:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body{background:#050505;width:100%;margin:0;padding:0;overflow-x:hidden}#root{width:100%}.page{color:#f4f4f4;box-sizing:border-box;background:#050505;min-height:100vh;padding:0 clamp(24px,6vw,96px) 96px;font-family:Poppins,system-ui,sans-serif;overflow-x:hidden}.hero{justify-content:space-between;align-items:center;gap:32px;min-height:70vh;padding-top:clamp(32px,6vw,72px);display:flex}.hero-text{font-family:Outfit,sans-serif;font-size:56px;font-weight:500;position:absolute;top:28%;left:32%}.greeting{color:#f4f4f4;white-space:nowrap;margin:0;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.15}.cursor{vertical-align:-.1em;background:#f4f4f4;width:3px;height:.9em;margin-left:4px;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-media{flex:380px;justify-content:flex-end;align-items:flex-end;min-width:0;display:flex}.character-video{mix-blend-mode:screen;width:100%;max-width:560px;height:auto;display:block}.interactive-avatar{object-fit:contain;mix-blend-mode:screen;will-change:transform;width:560px;max-width:100%;height:auto;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:block}.projects{margin-top:24px}.projects-panel{background:#1b1b1b;border-radius:28px;padding:clamp(28px,4vw,48px) clamp(20px,4vw,40px) clamp(36px,5vw,48px)}.projects-title{text-align:center;font-variant:small-caps;letter-spacing:.04em;color:#e9e9e9;text-shadow:0 1px #ffffff26,0 3px 6px #0009;margin:0 0 clamp(24px,4vw,36px);font-family:Overlock SC,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700}.carousel-viewport{width:100%;overflow:hidden}.carousel-track{display:flex}.project-card{background:#000;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.project-thumb img{object-fit:contain;width:100%;height:100%;display:block}.project-info{padding:18px 18px 22px}.project-info h3{color:#f4f4f4;margin:0 0 6px;font-size:1.05rem;font-weight:600}.project-info p{color:#9a9a9a;margin:0;font-size:.85rem}@media (width<=720px){.hero{text-align:center;flex-direction:column;align-items:center;gap:12px;min-height:auto;padding-top:40px}.hero-text{order:2}.hero-media{order:1;justify-content:center}.greeting{white-space:normal}.carousel-viewport{width:100%}.interactive-avatar{width:500px;max-width:100%}}