:root{--color-red:#d32f2f;--color-red-dark:#b71c1c;--color-red-light:#e57373;--color-black:#0a0a0a;--color-gray-dark:#1a1a1a;--color-gray:#2a2a2a;--color-gray-light:#404040;--color-white:#fff;--color-white-off:#f5f5f5;--font-primary:"Arial", "Helvetica", sans-serif;--font-weight-regular:400;--font-weight-bold:700;--font-weight-black:900;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--transition-fast:.2s ease;--transition-medium:.4s ease;--transition-slow:.6s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-weight:var(--font-weight-regular);color:var(--color-white);background-color:var(--color-black);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.section-label{font-size:.875rem;font-weight:var(--font-weight-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-red);margin-bottom:var(--spacing-sm);display:inline-block}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:-.02em;line-height:1.2}.btn{font-size:1rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-medium);z-index:1;padding:1rem 2.5rem;display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";background:var(--color-red-dark);width:100%;height:100%;transition:left var(--transition-medium);z-index:-1;position:absolute;top:0;left:-100%}.btn:hover:before{left:0}.btn-primary{background:var(--color-red);color:var(--color-white);border:2px solid var(--color-red)}.btn-primary:hover{border-color:var(--color-red-dark)}.btn-full{width:100%}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray);z-index:1000;width:100%;transition:transform var(--transition-medium);background:#0a0a0af2;position:fixed;top:0;left:0}.nav.hidden{transform:translateY(-100%)}.nav-container{max-width:1400px;padding:1.25rem var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{align-items:center;text-decoration:none;display:flex}.logo-image{object-fit:contain;width:auto;height:50px}.logo-dex{color:var(--color-red)}.logo-works{color:var(--color-white)}.nav-menu{gap:var(--spacing-md);list-style:none;display:flex}.nav-link{font-size:.875rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;transition:color var(--transition-fast);position:relative}.nav-link:after{content:"";background:var(--color-red);width:0;height:2px;transition:width var(--transition-medium);position:absolute;bottom:-5px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover,.nav-link.active{color:var(--color-red)}.nav-toggle{flex-direction:column;gap:5px;padding:.5rem;display:none}.nav-toggle span{background:var(--color-white);width:25px;height:2px;transition:all var(--transition-fast)}.nav-dropdown{position:relative}.nav-dropdown-toggle{align-items:center;gap:.35rem;display:inline-flex}.nav-dropdown-caret{transition:transform var(--transition-fast);font-size:.65em}.nav-dropdown-toggle.active .nav-dropdown-caret{transform:rotate(180deg)}.nav-dropdown-menu{border:1px solid var(--color-gray);opacity:0;visibility:hidden;min-width:160px;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);background:#0a0a0afa;padding:.5rem 0;list-style:none;position:absolute;top:calc(100% + .75rem);left:0;transform:translateY(-8px)}.nav-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-link{font-size:.875rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-white);transition:color var(--transition-fast), background var(--transition-fast);padding:.6rem 1.25rem;display:block}.nav-dropdown-link:hover{color:var(--color-red);background:var(--color-gray-dark)}.hero{background:linear-gradient(135deg, #d32f2f1a 0%, transparent 50%), linear-gradient(to bottom, var(--color-black), var(--color-gray-dark));justify-content:flex-end;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;pointer-events:none}.hero:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:3;pointer-events:none;background:radial-gradient(circle at 70%,#d32f2f26,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:right;z-index:10;max-width:650px;padding:0 var(--spacing-lg);position:relative}.hero-title{font-size:clamp(2.25rem,5.5vw,4.25rem);font-weight:var(--font-weight-black);letter-spacing:-.03em;margin-bottom:var(--spacing-md);line-height:.95}.title-line{animation:.8s backwards slideInUp;display:block}.title-line:first-child{animation-delay:.1s}.title-line:nth-child(2){color:var(--color-red);animation-delay:.2s}.title-line:nth-child(3){animation-delay:.3s}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);font-weight:var(--font-weight-regular);letter-spacing:.05em;color:var(--color-white-off);margin-bottom:var(--spacing-lg);animation:1s .5s backwards fadeIn}.hero-quote{max-width:600px;margin:0 0 var(--spacing-lg) auto;animation:1s .6s backwards fadeIn}.hero-quote p{color:var(--color-white-off);font-size:clamp(.9rem,1.5vw,1.1rem);font-style:italic;line-height:1.5}.hero-quote cite{margin-top:var(--spacing-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-red-light);font-size:.8rem;font-style:normal;display:block}.hero .btn{animation:1s .7s backwards fadeIn}.hero-scroll{bottom:var(--spacing-md);align-items:center;gap:var(--spacing-xs);color:var(--color-white-off);letter-spacing:.2em;text-transform:uppercase;z-index:10;flex-direction:column;font-size:.75rem;animation:1s 1s backwards fadeIn;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator{background:linear-gradient(to bottom, var(--color-red), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollIndicator}.about{padding:var(--spacing-xl) 0;background:var(--color-gray-dark);position:relative}.about:before{content:"";background:linear-gradient(to right, transparent, var(--color-red), transparent);width:100%;height:1px;position:absolute;top:0;left:0}.about-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-text{color:var(--color-white-off);margin-bottom:var(--spacing-md);font-size:1.125rem;line-height:1.8}.about-stats{gap:var(--spacing-md);margin-top:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.stat{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-gray);border-left:3px solid var(--color-red);transition:transform var(--transition-medium);flex-direction:column;display:flex}.stat:hover{transform:translateY(-5px)}.stat-number{font-size:2.5rem;font-weight:var(--font-weight-black);color:var(--color-red);line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-white-off);font-size:.875rem}.about-image{height:600px;position:relative}.image-frame{background:linear-gradient(135deg, var(--color-red) 0%, var(--color-gray) 100%);width:100%;height:100%;position:relative;overflow:hidden}.image-frame:before{content:"DEX";font-size:15rem;font-weight:var(--font-weight-black);color:#0000004d;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-frame:after{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0d 10px 20px);width:100%;height:100%;position:absolute;top:0;left:0}.services{padding:var(--spacing-xl) 0;background:var(--color-black)}.services-header{text-align:center;margin-bottom:var(--spacing-lg)}.services-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.service-card{padding:var(--spacing-lg);background:var(--color-gray-dark);border:1px solid var(--color-gray);transition:all var(--transition-medium);position:relative;overflow:hidden}.service-card:before{content:"";background:var(--color-red);transform-origin:0;width:100%;height:3px;transition:transform var(--transition-medium);position:absolute;top:0;left:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:var(--color-red);background:var(--color-gray);transform:translateY(-10px)}.service-icon{width:60px;height:60px;margin-bottom:var(--spacing-md);color:var(--color-red);justify-content:center;align-items:center;display:flex}.service-icon svg{width:100%;height:100%}.service-title{font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.service-description{color:var(--color-white-off);line-height:1.8}.contact{padding:var(--spacing-xl) 0;background:var(--color-gray-dark);position:relative}.contact:before{content:"";background:linear-gradient(to right, transparent, var(--color-red), transparent);width:100%;height:1px;position:absolute;top:0;left:0}.contact-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.contact-text{color:var(--color-white-off);margin-bottom:var(--spacing-lg);font-size:1.125rem;line-height:1.8}.contact-details{gap:var(--spacing-md);flex-direction:column;display:flex}.contact-item{gap:var(--spacing-md);align-items:flex-start;display:flex}.contact-icon{background:var(--color-gray);border:2px solid var(--color-red);width:40px;height:40px;color:var(--color-red);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-icon svg{width:20px;height:20px}.contact-item h4{font-size:1rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.contact-item p{color:var(--color-white-off)}.contact-form{background:var(--color-gray);padding:var(--spacing-lg);border:1px solid var(--color-gray-light)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-size:.875rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs);color:var(--color-white-off);display:block}.form-group input,.form-group textarea{background:var(--color-gray-dark);border:1px solid var(--color-gray-light);width:100%;color:var(--color-white);transition:border-color var(--transition-fast);padding:1rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-red);outline:none}.form-group textarea{resize:vertical;min-height:150px}.footer{padding:var(--spacing-md) 0;background:var(--color-black);border-top:1px solid var(--color-gray)}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-logo{align-items:center;display:flex}.footer-logo .logo-image{object-fit:contain;width:auto;height:45px}.footer-text{color:var(--color-white-off);font-size:.875rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollIndicator{0%,to{opacity:0;transform-origin:top;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.form-toast{color:var(--color-white);font-weight:var(--font-weight-bold);z-index:10000;border-radius:4px;padding:1rem 2rem;animation:.3s slideInRight;position:fixed;top:100px;right:20px}.form-toast.leaving{animation:.3s slideOutRight}.form-toast.success{background:#4caf50}.form-toast.error{background:var(--color-red)}@media (max-width:1024px){.about-grid,.contact-grid{grid-template-columns:1fr}.about-image{height:400px}.about-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.nav-menu{width:250px;height:calc(100vh - 70px);padding:var(--spacing-md);border-left:1px solid var(--color-gray);transition:right var(--transition-medium);background:#0a0a0afa;flex-direction:column;position:fixed;top:70px;right:-100%}.nav-menu.active{right:0}.nav-toggle{display:flex}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(7px,7px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.nav-dropdown-menu{min-width:0;padding:0 0 0 var(--spacing-sm);opacity:1;visibility:visible;max-height:0;transition:max-height var(--transition-medium);background:0 0;border:none;position:static;overflow:hidden;transform:none}.nav-dropdown-menu.active{max-height:200px}.services-grid,.about-stats{grid-template-columns:1fr}.footer-content{gap:var(--spacing-sm);text-align:center;flex-direction:column}}@media (max-width:480px){:root{--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:3rem}.hero-title{font-size:2.5rem}.btn{padding:.875rem 2rem;font-size:.875rem}}.publications-header{padding:8rem var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg, var(--color-gray-dark) 0%, var(--color-black) 100%);text-align:center;border-bottom:2px solid var(--color-red)}.publications-title{font-size:3rem;font-weight:var(--font-weight-black);margin-bottom:var(--spacing-sm);color:var(--color-white)}.publications-subtitle{color:var(--color-white-off);max-width:700px;margin:0 auto;font-size:1.25rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-secondary{color:var(--color-white);border:2px solid var(--color-gray-light);background:0 0}.btn-secondary:hover{border-color:var(--color-red);color:var(--color-red-light)}.publications-section{padding:var(--spacing-lg) var(--spacing-md);background:var(--color-black);min-height:60vh}.publications-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.publication-card{background:var(--color-gray);padding:var(--spacing-md);border:1px solid var(--color-gray-light);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;position:relative}.publication-card:hover{border-color:var(--color-red);transform:translateY(-4px);box-shadow:0 8px 24px #d32f2f33}.publication-icon{margin-bottom:var(--spacing-sm);color:var(--color-red);justify-content:center;display:flex}.publication-card .publication-title{font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-white)}.publication-author{background:var(--color-red);color:var(--color-white);font-size:.875rem;font-weight:var(--font-weight-bold);text-transform:uppercase;margin-bottom:var(--spacing-sm);border-radius:4px;padding:.25rem .75rem;display:inline-block}.publication-meta{color:var(--color-gray-light);padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-light);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.publication-filename{font-family:monospace}.empty-state{padding:var(--spacing-xl);color:var(--color-gray-light);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.empty-state svg{margin-bottom:var(--spacing-md);opacity:.5}.modal{z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-overlay{cursor:pointer;background:#000000e6;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{background:var(--color-gray-dark);z-index:1;border-radius:8px;flex-direction:column;width:90%;max-width:1200px;height:90%;display:flex;position:relative;overflow:hidden}.modal-close{background:var(--color-red);width:3rem;height:3rem;color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;line-height:1;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--color-red-dark);transform:scale(1.1)}.modal-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-light);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.modal-header h3{color:var(--color-white);flex:1;font-size:1.5rem}.modal-header .btn{align-items:center;gap:.5rem;display:flex}.modal-body{flex:1;overflow:hidden}#pdf-viewer{border:none;width:100%;height:100%}@media (max-width:768px){.publications-title{font-size:2rem}.publications-grid{grid-template-columns:1fr}.modal-content{border-radius:0;width:100%;height:100%}}