:root{--color-bg:#0a0a0a;--color-bg-elevated:#111;--color-bg-card:#1a1a1a;--color-border:#2a2a2a;--color-border-light:#333;--color-text:#999;--color-text-muted:#666;--color-text-heading:#f0f0f0;--color-accent:#c6ff00;--color-accent-dim:#c6ff0014;--color-accent-glow:#c6ff0040;--font-sans:"Inter", "Noto Sans SC", system-ui, sans-serif;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--max-width:1700px;--section-padding:160px 80px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);cursor:none;min-height:100vh;margin:0}#root{width:100%;max-width:100%}::selection{background:var(--color-accent);color:var(--color-bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}a{color:var(--color-text-heading);transition:color .3s var(--ease-out-quart);text-decoration:none}a:hover{color:var(--color-accent)}button{cursor:none;font-family:var(--font-sans)}img{max-width:100%;display:block}video{display:block}@media (width<=768px){:root{--section-padding:80px 20px}body{cursor:auto}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.custom-cursor{background:var(--color-accent);pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0}.custom-cursor-follower{pointer-events:none;z-index:9998;will-change:transform;width:40px;height:40px;transition:width .3s var(--ease-out-quart), height .3s var(--ease-out-quart), border-color .3s var(--ease-out-quart), background .3s var(--ease-out-quart);border:1px solid #ffffff4d;border-radius:50%;position:fixed;top:0;left:0}.custom-cursor-follower.cursor--link{border-color:var(--color-accent);background:#c6ff0014;width:56px;height:56px}@media (width<=768px){.custom-cursor,.custom-cursor-follower{display:none!important}}.navbar{z-index:1000;will-change:transform, opacity;padding:0 32px;position:fixed;top:0;left:0;right:0}.navbar__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:80px;margin:0 auto;display:flex}.navbar__logo-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:44px;transition:background .3s var(--ease-out-quart), transform .2s var(--ease-out-quart);background:#ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:0 18px;display:flex}.navbar__logo-pill:hover{background:#ffffff2e;transform:scale(1.02)}.navbar__logo-pill:active{transform:scale(.98)}.navbar__logo-text{font-family:var(--font-display);color:var(--color-text-heading);letter-spacing:-.3px;font-size:15px;font-weight:500}.navbar__links{align-items:center;gap:36px;display:flex}.navbar__link{color:var(--color-text);padding:4px 0;font-size:15px;font-weight:400;transition:color .3s}.navbar__link:hover{color:var(--color-accent)}.navbar__cta{background:var(--color-accent);height:44px;transition:transform .2s var(--ease-out-quart), background .3s;border-radius:100px;align-items:center;padding:0 22px;font-size:14px;font-weight:600;display:flex;color:var(--color-bg)!important}.navbar__cta:hover{background:#d4ff33;transform:scale(1.03)}.navbar__burger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none}.navbar__burger-line{background:var(--color-text-heading);width:22px;height:1.5px;transition:transform .3s var(--ease-out-quart), opacity .3s var(--ease-out-quart);transform-origin:50%;display:block}.navbar__burger-line.open:first-child{transform:translateY(6.5px)rotate(45deg)}.navbar__burger-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__burger-line.open:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.navbar__mobile-menu{z-index:999;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out-quart);background:#0a0a0af7;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:none;position:fixed;inset:0}.navbar__mobile-menu--open{opacity:1;pointer-events:all}.navbar__mobile-link{font-family:var(--font-display);color:var(--color-text-heading);text-transform:uppercase;letter-spacing:2px;transition:color .3s var(--ease-out-quart);font-size:36px;font-weight:500;text-decoration:none}.navbar__mobile-link--accent{color:var(--color-accent);margin-top:20px;font-size:20px}@media (width<=768px){.navbar{padding:0 20px}.navbar__inner{height:64px}.navbar__links,.navbar__cta{display:none}.navbar__burger,.navbar__mobile-menu{display:flex}}.dot-grid{z-index:1;pointer-events:none;opacity:.05;background-image:radial-gradient(#ffffff26 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.hero{align-items:flex-end;width:100%;height:100dvh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__bg-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hero__bg-overlay{background:linear-gradient(#0a0a0a40 0%,#0a0a0a8c 50%,#0a0a0aeb 100%);position:absolute;inset:0}.hero__watermark{font-family:"Anton", "Space Grotesk", var(--font-display);text-transform:uppercase;letter-spacing:-4px;color:#0000;background:radial-gradient(circle,#8e7f9400 0%,#c6ff0026 70%);z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;-webkit-background-clip:text;background-clip:text;font-size:clamp(120px,30vw,521px);font-weight:400;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__content{z-index:10;width:100%;padding:0 80px 60px;position:relative}.hero__content-inner{max-width:var(--max-width);will-change:opacity;justify-content:space-between;align-items:flex-end;gap:40px;margin:0 auto;display:flex}.hero__sprite{flex-shrink:0;margin-bottom:20px}.hero__title{font-family:var(--font-display);color:var(--color-text-heading);letter-spacing:-.03em;flex-wrap:wrap;gap:0 .25em;margin:0 0 20px;font-size:clamp(40px,10vw,100px);font-weight:300;line-height:.95;display:flex}.hero__title-word{display:inline-block}.hero__subtitle{color:var(--color-text);letter-spacing:1px;margin-bottom:8px;font-size:15px;font-weight:400}.hero__tagline{color:var(--color-text-muted);max-width:360px;margin-bottom:48px;font-size:13px;line-height:1.7}.hero__cta{border:1px solid var(--color-border-light);color:var(--color-text-heading);letter-spacing:.5px;transition:border-color .3s var(--ease-out-quart), background .3s var(--ease-out-quart), gap .3s var(--ease-out-quart);border-radius:100px;align-items:center;gap:12px;margin-bottom:60px;padding:12px 28px;font-size:14px;font-weight:500;display:inline-flex}.hero__cta:hover{border-color:var(--color-accent);background:var(--color-accent-dim);color:var(--color-accent);gap:20px}.hero__cta svg{transition:transform .3s var(--ease-out-quart)}.hero__cta:hover svg{transform:translate(4px)}.hero__stats{gap:64px;display:flex}.hero__stat{flex-direction:column;gap:4px;display:flex}.hero__stat-value{font-family:var(--font-display);color:var(--color-text-heading);letter-spacing:-1px;font-size:36px;font-weight:500;line-height:1}.hero__stat-suffix{color:var(--color-accent);font-size:20px}.hero__stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}@media (width<=768px){.hero{min-height:100dvh}.hero__content{padding:0 20px 40px}.hero__content-inner{flex-direction:column;align-items:flex-start;gap:24px}.hero__sprite{display:none}.hero__title{flex-direction:column;gap:0;font-size:clamp(32px,12vw,60px)}.hero__tagline{margin-bottom:28px;font-size:12px}.hero__cta{margin-bottom:32px;padding:10px 22px;font-size:13px}.hero__stats{flex-wrap:wrap;gap:32px}.hero__stat-value{font-size:28px}.hero__stat-suffix{font-size:16px}.hero__watermark{font-size:clamp(60px,20vw,200px)}}.section-title{margin-bottom:80px}.section-title--center{text-align:center}.section-title__label{text-transform:uppercase;letter-spacing:3px;color:var(--color-accent);will-change:transform, opacity;margin-bottom:20px;font-size:12px;font-weight:500;display:block}.section-title__heading{font-family:var(--font-display);color:var(--color-text-heading);letter-spacing:-2px;will-change:transform, opacity;margin:0;font-size:clamp(48px,7vw,96px);font-weight:600;line-height:1}.section-title__divider{background:var(--color-accent);opacity:.4;width:60px;height:1px;margin-top:32px}.section-title--center .section-title__divider{margin-left:auto;margin-right:auto}.about{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.about__bg{z-index:0;position:absolute;inset:0}.about__bg-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.about__bg-overlay{background:#0a0a0abf;position:absolute;inset:0}.about__inner{z-index:2;max-width:var(--max-width);width:100%;margin:0 auto;padding:0 80px;position:relative}.about__cinematic-wrap{perspective:400px;justify-content:center;align-items:center;height:100dvh;display:flex;overflow:hidden}.about__cinematic-text{max-width:900px;color:var(--color-text-heading);letter-spacing:-.02em;text-align:center;transform-origin:50%;will-change:transform, opacity;-webkit-user-select:none;user-select:none;font-size:clamp(22px,4vw,36px);font-weight:300;line-height:1.45}.about__bottom{padding:80px 0 120px}.about__stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;display:grid}.about__stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);will-change:transform, opacity;transition:border-color .3s var(--ease-out-quart);background:#1a1a1acc;flex-direction:column;gap:8px;padding:32px 24px;display:flex}.about__stat-card:hover{border-color:var(--color-accent)}.about__stat-value{font-family:var(--font-display);color:var(--color-text-heading);letter-spacing:-1px;font-size:40px;font-weight:500;line-height:1}.about__stat-suffix{color:var(--color-accent);font-size:22px}.about__stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.about__contact-row{border-top:1px solid var(--color-border);gap:48px;padding:32px 0;display:flex}.about__contact-item{will-change:transform, opacity;flex-direction:column;gap:4px;display:flex}.about__contact-label{text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);font-size:11px}.about__contact-item span,.about__contact-item a{color:var(--color-text-heading);font-size:15px}@media (width<=768px){.about__inner{padding:0 20px}.about__bottom{padding:40px 0 60px}.about__stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:32px}.about__stat-card{padding:20px 16px}.about__stat-value{font-size:28px}.about__contact-row{flex-direction:column;gap:24px;padding:24px 0}.about__cinematic-text{padding:0 16px;font-size:clamp(18px,5vw,28px)}}.projects{padding:var(--section-padding);position:relative;overflow:hidden}.projects__bg{z-index:0;position:absolute;inset:0}.projects__bg-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.projects__bg-overlay{background:#0a0a0ad1;position:absolute;inset:0}.projects__inner{z-index:2;max-width:var(--max-width);margin:0 auto;position:relative}.projects__grid{flex-direction:column;gap:120px;display:flex}.project-card{will-change:transform, opacity;cursor:pointer;grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.project-card:nth-child(2n){direction:rtl}.project-card:nth-child(2n) .project-card__info{direction:ltr}.project-card__image-wrap{position:relative}.project-card__image-reveal{z-index:1;will-change:clip-path;position:relative;overflow:hidden}.project-card__image-placeholder{aspect-ratio:4/3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);width:100%;transition:border-color .4s var(--ease-out-quart);background:#1a1a1a99;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-card:hover .project-card__image-placeholder{border-color:var(--color-accent)}.project-card__image-number{font-family:var(--font-display);color:var(--color-accent);opacity:.08;font-size:120px;font-weight:700;line-height:1}.project-card__image-accent{border:1px solid var(--color-accent);opacity:.1;z-index:0;width:100%;height:100%;transition:opacity .4s var(--ease-out-quart), transform .4s var(--ease-out-quart);position:absolute;top:16px;left:-16px}.project-card:hover .project-card__image-accent{opacity:.25;transform:translate(-4px,4px)}.project-card__info{flex-direction:column;gap:16px;display:flex}.project-card__category{text-transform:uppercase;letter-spacing:3px;color:var(--color-accent);font-size:11px;font-weight:500}.project-card__title{font-family:var(--font-display);color:var(--color-text-heading);transition:color .3s var(--ease-out-quart);margin:0;font-size:28px;font-weight:600;line-height:1.2}.project-card:hover .project-card__title{color:var(--color-accent)}.project-card__desc{color:var(--color-text);font-size:15px;line-height:1.8}.project-card__tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.project-card__tag{border:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;transition:border-color .3s var(--ease-out-quart), color .3s var(--ease-out-quart);border-radius:100px;padding:4px 12px;font-size:11px}.project-card__tag:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (width<=768px){.projects__grid{gap:60px}.project-card{grid-template-columns:1fr;gap:24px}.project-card:nth-child(2n){direction:ltr}.project-card__title{font-size:22px}.project-card__desc{font-size:14px}}.skills{padding:var(--section-padding);position:relative;overflow:hidden}.skills__bg{z-index:0;position:absolute;inset:0}.skills__bg-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.skills__bg-overlay{background:#0a0a0ac7;position:absolute;inset:0}.skills__inner{z-index:2;max-width:var(--max-width);margin:0 auto;position:relative}.skills__heading{text-align:center;will-change:transform, opacity;max-width:640px;margin:0 auto 80px}.skills__heading-sub{text-transform:uppercase;letter-spacing:3px;color:var(--color-accent);margin-bottom:16px;font-size:12px;display:block}.skills__heading-title{font-family:var(--font-display);color:var(--color-text-heading);letter-spacing:-1px;margin:0 0 24px;font-size:clamp(36px,6vw,56px);font-weight:600;line-height:1.15}.skills__heading-desc{color:var(--color-text-muted);font-size:15px;line-height:1.7}.skills__layers{flex-direction:column;align-items:center;gap:12px;margin-bottom:80px;display:flex}.skills__layer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform, opacity;width:100%;max-width:480px;height:60px;transition:border-color .3s var(--ease-out-quart), background .3s var(--ease-out-quart);background:#1a1a1a80;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.skills__layer:hover{border-color:var(--color-accent);background:#1a1a1ab3}.skills__layer-label{text-transform:uppercase;letter-spacing:2px;color:#ffffff4d;font-size:12px}.skills__layer-title{color:var(--color-text-heading);font-size:18px;font-weight:300}.skills__grid{background:var(--color-border);border:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.skill-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform, opacity;transition:background .3s var(--ease-out-quart);background:#1a1a1a99;flex-direction:column;padding:40px 36px;display:flex;position:relative;overflow:hidden}.skill-card:before{content:"";opacity:0;transition:opacity .4s var(--ease-out-quart);background:radial-gradient(circle,#c6ff000a 0%,#0000 60%);position:absolute;inset:0}.skill-card:hover{background:#1e1e1ecc}.skill-card:hover:before{opacity:1}.skill-card__icon{margin-bottom:20px;font-size:32px;display:block}.skill-card__title{font-family:var(--font-display);color:var(--color-text-heading);transition:color .3s var(--ease-out-quart);margin:0 0 10px;font-size:18px;font-weight:600}.skill-card:hover .skill-card__title{color:var(--color-accent)}.skill-card__desc{color:var(--color-text);flex:1;font-size:14px;line-height:1.7}.skill-card__number{font-family:var(--font-display);color:var(--color-accent);opacity:.05;transition:opacity .3s var(--ease-out-quart);font-size:40px;font-weight:700;line-height:1;position:absolute;top:20px;right:28px}.skill-card:hover .skill-card__number{opacity:.12}@media (width<=768px){.skills__heading{margin-bottom:48px}.skills__layers{gap:8px;margin-bottom:48px}.skills__layer{max-width:100%;height:52px;padding:0 20px}.skills__layer-label{font-size:10px}.skills__layer-title{font-size:15px}.skills__grid{grid-template-columns:1fr}.skill-card{padding:28px 24px}}.contact{background:#000;overflow:hidden}.contact__inner{min-height:500px;display:flex}.contact__left{flex:1;min-height:400px;position:relative}.contact__video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.contact__right{flex:1;align-items:center;padding:80px 60px;display:flex}.contact__right-inner{will-change:transform, opacity;flex-direction:column;gap:32px;max-width:420px;display:flex}.contact__brand{align-items:center;gap:10px;margin-bottom:8px;display:flex}.contact__brand-name{color:#ffffffb3;letter-spacing:-.5px;font-size:15px;font-weight:500}.contact__desc{color:#fff6;max-width:340px;font-size:15px;line-height:1.8}.contact__social{gap:24px;display:flex}.contact__social-link{color:#ffffff80;transition:color .3s var(--ease-out-quart);font-size:14px}.contact__social-link:hover{color:var(--color-accent)}.contact__cta{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;flex-direction:column;gap:4px;padding:20px 0;transition:border-color .3s;display:flex}.contact__cta:hover{border-color:var(--color-accent)}.contact__cta-label{text-transform:uppercase;letter-spacing:2px;color:#ffffff59;font-size:11px}.contact__cta-email{color:var(--color-text-heading);font-size:16px;transition:color .3s}.contact__cta:hover .contact__cta-email{color:var(--color-accent)}.contact__footer{justify-content:space-between;align-items:center;padding-top:8px;display:flex}.contact__copyright{color:#ffffff40;font-size:12px}.contact__back-top{color:#ffffff40;text-transform:uppercase;letter-spacing:1px;font-size:12px;transition:color .3s}.contact__back-top:hover{color:var(--color-accent)}@media (width<=768px){.contact__inner{flex-direction:column;min-height:auto}.contact__left{width:100%;min-height:250px}.contact__right{padding:40px 20px}.contact__desc{font-size:14px}.contact__social{flex-wrap:wrap;gap:16px}.contact__footer{text-align:center;flex-direction:column;gap:12px}}.app{background:var(--color-bg);width:100%;min-height:100vh}.app__main{z-index:1;position:relative}