@import"https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&family=Inter:wght@300;400;600&display=swap";:root{--primary-bg: #050505;--accent-light: #D6C08A;--text-muted: #D6C08A;--glass-bg: rgba(214, 192, 138, .05);--glass-border: rgba(214, 192, 138, .1);--glow: rgba(214, 192, 138, .2);--transition-smooth: all .6s cubic-bezier(.23, 1, .32, 1);--tracking-high: .3em}*{margin:0;padding:0;box-sizing:border-box;cursor:none}body{background-color:var(--primary-bg);color:var(--accent-light);font-family:Inter,sans-serif;overflow-x:hidden;line-height:1.6;font-weight:400}video{object-fit:cover}.text-muted{color:var(--text-muted)!important;opacity:.8!important}p{color:var(--accent-light);opacity:.9}h1,h2,h3,.syncopate{font-family:Syncopate,sans-serif;text-transform:uppercase;letter-spacing:var(--tracking-high)}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:9999}#loader .line{width:2px;height:50px;background:var(--accent-light);animation:loading 1.5s infinite ease-in-out}@keyframes loading{0%,to{transform:scaleY(.5);opacity:.2}50%{transform:scaleY(1.5);opacity:1}}#cursor{width:20px;height:20px;border:1px solid rgba(214,192,138,.5);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transition:width .3s,height .3s;mix-blend-mode:difference}#cursor-dot{width:4px;height:4px;background:var(--accent-light);border-radius:50%;position:fixed;pointer-events:none;z-index:10001}.section{padding:120px 0;position:relative}.container-fluid{padding:0 5%}.navbar{transition:transform .4s ease-in-out,opacity .4s ease-in-out,background .4s ease-in-out;background:transparent;z-index:1000;min-height:100px;display:flex;align-items:center}.nav-hidden{transform:translateY(-100%)}.nav-scrolled{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:15px!important;padding-bottom:15px!important}.hero{height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding-top:250px}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#00000080,#000c);z-index:-1;color:#fff}.hero-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6;animation:zoomHero 20s infinite alternate linear;pointer-events:none}@keyframes zoomHero{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-content{text-align:center;max-width:1000px;z-index:10;padding:0 20px}.hero-title{font-size:clamp(1.8rem,5vw,3.8rem);font-weight:700;line-height:1.1;margin-bottom:25px;opacity:0;transform:translateY(30px)}.hero-subtitle{font-size:1.2rem;color:#fff;letter-spacing:.1em;margin-bottom:40px;opacity:1;transform:translateY(20px);font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.8)}.hero-btns{opacity:0;transform:translateY(10px)}.btn-premium{padding:15px 40px;border-radius:0;font-family:Syncopate,sans-serif;font-size:.8rem;letter-spacing:.2rem;transition:var(--transition-smooth);text-decoration:none;display:inline-block;margin:10px}.btn-premium-white{background:var(--accent-light);color:#000}.btn-premium-outline{border:1px solid rgba(214,192,138,.3);color:var(--accent-light);background:transparent}.btn-premium:hover{transform:scale(1.05);box-shadow:0 0 20px var(--glow)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-img-wrapper{position:relative;padding-left:0;max-width:90%}.about-img{width:100%;border-radius:12px;filter:grayscale(100%);transition:var(--transition-smooth)}.about-img:hover{filter:grayscale(0%)}.about-text-wrapper{max-width:500px}.card-service{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:20px;transition:var(--transition-smooth);height:100%;text-align:center}.card-service:hover{transform:translateY(-15px);background:#ffffff14;border-color:#ffffff4d;box-shadow:0 20px 40px #00000080}.service-icon{font-size:3rem;margin-bottom:25px;display:block}h3{font-weight:600;letter-spacing:.1em}p.text-muted{font-weight:400}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0}@media (max-width: 1200px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-item{min-width:350px;height:500px;position:relative;overflow:hidden;border-radius:15px;transition:var(--transition-smooth)}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.portfolio-overlay{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(transparent,#000000e6);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;opacity:0;transform:translateY(20px);transition:var(--transition-smooth)}.portfolio-item:hover .portfolio-overlay{opacity:1;transform:translateY(0)}.portfolio-item:hover img{transform:scale(1.1)}.diff-line{position:absolute;top:50%;left:0;width:100%;height:1px;background:#ffffff1a;z-index:-1}.diff-item{background:var(--primary-bg);padding:20px;text-align:center}.ba-container{position:relative;width:100%;max-width:850px;margin:0 auto;aspect-ratio:16 / 9;overflow:hidden;border-radius:20px;box-shadow:0 30px 60px #00000080}.ba-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-after{clip-path:inset(0 0 0 50%)}.ba-slider{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:transparent;outline:none;margin:0;cursor:ew-resize;z-index:10}.ba-slider::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:600px;background:#fff;cursor:ew-resize}.cta-final{background:linear-gradient(45deg,#000,#1a1a1a);text-align:center;border-radius:40px;margin:0 5%}.reveal{opacity:0;transform:translateY(50px);transition:all 1s ease-out}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width: 992px){.section{padding:80px 0}.about-grid{grid-template-columns:1fr;gap:40px}.hero-title{font-size:3.5rem}.portfolio-item{min-width:100%;height:450px}.about-img-wrapper{max-width:100%}}@media (max-width: 768px){.section{padding:60px 0}.hero{padding-top:150px}.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:.8rem!important}.btn-premium{padding:12px 25px;width:100%;margin:8px 0;text-align:center}.navbar{min-height:80px}.navbar-brand img{height:120px!important;top:50%!important}.footer img{height:180px!important}.portfolio-grid{grid-template-columns:1fr}.portfolio-item{height:350px}.ba-container{aspect-ratio:4 / 3}.cta-final{border-radius:20px;padding:40px 20px}}@media (max-width: 480px){.container,.container-fluid{padding-left:15px;padding-right:15px}.hero-title{font-size:1.6rem!important;letter-spacing:.05em;line-height:1.2}.hero-subtitle{font-size:.75rem!important}.navbar-brand img{height:90px!important}.btn-premium{padding:10px 20px;font-size:.7rem}.footer img{height:140px!important}.portfolio-item{height:280px}.ba-container{aspect-ratio:1 / 1}.section{padding:40px 0}}.footer{background:linear-gradient(0deg,#000,#050505);border-top:1px solid rgba(214,192,138,.05)}.social-links a{color:var(--text-muted);transition:var(--transition-smooth);display:inline-block}.social-links a:hover{color:var(--accent-light);transform:translateY(-5px);text-shadow:0 0 10px var(--glow)}.hover-white{transition:var(--transition-smooth)}.hover-white:hover{color:var(--accent-light)!important;padding-left:5px}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#d6c08a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(214,192,138,.2);color:var(--accent-light);border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer;transition:all .3s ease;outline:none}.carousel-nav:hover{background:#d6c08a4d;transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px var(--glow)}.carousel-nav.prev{left:40px}.carousel-nav.next{right:40px}.carousel-nav i{font-size:1.5rem}@media (max-width: 768px){.carousel-nav{width:40px;height:40px}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}}