:root{--background:260 87% 3%;--foreground:40 6% 95%;--hero-sub:40 6% 82%;--font-body:"Geist", system-ui, -apple-system, sans-serif;--font-headline:"General Sans", "Geist", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fixed-bg{z-index:0;transform-origin:50%;will-change:transform;transition:transform .1s linear;position:fixed;inset:0;overflow:hidden}.fixed-bg-video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.fixed-bg-overlay{pointer-events:none;background:radial-gradient(#05010e26 0%,#05010e66 50%,#05010e99 100%);position:absolute;inset:0}.scroll-content{z-index:1;position:relative}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#0a0a1499;justify-content:space-between;align-items:center;padding:16px 48px;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo img{filter:brightness(0)invert();width:auto;height:32px}.navbar-center{gap:8px;display:flex}.nav-item{color:hsl(var(--foreground) / .7);border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.nav-item svg{width:16px;height:16px}.nav-item:hover{color:hsl(var(--foreground));background:#ffffff0f}.btn-hero-secondary{color:hsl(var(--foreground));border:1px solid #ffffff26;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-hero-secondary:hover{background:#ffffff14;border-color:#ffffff4d}.navbar-divider{z-index:99;background:linear-gradient(90deg,#0000,#6366f14d 20%,#a855f766 50%,#6366f14d 80%,#0000);height:1px;position:fixed;top:64px;left:0;right:0}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#a855f7 40%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:80px 32px 0;display:flex}.hero-inner{max-width:900px}.hero-headline{font-family:var(--font-headline);color:hsl(var(--foreground));letter-spacing:-.04em;margin-bottom:24px;font-size:150px;font-weight:700;line-height:1}.hero-subtitle{font-family:var(--font-headline);color:hsl(var(--hero-sub));margin-top:36px;margin-bottom:36px;font-size:18px;font-weight:700;line-height:1.6}.btn-cta-gradient{font-family:var(--font-body);color:#fff;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;outline-offset:-3px;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00 100%);border:none;border-radius:100px;outline:2px solid #fff9;padding:16px 44px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .3s;display:inline-block;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.btn-cta-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b501a759,inset 4px 4px 12px #7721b1}.marquee-section{padding:0 32px 40px}.marquee-container{align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:flex}.marquee-label{text-transform:uppercase;letter-spacing:1.5px;color:hsl(var(--foreground) / .5);white-space:nowrap;font-size:12px;font-weight:500;line-height:1.5}.marquee-track-wrapper{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#fff 10% 90%,#0000)}.marquee-track{gap:40px;width:max-content;animation:30s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{align-items:center;gap:10px;display:flex}.marquee-icon{width:28px;height:28px;color:hsl(var(--foreground) / .7);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.marquee-name{color:hsl(var(--foreground) / .6);font-size:14px;font-weight:500}.content-section{padding:60px 32px}.section-header{text-align:center;margin-bottom:64px}.section-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:3px;margin-bottom:16px;font-size:13px;font-weight:600}.section-title{font-family:var(--font-headline);color:hsl(var(--foreground));letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(48px,12vw,140px);font-weight:900;line-height:1}.glass-container{-webkit-backdrop-filter:blur(40px)saturate(1.4);opacity:0;background:#0a0a148c;border:1px solid #ffffff0f;border-radius:32px;max-width:1120px;margin:0 auto;padding:72px 56px;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(40px);box-shadow:0 0 0 1px #ffffff08,0 32px 80px #00000080,0 8px 32px #0000004d,inset 0 1px #ffffff0d}.glass-container.visible{opacity:1;transform:translateY(0)}.service-list{max-width:960px;margin:0 auto}.service-item{opacity:0;cursor:default;border-bottom:1px solid #ffffff14;border-radius:12px;align-items:center;gap:32px;padding:36px 0;transition:opacity .7s,transform .7s,background .3s;display:flex;transform:translateY(20px)}.service-item:first-child{border-top:1px solid #ffffff14}.service-item.visible{opacity:1;transform:translateY(0)}.service-item:hover{background:#ffffff08;padding-left:16px;padding-right:16px}.service-number{font-family:var(--font-headline);letter-spacing:-.04em;background:linear-gradient(#ffffff1f 0%,#ffffff0a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;min-width:100px;font-size:clamp(48px,10vw,120px);font-weight:900;line-height:1;transition:all .4s}.service-item:hover .service-number{background:linear-gradient(#a855f7 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.service-info{flex:1}.service-name{font-family:var(--font-headline);color:hsl(var(--foreground));text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;font-size:clamp(16px,2.2vw,28px);font-weight:500}.service-desc{color:hsl(var(--hero-sub));opacity:.7;max-width:600px;font-size:clamp(13px,1.4vw,16px);font-weight:300;line-height:1.6}.about-section{padding:100px 32px}.about-inner{max-width:960px;margin:0 auto}.about-story-block{align-items:stretch;gap:32px;display:flex}.about-accent-bar{background:linear-gradient(#f97316 0%,#a855f7 50%,#6366f1 100%);border-radius:3px;flex-shrink:0;width:3px}.about-story-center{text-align:center;opacity:0;max-width:640px;margin:0 auto 80px;transition:opacity .9s,transform .9s;transform:translateY(30px)}.about-card .about-story-center{text-align:left;opacity:1;max-width:none;margin:0;transform:none}.about-story-center.visible{opacity:1;transform:translateY(0)}.about-divider{background:linear-gradient(90deg,#0000,#f973164d 20%,#a855f759 50%,#f973164d 80%,#0000);height:1px;margin:48px 0}.about-vm-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.about-vm-card.about-vm-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;align-items:flex-start;gap:16px;padding:32px;transition:opacity .7s,transform .7s,background .3s,border-color .3s}.about-vm-card.about-vm-item:first-child{border-top:1px solid #ffffff0f}.about-vm-card.about-vm-item:hover{background:#ffffff0d;border-color:#f9731640;padding-left:32px;padding-right:32px}.about-vm-icon{font-family:var(--font-headline);letter-spacing:-.04em;background:linear-gradient(135deg,#f97316 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1}.about-lead{color:#d7e2ea;margin-bottom:24px;font-size:clamp(18px,2.2vw,22px);font-weight:400;line-height:1.7}.about-lead strong{color:#fff;font-weight:600}.about-body{color:hsl(var(--hero-sub));opacity:.7;margin-bottom:16px;font-size:clamp(14px,1.6vw,16px);font-weight:300;line-height:1.8}.about-body:last-child{margin-bottom:0}.about-vm-list{max-width:960px;margin:0 auto}.about-vm-item{opacity:0;cursor:default;border-bottom:1px solid #ffffff14;border-radius:12px;align-items:center;gap:32px;padding:36px 0;transition:opacity .7s,transform .7s,background .3s;display:flex;transform:translateY(20px)}.about-vm-item:first-child{border-top:1px solid #ffffff14}.about-vm-item.visible{opacity:1;transform:translateY(0)}.about-vm-item:hover{background:#ffffff08;padding-left:16px;padding-right:16px}.about-vm-number{font-family:var(--font-headline);letter-spacing:-.04em;background:linear-gradient(#ffffff1f 0%,#ffffff0a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;min-width:100px;font-size:clamp(48px,10vw,120px);font-weight:900;line-height:1;transition:all .4s}.about-vm-item:hover .about-vm-number{background:linear-gradient(#f97316 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-vm-info{flex:1}.about-vm-name{font-family:var(--font-headline);color:hsl(var(--foreground));text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;font-size:clamp(16px,2.2vw,28px);font-weight:500}.about-vm-desc{color:hsl(var(--hero-sub));opacity:.7;max-width:600px;font-size:clamp(13px,1.4vw,16px);font-weight:300;line-height:1.6}.gallery-section{padding:100px 0 60px;overflow:hidden}.gallery-row{will-change:transform;gap:12px;margin-bottom:12px;display:flex}.gallery-tile{object-fit:cover;background:#ffffff08;border-radius:16px;flex-shrink:0;width:420px;height:270px}.projects-section{padding:100px 32px 60px;position:relative}.projects-stack{max-width:1120px;margin:0 auto}.project-card-wrapper{height:85vh}.project-card{-webkit-backdrop-filter:blur(30px);will-change:transform;transform-origin:top;background:#0a0a14bf;border:2px solid #d7e2ea33;border-radius:32px;padding:24px;position:sticky;overflow:hidden}.project-card-top{align-items:center;gap:24px;margin-bottom:20px;display:flex}.project-number{font-family:var(--font-headline);letter-spacing:-.04em;background:linear-gradient(#ffffff26 0%,#ffffff0d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,10vw,100px);font-weight:900;line-height:1}.project-meta{flex:1}.project-category{text-transform:uppercase;letter-spacing:2px;color:#d7e2ea80;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.project-name{font-family:var(--font-headline);color:#d7e2ea;font-size:clamp(18px,3vw,32px);font-weight:600}.btn-live-project{text-transform:uppercase;letter-spacing:2px;color:#d7e2ea;white-space:nowrap;background:0 0;border:2px solid #d7e2ea4d;border-radius:100px;flex-shrink:0;align-items:center;padding:12px 28px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.btn-live-project:hover{background:#d7e2ea1a;border-color:#d7e2ea99}.project-images{gap:12px;display:flex}.project-col-left{flex-direction:column;gap:12px;width:40%;display:flex}.project-col-right{width:60%}.project-img{object-fit:cover;background:#ffffff08;border-radius:24px;width:100%}.project-img-top{height:clamp(130px,16vw,230px)}.project-img-bot{height:clamp(160px,22vw,340px)}.project-img-full{height:100%;min-height:clamp(300px,40vw,580px)}.footer-section{padding:100px 32px 40px}.footer-inner{max-width:960px;margin:0 auto}.footer-content{text-align:center;grid-template-columns:1fr;place-items:center;gap:48px;margin-bottom:80px;display:grid}.footer-cta{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(30px)}.footer-cta.visible{opacity:1;transform:translateY(0)}.footer-tagline{color:#d7e2ea;margin-bottom:32px;font-size:clamp(20px,2.5vw,28px);font-weight:400;line-height:1.5}.footer-info{flex-direction:column;align-items:center;gap:32px;display:flex}.footer-info-block{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.footer-info-block.visible{opacity:1;transform:translateY(0)}.footer-info-label{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:3px;color:#d7e2ea66;margin-bottom:8px;font-size:12px;font-weight:600}.footer-info-text{color:#d7e2ea;font-size:16px;line-height:1.6}.footer-link{text-decoration:none;transition:color .2s;display:inline-block}.footer-link:hover{color:#f97316}.footer-icon-link{align-items:center;gap:10px;display:inline-flex}.footer-icon{color:#f97316;flex-shrink:0;width:20px;height:20px}.footer-bottom{text-align:center;border-top:1px solid #ffffff0f;padding-top:32px}.footer-copy{color:#d7e2ea4d;letter-spacing:.5px;font-size:13px}@media (width<=768px){.navbar{padding:12px 20px}.navbar-center{display:none}.hero-headline{font-size:64px}.glass-container{border-radius:24px;padding:40px 24px}.content-section{padding:30px 16px}.about-section{padding:60px 16px}.about-vm-item{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0}.about-vm-card.about-vm-item{padding:24px}.about-vm-card.about-vm-item:hover{padding-left:24px;padding-right:24px}.about-vm-number{min-width:auto}.about-vm-grid{grid-template-columns:1fr}.about-story-block{gap:20px}.service-item{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0}.service-number{min-width:auto}.gallery-tile{width:280px;height:180px}.projects-section{padding:60px 16px}.project-card-wrapper{height:auto;margin-bottom:24px}.project-card{border-radius:20px;padding:16px;position:relative;top:0!important}.project-card-top{flex-wrap:wrap;gap:12px}.project-images{flex-direction:column}.project-col-left{flex-direction:row;width:100%}.project-col-right{width:100%}.project-img{border-radius:12px}.project-img-full{min-height:200px}.project-img-top,.project-img-bot{flex:1;min-width:0;height:120px}.footer-section{padding:60px 16px 32px}.footer-content{grid-template-columns:1fr;gap:40px}}@media (width>=769px) and (width<=1024px){.glass-container{padding:56px 40px}.gallery-tile{width:340px;height:220px}}