*,::after,::before{box-sizing:border-box;margin:0;padding:0}[role=button],a,button,label[for],summary{cursor:pointer}:root{--bg:#0a0a0a;--fg:#f0ece6;--muted:#a0a0a0;--orange:#ff4d00;--orange-dim:rgba(255, 92, 0, 0.12);--border:rgba(240, 236, 230, 0.08);--ease:cubic-bezier(0.76, 0, 0.24, 1)}html{font-size:16px;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}body{background:var(--bg);color:var(--fg);font-family:Inter,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}#cta-overlay{position:fixed;inset:0;z-index:9000;background:linear-gradient(270deg,#ff4d00,#ff8c00,#f20,#ff6a00);background-size:400% 400%;animation:gradientShift 4s ease infinite;opacity:0;transition:opacity .8s ease;pointer-events:none}#cta-overlay.active{opacity:1}.parallax-section{will-change:transform;transform-origin:center top}#whatsapp-btn{position:fixed;bottom:24px;right:24px;z-index:200;width:64px;height:64px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 16px rgba(37,211,102,.35);transition:transform .3s var(--ease),box-shadow .3s}#whatsapp-btn:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.55)}#whatsapp-btn svg{display:block;flex-shrink:0}#scroll-progress{position:fixed;top:0;left:0;height:2px;width:0%;background:var(--orange);z-index:9999;box-shadow:0 0 8px rgba(255,77,0,.6);pointer-events:none}#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}a:not(.btn-nav-contact):not(.btn-primary):not(.btn-secondary):not(#drawer-contact):not(.nav-logo):not(#whatsapp-btn){transition:color .25s,transform .25s var(--ease);display:inline-block}a:not(.btn-nav-contact):not(.btn-primary):not(.btn-secondary):not(#drawer-contact):not(.nav-logo):not(#whatsapp-btn):hover{color:var(--orange);transform:scale(1.15)}.font-display{font-family:Syne,sans-serif}h1,h2,h3{font-family:Syne,sans-serif;line-height:1;letter-spacing:-.03em}body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.4}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--orange)}nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;gap:80px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 0 rgba(255,255,255,.3) inset,0 -1px 0 rgba(0,0,0,.08) inset;transition:background .4s var(--ease),box-shadow .4s var(--ease)}nav:hover{background:rgba(255,255,255,.18);box-shadow:0 8px 40px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.4) inset,0 -1px 0 rgba(0,0,0,.1) inset}.nav-logo{font-family:Syne,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:#f0ece6;text-decoration:none}.nav-logo{transition:transform .25s var(--ease);display:inline-flex;align-items:center}.nav-logo:hover{transform:scale(1.08)}.nav-logo-img{height:48px;width:auto;display:block;object-fit:contain}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{font-family:Syne,sans-serif!important;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#f0ece6;text-decoration:none;opacity:1;white-space:nowrap;transition:color .25s}.nav-links a:hover{color:var(--orange)}.nav-actions{display:flex;align-items:center;gap:14px}.btn-nav-contact-mobile{display:none}.btn-nav-contact{font-family:Syne,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#f0ece6;background-image:linear-gradient(270deg,#ff4d00,#ff8c00,#f20,#ff6a00);background-size:400% 400%;animation:gradientShift 5s ease infinite;padding:14px 32px;border:none;outline:0;border-radius:999px;transition:transform .3s var(--ease),box-shadow .3s;white-space:nowrap}.btn-nav-contact:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(255,77,0,.4)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:0;pointer-events:none}#hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:1;pointer-events:none}#hero>:not(.hero-video){position:relative;z-index:2}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 48px 80px;position:relative;overflow:hidden}.hero-eyebrow{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#f0ece6;display:inline-block;align-self:flex-start;background:#000;padding:10px 28px;border-radius:999px;border:1px solid rgba(255,255,255,.12);margin-bottom:24px;opacity:0;transform:translateY(20px);animation:fadeUp 1s var(--ease) .3s forwards}.hero-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(4rem, 10vw, 9rem);line-height:.9;letter-spacing:-.04em;margin-bottom:48px;opacity:0;transform:translateY(40px);animation:fadeUp 1.2s var(--ease) .5s forwards}.hero-white{color:#f0ece6!important}.hero-title{color:#f0ece6}.hero-eyebrow{color:#f0ece6!important}.hero-title em{font-style:normal;color:var(--orange);-webkit-text-stroke:0}.hero-title em::after{content:'|';color:var(--orange);animation:blink .7s step-end infinite;margin-left:2px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;opacity:0;animation:fadeUp 1s var(--ease) .9s forwards}.hero-desc{max-width:380px;font-size:1rem;color:#f0ece6;line-height:1.7}.hero-desc strong{color:#f0ece6;font-weight:400}.hero-scroll-wrap{display:flex;justify-content:center;margin-top:48px;position:relative;z-index:2;transition:opacity .4s ease}.hero-scroll-box{display:flex;align-items:center;gap:14px;background:#f0ece6;padding:10px 10px 10px 20px;border-radius:999px;animation:scrollBounce 2s ease-in-out infinite}.hero-scroll-circle{width:38px;height:38px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-scroll-box span{font-family:Syne,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#0a0a0a;white-space:nowrap}@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.marquee-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;overflow:hidden;white-space:nowrap}.marquee-track{display:inline-flex;animation:marquee 20s linear infinite}.marquee-track span{font-family:Syne,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding:0 40px}.marquee-track span.accent{color:var(--orange)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}#about{padding:140px 48px;display:grid;grid-template-columns:0.9fr 1.4fr;gap:60px;align-items:start;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.about-photo{width:100%;border-radius:16px;overflow:hidden;align-self:stretch;position:relative}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:65% 15%;display:block;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}.about-photo:hover #goo-canvas,.about-photo:hover img{transform:scale(1.05)}.photo-base{position:absolute;inset:0}.photo-alt-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}.photo-orbit-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@keyframes orb-spin{to{transform:rotate(360deg)}}.about-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:32px}.about-title{font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:800;line-height:.95;letter-spacing:-.03em;margin-bottom:48px}.about-right{padding-top:0}.about-symbols-left{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;align-self:stretch}.about-sym-lcol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;flex:1}.about-symbols-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;align-self:stretch;perspective:600px}.about-sym{font-size:7rem;color:var(--orange);line-height:1;display:block;cursor:default;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 0 20px rgba(255,77,0,.3))}.about-sym-img{width:7rem;height:7rem;object-fit:contain}.logo-paint{clip-path:inset(100% 0 0 0);transition:clip-path .6s cubic-bezier(.76, 0, .24, 1)}.about-sym-img:hover .logo-paint,.nav-logo:hover .logo-paint{clip-path:inset(0%)}.about-text{font-size:1.1rem;color:var(--muted);line-height:1.8;margin-bottom:48px}.about-text strong{color:var(--fg);font-weight:400}.about-stats{display:flex;flex-direction:row;gap:40px;margin-top:8px}.stat-number{font-family:Syne,sans-serif;font-weight:800;font-size:3rem;letter-spacing:-.04em;color:var(--orange);line-height:1}.stat-label{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:8px}#work{padding:80px 48px 140px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:64px}.section-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}.section-title{font-size:clamp(2rem, 4vw, 3.5rem);font-weight:800;letter-spacing:-.03em}.section-link{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:4px;transition:color .3s,border-color .3s}.section-link:hover{color:var(--fg);border-color:var(--orange)}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;overflow:visible}.project-item{text-decoration:none;color:inherit;position:relative;overflow:visible;display:block;border-radius:12px;cursor:pointer}.project-item:first-child{grid-column:span 7}.project-item:nth-child(2){grid-column:span 5}.project-item:nth-child(3){grid-column:span 5}.project-item:nth-child(4){grid-column:span 7}.project-item:nth-child(5){grid-column:span 4}.project-item:nth-child(6){grid-column:span 4}.project-item:nth-child(7){grid-column:span 4}.project-item:nth-child(8){grid-column:span 3}.project-item:nth-child(9){grid-column:span 3}.project-item:nth-child(10){grid-column:span 3}.project-item:nth-child(11){grid-column:span 3}.project-thumb{width:100%;aspect-ratio:4/3;overflow:hidden;background:#111;position:relative;border-radius:10px;transition:filter .4s ease}.project-item:hover .project-thumb{filter:drop-shadow(0 8px 32px rgba(255, 77, 0, .3))}.project-item:first-child .project-thumb,.project-item:nth-child(4) .project-thumb{aspect-ratio:16/9}.project-thumb img,.project-thumb video{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .5s;filter:brightness(.85)}.project-item:hover .project-thumb img,.project-item:hover .project-thumb video{transform:scale(1.06);filter:brightness(1)}.project-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.7) 0,transparent 50%);opacity:1;transition:opacity .4s}.project-info{padding:16px 4px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-meta{flex:1}.project-num{font-size:.68rem;color:var(--orange);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.project-name{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(.95rem, 1.4vw, 1.15rem);letter-spacing:-.01em;line-height:1.2;transition:color .3s}.project-item:hover .project-name{color:var(--orange)}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:4px 10px;border-radius:999px;transition:border-color .3s,color .3s}.project-item:hover .tag{border-color:var(--orange);color:var(--orange)}.project-arrow{font-size:1rem;color:var(--muted);flex-shrink:0;margin-top:2px;transition:transform .4s var(--ease),color .3s}.project-item:hover .project-arrow{transform:rotate(-45deg);color:var(--orange)}#services{padding:140px 48px;background:#0f0f0f;border-top:1px solid var(--border)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}.service-card{padding:48px 40px;border:1px solid var(--border);border-radius:16px;position:relative;transition:border-color .4s,transform .45s var(--ease),box-shadow .45s var(--ease)}.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transition:transform .5s var(--ease)}.service-card:hover{border-color:rgba(255,77,0,.8);transform:scale(1.07);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,77,0,.4),0 0 40px rgba(255,77,0,.15);z-index:2}.service-card:hover::after{transform:scaleX(1)}.service-icon{font-size:2rem;margin-bottom:32px;display:inline-block;transform-origin:left center;transition:transform .4s var(--ease),color .3s}.service-card:hover .service-icon{transform:scale(1.25);color:var(--orange)}.service-num{position:absolute;top:48px;right:40px;font-family:Syne,sans-serif;font-size:5rem;font-weight:800;color:var(--border);line-height:1;transition:color .4s}.service-card:hover .service-num{color:var(--orange-dim)}.service-name{font-family:Syne,sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:-.02em;margin-bottom:16px}.service-desc{font-size:.9rem;color:var(--muted);line-height:1.8}#process{padding:140px 48px}.process-steps{display:flex;flex-direction:column;gap:32px;margin-top:80px;position:relative;perspective:1000px}.step{position:relative;padding:52px 72px;width:fit-content;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.35),0 4px 16px rgba(0,0,0,.2);transform-style:preserve-3d;transition:border-color 1s ease,background 1s ease,box-shadow .4s ease;animation:float3d 9s ease-in-out infinite}.step:nth-child(2){animation-delay:-1.5s}.step:nth-child(3){animation-delay:-3s}.step:nth-child(4){animation-delay:-4.5s}@keyframes float3d{0%{transform:translateY(0) rotateX(4deg) rotateY(-6deg)}25%{transform:translateY(-10px) rotateX(-3deg) rotateY(6deg)}50%{transform:translateY(-18px) rotateX(5deg) rotateY(4deg)}75%{transform:translateY(-8px) rotateX(-4deg) rotateY(-4deg)}100%{transform:translateY(0) rotateX(4deg) rotateY(-6deg)}}.step:nth-child(odd){align-self:flex-start;margin-left:20%}.step:nth-child(2n){align-self:flex-end;margin-right:20%}.step-inner{transition:transform .4s ease}.step:hover .step-inner{transform:scale(1.06)}.step:hover{border-color:var(--orange);border-width:2px;background:var(--orange);box-shadow:0 32px 80px rgba(255,77,0,.3)}.step:hover .step-num{color:#fff;transition:color .5s}.step:hover .step-name{color:#fff;transition:color .5s}.step:hover .step-desc{color:rgba(255,255,255,.8);transition:color .5s}.step-num{font-family:Syne,sans-serif;font-weight:700;font-size:.9rem;color:var(--orange);letter-spacing:.08em;line-height:1.4;margin-bottom:24px}.step-name{font-family:Syne,sans-serif;font-weight:700;font-size:2.2rem;letter-spacing:-.02em;margin-bottom:20px}.step-desc{font-size:1.05rem;color:var(--muted);line-height:1.8}#cta{padding:120px 48px;text-align:center;position:relative;z-index:9001}.cta-box{position:relative;max-width:1200px;margin:0 auto;padding:80px 100px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 0 0 1px rgba(255,77,0,.1),0 40px 100px rgba(0,0,0,.5)}.cta-box::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(255,77,0,.14) 0,transparent 70%);pointer-events:none}.cta-box::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,0,.5),transparent)}.cta-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:32px;position:relative;z-index:1}.cta-title{font-size:clamp(3rem, 7vw, 6rem);font-weight:800;letter-spacing:-.04em;line-height:.95;margin-bottom:56px;position:relative;z-index:1}.cta-title em{font-style:normal;color:var(--orange);-webkit-text-stroke:0}.cta-box .btn-primary{position:relative;z-index:1;padding:20px 48px;font-size:1rem;transition:background .8s ease,color .8s ease}.cta-box .cta-label,.cta-box .cta-title,.cta-box .cta-title em{transition:color .8s ease}.cta-box.btn-hovered .cta-label,.cta-box.btn-hovered .cta-title,.cta-box.btn-hovered .cta-title em{color:#fff}.cta-box.btn-hovered .btn-primary{background:#fff;color:#0a0a0a}.cta-box.btn-hovered{border-color:transparent}#cta-stroke-svg{position:absolute;pointer-events:none;overflow:visible;z-index:9002}#cta-stroke-svg rect{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}#cta-logo-overlay.visible{opacity:1}#cta-logo-overlay{position:absolute;pointer-events:none;opacity:0;transition:opacity .8s ease;z-index:9003}#cta-logo-overlay svg{width:200px;height:auto;display:block;filter:brightness(0) invert(1)}.btn-primary{display:inline-flex;align-items:center;gap:16px;padding:14px 32px;background-image:linear-gradient(270deg,#ff4d00,#ff8c00,#f20,#ff6a00);background-size:400% 400%;animation:gradientShift 5s ease infinite;color:#f0ece6;font-family:Syne,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:none;outline:0;border-radius:999px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.btn-primary:hover{transform:scale(1.04);box-shadow:0 0 60px rgba(255,77,0,.4)}.btn-primary svg{transition:transform .3s var(--ease)}.btn-primary:hover svg{transform:translateX(4px) translateY(-4px)}footer{padding:48px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}footer .footer-copy{text-align:right}.footer-logo{font-family:Syne,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.footer-logo span{color:var(--orange)}.footer-links{display:flex;gap:32px;list-style:none}.footer-links a{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--orange)}.footer-copy{font-size:.72rem;color:var(--muted);letter-spacing:.05em}.tilt{transform-style:preserve-3d;will-change:transform}.tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:10;opacity:0;transition:opacity .4s;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18) 0,transparent 65%)}.tilt:hover .tilt-glare{opacity:1}.project-item .project-thumb img{transition:transform .6s var(--ease),filter .5s}.project-item:hover .project-thumb img{transform:scale(1.06) translateZ(30px);filter:brightness(1)}.step:hover .step-name{transform:translateZ(16px);transition:transform .4s var(--ease)}nav{opacity:0;transform:translateX(-50%) translateY(-20px);transition:background .4s var(--ease),box-shadow .4s var(--ease),opacity .8s var(--ease),transform .8s var(--ease)}nav.nav-visible{opacity:1;transform:translateX(-50%) translateY(0)}.reveal{opacity:0;transform:translateY(70px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.15s}.reveal-delay-2{transition-delay:0.30s}.reveal-delay-3{transition-delay:0.45s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}#loader{position:fixed;inset:0;background:#000;z-index:9000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;transition:opacity .8s var(--ease),visibility .8s}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-name{display:flex;align-items:center;justify-content:center}.loader-logo{height:400px;width:400px;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 70% 70% at center,black 40%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at center,black 40%,transparent 75%);opacity:0;transform:translateY(20px);animation:charIn .5s var(--ease) 0s forwards}@keyframes charIn{to{opacity:1;transform:translateY(0)}}.loader-tagline{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);opacity:0;animation:fadeUp .8s var(--ease) .8s forwards}.loader-bar{width:200px;height:1px;background:var(--border);position:relative;overflow:hidden}.loader-bar::after{content:'';position:absolute;inset:0;background:var(--orange);animation:loaderProgress 1.8s var(--ease) forwards}@keyframes loaderProgress{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.loader-pct{font-size:.7rem;letter-spacing:.2em;color:var(--muted);font-variant-numeric:tabular-nums;opacity:0;animation:fadeUp .5s var(--ease) .4s forwards}#project-drawer{position:fixed;inset:0;z-index:500;pointer-events:none;visibility:hidden}#project-drawer.open{pointer-events:all;visibility:visible}#drawer-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(12px) saturate(80%);-webkit-backdrop-filter:blur(12px) saturate(80%);opacity:0;transition:opacity .45s var(--ease)}#project-drawer.open #drawer-overlay{opacity:1}#drawer-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-44%) scale(.88);width:88vw;height:82vh;background:#0e0e0e;overflow:hidden;-webkit-overflow-scrolling:touch;border-radius:20px;border:1px solid rgba(255,255,255,.08);transition:transform .7s cubic-bezier(.34, 1.28, .64, 1),opacity .4s ease;opacity:0;display:flex;flex-direction:column}#project-drawer.open #drawer-panel{transform:translate(-50%,-50%) scale(1);opacity:1}#drawer-close{position:absolute;top:16px;right:16px;z-index:10;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#f0ece6;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s;backdrop-filter:blur(8px)}#drawer-close:hover{background:var(--orange);transform:scale(1.1)}.drawer-frame{position:absolute;inset:0;width:100%;height:100%;border:none;overflow:auto;-webkit-overflow-scrolling:touch}#drawer-footer{position:absolute;bottom:0;left:0;right:0;padding:24px 32px 32px;display:flex;justify-content:center;background:linear-gradient(to top,rgba(14,14,14,.98) 60%,transparent);pointer-events:none;z-index:5}#drawer-contact{pointer-events:all;background-image:linear-gradient(270deg,#ff4d00,#ff8c00,#f20,#ff6a00);background-size:400% 400%;animation:gradientShift 5s ease infinite;color:#f0ece6;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:14px 32px;border-radius:999px;animation:scrollBounce 2s ease-in-out infinite}#drawer-contact:hover{animation-play-state:paused;box-shadow:0 0 32px rgba(255,77,0,.45)}#drawer-mobile-nav{display:none;position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:10;align-items:center;gap:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:999px;padding:6px 12px}#drawer-mobile-next,#drawer-mobile-prev{background:0 0;border:none;color:#f0ece6;display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;opacity:.8}#drawer-mobile-counter{font-family:Syne,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--muted);min-width:36px;text-align:center}.drawer-frame.slide-in-right{animation:slideInRight .5s var(--ease) forwards}.drawer-frame.slide-in-left{animation:slideInLeft .5s var(--ease) forwards}.drawer-frame.slide-out-left{animation:slideOutLeft .5s var(--ease) forwards}.drawer-frame.slide-out-right{animation:slideOutRight .5s var(--ease) forwards}@keyframes slideInRight{from{transform:translateX(60px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{from{transform:translateX(-60px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutLeft{from{transform:translateX(0);opacity:1}to{transform:translateX(-60px);opacity:0}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(60px);opacity:0}}.drawer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#f0ece6;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .25s,transform .25s,opacity .4s;backdrop-filter:blur(8px);opacity:0;pointer-events:none}#project-drawer.open .drawer-arrow{opacity:1;pointer-events:all}.drawer-arrow:hover{background:var(--orange);transform:translateY(-50%) scale(1.12)}.drawer-arrow:disabled{opacity:0;pointer-events:none}#drawer-prev{right:calc(50% + 44vw + 12px)}#drawer-next{left:calc(50% + 44vw + 12px)}@media (min-width:3000px){.hero-title{font-size:clamp(9rem, 5vw, 16rem)}.hero-desc{max-width:560px;font-size:1.2rem}#hero{padding:0 100px 140px}#about{max-width:2400px;padding:160px 100px}#work{padding:100px 100px 180px}#services{padding:160px 100px}.services-grid{gap:24px}#process{padding:160px 100px}#cta{padding:140px 100px}.cta-box{max-width:1800px;padding:100px 140px}footer{padding:60px 100px}}@media (max-width:1600px){nav{gap:56px}.nav-links{gap:32px}}@media (max-width:1280px){nav{gap:40px;padding:14px 22px}.nav-links{gap:28px}.nav-links a{font-size:.72rem;letter-spacing:.08em;white-space:nowrap}#about{padding:100px 40px;gap:40px}#work{padding:80px 40px 120px}#services{padding:100px 40px}.service-card{padding:36px 28px}#process{padding:100px 40px}#cta{padding:100px 40px}.cta-box{padding:60px 80px}footer{padding:40px}}@media (max-width:1024px){nav{gap:20px;padding:12px 18px}.nav-links{gap:16px}.nav-links a{font-size:.65rem;letter-spacing:.06em;white-space:nowrap}.btn-nav-contact{padding:10px 16px;font-size:.7rem;letter-spacing:.06em}#hero{padding:0 32px 60px}.hero-title{font-size:clamp(3.5rem, 9vw, 7rem)}#about{padding:80px 32px;gap:28px;grid-template-columns:0.75fr 1.4fr}.about-title{font-size:clamp(2rem, 3.8vw, 3.2rem)}.about-text{font-size:1rem}.about-sym{font-size:5rem}.about-sym-img{width:5rem;height:5rem}#work{padding:60px 32px 100px}.projects-grid{gap:12px}.project-item:nth-child(5){grid-column:span 6}.project-item:nth-child(6){grid-column:span 6}.project-item:nth-child(7){grid-column:span 12}.project-item:nth-child(8){grid-column:span 6}.project-item:nth-child(9){grid-column:span 6}.project-item:nth-child(10){grid-column:span 6}.project-item:nth-child(11){grid-column:span 6}.project-item:nth-child(7) .project-thumb{aspect-ratio:16/9}#services{padding:80px 32px}.services-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card{padding:32px 24px}#process{padding:80px 32px}.step:nth-child(odd){margin-left:4%}.step:nth-child(2n){margin-right:4%}.step-name{font-size:1.8rem}#cta{padding:80px 32px}.cta-box{padding:48px 48px}footer{padding:32px 32px}}#nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:0 0;border:1px solid rgba(255,255,255,.22);border-radius:50%;cursor:pointer;flex-shrink:0;transition:border-color .3s,background .3s}#nav-hamburger span{display:block;width:18px;height:1.5px;background:#f0ece6;border-radius:2px;transition:transform .4s var(--ease),opacity .3s,width .3s;pointer-events:none}#nav-hamburger.open{border-color:var(--orange);background:var(--orange-dim)}#nav-hamburger.open span:first-child{transform:translateY(6.5px) rotate(45deg)}#nav-hamburger.open span:nth-child(2){opacity:0;width:0}#nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}#mobile-menu{position:fixed;inset:0;z-index:1001;pointer-events:none;visibility:hidden;transition:visibility 0s linear .5s}#mobile-menu::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .4s var(--ease)}#mobile-menu.open{pointer-events:all;visibility:visible;transition:visibility 0s linear 0s}#mobile-menu.open::before{opacity:1}.mobile-menu-inner{position:absolute;top:0;right:0;width:85vw;max-width:360px;height:100%;background:#0e0e0e;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px 36px 60px;box-sizing:border-box;transform:translateX(100%);transition:transform .5s cubic-bezier(.76, 0, .24, 1)}#mobile-menu.open .mobile-menu-inner{transform:translateX(0)}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:40px;width:100%}.mobile-nav-links li{overflow:hidden;width:100%;text-align:left}.mobile-nav-link{font-family:Syne,sans-serif!important;font-weight:800;font-size:clamp(1.5rem, 6vw, 2.2rem);letter-spacing:-.02em;color:var(--fg);text-decoration:none;display:block;padding:14px 0;transform:translateX(40px);opacity:0;transition:color .3s,transform .5s var(--ease),opacity .5s;border-bottom:1px solid var(--border)}.mobile-nav-links li:first-child .mobile-nav-link{border-top:1px solid var(--border)}#mobile-menu.open .mobile-nav-link{transform:translateX(0);opacity:1}.mobile-nav-links li:first-child .mobile-nav-link{transition-delay:60ms}.mobile-nav-links li:nth-child(2) .mobile-nav-link{transition-delay:0.12s}.mobile-nav-links li:nth-child(3) .mobile-nav-link{transition-delay:0.18s}.mobile-nav-links li:nth-child(4) .mobile-nav-link{transition-delay:0.24s}.mobile-nav-link:hover{color:var(--orange)}.mobile-cta{transform:translateX(40px);opacity:0;transition:transform .5s var(--ease) .3s,opacity .5s .3s;font-size:.9rem!important;padding:16px 32px!important;align-self:flex-start}#mobile-menu.open .mobile-cta{transform:translateX(0);opacity:1}#mobile-menu-close{position:absolute;top:20px;right:20px;background:0 0;border:none;color:var(--fg);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s .15s,color .2s}#mobile-menu.open #mobile-menu-close{opacity:1}#mobile-menu-close:hover{color:var(--orange)}.mobile-menu-footer{position:absolute;bottom:36px;left:36px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;opacity:0;transition:opacity .5s .35s}#mobile-menu.open .mobile-menu-footer{opacity:1}.mobile-menu-footer a,.mobile-menu-footer span{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none}.mobile-menu-footer a:hover{color:var(--orange)}@media (max-width:768px){.loader-logo{height:250px;width:250px}#whatsapp-btn{width:56px;height:56px;bottom:16px;right:16px}#whatsapp-btn svg{width:28px;height:28px}#goo-canvas,.photo-orbit-svg{display:none!important}.about-photo{overflow:hidden}.about-photo:hover #goo-canvas,.about-photo:hover img{transform:none!important}.photo-base{position:relative!important;width:100%!important;height:100%!important;transform:none!important;transition:none!important}#contact-overlay,#mobile-menu::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,0,0,.75)!important}.reveal,.reveal-delay-1,.reveal-delay-2,.reveal-delay-3{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}#about,#cta,#hero,#process,#services,#work,section{overflow-x:hidden}.service-num{display:none}.step{transform-style:flat!important}.btn-nav-contact-mobile{display:inline-flex!important;padding:10px 18px;font-size:.72rem}nav{left:16px;right:16px;width:auto;transform:translateY(-20px);padding:12px 16px;gap:0;justify-content:space-between;border-radius:14px}nav.nav-visible{transform:translateY(0);opacity:1}.nav-links{display:none}.btn-nav-contact{display:none}#nav-hamburger{display:flex}#hero{padding:0 20px 72px}.hero-title{font-size:clamp(3rem, 13vw, 5rem);margin-bottom:32px}.hero-bottom{flex-direction:column;gap:24px;align-items:flex-start}.hero-desc{max-width:100%;font-size:1.05rem;line-height:1.65}.hero-scroll-wrap{margin-top:24px}.hero-scroll-box{padding:7px 7px 7px 14px;gap:10px}.hero-scroll-circle{width:30px;height:30px}.hero-scroll-circle svg{width:14px;height:14px}.hero-scroll-box span{font-size:.62rem}.hero-eyebrow{font-size:.72rem;letter-spacing:.08em;padding:9px 18px}#about{grid-template-columns:1fr;padding:72px 20px;gap:40px;max-width:100%}.about-photo{aspect-ratio:4/5;max-height:420px;align-self:auto}.about-symbols-left{display:none}.about-right{padding-top:0}.about-title{font-size:clamp(2.2rem, 9vw, 3rem);margin-bottom:32px}.about-text{font-size:.95rem;margin-bottom:36px}.about-stats{flex-direction:row;gap:28px;flex-wrap:wrap}.stat-number{font-size:2.4rem}#work{padding:56px 20px 80px}.section-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px}.projects-grid{display:flex;flex-direction:column;gap:24px}.project-item{width:100%}.project-item .project-thumb{aspect-ratio:4/3!important}.project-tags{display:flex}.project-arrow{display:block}#services{padding:72px 20px}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{padding:32px 24px}.service-num{font-size:3.5rem}#process{padding:72px 20px}.process-steps{gap:16px}.step{width:100%!important;align-self:stretch!important;margin-left:0!important;margin-right:0!important;padding:24px 28px;animation:none}.step-name{font-size:1.8rem}.step-desc{font-size:.95rem}#cta{padding:72px 20px}.cta-box{padding:48px 28px}.cta-title{font-size:clamp(2.2rem, 9vw, 3.5rem);margin-bottom:40px}footer{grid-template-columns:1fr;gap:24px;text-align:center;padding:40px 20px}footer .footer-copy{text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px}#drawer-next,#drawer-prev{display:none}#drawer-mobile-nav{display:flex}#drawer-panel{width:96vw;height:88vh;border-radius:16px}#drawer-panel{width:96vw;height:88vh}}#contact-panel{position:fixed;inset:0;z-index:9999;pointer-events:none;visibility:hidden;transition:visibility 0s linear .55s}#contact-panel.open{pointer-events:all;visibility:visible;transition:visibility 0s linear 0s}#contact-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(10px) saturate(80%);-webkit-backdrop-filter:blur(10px) saturate(80%);opacity:0;transition:opacity .4s var(--ease)}#contact-panel.open #contact-overlay{opacity:1}#contact-side{position:absolute;top:0;right:0;width:480px;max-width:96vw;height:100%;background:#0e0e0e;border-left:1px solid rgba(255,255,255,.08);transform:translateX(100%);transition:transform .55s cubic-bezier(.76, 0, .24, 1);overflow-y:auto;-webkit-overflow-scrolling:touch}#contact-panel.open #contact-side{transform:translateX(0);transition:transform .55s cubic-bezier(.34, 1.18, .64, 1)}.contact-side-inner{padding:48px 40px 60px;display:flex;flex-direction:column;min-height:100%}#contact-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--cream);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s;backdrop-filter:blur(8px);z-index:2}#contact-close:hover{background:var(--orange);transform:scale(1.1)}.contact-header{margin-bottom:40px}.contact-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}.contact-title{font-family:var(--font-display);font-size:clamp(1.8rem, 4vw, 2.6rem);font-weight:700;line-height:1.15;color:var(--cream)}.contact-title em{font-style:normal;color:var(--orange);-webkit-text-stroke:0}#contact-form{display:flex;flex-direction:column;gap:24px}.cf-field{display:flex;flex-direction:column;gap:8px}.cf-field label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(240,236,230,.5)}.cf-field input,.cf-field textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--cream);font-family:var(--font-body);font-size:.95rem;padding:14px 16px;outline:0;transition:border-color .25s;resize:none;-webkit-appearance:none}.cf-field input::placeholder,.cf-field textarea::placeholder{color:rgba(240,236,230,.25)}.cf-field input:focus,.cf-field textarea:focus{border-color:var(--orange)}.cf-chips{display:flex;flex-wrap:wrap;gap:8px}.cf-chip{cursor:pointer}.cf-chip input{display:none}.cf-chip span{display:inline-block;padding:8px 16px;border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:.82rem;color:rgba(240,236,230,.6);transition:border-color .2s,color .2s,background .2s}.cf-chip input:checked+span{border-color:var(--orange);color:var(--orange);background:rgba(255,77,0,.1)}.cf-chip:hover span{border-color:rgba(255,255,255,.35)}.cf-submit{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:600;padding:16px 32px;border-radius:100px;border:none;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s;margin-top:8px}.cf-submit:hover{transform:scale(1.03);box-shadow:0 8px 30px rgba(255,77,0,.4)}.cf-submit:active{transform:scale(.98)}.cf-success{display:none;text-align:center;color:var(--orange);font-size:.9rem;margin-top:4px}.cf-success.visible{display:block}.cf-error{display:none;text-align:center;color:#f44;font-size:.9rem;margin-top:4px}.cf-error.visible{display:block}@media (max-width:600px){#contact-side{width:100vw;height:100%;height:100dvh;display:flex;flex-direction:column}.contact-side-inner{padding:72px 24px 48px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}#contact-close{position:fixed;top:16px;right:16px;z-index:10}}@media (hover:none){.about-photo:hover #goo-canvas,.about-photo:hover img,.btn-nav-contact:hover,.btn-primary:hover,.nav-logo:hover,.project-item:hover,.service-card:hover,.step:hover,a:hover{transform:none!important;box-shadow:none!important}.service-card:hover{border-color:var(--border)!important;background:0 0!important}.step:hover{border-color:var(--border)!important;background:0 0!important}nav:hover{background:rgba(255,255,255,.12)!important;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 0 rgba(255,255,255,.3) inset!important}}