@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;0,900;1,400;1,700&display=swap";:root{--bg-color:#070707;--surface-color:#121212bf;--primary-color:#e53935;--text-main:#fff;--text-muted:#888;--border-color:#ffffff14;--transition-cinematic:all .6s cubic-bezier(.16, 1, .3, 1);--transition-bounce:all .6s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);scroll-behavior:smooth;background-image:radial-gradient(circle at 50% -10%,#ffffff0a 0%,#0000 80%);font-family:Montserrat,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:99999;opacity:.035;pointer-events:none;will-change:transform;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.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:120%;height:120%;animation:.8s steps(8,end) infinite grain-shift;position:fixed;top:-10%;left:-10%}@keyframes grain-shift{0%,to{transform:translate(0)}10%{transform:translate(-1%,-2%)}20%{transform:translate(-3%,1%)}30%{transform:translate(1%,-3%)}40%{transform:translate(-2%,3%)}50%{transform:translate(-1%,1%)}60%{transform:translate(2%,-1%)}70%{transform:translate(3%,2%)}80%{transform:translate(-2%,-3%)}90%{transform:translate(1%,2%)}}.blob-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(120px);opacity:.28;mix-blend-mode:screen;will-change:transform, border-radius;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#e5393540 0%,#b71c1c0d 70%,#0000 100%);width:600px;height:600px;animation:18s ease-in-out infinite alternate float-blob-1;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle,#b71c1c40 0%,#e539350d 70%,#0000 100%);width:550px;height:550px;animation:15s ease-in-out -5s infinite alternate float-blob-2;bottom:-10%;right:-5%}.blob-3{background:radial-gradient(circle,#ff52522e 0%,#e5393505 70%,#0000 100%);width:500px;height:500px;animation:22s ease-in-out infinite alternate float-blob-3;top:30%;left:40%}@keyframes float-blob-1{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate(0)scale(1)rotate(0)}50%{border-radius:70% 30% 52% 48%/60% 40%;transform:translate(80px,120px)scale(1.15)rotate(180deg)}to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate(0)scale(1)rotate(360deg)}}@keyframes float-blob-2{0%{border-radius:50% 50% 30% 70%/50% 60% 40% 50%;transform:translate(0)scale(1)rotate(0)}50%{border-radius:30% 70% 70% 30%/50% 30% 70% 50%;transform:translate(-90px,60px)scale(1.1)rotate(-180deg)}to{border-radius:50% 50% 30% 70%/50% 60% 40% 50%;transform:translate(0)scale(1)rotate(-360deg)}}@keyframes float-blob-3{0%{border-radius:60% 40%/40% 60%;transform:translate(0)scale(1)rotate(0)}50%{border-radius:40% 60% 30% 70%/60% 40%;transform:translate(110px,-50px)scale(1.2)rotate(120deg)}to{border-radius:60% 40%/40% 60%;transform:translate(0)scale(1)rotate(360deg)}}.loader-wrapper{z-index:99999;background-color:#030303;background-image:radial-gradient(circle,#e539351f 0%,#0000 75%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loader-wrapper:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0d 45%,#e5393540 50%,#ffffff0d 55%,#0000 100%);animation:2.2s cubic-bezier(.19,1,.22,1) forwards loader-sweep;position:absolute;inset:0;transform:translate(-100%)skew(-30deg)}@keyframes loader-sweep{0%{transform:translate(-100%)skew(-30deg)}to{transform:translate(100%)skew(-30deg)}}.loader-text{text-transform:uppercase;color:#fff;text-align:center;font-size:4rem;font-weight:900;position:relative}header{z-index:100;-webkit-backdrop-filter:blur(8px);width:100%;transition:var(--transition-cinematic);background:linear-gradient(#070707f2 0%,#07070700 100%);justify-content:space-between;align-items:center;padding:20px 5%;display:flex;position:fixed}.logo{letter-spacing:2px;font-size:1.2rem;font-weight:900}.logo span{color:var(--primary-color)}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding:5px 0;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--primary-color);transform-origin:50%;width:100%;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-links a:hover,.nav-links a.active{color:var(--text-main);text-shadow:0 0 10px #ffffff40}section{max-width:1400px;margin:0 auto;padding:100px 5%;position:relative}.grid-2{grid-template-columns:1fr 1fr;gap:50px;display:grid}.sub-title{color:var(--primary-color);letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;font-size:.85rem;font-weight:700;display:inline-block}.sub-title:before{content:"— ";color:var(--primary-color)}.section-title{text-transform:uppercase;color:var(--text-main);-webkit-text-fill-color:var(--text-main);text-shadow:0 0 #fff0;will-change:transform, text-shadow;margin-bottom:40px;font-size:3.5rem;font-weight:900;line-height:1.2;transition:text-shadow .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.section-title:hover{text-shadow:0 0 20px #ffffff40;transform:translateY(-2px)}.italic-red{color:var(--primary-color);-webkit-text-fill-color:var(--primary-color);text-shadow:0 0 #e5393500;will-change:transform, text-shadow;font-style:italic;font-weight:700;transition:text-shadow .6s cubic-bezier(.16,1,.3,1),color .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;transform:translateY(0)skew(0)}.italic-red:hover{text-shadow:0 0 25px #e53935d9,0 0 10px #e5393566;color:#ff5252;-webkit-text-fill-color:#ff5252;transform:skew(-4deg)translateY(-2px)}.text-desc{color:var(--text-muted);font-size:1rem;line-height:1.8}.btn-group{gap:20px;margin-top:40px;display:flex}.btn{text-transform:uppercase;letter-spacing:1.5px;z-index:1;will-change:transform, box-shadow;border:none;border-radius:6px;padding:15px 35px;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";transform-origin:bottom;z-index:-1;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleY(0)}.btn:hover:before{transform-origin:top;transform:scaleY(1)}.btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color);box-shadow:0 0 15px #e5393533}.btn-primary:before{background-color:#fff}.btn-primary:hover{border-color:#fff;transform:translateY(-3px);box-shadow:0 0 30px #fff6,0 0 15px #e539354d;color:#070707!important}.btn-outline{border:1px solid var(--border-color);color:#fff;background-color:#0000}.btn-outline:before{background-color:#e5393526}.btn-outline:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 0 30px #e5393559}.glow-card{--card-accent-rgb:229, 57, 53;background:var(--surface-color);-webkit-backdrop-filter:blur(12px);transform-style:preserve-3d;perspective:1000px;will-change:transform, box-shadow;background-image:radial-gradient(#ffffff04 1px,#0000 1px);background-size:16px 16px;border:1px solid #ffffff14;border-radius:16px;transition:border-color .4s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.1,.6,.2,1),box-shadow .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glow-card:before{content:"";opacity:0;background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), rgba(var(--card-accent-rgb), .04), transparent 40%);z-index:-1;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.glow-card:after{content:"";background:radial-gradient(150px circle at var(--mouse-x,50%) var(--mouse-y,50%), rgba(var(--card-accent-rgb), .85) 0%, rgba(var(--card-accent-rgb), .15) 50%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:0;z-index:3;border-radius:16px;padding:1px;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:-1px;-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}.glow-card:hover:before,.glow-card:hover:after{opacity:1}.glow-card:hover{border-color:rgba(var(--card-accent-rgb), .3);background-color:rgba(var(--card-accent-rgb), .02);background-image:radial-gradient(rgba(var(--card-accent-rgb), .02) 1px, transparent 1px);box-shadow:0 25px 50px #000000a6, 0 0 35px rgba(var(--card-accent-rgb), .15)}.card-top-accent{z-index:4;background:linear-gradient(90deg,#e539354d 0%,#e53935 50%,#e539354d 100%);width:100%;height:3px;position:absolute;top:0;left:0}.card-watermark-icon{color:#e5393505;pointer-events:none;z-index:0;will-change:transform, color;font-size:8rem;transition:color .4s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-15px;right:-15px;transform:rotate(-10deg)scale(1)}.glow-card:hover .card-watermark-icon{color:#e539350b;transform:rotate(-5deg)scale(1.08)}.project-category-badge{color:#e53935f2;letter-spacing:1px;text-transform:uppercase;z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#e539350f;border:1px solid #e5393540;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.65rem;font-weight:800;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:20px;right:20px}.glow-card:hover .project-category-badge{color:#fff;background:#e539352e;border-color:#e5393599;box-shadow:0 0 12px #e539354d}.rec-badge{color:#ff3b30;vertical-align:middle;align-items:center;gap:4px;margin-left:8px;font-weight:800;animation:1.5s infinite rec-blink-anim;display:inline-flex}.rec-badge:before{content:"";background-color:#ff3b30;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 5px #ff3b30}@keyframes rec-blink-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.9)}}.canvas-badge,.location-badge,.compiler-badge{color:#e5393580;vertical-align:middle;margin-left:8px;font-family:monospace;font-size:.65rem;font-weight:600}.glow-card:hover .canvas-badge,.glow-card:hover .location-badge,.glow-card:hover .compiler-badge{color:#e53935f2}.design-crop-marks{pointer-events:none;z-index:2;position:absolute;inset:15px}.crop-mark{border-style:solid;border-color:#e5393526;width:10px;height:10px;transition:border-color .4s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute}.glow-card:hover .crop-mark{border-color:#e5393580}.crop-top-left{border-width:1px 0 0 1px;top:0;left:0}.crop-top-right{border-width:1px 1px 0 0;top:0;right:0}.crop-bottom-left{border-width:0 0 1px 1px;bottom:0;left:0}.crop-bottom-right{border-width:0 1px 1px 0;bottom:0;right:0}.glow-card:hover .crop-top-left{transform:translate(-3px,-3px)}.glow-card:hover .crop-top-right{transform:translate(3px,-3px)}.glow-card:hover .crop-bottom-left{transform:translate(-3px,3px)}.glow-card:hover .crop-bottom-right{transform:translate(3px,3px)}.event-crosshairs{pointer-events:none;z-index:2;position:absolute;inset:15px}.event-crosshair{color:#e5393526;font-family:monospace;font-size:.75rem;transition:color .4s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute}.glow-card:hover .event-crosshair{color:#e5393580}.cross-top-left{top:0;left:0}.cross-top-right{top:0;right:0}.cross-bottom-left{bottom:0;left:0}.cross-bottom-right{bottom:0;right:0}.glow-card:hover .cross-top-left{transform:translate(-2px,-2px)rotate(45deg)}.glow-card:hover .cross-top-right{transform:translate(2px,-2px)rotate(45deg)}.glow-card:hover .cross-bottom-left{transform:translate(-2px,2px)rotate(45deg)}.glow-card:hover .cross-bottom-right{transform:translate(2px,2px)rotate(45deg)}.glow-card>*{transition:transform .6s cubic-bezier(.16,1,.3,1);transform:translateZ(20px)}.hero-split{justify-content:space-between;align-items:center;gap:50px;min-height:100vh;display:flex}.hero-text{flex:1;max-width:800px}.hero-text .main-title{text-transform:uppercase;color:#fff;-webkit-text-fill-color:#fff;letter-spacing:-1px;text-shadow:0 0 #fff0;will-change:transform, text-shadow;margin-bottom:25px;font-size:5.5rem;font-weight:900;line-height:1.15;transition:text-shadow .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.hero-text .main-title:hover{text-shadow:0 0 20px #fff3;transform:translateY(-2px)}.hero-media{flex:1;justify-content:center;align-items:center;display:flex}.media-card{border:1px solid var(--border-color);width:100%;max-width:450px;height:550px;transform-style:preserve-3d;perspective:1000px;border-radius:24px;position:relative;overflow:hidden}.media-card img,.project-gallery img,.custom-video-thumbnail img{object-fit:cover;filter:brightness(.8);will-change:transform, filter;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1)}.media-card:hover img{transform:scale(1.06)translateZ(10px);filter:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22liquid-wave%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.025%22 numOctaves=%223%22 result=%22noise%22%3E%3Canimate attributeName=%22baseFrequency%22 values=%220.025;0.045;0.025%22 dur=%225s%22 repeatCount=%22indefinite%22/%3E%3C/feTurbulence%3E%3CfeDisplacementMap in=%22SourceGraphic%22 in2=%22noise%22 scale=%2215%22 xChannelSelector=%22R%22 yChannelSelector=%22G%22/%3E%3C/filter%3E%3C/svg%3E%23liquid-wave")brightness(1.05)!important}.timeline-col h3.col-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;will-change:transform;margin-bottom:40px;font-size:1.2rem;font-weight:700;transition:color .4s,transform .4s cubic-bezier(.16,1,.3,1);transform:translate(0)}.timeline-col h3.col-title:hover{color:var(--primary-color);transform:translate(4px)}.timeline-item{align-items:flex-start;gap:25px;margin-bottom:40px;display:flex;position:relative}.timeline-item:before{content:"";z-index:-1;background:linear-gradient(#ffffff14,#ffffff05);width:1px;transition:background .4s cubic-bezier(.16,1,.3,1);position:absolute;top:60px;bottom:-40px;left:24px}.timeline-item:hover:before{background:linear-gradient(to bottom, var(--primary-color), #e539351a)}.timeline-item:last-child:before{display:none}.timeline-num{border:1px solid var(--border-color);background:var(--bg-color);width:50px;height:50px;transition:var(--transition-bounce);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:10px;font-size:1rem;font-weight:700;display:flex;position:relative}.timeline-item:hover .timeline-num{border-color:var(--primary-color);color:var(--primary-color);background:linear-gradient(#e539351a, #e539351a), var(--bg-color);transform:scale(1.15);box-shadow:0 0 20px #e539354d}.timeline-content{will-change:transform, box-shadow;background:#ffffff04 radial-gradient(#ffffff03 1px,#0000 1px) 0 0/12px 12px;border:1px solid #ffffff0a;border-left:2px solid #ffffff1f;border-radius:16px;flex:1;padding:24px 30px;transition:border-color .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.timeline-item:hover .timeline-content{border-color:#e5393526;border-left-color:var(--primary-color);background-color:#e5393505;background-image:radial-gradient(#e5393504 1px,#0000 1px);transform:translate(6px);box-shadow:0 15px 35px #00000073,0 0 20px #e539350d}.timeline-content h4{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:700;transition:all .3s}.timeline-item:hover .timeline-content h4{color:var(--primary-color)}.timeline-meta{color:var(--primary-color);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:15px;font-size:.8rem;font-weight:700;display:block}.achieve-card{border-radius:20px;align-items:center;gap:25px;padding:30px;display:flex}.achieve-icon{width:55px;height:55px;color:var(--primary-color);transition:var(--transition-bounce);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.achieve-info h4{margin-bottom:5px;font-size:1.2rem;font-weight:700;transition:color .4s}.achieve-info span{color:var(--primary-color);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.filter-container{flex-wrap:wrap;gap:15px;margin-bottom:40px;display:flex}.filter-btn{color:#ffffff8c;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:30px;justify-content:center;align-items:center;padding:10px 25px;font-size:.8rem;font-weight:700;transition:border-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.filter-btn:hover{color:#fff;background-color:#e5393508;border-color:#e5393566;transform:translateY(-2px)}.filter-btn.active{border-color:var(--primary-color);color:#fff;background-color:#e539351f;transform:translateY(-2px);box-shadow:0 0 20px #e5393533}.filter-btn.active:before{content:"";background-color:var(--primary-color);width:6px;height:6px;box-shadow:0 0 8px var(--primary-color);border-radius:50%;margin-right:8px;animation:1.5s infinite alternate pulse-red-dot;display:inline-block}.project-grid{grid-template-columns:repeat(2,1fr);gap:35px;display:grid}.project-showcase-card{border-radius:24px;flex-direction:column;justify-content:space-between;gap:25px;padding:30px;display:flex}.project-header{align-items:flex-start;gap:18px;display:flex}.project-logo{object-fit:cover;border:1px solid var(--border-color);background:#fff;border-radius:16px;flex-shrink:0;width:75px;height:75px;padding:4px;box-shadow:0 5px 15px #0000004d}.project-title-group{flex:1}.project-role{color:var(--primary-color);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.project-header h3{margin-bottom:10px;font-size:1.45rem;font-weight:900;line-height:1.3;transition:color .4s}.project-showcase-card:hover .project-header h3{color:rgb(var(--card-accent-rgb))}.project-header .text-desc{font-size:.95rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.tag{border:1px solid rgba(var(--card-accent-rgb), .25);color:rgba(var(--card-accent-rgb), .9);text-transform:uppercase;letter-spacing:1.5px;background:rgba(var(--card-accent-rgb), .05);border-radius:20px;padding:6px 14px;font-size:.65rem;transition:border-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.glow-card:hover .tag{border-color:rgba(var(--card-accent-rgb), .5);color:#fff;background-color:rgba(var(--card-accent-rgb), .2);box-shadow:0 0 10px rgba(var(--card-accent-rgb), .2)}.gallery-image-wrapper{cursor:pointer;border-radius:12px;width:100%;position:relative;overflow:hidden}.gallery-image-wrapper img.gallery-main{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)!important}.gallery-image-wrapper:hover img.gallery-main{transform:scale(1.04)}.image-hover-overlay{-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;z-index:4;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.gallery-image-wrapper:hover .image-hover-overlay{opacity:1}.image-hover-overlay i{color:rgb(var(--card-accent-rgb));font-size:1.4rem;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(12px)}.image-hover-overlay span{letter-spacing:1px;color:#fff;text-transform:uppercase;font-size:.7rem;font-weight:700;transition:transform .4s cubic-bezier(.16,1,.3,1) 50ms;transform:translateY(12px)}.gallery-image-wrapper:hover .image-hover-overlay i,.gallery-image-wrapper:hover .image-hover-overlay span{transform:translateY(0)}.project-action-link{letter-spacing:.5px;color:rgba(var(--card-accent-rgb), .85);align-items:center;gap:6px;margin-top:15px;font-size:.75rem;font-weight:700;display:flex}.project-action-link a{color:inherit;align-items:center;gap:6px;text-decoration:none;transition:color .4s;display:inline-flex;position:relative}.project-action-link a:after{content:"";background-color:rgb(var(--card-accent-rgb));width:0;height:1px;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0}.project-action-link a:hover{color:#fff}.project-action-link a:hover:after{width:100%}.project-gallery{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.project-gallery img{aspect-ratio:16/9;object-fit:cover;filter:brightness(.65);cursor:pointer;will-change:transform, filter;border:1px solid #0000;border-radius:8px;width:100%;height:auto;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translateZ(0)}.project-gallery img:not(.gallery-main):hover{filter:brightness(.85);z-index:10;position:relative;transform:scale(1.02)translateY(-2px);box-shadow:0 12px 24px #00000080,0 0 15px #e539354d;border-color:rgba(var(--card-accent-rgb), .8)!important}.gallery-main{aspect-ratio:16/9;grid-column:span 4;filter:brightness(.9)!important;border-radius:16px!important;height:auto!important}.project-gallery:hover .gallery-main{filter:brightness()!important}.fb-video-wrapper{aspect-ratio:16/9;border:1px solid var(--border-color);background:#050505;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c;border-radius:16px!important;height:auto!important}.fb-video-wrapper iframe{border:none;position:absolute;top:0;left:0;transform:scale(1.02);width:100%!important;height:100%!important}.custom-video-thumbnail{cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;border-radius:16px!important}.custom-video-thumbnail img{will-change:transform;transform:translateZ(0);border-radius:16px!important}.custom-video-thumbnail:hover img{filter:brightness(.8);transform:scale(1.02)}.play-button-overlay{background:rgb(var(--card-accent-rgb));color:#fff;width:70px;height:70px;box-shadow:0 0 20px rgba(var(--card-accent-rgb), .6), inset 0 0 10px #ffffff4d;z-index:11;border-radius:50%;justify-content:center;align-items:center;padding-left:5px;font-size:1.8rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-video-thumbnail:hover .play-button-overlay{box-shadow:0 0 25px rgba(var(--card-accent-rgb), .6), inset 0 0 15px #ffffff80;transform:translate(-50%,-50%)scale(1.15)}@media (width<=768px){.play-button-overlay{width:55px;height:55px;padding-left:4px;font-size:1.4rem}}.project-showcase-card,.achieve-card{will-change:transform, box-shadow, border-color;background-color:#ffffff04;border:1px solid #ffffff0a;transition:all .4s cubic-bezier(.16,1,.3,1)}.project-showcase-card:hover,.achieve-card:hover{background-color:#e5393508;border-color:#e5393566;transform:translateY(-5px);box-shadow:0 20px 40px #0009,0 0 30px #e5393533,inset 0 0 15px #e5393514}.timeline-item:hover .timeline-content{box-shadow:0 15px 35px #00000073,0 0 30px #e5393540,inset 0 0 15px #e539350d}.contact-info-item{align-items:center;gap:20px;margin-bottom:30px;display:flex}.icon-box{width:50px;height:50px;color:var(--primary-color);background:#e539351a;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.contact-form{padding:40px}.contact-form label{letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;font-size:.8rem;font-weight:700;display:block}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--border-color);color:#fff;width:100%;transition:var(--transition-cinematic);background:#0009;border-radius:8px;padding:15px 20px;font-family:inherit;font-size:1rem}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 15px #e5393533}.contact-form textarea{resize:none;height:120px}.btn-submit{background:var(--primary-color);color:#fff;letter-spacing:2px;width:100%;transition:var(--transition-cinematic);text-transform:uppercase;border:none;border-radius:8px;padding:18px;font-weight:700}.btn-submit:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 5px 15px #e5393566}.contact-links-group{grid-template-columns:repeat(3,1fr);gap:15px;width:100%;display:grid}.contact-btn{color:#fff;z-index:1;background:#121212bf radial-gradient(#ffffff03 1px,#0000 1px) 0 0/12px 12px;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:15px;padding:18px 20px;text-decoration:none;transition:border-color .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.contact-btn:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff14,#0000);transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-100%)}.contact-btn:hover:before{transform:translate(100%)}.contact-btn-icon{width:45px;height:45px;color:var(--primary-color);background:#0006;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.contact-btn[href*=facebook\.com]:hover{background-color:#e5393508;background-image:radial-gradient(#e5393505 1px,#0000 1px);border-color:#e5393566;transform:translateY(-3px);box-shadow:0 10px 25px #00000080,0 0 15px #e5393526}.contact-btn[href*=facebook\.com]:hover .contact-btn-icon{color:#e53935;background:#e5393526;transform:scale(1.1);box-shadow:0 0 10px #e539354d}.contact-btn[href*=instagram\.com]:hover{background-color:#e5393508;background-image:radial-gradient(#e5393505 1px,#0000 1px);border-color:#e5393566;transform:translateY(-3px);box-shadow:0 10px 25px #00000080,0 0 15px #e5393526}.contact-btn[href*=instagram\.com]:hover .contact-btn-icon{color:#e53935;background:#e5393526;transform:scale(1.1);box-shadow:0 0 10px #e539354d}.contact-btn[href*=tiktok\.com]:hover{background-color:#e5393508;background-image:radial-gradient(#e5393505 1px,#0000 1px);border-color:#e5393566;transform:translateY(-3px);box-shadow:0 10px 25px #00000080,0 0 15px #e5393526}.contact-btn[href*=tiktok\.com]:hover .contact-btn-icon{color:#e53935;background:#e5393526;transform:scale(1.1);box-shadow:0 0 10px #e539354d}.contact-btn[href*=behance\.net]:hover{background-color:#e5393508;background-image:radial-gradient(#e5393505 1px,#0000 1px);border-color:#e5393566;transform:translateY(-3px);box-shadow:0 10px 25px #00000080,0 0 15px #e5393526}.contact-btn[href*=behance\.net]:hover .contact-btn-icon{color:#e53935;background:#e5393526;transform:scale(1.1);box-shadow:0 0 10px #e539354d}.contact-btn[href^=tel\:]:hover{background-color:#e5393508;background-image:radial-gradient(#e5393505 1px,#0000 1px);border-color:#e5393566;transform:translateY(-3px);box-shadow:0 10px 25px #00000080,0 0 15px #e5393526}.contact-btn[href^=tel\:]:hover .contact-btn-icon{color:#e53935;background:#e5393526;transform:scale(1.1);box-shadow:0 0 10px #e539354d}.contact-btn[href^=mailto\:]:hover{background-color:#e5393508;background-image:radial-gradient(#e5393505 1px,#0000 1px);border-color:#e5393566;transform:translateY(-3px);box-shadow:0 10px 25px #00000080,0 0 15px #e5393526}.contact-btn[href^=mailto\:]:hover .contact-btn-icon{color:#e53935;background:#e5393526;transform:scale(1.1);box-shadow:0 0 10px #e539354d}.contact-btn-content{flex-direction:column;flex:1;align-items:flex-start;gap:3px;display:flex}.contact-btn-label{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;font-size:.65rem;font-weight:500}.contact-btn-value{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.05rem;font-weight:700;overflow:hidden}.project-link-icon{width:36px;height:36px;color:var(--text-muted);border:1px solid var(--border-color);z-index:1;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.project-link-icon:before{content:"";background:var(--primary-color);z-index:-1;border-radius:50%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(0)}.project-link-icon:hover:before{transform:scale(1)}.project-link-icon:hover{color:#fff;border-color:var(--primary-color);transform:translateY(-3px)rotate(45deg);box-shadow:0 5px 15px #e5393566}.floating-badge{-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff14;border-left:3px solid var(--primary-color);z-index:10;pointer-events:none;background:linear-gradient(135deg,#141414d9 0%,#0a0a0ad9 100%);border-radius:12px;align-items:center;gap:15px;padding:15px 25px;animation:4s ease-in-out infinite alternate float-up-down;display:flex;position:absolute;box-shadow:0 15px 35px #00000080}.floating-badge:after{content:"";background:#4caf50;border-radius:50%;width:5px;height:5px;animation:2s infinite alternate pulse-green;position:absolute;top:8px;right:8px;box-shadow:0 0 8px #4caf50}@keyframes pulse-green{0%{opacity:.3}to{opacity:1}}@keyframes pulse-red-dot{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.badge-1{padding:15px 25px;bottom:15%;left:-90px}.badge-2{animation-delay:-2s;top:15%;left:auto;right:-90px}.badge-icon{color:var(--primary-color);filter:drop-shadow(0 0 10px #e5393599);font-size:1.8rem}.badge-text{flex-direction:column;display:flex}.badge-num{color:#fff;letter-spacing:1px;font-size:1.4rem;font-weight:900;line-height:1.1}.badge-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-size:.65rem}@keyframes float-up-down{0%{transform:translateY(0)}to{transform:translateY(-20px)}}@media (width<=900px){.badge-1{padding:10px 15px;bottom:10%;left:-15px}.badge-2{padding:10px 15px;top:10%;left:auto;right:-15px}.badge-num{font-size:1.1rem}.badge-label{font-size:.55rem}.badge-icon{font-size:1.4rem}}footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:flex-start;max-width:1400px;margin-top:50px;margin-left:auto;margin-right:auto;padding:60px 5%;font-size:.85rem;display:flex;position:relative}.footer-logo{color:#fff;letter-spacing:2px;margin-bottom:20px;font-size:1.5rem;font-weight:900}.footer-logo span{color:var(--primary-color)}.footer-nav{flex-direction:column;gap:15px;display:flex}.footer-nav a{color:#fff;letter-spacing:1px;font-weight:700;text-decoration:none;transition:all .3s}.footer-nav a:hover{color:var(--primary-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color);background-image:linear-gradient(90deg,#0000 49%,#e5393514 49% 51%,#0000 51%)}::-webkit-scrollbar-thumb{border:3px solid var(--bg-color);background:linear-gradient(#e5393599 0%,#b71c1cb3 100%);border-radius:10px;box-shadow:inset 0 0 5px #ffffff1a}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #f76360 0%, var(--primary-color) 100%);border:2px solid var(--bg-color);box-shadow:0 0 10px #e5393580}.go-top-wrapper{flex-direction:column;align-items:center;display:flex}.go-top{color:#fff;border:1px solid var(--border-color);width:50px;height:50px;transition:var(--transition-bounce);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.go-top:before{content:"";background:var(--primary-color);z-index:-1;border-radius:50%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(0)}.go-top:hover:before{transform:scale(1)}.go-top:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 5px 15px #e5393566}.go-top-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:15px;font-size:.7rem}.image-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;opacity:0;visibility:hidden;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.image-modal.active{opacity:1;visibility:visible}.image-modal img{object-fit:contain;cursor:default;border-radius:12px;max-width:90vw;max-height:85vh;transition:all .3s;transform:scale(.9);box-shadow:0 10px 40px #0009}.image-modal.active img{transform:scale(1)}.close-modal{color:#fff;cursor:pointer;background:0 0;border:none;font-size:3rem;transition:all .3s;position:absolute;top:30px;right:40px}.close-modal:hover{color:var(--primary-color);transform:scale(1.1)}.nav-btn{color:#fff;border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:60px;height:60px;transition:var(--transition-bounce);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%);z-index:999999!important}.nav-btn:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-50%)scale(1.1);box-shadow:0 5px 20px #e5393580}.prev-btn{left:40px}.next-btn{right:40px}@media (width<=768px){.nav-btn{width:45px;height:45px;font-size:1.2rem}.prev-btn{left:15px}.next-btn{right:15px}.close-modal{font-size:2.5rem;top:15px;right:20px}}@media (hover:none) and (pointer:coarse){*{cursor:auto!important}.custom-cursor,.custom-cursor-outer,.custom-cursor-inner{display:none!important}}@media (hover:hover) and (pointer:fine){*,a,button,input,textarea,select,img,.nav-btn,.close-modal,.image-modal{cursor:none!important}}@media (width<=1024px){.hero-split{text-align:center;flex-direction:column;justify-content:center;padding-top:150px}.hero-text{max-width:100%}.hero-text p{margin-left:auto;margin-right:auto}.btn-group{justify-content:center}.hero-media{justify-content:center;width:100%;margin-top:40px}.media-card{height:450px}.grid-3,.contact-links-group{grid-template-columns:repeat(2,1fr)}}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:6px;display:none}.hamburger span{background:#fff;border-radius:2px;width:30px;height:2px;transition:all .3s}.hamburger.active span:first-child{background:var(--primary-color);transform:translateY(8px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){background:var(--primary-color);transform:translateY(-8px)rotate(-45deg)}@media (width<=768px){section{padding:80px 5%}.hero-text .main-title{font-size:3.2rem}.section-title{margin-bottom:30px;font-size:2.2rem}header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:1px solid #0000;align-items:center;padding:25px 5%;transition:all .4s ease-in-out!important}header.scrolled{-webkit-backdrop-filter:blur(15px)!important;background:#121212bf!important;transition:all .4s ease-in-out!important;box-shadow:0 5px 15px #0006!important}.hamburger{display:flex}header{justify-content:space-between!important}.logo{top:50%;left:50%;transform:translate(-50%,-50%);margin:0!important;position:absolute!important}.lang-switch{order:-1;transform:scale(.85);margin:0!important;display:flex!important;position:static!important}.menu-center{-webkit-backdrop-filter:blur(15px);z-index:1000;opacity:0;visibility:hidden;background:#070707f2;flex-direction:column;justify-content:center;align-items:center;gap:35px;width:100%;height:100vh;transition:all .4s;position:fixed;top:0;left:0;transform:translateY(-20px)}.menu-center.open{opacity:1;visibility:visible;transform:translateY(0)}.menu-center a{letter-spacing:3px;font-size:1.4rem!important}.hero-text .sub-title{letter-spacing:4px;margin-bottom:15px;font-size:1rem}.hero-text .main-title{margin-bottom:25px;font-size:4.3rem;line-height:1.1}.hero-split{padding-top:0;display:block}.hero-text{flex-direction:column;justify-content:center;min-height:100svh;padding-top:50px;display:flex}.hero-media{width:100%;margin-top:20px;margin-bottom:80px}.media-card{aspect-ratio:4/5;max-width:100%;height:auto;margin:0 auto}.contact-form label{width:100%;display:block;text-align:left!important}.contact-form input,.contact-form select,.contact-form textarea{text-align:left!important}.contact-form .form-group{align-items:flex-start!important}.project-link-icon{width:28px!important;height:28px!important;font-size:.7rem!important}.project-title-group div[style*="display: flex"]{justify-content:center!important;gap:10px!important}.grid-2,.grid-3,.project-grid{grid-template-columns:1fr;gap:30px}.timeline-col h3.col-title{text-align:center}.timeline-item{gap:15px}.timeline-content h4{font-size:1.2rem}.achieve-card{text-align:center;flex-direction:column;padding:30px 15px}.filter-container{flex-wrap:wrap;justify-content:center;gap:10px}.filter-btn{padding:8px 18px;font-size:.7rem}.project-header{text-align:center;flex-direction:column;align-items:center}.project-tags{justify-content:center}.project-gallery{grid-template-columns:repeat(2,1fr)}.gallery-main{aspect-ratio:16/9;grid-column:span 2;height:auto!important}.contact-form .grid-2{grid-template-columns:1fr;gap:0}.contact-links-group{grid-template-columns:1fr}.contact-btn{box-sizing:border-box;width:100%;padding:15px 20px}.contact-btn-value{font-size:.95rem}footer{text-align:center;flex-direction:column;align-items:center;gap:40px;padding-top:40px;padding-bottom:40px}footer>div{box-sizing:border-box;flex-direction:column;width:100%;flex:none!important;justify-content:center!important}.footer-contact-link{word-break:break-all}.footer-nav{flex-flow:wrap;justify-content:center;align-items:center;gap:15px}.go-top-wrapper{align-items:center!important}.go-top-wrapper div{margin-left:0!important}}@media (width<=480px){.hero-text .sub-title{letter-spacing:3px;font-size:.85rem}.hero-text .main-title{margin-bottom:20px;font-size:3.6rem}.hero-text .text-desc{margin-bottom:20px!important}.btn-group{flex-direction:column;gap:15px;width:100%;margin-top:10px}.btn{text-align:center;width:100%}.filter-container{flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%;display:flex}.filter-btn{text-align:center;white-space:nowrap;flex:calc(50% - 5px);padding:10px 5px!important}}html,body{width:100%;max-width:100vw;position:relative;overflow-x:hidden!important}section,header{box-sizing:border-box;width:100%;max-width:100%}footer{overflow:hidden;box-sizing:border-box!important;width:100%!important;max-width:100%!important}header>.nav-links:nth-child(2){scrollbar-width:none;-ms-overflow-style:none}header>.nav-links:nth-child(2)::-webkit-scrollbar{display:none!important}.image-modal img{max-width:90vw;max-height:85vh}.section-coordinate{color:var(--primary-color);opacity:.75;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 5px #e5393533;margin-bottom:12px;font-family:Courier New,Courier,monospace;font-size:.72rem;font-weight:700;display:block}.section-bg-num{color:#0000;-webkit-text-stroke:1.5px #ffffff04;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:-1;opacity:.7;font-family:Courier New,Courier,monospace;font-size:26vw;font-weight:900;line-height:.8;position:absolute}.sec-1-num{top:5%;right:-2vw}.sec-2-num{top:12%;left:-2vw}.sec-3-num{top:8%;right:-4vw}.sec-4-num{top:15%;left:-4vw}.sec-5-num{top:10%;right:-2vw}.laser-sweep{z-index:5;pointer-events:none;will-change:top;background:linear-gradient(90deg,#0000 0%,#e53935cc 30%,#fff 50%,#e53935cc 70%,#0000 100%);width:100%;height:3px;animation:4.5s cubic-bezier(.25,.46,.45,.94) infinite laser-sweep-anim;position:absolute;top:0;left:0;box-shadow:0 0 12px 3px #e5393599,0 0 25px 6px #e539354d}@keyframes laser-sweep-anim{0%{opacity:0;top:0%}5%{opacity:1}95%{opacity:1}to{opacity:0;top:100%}}@media (width<=768px){.section-bg-num{opacity:.4;font-size:40vw}.sec-1-num{top:20%;right:-5vw}.sec-2-num{top:5%;left:-5vw}.sec-3-num{top:3%;right:-5vw}.sec-4-num{top:5%;left:-5vw}.sec-5-num{top:5%;right:-5vw}.title-wrapper{width:100%;text-align:center!important;flex-direction:column!important;align-items:center!important;display:flex!important}.title-wrapper .text-desc{margin-left:auto!important;margin-right:auto!important}}.gallery-main-container{aspect-ratio:16/9;backface-visibility:hidden;isolation:isolate;background:#030303;border:1px solid #e5393526;border-radius:16px;grid-column:span 4;width:100%;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 30px #0009}.gallery-main-container:hover{border-color:#e5393573;box-shadow:0 15px 35px #e5393526,0 10px 35px #000000b3}.gallery-main-container .gallery-main{will-change:transform;transform:translateZ(0);border:none!important;border-radius:16px!important;grid-column:auto!important;width:100%!important;height:100%!important;margin:0!important}.gallery-main-container .fb-video-wrapper{will-change:transform;transform:translateZ(0);border:none!important;border-radius:16px!important;width:100%!important;height:100%!important}.gallery-main-container .custom-video-thumbnail{will-change:transform;transform:translateZ(0);border-radius:16px!important}.film-sprockets{z-index:10;pointer-events:none;opacity:.4;background-image:repeating-linear-gradient(90deg,#e5393580 0 6px,#0000 6px 14px);width:100%;height:12px;transition:opacity .4s;position:absolute;left:0}.film-sprockets-top{border-bottom:1px dashed #e539354d;top:6px}.film-sprockets-bottom{border-top:1px dashed #e539354d;bottom:6px}.gallery-main-container:hover .film-sprockets{opacity:.9}.scrub-timeline{z-index:11;opacity:0;box-sizing:border-box;background:linear-gradient(#0000 0%,#00000080 40%,#000000f2 100%);align-items:center;gap:12px;width:100%;padding:25px 15px 12px;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;transform:translateY(8px)}.gallery-main-container:hover .scrub-timeline{opacity:1;transform:translateY(0)}.timeline-controls{color:#ff3b30;align-items:center;font-size:.75rem;display:flex}.timeline-controls i{cursor:pointer;opacity:.75;transition:opacity .2s,transform .2s}.timeline-controls i:hover{opacity:1;transform:scale(1.15)}.timeline-bar{cursor:pointer;background:#e5393540;border-radius:2px;flex:1;height:3px;position:relative}.timeline-progress{background:#ff3b30;border-radius:2px;width:72%;height:100%;box-shadow:0 0 6px #ff3b3099}.timeline-playhead{background:#fff;border:1.5px solid #ff3b30;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:72%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ff3b30e6}.timeline-time{color:#ffffffd9;letter-spacing:.5px;font-family:Courier New,Courier,monospace;font-size:.65rem}.ruler-x,.ruler-y{pointer-events:none;z-index:10;opacity:.3;transition:opacity .4s;position:absolute}.ruler-x{background-image:repeating-linear-gradient(90deg,#e539354d 0 1px,#0000 1px 10px),repeating-linear-gradient(90deg,#e5393526 0 1px,#0000 1px 2px);background-repeat:repeat-x;background-size:50px 100%,10px 50%;border-bottom:1px solid #e5393533;width:100%;height:12px;top:0;left:0}.ruler-y{background-image:repeating-linear-gradient(#e539354d 0 1px,#0000 1px 10px),repeating-linear-gradient(#e5393526 0 1px,#0000 1px 2px);background-repeat:repeat-y;background-size:100% 50px,50% 10px;border-right:1px solid #e5393533;width:12px;height:100%;top:0;left:0}.gallery-main-container:hover .ruler-x,.gallery-main-container:hover .ruler-y{opacity:.85}.design-toolbar{z-index:12;opacity:0;background:#0c0c0ce6;border:1px solid #e539354d;border-radius:8px;flex-direction:column;gap:6px;padding:5px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;left:15px;transform:translateY(-50%)scale(.9);box-shadow:0 10px 25px #000000b3}.gallery-main-container:hover .design-toolbar{opacity:1;transform:translateY(-50%)scale(1)}.design-tool-btn{color:#ffffff8c;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;transition:all .2s;display:flex}.design-tool-btn:hover,.design-tool-btn.active{color:#fff;background:#e5393533;border-color:#e5393566}.design-specs-box{color:#e53935e6;z-index:12;opacity:0;pointer-events:none;text-align:right;background:#0c0c0cd9;border:1px solid #e5393540;border-radius:5px;padding:5px 8px;font-family:Courier New,Courier,monospace;font-size:.6rem;line-height:1.3;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:12px;right:12px;transform:scale(.9)}.gallery-main-container:hover .design-specs-box{opacity:1;transform:scale(1)}.ticket-perforation{z-index:10;pointer-events:none;opacity:.35;border-left:2px dashed #e5393573;width:1px;height:100%;transition:opacity .4s;position:absolute;top:0;left:22%}.ticket-perforation:before,.ticket-perforation:after{content:"";z-index:11;background:#000;border:1.5px solid #e5393533;border-radius:50%;width:14px;height:14px;position:absolute;left:-8px}.ticket-perforation:before{top:-7px}.ticket-perforation:after{bottom:-7px}.gallery-main-container:hover .ticket-perforation{opacity:.9}.ticket-stamp{color:#ff3b30d9;letter-spacing:1.5px;text-transform:uppercase;opacity:0;z-index:12;pointer-events:none;border:2px dashed #ff3b30a6;border-radius:3px;padding:3px 6px;font-family:Courier New,Courier,monospace;font-size:.6rem;font-weight:950;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:15px;right:15px;transform:rotate(-10deg)scale(.9)}.gallery-main-container:hover .ticket-stamp{opacity:.8;transform:rotate(-6deg)scale(1.05)}.ticket-barcode-wrapper{z-index:12;opacity:.4;flex-direction:column;gap:3px;transition:opacity .4s;display:flex;position:absolute;bottom:12px;left:25%}.gallery-main-container:hover .ticket-barcode-wrapper{opacity:.9}.ticket-barcode{background-image:repeating-linear-gradient(90deg,#ff3b30 0 1.5px,#0000 1.5px 3px,#ff3b30 3px 4px,#0000 4px 5px,#ff3b30 5px 7px,#0000 7px 8px);background-size:16px 100%;width:80px;height:20px}.barcode-text{color:#ff3b30;letter-spacing:.5px;font-family:Courier New,Courier,monospace;font-size:.5rem}.ide-titlebar{z-index:13;opacity:0;box-sizing:border-box;background:#0c0c0cf2;border-bottom:1px solid #e5393540;align-items:center;width:100%;height:24px;padding:0 10px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;transform:translateY(-6px)}.gallery-main-container:hover .ide-titlebar{opacity:1;transform:translateY(0)}.window-dots{align-items:center;gap:5px;display:flex}.window-dot{border-radius:50%;width:6px;height:6px}.window-dot-close{background:#ff5f56}.window-dot-min{background:#ffbd2e}.window-dot-max{background:#27c93f}.ide-filename{color:#fff9;letter-spacing:.5px;margin-left:15px;font-family:Courier New,Courier,monospace;font-size:.6rem}.ide-sidebar{z-index:12;opacity:0;box-sizing:border-box;background:#0a0a0ae6;border-right:1px solid #e5393533;flex-direction:column;width:70px;height:calc(100% - 24px);padding:6px 4px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:24px;left:0;transform:translate(-8px)}.gallery-main-container:hover .ide-sidebar{opacity:1;transform:translate(0)}.sidebar-title{color:#e53935b3;letter-spacing:.5px;margin-bottom:6px;font-family:Courier New,Courier,monospace;font-size:.45rem;font-weight:700}.file-item{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;align-items:center;gap:3px;padding:2px 0;font-family:Courier New,Courier,monospace;font-size:.5rem;display:flex;overflow:hidden}.file-item.active{color:#ff3b30;font-weight:700}.terminal-console{box-sizing:border-box;z-index:12;opacity:0;text-align:left;background:#080808f2;border-top:1px solid #e5393533;width:calc(100% - 70px);padding:5px 8px;font-family:Courier New,Courier,monospace;font-size:.52rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;right:0;transform:translateY(8px)}.gallery-main-container:hover .terminal-console{opacity:1;transform:translateY(0)}.terminal-header{color:#e53935d9;border-bottom:1.5px solid #e5393526;margin-bottom:3px;padding-bottom:1px;font-weight:700}.terminal-body{color:#ffffffd9;line-height:1.35}.terminal-body .text-red{color:#ff3b30}@media (width<=768px){.design-toolbar{gap:4px;padding:3px;left:8px}.design-tool-btn{width:20px;height:20px;font-size:.65rem}.ide-sidebar{width:50px}.sidebar-title{font-size:.4rem}.file-item{font-size:.45rem}.terminal-console{width:calc(100% - 50px)}}@keyframes film-roll-top{0%{background-position:0 0}to{background-position:-28px 0}}@keyframes film-roll-bottom{0%{background-position:0 0}to{background-position:28px 0}}.gallery-main-container:hover .film-sprockets-top{animation:.8s linear infinite film-roll-top}.gallery-main-container:hover .film-sprockets-bottom{animation:.8s linear infinite film-roll-bottom}.barcode-laser-line{z-index:13;pointer-events:none;background:#ff3b30;width:80px;height:2px;animation:1.5s ease-in-out infinite barcode-scan-anim;position:absolute;bottom:12px;left:25%;box-shadow:0 0 8px #ff3b30,0 0 15px #ff3b30}@keyframes barcode-scan-anim{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.ticket-status-box{z-index:12;pointer-events:none;opacity:0;background:#0c0c0cd9;border:1px solid #e5393533;border-radius:4px;padding:3px 6px;font-family:Courier New,Courier,monospace;font-size:.58rem;font-weight:700;transition:all .4s;position:absolute;top:15px;left:20px;transform:scale(.95)}.gallery-main-container:hover .ticket-status-box{opacity:.85;transform:scale(1)}.status-scanning{color:#ff3b30;animation:1s infinite status-blink}.status-verified{color:#27c93f;text-shadow:0 0 5px #27c93f66}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.4}}.achieve-card{position:relative;overflow:hidden}.achieve-bg-watermark{letter-spacing:-1.5px;color:var(--primary-color);opacity:.08;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;font-family:Courier New,Courier,monospace;font-size:2.2rem;font-weight:900;line-height:1;transition:all .4s;position:absolute;bottom:8px;right:15px}.achieve-icon,.achieve-info{z-index:2;position:relative}.achieve-info .achieve-meta,.achieve-info .text-desc{opacity:0;max-height:0;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .3s,margin .5s;overflow:hidden;margin:0!important}.achieve-card:hover .achieve-info .achieve-meta{opacity:1;max-height:100px!important;margin-bottom:8px!important}.event-crosshairs{transition:opacity .3s}.glow-card:hover .event-crosshairs{pointer-events:none;opacity:0!important}body{background-image:linear-gradient(#e5393503 1px,#0000 1px),linear-gradient(90deg,#e5393503 1px,#0000 1px),radial-gradient(circle at 50% -10%,#ffffff0a 0%,#0000 80%);background-position:50%,50%,top;background-repeat:repeat,repeat,no-repeat;background-size:80px 80px,80px 80px,100% 100%;position:relative}body:after{content:"";pointer-events:none;z-index:-2;background-image:linear-gradient(#e5393501 2px,#0000 2px),linear-gradient(90deg,#e5393501 2px,#0000 2px);background-position:50%;background-size:400px 400px;position:absolute;inset:0}@media (width>=769px){*{cursor:none!important}}.custom-cursor-inner{pointer-events:none;z-index:100010;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:fixed;top:0;left:0}.cursor-crosshair-h{background-color:var(--primary-color);width:12px;height:1px;position:absolute}.cursor-crosshair-v{background-color:var(--primary-color);width:1px;height:12px;position:absolute}.custom-cursor-outer{pointer-events:none;z-index:100009;border:1px dashed #e5393559;border-radius:50%;width:32px;height:32px;transition:border-color .3s,border-style .3s;position:fixed;top:0;left:0}.custom-cursor-outer.hovered{border-style:solid;border-color:#e53935d9}.achieve-accordion-container{z-index:5;flex-direction:column;gap:30px;width:100%;margin-top:40px;display:flex;position:relative}.accordion-badge{color:var(--primary-color);letter-spacing:1px;text-transform:uppercase;background:#e5393514;border:1px solid #e5393559;border-radius:30px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:.65rem;font-weight:700;display:flex;box-shadow:0 0 10px #e539350d}.accordion-corner{pointer-events:none;z-index:3;opacity:.4;border:1px solid #e5393559;width:8px;height:8px;transition:all .3s;position:absolute}.accordion-corner.tl{border-bottom:none;border-right:none;top:12px;left:12px}.accordion-corner.tr{border-bottom:none;border-left:none;top:12px;right:12px}.accordion-corner.bl{border-top:none;border-right:none;bottom:12px;left:12px}.accordion-corner.br{border-top:none;border-left:none;bottom:12px;right:12px}.accordion-item:hover .accordion-corner{opacity:.85;width:12px;height:12px}.accordion-item{will-change:transform, box-shadow, border-color;background-color:#ffffff03;border:1px solid #ffffff0a;border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.accordion-item:before{content:"SYS.EXEC_SEQ_00984 // LAT_10.03 // LNG_105.78";transform-origin:100% 100%;color:#e539351f;letter-spacing:2px;pointer-events:none;z-index:1;font-family:Courier New,Courier,monospace;font-size:.48rem;font-weight:700;transition:color .3s;position:absolute;bottom:20px;right:-85px;transform:rotate(-90deg)}.accordion-item:after{content:"";pointer-events:none;z-index:1;opacity:.5;background:radial-gradient(circle,#0000 40%,#e5393505 41% 43%,#0000 44%),radial-gradient(circle,#0000 60%,#e5393504 61% 63%,#0000 64%);border:1px dashed #e5393508;border-radius:50%;width:140px;height:140px;transition:all .6s cubic-bezier(.16,1,.3,1);position:absolute;top:-15px;right:-15px}.accordion-item:hover:before{color:#e5393573}.accordion-item:hover:after{opacity:1;border-color:#e5393526;transform:rotate(60deg)scale(1.15)}.accordion-item.expanded{-webkit-backdrop-filter:blur(15px);background-color:#0a0a0ad9;background-image:radial-gradient(#e539351a 1px,#0000 0),linear-gradient(#e5393505 1px,#0000 1px),linear-gradient(90deg,#e5393505 1px,#0000 1px);background-size:24px 24px,24px 24px,24px 24px;border-color:#e5393559;box-shadow:0 20px 40px #000000a6,0 0 30px #e5393526,inset 0 0 20px #e539350d}.accordion-item:hover{background-color:#0a0a0a80;background-image:radial-gradient(#e539350f 1px,#0000 0),linear-gradient(#e5393504 1px,#0000 1px),linear-gradient(90deg,#e5393504 1px,#0000 1px);background-size:24px 24px,24px 24px,24px 24px;border-color:#e539354d;transform:translateY(-4px);box-shadow:0 15px 30px #00000080,0 0 20px #e539351a}.accordion-item .achieve-top-accent{background:linear-gradient(90deg, transparent, var(--primary-color), transparent);z-index:5;opacity:.6;background-size:200% 100%;width:100%;height:3px;animation:4s linear infinite sweepAccent;position:absolute;top:0;left:0}@keyframes sweepAccent{0%{background-position:200% 0}to{background-position:-200% 0}}.accordion-header{text-align:left;color:#fff;letter-spacing:1.5px;z-index:2;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:38px 40px;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex;position:relative;cursor:none!important}.accordion-header-left{align-items:center;gap:15px;display:flex}.accordion-num{color:#e5393573;letter-spacing:.5px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:500}.accordion-header-right{align-items:center;gap:20px;display:flex}.accordion-status{color:var(--primary-color);letter-spacing:1px;opacity:.8;font-family:Courier New,Courier,monospace;font-size:.72rem;font-weight:700}.accordion-arrow{color:#e5393599;font-size:.95rem;transition:transform .4s cubic-bezier(.16,1,.3,1),color .3s}.accordion-header.expanded .accordion-arrow{color:var(--primary-color);transform:rotate(180deg)}.accordion-content-inner{border-top:1px dashed #e5393526;padding:30px}.accordion-tab{color:#fff;letter-spacing:.8px;z-index:4;background:#0a0a0a;border:1px solid #e5393540;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:8px;padding:5px 14px 5px 10px;font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:-26px;left:35px;box-shadow:0 -4px 10px #00000059;border-left:3px solid var(--primary-color)!important}.accordion-tab i{color:var(--primary-color);transition:transform .3s,color .3s}.accordion-tab:after{content:"_";color:var(--primary-color);font-weight:700;animation:1s steps(2,start) infinite blinkCursor}@keyframes blinkCursor{to{visibility:hidden}}.accordion-item:hover .accordion-tab{background:#111;border-color:#e5393580;transform:translateY(-2px);box-shadow:0 -5px 15px #e539351f,inset 0 0 8px #e539350d}.accordion-item:hover .accordion-tab i{color:#ff5252;transform:scale(1.15)rotate(-5deg)}.tab-meta{color:#ffffffd9}.status-indicator{color:#fff6;letter-spacing:.5px;background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:8px;padding:4px 10px;font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;position:relative}.status-dot.online{background-color:#0f6;animation:1.8s ease-in-out infinite ledPulse;box-shadow:0 0 8px #0f6,0 0 15px #0f6}.status-dot.offline{background-color:#f33;box-shadow:0 0 4px #f33}@keyframes ledPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.empty-state-container{background-color:#ffffff01;border:1px dashed #e5393526;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;display:flex}.achieve-card{will-change:transform, box-shadow, border-color;background-color:#ffffff04;border:1px solid #ffffff0a;border-radius:20px;align-items:center;gap:25px;height:100%;padding:30px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;cursor:none!important}.achieve-card:hover{background-color:#e5393508;border-color:#e5393566;transform:translateY(-5px);box-shadow:0 20px 40px #0009,0 0 30px #e5393533,inset 0 0 15px #e5393514}.achieve-top-accent{background:var(--primary-color);z-index:5;opacity:.4;width:100%;height:3px;transition:all .4s;position:absolute;top:0;left:0}.achieve-card:hover .achieve-top-accent{opacity:1;box-shadow:0 1px 8px #e5393566}.achieve-bg-watermark{letter-spacing:-1.5px;color:var(--primary-color);opacity:.08;z-index:1;font-family:Courier New,Courier,monospace;font-size:2.2rem;font-weight:900;transition:all .4s;position:absolute;bottom:8px;right:15px}.achieve-card:hover .achieve-bg-watermark{opacity:.2;transform:scale(1.03)}.achieve-icon{width:55px;height:55px;color:var(--primary-color);transition:var(--transition-bounce);z-index:2;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.achieve-card:hover .achieve-icon{background:var(--primary-color);color:#fff;transform:rotate(15deg)scale(1.15);box-shadow:0 0 20px #e5393566}.achieve-info{z-index:2;flex-direction:column;flex-grow:1;display:flex}.achieve-info h4{color:#fff;margin:0 0 5px;font-size:1.2rem;font-weight:700;transition:color .4s}.achieve-card:hover .achieve-info h4{color:var(--primary-color)}.achieve-info .achieve-meta,.achieve-info .text-desc{opacity:0;max-height:0;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.achieve-card:hover .achieve-info .achieve-meta{opacity:1;max-height:100px!important;margin-top:5px!important;margin-bottom:8px!important}.achieve-card:hover .achieve-info .text-desc{opacity:1;max-height:350px!important;margin-top:5px!important}.achieve-meta{color:var(--primary-color);letter-spacing:1px;text-transform:uppercase;font-size:.75rem;font-weight:700;display:block}.achieve-card .text-desc{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.6}@media (width<=768px){.achieve-accordion-container{gap:25px}.accordion-item{border-radius:16px}.accordion-header{padding:18px 20px;font-size:1rem}.accordion-header-left{gap:10px}.accordion-status{display:none}.accordion-content-inner{padding:20px 15px}.achieve-info .achieve-meta{opacity:1!important;max-height:none!important;margin-bottom:8px!important}.achieve-info .text-desc{opacity:1!important;max-height:none!important;margin-top:5px!important}.achieve-card{text-align:center;flex-direction:column;align-items:center;padding:24px 15px}}