:root{--base: #fff8f2;--ink: #20131b;--ink-soft: #594452;--paper: #fffdfb;--line: #edcfcf;--accent: #d94f70;--accent-2: #ff9f55;--green: #6ee7a5;--max: 1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{color:var(--ink);font-family:Manrope,sans-serif;background:var(--base);-webkit-font-smoothing:antialiased}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:1rem;padding:.85rem clamp(1.25rem,5vw,3.5rem);background:#fff8f2d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(237,207,207,.55)}.nav-brand{font-family:Space Mono,monospace;font-size:.82rem;letter-spacing:.2em;color:var(--accent);font-weight:700}.nav-links{display:flex;gap:1.75rem;margin-left:auto;align-items:center}.nav-links a{text-decoration:none;font-family:Space Mono,monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-behance{color:var(--accent)!important;border:1px solid var(--line);padding:.25rem .65rem;transition:background .2s,border-color .2s!important}.nav-behance:hover{background:#d94f700f!important;border-color:var(--accent)!important}.lang-toggle{background:none;border:1px solid var(--line);color:var(--ink-soft);font-family:Space Mono,monospace;font-size:.66rem;letter-spacing:.1em;padding:.3rem .65rem;cursor:pointer;transition:border-color .2s,color .2s}.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}.hero{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8rem clamp(1.5rem,6vw,6rem) 5rem;background:radial-gradient(ellipse 65% 55% at 92% 8%,rgba(217,79,112,.14) 0%,transparent 60%),radial-gradient(ellipse 45% 45% at 4% 88%,rgba(255,159,85,.13) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at 50% 50%,rgba(184,71,142,.05) 0%,transparent 70%),var(--base);position:relative}.hero-inner{max-width:var(--max);margin:0 auto;width:100%}.eyebrow{font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem}.hero-name{font-family:"DM Serif Display",serif;font-size:clamp(3.5rem,11vw,9rem);line-height:.92;font-weight:400;white-space:pre-line;color:var(--ink);margin-bottom:2.25rem;letter-spacing:-.01em}.hero-quote{font-family:"DM Serif Display",serif;font-style:italic;font-size:clamp(.95rem,2vw,1.3rem);line-height:1.6;color:var(--ink-soft);max-width:52ch;border-left:2px solid var(--accent);padding-left:1.2rem;margin-bottom:2.75rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.btn-primary,.btn-accent,.btn-ghost{text-decoration:none;font-family:Space Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.75rem 1.35rem;display:inline-block;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:var(--ink);color:var(--base);border:1px solid var(--ink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #20131b33}.btn-accent{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d94f7052}.btn-ghost{background:none;color:var(--ink-soft);border:1px solid var(--line)}.btn-ghost:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.scroll-line{width:1px;height:3.5rem;background:linear-gradient(to bottom,rgba(237,207,207,.8),transparent);animation:scrollPulse 2.4s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.12)}}.section-inner{max-width:var(--max);margin:0 auto;width:100%;padding:0 clamp(1.5rem,6vw,6rem)}.section-heading{font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(1.35rem,3vw,2rem);color:var(--ink);margin-bottom:2.5rem;letter-spacing:-.01em}.work-section{padding:6rem 0;border-top:1px solid var(--line)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.project-card{display:flex;flex-direction:column;border:1px solid var(--line);overflow:hidden;background:var(--paper);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px #5944521f;border-color:#d94f704d}.project-visual{height:220px;flex-shrink:0}.project-card--rose .project-visual{background:linear-gradient(140deg,#f9d0d8,#e8769a 45%,#c94d70)}.project-card--mauve .project-visual{background:linear-gradient(140deg,#e8c4d8,#b8478e 45%,#7a2d6e)}.project-body{padding:1.6rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.project-label{font-family:Space Mono,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.project-body h3{font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--ink);letter-spacing:-.01em}.project-desc{font-size:.88rem;line-height:1.7;color:var(--ink-soft);flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.tag{font-family:Space Mono,monospace;font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);padding:.2rem .5rem;background:var(--base)}.skills-section{padding:6rem 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skill-pills{display:flex;flex-wrap:wrap;gap:.55rem}.pill{font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);padding:.5rem 1rem;background:var(--base);transition:background .2s,border-color .2s,color .2s;cursor:default}.pill:nth-child(3n+1){border-color:#d94f704d;background:#d94f700a;color:var(--ink)}.pill:nth-child(3n+2){border-color:#ff9f554d;background:#ff9f550a}.pill:hover{border-color:var(--accent);color:var(--accent);background:#d94f700f}.contact-section{padding:7rem 0;background:var(--ink)}.contact-section .section-inner{display:flex;flex-direction:column}.open-badge{display:inline-block;font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green);background:#6ee7a51a;border:1px solid rgba(110,231,165,.28);padding:.3rem .8rem;margin-bottom:1.5rem;white-space:nowrap;width:fit-content}.contact-heading{font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(2.75rem,8vw,7rem);line-height:.92;color:var(--base);white-space:pre-line;letter-spacing:-.02em;margin-bottom:1.25rem}.contact-tagline{font-size:.9rem;color:#fff8f273;line-height:1.6;margin-bottom:3.5rem}.contact-links{display:flex;flex-direction:column;border-top:1px solid rgba(255,248,242,.1)}.contact-link{display:flex;align-items:baseline;gap:1.5rem;text-decoration:none;color:var(--base);padding:1.2rem 0;border-bottom:1px solid rgba(255,248,242,.1);transition:color .2s}.contact-link:hover{color:var(--accent)}.contact-link-label{font-family:Space Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#fff8f259;min-width:5.5rem;transition:color .2s}.contact-link:hover .contact-link-label{color:#d94f70a6}.contact-link-value{font-size:.95rem;flex:1}.contact-link-arrow{font-size:1rem;color:#fff8f240;transition:color .2s,transform .2s}.contact-link:hover .contact-link-arrow{color:var(--accent);transform:translate(2px,-2px)}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1.25rem,5vw,3.5rem);background:var(--ink);border-top:1px solid rgba(255,248,242,.07)}.site-footer p{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.06em;color:#fff8f247}.footer-brand{color:#fff8f259}.site-footer .lang-toggle{border-color:#fff8f22e;color:#fff8f259}.site-footer .lang-toggle:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 640px){.hero{padding:7rem 1.5rem 4.5rem}.projects{grid-template-columns:1fr}.nav-behance{display:none}.contact-link{flex-wrap:wrap;gap:.25rem}.contact-link-arrow{display:none}}@media (max-width: 460px){.nav-links a:not(.nav-behance){font-size:.58rem;letter-spacing:.06em}.nav-links{gap:1rem}}