@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--bg-void: #050505;--bg-depth: #0a0a0a;--bg-surface: #111111;--text-primary: #e6e6e6;--text-secondary: #a3a3a3;--text-muted: #525252;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--container-width: 1200px;--header-height: 80px;--ease-cinematic: cubic-bezier(.19, 1, .22, 1)}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 2rem}.text-gradient{background:linear-gradient(to bottom,#fff,#a3a3a3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px;background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:4px}.glass-panel{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000001a}.liquid-button{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:.8rem 1.8rem;color:var(--text-primary);font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 20px #0000001a,inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff26;position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.liquid-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.liquid-button:hover{transform:translateY(-2px);background:#ffffff1a;border-color:#ffffff40;box-shadow:0 8px 30px #0003,inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff4d}.liquid-button:hover:before{left:100%}.liquid-button:active{transform:translateY(0);box-shadow:0 2px 10px #0000001a}.cinematic-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden;background-color:var(--bg-void)}.noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.035;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none}.atmosphere-layer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;transition:transform .1s linear;will-change:transform}.layer-deep{background:radial-gradient(circle at 50% 50%,rgba(20,20,20,.4) 0%,rgba(8,8,8,.8) 45%,var(--bg-void) 80%);z-index:1;transform:translate(calc(var(--mouse-x, 0) * -15px),calc(var(--mouse-y, 0) * -15px))}.glow-spot{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:1}.spot-top-left{top:10%;left:20%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(255,255,255,.03),transparent 70%);transform:translate(calc(var(--mouse-x, 0) * 30px),calc(var(--mouse-y, 0) * 30px))}.spot-bottom-right{bottom:0%;right:10%;width:60vw;height:40vw;background:radial-gradient(circle,rgba(30,35,40,.05),transparent 60%);transform:translate(calc(var(--mouse-x, 0) * 45px),calc(var(--mouse-y, 0) * 45px))}.contact-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .3s forwards}.contact-modal-content{background:#141414d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:3rem;width:90%;max-width:450px;position:relative;transform:translateY(20px);animation:slideUp .3s forwards;box-shadow:0 20px 50px #00000080}.contact-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-size:1.5rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s ease}.contact-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.contact-header{margin-bottom:2.5rem;text-align:center}.contact-title{font-family:var(--font-sans);font-size:1.75rem;color:var(--text-primary);margin:0 0 .75rem;font-weight:600;letter-spacing:-.02em}.contact-subtitle{font-family:var(--font-sans);font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.contact-links{display:flex;flex-direction:column;gap:1rem}.contact-link-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.contact-link-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.contact-label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.contact-value{font-family:var(--font-sans);font-size:.95rem;color:var(--text-primary);font-weight:500}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}@media (max-width: 480px){.contact-modal-content{padding:2rem 1.5rem}.contact-link-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.nav-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:100;background:#050505b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);transition:transform .3s var(--ease-cinematic)}.nav-container{height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.25rem;font-weight:600;color:var(--text-primary);text-decoration:none;letter-spacing:-.01em;opacity:.9;transition:opacity .3s ease}.nav-logo:hover{opacity:1}.nav-logo .dot{color:var(--text-muted)}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-item{font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:color .3s ease;font-weight:500;position:relative;padding:.5rem 0}.nav-item:hover{color:var(--text-primary)}.nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--text-primary);transition:width .3s ease}.nav-item:hover:after{width:100%}.nav-contact-btn{background:none;border:none;outline:none;padding:0;margin:0;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:.6rem 1.4rem;color:var(--text-primary);font-family:var(--font-sans);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 10px #0000001a,inset 0 0 0 1px #ffffff0d;position:relative;overflow:hidden}.nav-contact-btn:hover{transform:translateY(-2px);background:#ffffff1a;border-color:#ffffff40;box-shadow:0 8px 25px #0003,inset 0 0 0 1px #ffffff1a}@media (max-width: 768px){.nav-links{display:none}}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;z-index:10;overflow:hidden}.hero-container{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem}.hero-content{z-index:2}.hero-visual{position:relative;height:100%;display:flex;justify-content:center;align-items:center}.hero-image-wrapper{position:relative;width:65vh;max-width:100%;aspect-ratio:3/4;opacity:0;transform:scale(.95);transition:opacity 2s var(--ease-cinematic),transform 2s var(--ease-cinematic)}.hero-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1) brightness(.9);mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);border-radius:4px}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 30%,var(--bg-void) 100%);pointer-events:none}@media (max-width: 900px){.hero-container{grid-template-columns:1fr;text-align:center;padding-top:6rem}.hero-content{margin-bottom:2rem}.hero-image-wrapper{width:60vw;max-width:300px;margin:0 auto;opacity:.6}}.hero-title{font-size:clamp(3rem,7vw,5.5rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin:0 0 1.5rem;opacity:0;transform:translateY(20px);transition:opacity 1.2s var(--ease-cinematic),transform 1.2s var(--ease-cinematic)}.hero-subtext{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--text-secondary);line-height:1.6;font-weight:300;margin:0;max-width:60ch;opacity:0;transform:translateY(20px);transition:opacity 1.2s var(--ease-cinematic),transform 1.2s var(--ease-cinematic)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);height:60px;width:1px;background:#ffffff1a;overflow:hidden}.scroll-line{width:100%;height:50%;background:#fff;animation:scrollDrop 2s infinite cubic-bezier(.77,0,.175,1)}@keyframes scrollDrop{0%{transform:translateY(-100%)}to{transform:translateY(100%);opacity:0}}.project-item{position:relative;padding:3rem 0;display:block;text-decoration:none;cursor:pointer;transition:opacity .4s ease}.project-item:hover{opacity:1}.project-content{display:grid;grid-template-columns:80px 1fr auto;gap:3rem;align-items:flex-start;transition:transform .4s var(--ease-cinematic)}.project-item:hover .project-content{transform:translate(10px)}.project-year{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);opacity:.7;margin-top:.5rem}.project-info{display:flex;flex-direction:column;gap:.5rem}.project-title{font-family:var(--font-sans);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.1}.project-details{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}.project-description{font-family:var(--font-sans);font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0;opacity:0;transform:translateY(10px);transition:all .4s var(--ease-cinematic);height:0;overflow:hidden}.project-item:hover .project-description{opacity:1;transform:translateY(0);height:auto;margin-bottom:.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.75rem;opacity:0;transform:translateY(5px);transition:all .4s var(--ease-cinematic) .1s;height:0;overflow:hidden}.project-item:hover .project-tech{opacity:1;transform:translateY(0);height:auto}.tech-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);background:#ffffff08;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.08);padding:.35rem .85rem;border-radius:100px;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 2px 5px #0000000d}.project-item:hover .tech-tag{border-color:#fff3;color:var(--text-primary);background:#ffffff14;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.project-role{font-family:var(--font-sans);font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500;white-space:nowrap;margin-top:.6rem}.project-line{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ffffff1a;transform-origin:left;transition:background-color .4s ease,transform .4s var(--ease-cinematic)}.project-item:hover .project-line{background-color:#fff6}@media (max-width: 900px){.project-content{grid-template-columns:1fr;gap:1rem}.project-year{order:-1;margin-top:0}.project-role{display:none}.project-description{opacity:1;height:auto;transform:none;margin-bottom:1rem}.project-tech{opacity:1;height:auto;transform:none}}.section-projects{padding:10rem 0;position:relative;z-index:10}.projects-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:6rem;opacity:.9}.section-label{font-family:var(--font-mono, monospace);font-size:.875rem;color:var(--text-muted)}.section-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:500;color:var(--text-primary);margin:0}.projects-list{display:flex;flex-direction:column}.section-philosophy{padding:10rem 0;position:relative;z-index:10}.philosophy-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem}.philosophy-label{position:sticky;top:120px;align-self:start;opacity:.9}.philosophy-content{display:flex;flex-direction:column;gap:6rem}.text-highlight{font-family:var(--font-sans);font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:2rem;letter-spacing:-.02em}.philosophy-text p{font-family:var(--font-sans);font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem;max-width:65ch}.tech-stack{display:flex;flex-direction:column;gap:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.tech-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.tech-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem 2rem}.tech-item{font-family:var(--font-mono, monospace);font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.philosophy-grid{grid-template-columns:1fr;gap:3rem}.philosophy-label{position:static}}.section-contact{min-height:80vh;display:flex;align-items:center;position:relative;z-index:10;padding-bottom:2rem}.contact-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;flex:1}.contact-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact-prefix{font-family:var(--font-sans);font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem;letter-spacing:.05em}.contact-headline{font-family:var(--font-sans);font-size:clamp(2.5rem,5vw,4rem);font-weight:500;color:var(--text-secondary);line-height:1.1;margin-bottom:3rem;letter-spacing:-.02em}.text-white{color:var(--text-primary)}.contact-email{font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,2.5rem);color:var(--text-primary);text-decoration:none;position:relative;padding-bottom:.5rem;transition:color .3s ease}.contact-email:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:var(--text-primary);transition:width .4s var(--ease-cinematic),left .4s var(--ease-cinematic)}.contact-email:hover:after{width:100%;left:0}.footer-bar{display:flex;justify-content:space-between;align-items:flex-end;padding-top:4rem;border-top:1px solid rgba(255,255,255,.05);width:100%}.copyright{font-size:.875rem;color:var(--text-muted)}.social-links{display:flex;gap:2rem}.social-link{font-size:.875rem;color:var(--text-secondary);text-decoration:none;padding:.6rem 1.2rem;border-radius:50px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1)}.social-link:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;color:var(--text-primary)}@media (max-width: 768px){.footer-bar{flex-direction:column-reverse;align-items:center;gap:2rem}}