:root{--bg-color:#050403;--bg-alt:#0d0b09;--bg-card:#ffffff0e;--bg-card-strong:#ffffff17;--accent-color:#ff6a00;--accent-hot:#ff9b2f;--accent-deep:#9f2f00;--accent-glow:#ff6a006b;--text-primary:#fff8f0;--text-secondary:#c3b9af;--text-muted:#766b62;--line:#ffffff1c;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--container-width:1180px;--section-padding:120px 22px;--radius-lg:28px;--radius-md:18px;--shadow-warm:0 28px 90px #00000073, 0 0 80px #ff6a0014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background:var(--bg-color);color:var(--text-primary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 8%,#ff6a0024,#0000 30%),radial-gradient(circle at 86% 12%,#ff9b2f14,#0000 26%),linear-gradient(#050403 0%,#090705 48%,#050403 100%);min-height:100vh;overflow-x:hidden}body::selection{background:var(--accent-color);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.055em;font-weight:850;line-height:.96}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none;transition:color .25s,opacity .25s}button,input,textarea{font:inherit}button{font-family:var(--font-heading);cursor:pointer;border:none;outline:none}img,video{max-width:100%}.container{width:min(var(--container-width), calc(100% - 44px));margin:0 auto}.section-heading{text-align:center;max-width:760px;margin:0 auto 3.5rem}.section-kicker,.eyebrow{color:var(--accent-hot);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.74rem;font-weight:800;display:inline-flex}.section-kicker:before,.eyebrow:before{content:"";opacity:.8;background:currentColor;width:28px;height:1px}.section-title{text-align:center;margin:.7rem 0 1rem;font-size:clamp(2.4rem,6vw,5rem)}.accent{color:var(--accent-color);text-shadow:0 0 34px #ff6a0047}.btn-primary{background:linear-gradient(135deg, var(--accent-color), var(--accent-hot));color:#fff;text-transform:uppercase;letter-spacing:.12em;z-index:1;border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:1rem 2.1rem;font-size:.92rem;font-weight:850;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #ff6a0038}.btn-primary:before{content:"";border-radius:inherit;opacity:.72;z-index:-1;background:linear-gradient(120deg,#ffffff2e,#0000 35%,#ffffff1f);position:absolute;inset:1px}.btn-primary:hover{box-shadow:0 0 24px var(--accent-glow), 0 22px 58px #ff6a0038;filter:saturate(1.08);transform:translateY(-3px)}.loading-text{text-align:center;margin-top:2rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#33251d;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes floatPulse{0%,to{opacity:.74;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.fade-in-up{opacity:0;animation:.85s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-container{isolation:isolate;min-height:100vh}.navbar{z-index:100;-webkit-backdrop-filter:blur(18px)saturate(1.25);background:#05040394;border-bottom:1px solid #ffffff14;width:100%;padding:1rem 0;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo-link{justify-content:center;align-items:center;display:inline-flex}.logo-img{object-fit:contain;filter:drop-shadow(0 10px 26px #ff6a001f);width:auto;height:38px}.logo-img-footer{object-fit:contain;width:auto;height:58px;margin-bottom:1.5rem}.nav-links{background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;gap:.6rem;padding:.35rem;list-style:none;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.11em;color:var(--text-secondary);border-radius:999px;padding:.72rem 1rem;font-size:.76rem;font-weight:800;display:inline-flex}.nav-links a:hover{color:var(--text-primary);background:#ff6a0021}.hero{justify-content:center;align-items:center;min-height:100svh;padding:8rem 1.25rem 5rem;display:flex;position:relative;overflow:hidden}.hero-video-bg{object-fit:cover;z-index:-4;filter:grayscale()contrast(1.28)brightness(.72);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.hero-overlay{z-index:-3;background:radial-gradient(circle at 50% 42%,#ff6a003d,#0000 34%),linear-gradient(#05040347 0%,#050403c2 58%,#050403 100%),linear-gradient(90deg,#ff6a0061,#0000 46%,#ff6a001f);position:absolute;inset:0}.hero-grid{z-index:-2;opacity:.5;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.hero:after{content:"";aspect-ratio:1;z-index:-1;border:1px solid #ff6a002e;border-radius:50%;width:min(680px,80vw);position:absolute;box-shadow:inset 0 0 90px #ff6a0014,0 0 90px #ff6a0014}.hero-content{text-align:center;width:min(980px,100%);padding:0 20px}.hero-icon{width:auto;height:82px;filter:drop-shadow(0 0 26px var(--accent-glow));margin:0 auto 1.1rem;display:block}.hero-title{text-wrap:balance;text-shadow:0 18px 55px #0000008c;max-width:980px;margin:1rem auto 1.35rem;font-size:clamp(2.8rem,8.2vw,6.9rem)}.hero-subtitle{color:#e2d8ce;max-width:720px;margin:0 auto 1.35rem;font-size:clamp(1.05rem,2vw,1.45rem);font-weight:500}.hero-pills,.capability-list,.contact-tags{flex-wrap:wrap;gap:.65rem;display:flex}.hero-pills{justify-content:center;margin:0 auto 2.2rem}.hero-pills span,.capability-list span,.contact-tags span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;padding:.58rem .82rem;font-size:.76rem;font-weight:800}.scroll-cue{border:1px solid #ffffff38;border-radius:999px;place-items:start center;width:28px;height:48px;padding-top:9px;display:grid;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-cue span{background:var(--accent-hot);border-radius:999px;width:4px;height:9px;animation:1.8s ease-in-out infinite floatPulse}.portfolio{background:linear-gradient(180deg, var(--bg-color), var(--bg-alt));padding:var(--section-padding);position:relative}.portfolio:before,.about:before,.contact:before{content:"";background:linear-gradient(90deg,#0000,#ff6a0052,#ffffff1f,#0000);width:min(1120px,100% - 44px);height:1px;margin:0 auto 110px;display:block}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:3rem;display:grid}.portfolio-item{aspect-ratio:16/9;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-warm);background:#100d0a;border:1px solid #ffffff1a;position:relative;overflow:hidden}.portfolio-item img,.portfolio-item video{object-fit:cover;filter:saturate(.82)contrast(1.08)brightness(.86);width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s}.portfolio-overlay{background:linear-gradient(#ff6a001a 0%,#0504034d 46%,#050403f0 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:1.5rem;transition:background .35s;display:flex;position:absolute;inset:0}.portfolio-index{color:#ffffffa6;font-family:var(--font-heading);letter-spacing:.16em;font-size:.85rem;position:absolute;top:1.2rem;right:1.2rem}.portfolio-title{max-width:86%;margin-bottom:.5rem;font-size:clamp(1.35rem,2vw,2rem);font-weight:850}.portfolio-category{color:var(--accent-hot);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800}.portfolio-action{opacity:0;color:var(--text-primary);text-transform:uppercase;letter-spacing:.14em;margin-top:1.1rem;font-size:.78rem;font-weight:850;transition:opacity .28s,transform .28s;transform:translateY(8px)}.portfolio-item:hover img,.portfolio-item:hover video{filter:saturate(1.05)contrast(1.12)brightness(.95);transform:scale(1.065)}.portfolio-item:hover .portfolio-overlay{background:linear-gradient(#ff6a0033 0%,#5f1f005c 42%,#050403f5 100%)}.portfolio-item:hover .portfolio-action{opacity:1;transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(36px)saturate(.68)brightness(.55);z-index:1000;background:radial-gradient(circle at 50% 22%,#ff6a001f,#0000 34%),#030201db;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;animation:.35s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.modal-overlay:before{content:"";pointer-events:none;background:#0000006b;position:absolute;inset:0}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(36px)saturate(.68)brightness(.55);backdrop-filter:blur(36px)saturate(.68)brightness(.55)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-content{z-index:1;background:linear-gradient(#0c0805eb,#050403b8);border-radius:30px;width:min(1120px,100%);padding:1rem;animation:.45s cubic-bezier(.16,1,.3,1) modalScaleIn;position:relative;box-shadow:0 36px 110px #000000d6,0 0 0 1px #ffffff14}.modal-header{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:.95rem;padding:.25rem 64px 0 .2rem;display:flex}.modal-index{color:#ffffff94;font-family:var(--font-heading);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;font-size:.78rem}.modal-title-block{text-align:right}.modal-title-block h3{color:var(--accent-color);text-shadow:0 14px 42px #00000094;margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:.88}.modal-title-block p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.22em;margin-top:.55rem;font-size:.78rem;font-weight:850}.modal-close{color:#fff;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;line-height:1;transition:all .25s;display:flex;position:absolute;top:0;right:0}.modal-close:hover{background:var(--accent-color);border-color:var(--accent-color);transform:rotate(90deg)scale(1.08)}.modal-video-wrapper{aspect-ratio:16/9;background:#000;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 32px 90px #000000b8,0 0 0 1px #ffffff1a}.modal-video-wrapper iframe,.modal-video-wrapper video{border:none;width:100%;height:100%;position:absolute;inset:0}.about{padding:var(--section-padding);background:radial-gradient(circle at 86% 42%, #ff6a001f, transparent 30%), var(--bg-color);position:relative}.about-content{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.about-text h2{text-wrap:balance;margin-bottom:1.5rem;font-size:clamp(2.4rem,5.8vw,5.4rem)}.about-text p{max-width:66ch;margin-bottom:1.2rem;font-size:1.04rem}.capability-list{margin-top:1.7rem}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:2.4rem;display:grid}.stat-item{border-radius:var(--radius-md);background:linear-gradient(#ffffff13,#ffffff09);border:1px solid #ffffff17;padding:1.2rem}.stat-item h3{color:var(--accent-color);margin-bottom:.35rem;font-size:clamp(2rem,4vw,3.2rem)}.stat-item p{text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:800}.about-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-warm);background:linear-gradient(135deg,#ff6a0073,#ffffff1f,#ff6a0014);padding:1px;position:relative}.about-image-glow{filter:blur(42px);z-index:-1;background:#ff6a0033;border-radius:999px;height:42%;position:absolute;inset:auto -24px -24px 24px}.about-image img{border-radius:calc(var(--radius-lg) - 1px);filter:grayscale(42%)contrast(1.12)saturate(.9);width:100%;display:block}.contact{padding:var(--section-padding);background:linear-gradient(180deg, var(--bg-alt), #070504), var(--bg-alt)}.contact-container{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.contact-info h2{margin-bottom:1.3rem;font-size:clamp(2.2rem,5vw,4.8rem)}.contact-lead{max-width:48ch;margin-bottom:2rem;font-size:1.08rem}.info-item{border-left:2px solid #ff6a0080;margin-bottom:1.35rem;padding-left:1rem}.info-item h4{color:var(--text-muted);letter-spacing:.16em;margin-bottom:.45rem;font-size:.75rem}.info-item p,.info-item a{color:var(--text-primary);font-size:1.12rem}.info-item a:hover{color:var(--accent-hot)}.contact-tags{margin-top:2rem}.contact-form-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-warm);background:linear-gradient(135deg,#ff6a0057,#ffffff1f,#0000);padding:1px}.contact-form{border-radius:calc(var(--radius-lg) - 1px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0907d1;border:1px solid #ffffff14;flex-direction:column;gap:1rem;width:100%;padding:clamp(1.2rem,4vw,2rem);display:flex}.form-group{width:100%;position:relative}.form-control{box-sizing:border-box;width:100%;max-width:100%;color:var(--text-primary);font-family:var(--font-body);background:#ffffff0e;border:1px solid #ffffff1c;border-radius:15px;padding:1rem 1.1rem;font-size:1rem;transition:all .25s}.form-control::placeholder{color:#c3b9afa6}.form-control:focus{background:#ffffff14;border-color:#ff6a00c7;outline:none;box-shadow:0 0 0 4px #ff6a001a}textarea.form-control{resize:vertical;min-height:160px}.footer{background-color:var(--bg-color);text-align:center;border-top:1px solid #ffffff12;padding:4rem 0}.footer p{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}@media (width<=992px){.about-content,.contact-container{grid-template-columns:1fr}}@media (width<=768px){.navbar{padding:.8rem 0}.nav-links{display:none}.nav-container{justify-content:center}.hero{padding-top:7rem}.hero-icon{height:64px}.portfolio-grid,.about-stats{grid-template-columns:1fr}.modal-overlay{padding:20px}.modal-header{padding-right:50px;display:block}.modal-title-block{text-align:left;margin-top:.55rem}.modal-close{width:38px;height:38px;font-size:1.5rem}.scroll-cue{display:none}}@media (width<=520px){.container{width:min(100% - 28px, var(--container-width))}.hero-pills span,.capability-list span,.contact-tags span{font-size:.68rem}.portfolio-overlay{padding:1.15rem}}