@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Outfit:wght@400;700;900&family=Syncopate:wght@400;700&display=swap";:root{--bg-color:#f8f8f8;--text-color:#1a1a1a;--accent-color:#5d85f6;--secondary-color:#fff;--muted-color:#999;--glass-bg:#ffffffb3;--border-color:#eee;--section-padding:8rem 4rem;--mobile-padding:4rem 1.5rem;transition:background-color .3s,color .3s}[data-theme=dark]{--bg-color:#0d0d0d;--text-color:#f8f8f8;--accent-color:#5d85f6;--secondary-color:#1a1a1a;--muted-color:#666;--glass-bg:#0d0d0db3;--border-color:#222}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}@media (width>=769px){body.horizontal-scroll{overflow:hidden}main{scroll-behavior:auto;-webkit-overflow-scrolling:touch;flex-direction:row;width:100vw;height:100vh;display:flex;overflow:auto hidden}section{flex-shrink:0;min-width:100vw;height:100vh}main::-webkit-scrollbar{height:6px}main::-webkit-scrollbar-track{background:var(--bg-color)}main::-webkit-scrollbar-thumb{background:var(--accent-color)}}.app-container{min-height:100vh}.huge-text{text-transform:uppercase;letter-spacing:-.05em;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,15vw,12rem);font-weight:900;line-height:.9}.industrial-label{letter-spacing:.2em;text-transform:uppercase;font-family:Syncopate,sans-serif;font-size:.75rem;font-weight:700}section{padding:var(--section-padding);flex-direction:column;justify-content:center;min-height:80vh;display:flex;position:relative}@media (width<=768px){section{padding:var(--mobile-padding);min-height:auto;overflow:hidden}}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}a{color:inherit;text-decoration:none;transition:all .3s}a:hover{color:var(--accent-color)}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .3s}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-1px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{color:var(--accent-color);text-shadow:2px 0 #ff00c1,-2px 0 #00fff9;animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}.noise-overlay{opacity:.15;pointer-events:none;z-index:9999;background:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;position:fixed;top:0;left:0}.glitch-active body{filter:contrast(150%)brightness(120%)hue-rotate(90deg);animation:.4s steps(2,end) infinite global-glitch;overflow:hidden}@keyframes global-glitch{0%{filter:blur();clip-path:inset(0);transform:translate(0)skew(0)}10%{filter:blur(2px);clip-path:inset(20% 0 70%);transform:translate(-10px,5px)skew(30deg)}30%{filter:blur(5px);clip-path:inset(60% 0 10%);transform:translate(10px,-5px)skew(-20deg)}50%{filter:blur();clip-path:inset(40% 0);transform:translate(-2px,2px)skew(10deg)}70%{filter:blur(10px);clip-path:inset(10% 0 80%);transform:translate(5px,-2px)skew(-40deg)}90%{filter:blur(2px);clip-path:inset(80% 0 5%);transform:translate(-5px,5px)skew(20deg)}to{filter:blur();clip-path:inset(0);transform:translate(0)skew(0)}}.glitch-active:after{content:"";z-index:10000;pointer-events:none;mix-blend-mode:color-dodge;background:#5d85f666;width:100%;height:100%;animation:.1s steps(2,end) infinite flash;position:fixed;top:0;left:0}@keyframes flash{0%{opacity:.5}to{opacity:.1}}.navbar-industrial{height:70px;padding:0 4rem}@media (width<=768px){.navbar-industrial{height:60px;padding:.8rem 1.5rem}}.hero-section{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden;padding:0!important}.hero-content{z-index:1;width:100%;padding:0 4rem}@media (width<=768px){.hero-content{padding:0 1.5rem}}.scroll-arrow{background-color:var(--accent-color);cursor:pointer;z-index:10;justify-content:center;align-items:center;width:100px;height:100px;position:absolute;bottom:0;right:0;display:flex!important}@media (width<=768px){.scroll-arrow{width:60px;height:60px}}.contact-grid{grid-template-columns:1fr 1fr;gap:8rem;padding:10rem 4rem;display:grid}@media (width<=1024px){.contact-grid{gap:4rem;padding:8rem 2rem}}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:3rem;padding:4rem 1.5rem}}.contact-info-list{flex-direction:column;display:flex}.contact-info-item{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding:2rem 0;display:flex}.contact-info-item:last-child{border-bottom:1px solid var(--border-color)}.contact-label{font-family:var(--heading-font);letter-spacing:.2em;color:var(--accent-color);font-size:.7rem;font-weight:700}.contact-value{letter-spacing:-.02em;word-break:break-word;overflow-wrap:break-word;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600}@media (width<=768px){.contact-info-item{padding:1.5rem 0}.contact-value{font-size:clamp(1rem,4.5vw,1.4rem)}}.contact-form{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.form-group{flex-direction:column;gap:.8rem;display:flex}.form-input,.form-textarea{border:none;border-bottom:1px solid var(--border-color);color:var(--text-color);background:0 0;outline:none;width:100%;padding:1rem 0;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s}.form-textarea{resize:none;min-height:120px}.form-input:focus,.form-textarea:focus{border-color:var(--accent-color)}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted-color);opacity:.5}.submit-button{background:var(--text-color);color:var(--bg-color);letter-spacing:.15em;text-transform:uppercase;align-self:flex-start;align-items:center;gap:1rem;margin-top:1rem;padding:1.2rem 2.5rem;font-family:Syncopate,sans-serif;font-size:.75rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.submit-button:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 10px 20px #5d85f633}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-message{text-transform:uppercase;letter-spacing:.1em;margin-top:1rem;padding:1rem;font-family:Syncopate,sans-serif;font-size:.8rem;font-weight:600}.status-message.success{color:#2ecc71;border-left:2px solid #2ecc71}.status-message.error{color:#e74c3c;border-left:2px solid #e74c3c}@media (width<=768px){.contact-form{gap:1.5rem}.submit-button{justify-content:center;width:100%}}@media (width>=769px){#team{padding-top:6rem;padding-bottom:2rem}.team-stack{align-items:flex-start;height:60vh;padding-top:2rem;padding-left:2vw;display:flex}.team-card-minimal{border:1px solid var(--border-color);padding:2rem;transition:all .3s}.team-card-minimal:hover{border-color:var(--accent-color)}}@media (width<=768px){#team{padding-top:5rem;padding-bottom:3rem}.team-stack{flex-direction:column;gap:1.5rem;height:auto;padding:0;display:flex}.team-stack .sticky-card-wrapper{width:100%!important;height:auto!important;margin-right:0!important;position:relative!important;left:0!important}}@media (width>=769px){#projects{padding-top:6rem;padding-bottom:2rem}.projects-stack{align-items:center;height:70vh;padding-left:2vw;display:flex}.sticky-card-wrapper{flex-shrink:0;height:55vh;transition:transform .3s;position:sticky}}@media (width<=768px){#projects{padding-top:5rem;padding-bottom:3rem}.projects-stack{flex-direction:column;gap:1.5rem;height:auto;padding:0;display:flex}.projects-stack .sticky-card-wrapper{width:100%!important;height:auto!important;margin-right:0!important;position:relative!important;left:0!important}.projects-grid{grid-template-columns:1fr;gap:4rem}}.project-card-image{border:1px solid var(--border-color);filter:grayscale();background-position:50%;background-size:cover;border-radius:0;width:100%;height:450px;transition:all .6s cubic-bezier(.16,1,.3,1)}@media (width>=769px){.project-card-image{height:30vh}}[data-theme=dark] .project-card-image{filter:grayscale()brightness(.8)}@media (hover:hover){.project-card-image:hover{transform:scale(1.02);filter:grayscale(0%)brightness()!important;border-color:var(--accent-color)!important}}@media (width<=768px){.project-card-image{height:200px}}.team-grid-minimal{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.team-grid-minimal{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.team-grid-minimal{grid-template-columns:1fr}}.team-card-minimal{border:1px solid var(--border-color);background:#ffffff05;flex-direction:column;justify-content:space-between;height:350px;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}@media (width<=768px){.team-card-minimal{height:280px;padding:1.5rem}}.team-card-minimal:hover{border-color:var(--accent-color);background:#ffffff0d;transform:translateY(-5px)}.team-card-header{justify-content:space-between;align-items:center;display:flex}.status-dot-pulse{background:var(--accent-color);border-radius:50%;width:6px;height:6px;position:relative}.status-dot-pulse:after{content:"";border:1px solid var(--accent-color);opacity:0;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-2px}@keyframes pulse{0%{opacity:0;transform:scale(.5)}50%{opacity:.5}to{opacity:0;transform:scale(2.5)}}.member-name{font-family:var(--heading-font);text-transform:uppercase;margin-top:1rem;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.1}.expertise-tags{flex-wrap:wrap;gap:.5rem;display:flex}.expertise-tag{font-family:var(--label-font);letter-spacing:.1em;opacity:.5;border:1px solid #ffffff1a;padding:.2rem .5rem;font-size:.6rem;transition:all .3s}.team-card-minimal:hover .expertise-tag{opacity:1;border-color:#ffffff4d}@media (width<=768px){.footer-wrapper{min-height:100vh;height:auto!important;padding:var(--mobile-padding)!important}.footer-bottom-grid{text-align:left!important;grid-template-columns:1fr!important;gap:2.5rem!important}.footer-bottom-grid>div:last-child{text-align:left!important}.project-detail-hero-grid{grid-template-columns:1fr!important;gap:2rem!important;padding:1.5rem!important}.project-detail-hero-grid>div:nth-child(2){border-top:1px solid var(--border-color);padding-top:2rem;border-left:none!important;padding-left:0!important}.project-detail-details-grid{grid-template-columns:1fr!important;gap:3rem!important;padding:4rem 1.5rem!important}.project-detail-footer{padding:4rem 1.5rem!important}}.custom-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.8;align-items:center;gap:1rem;margin-top:1rem;font-family:Inter,sans-serif;font-size:.8rem;transition:opacity .3s;display:flex}.custom-checkbox:hover{opacity:1}.custom-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{border:1px solid var(--border-color);background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.custom-checkbox:hover input~.checkmark{border-color:var(--accent-color)}.custom-checkbox input:checked~.checkmark{border-color:var(--accent-color);background-color:var(--accent-color)}.checkmark:after{content:"";background-color:var(--bg-color);width:8px;height:8px;display:none;position:absolute}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox a{text-underline-offset:3px;color:var(--accent-color);font-weight:600;text-decoration:underline}.form-input.invalid,.form-textarea.invalid{background-color:#ff4d4d0d;border-color:#ff4d4d!important}.checkmark.invalid{border-color:#ff4d4d!important}.error-text{color:#ff4d4d;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;font-family:Inter,sans-serif;font-size:.65rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}
