:root{--red:#e63946;--black:#000;--white:#fff;--gray-dark:#0a0a0a;--gray-border:#222;--text-muted:#888;--transition:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000d9;border-bottom:1px solid #ffffff0d;width:100%;padding:25px 5%;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.top-logo{object-fit:contain;width:130px;height:auto;transition:var(--transition);display:block}.top-logo:hover{opacity:.8}.nav-menu{align-items:center;gap:35px;list-style:none;display:flex}.nav-menu a{color:var(--white);letter-spacing:2px;text-transform:uppercase;transition:var(--transition);font-size:11px;font-weight:700;text-decoration:none}.nav-menu a:hover{color:var(--red)}.nav-btn{border:1px solid var(--white);background:0 0;padding:10px 22px}.nav-btn:hover{background:var(--white);color:var(--black)!important}.hero{background:radial-gradient(circle,#0a0a0a 0%,#000 100%);align-items:center;min-height:100vh;padding:0 10%;display:flex}.hero-content{max-width:1000px}.hero-title{letter-spacing:-4px;text-transform:uppercase;margin-bottom:35px;font-size:clamp(2.5rem,9vw,6.5rem);font-weight:900;line-height:.85}.hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:45px;font-size:clamp(1rem,2vw,1.25rem);font-weight:400}.btn{letter-spacing:2.5px;text-transform:uppercase;transition:var(--transition);cursor:pointer;border:none;padding:20px 45px;font-size:12px;font-weight:900;text-decoration:none;display:inline-block}.btn-primary{background:var(--red);color:var(--white)}.btn-outline{border:1px solid var(--white);color:var(--white);margin-left:15px}.btn:hover{transform:translateY(-5px);box-shadow:0 10px 30px #e6394633}.section{border-bottom:1px solid var(--gray-border);padding:140px 10%}.section-label{color:var(--red);letter-spacing:5px;text-transform:uppercase;margin-bottom:50px;font-size:10px;font-weight:900}.container{max-width:1400px;margin:0 auto}.about-grid{grid-template-columns:1.6fr 1fr;gap:80px;display:grid}.main-text{letter-spacing:-1px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;line-height:1.2}.sub-text{color:var(--text-muted);align-self:flex-end;padding-bottom:10px;font-size:1.1rem}.text-red{color:var(--red);font-weight:700}.project-hero{padding:160px 10% 100px}.flagship-card{background:var(--gray-dark);border:1px solid var(--gray-border);width:100%;transition:var(--transition);flex-direction:column;display:flex}.flagship-image{filter:grayscale();background-position:50%;background-size:cover;width:100%;height:500px;transition:filter .8s}.flagship-card:hover .flagship-image{filter:grayscale(0%)}.flagship-content{padding:60px}.project-stats{border-top:1px solid var(--gray-border);gap:60px;margin-top:50px;padding-top:40px;display:flex}.footer{background:var(--black);padding:100px 10% 40px}.footer-top{border-bottom:1px solid var(--gray-border);margin-bottom:40px;padding-bottom:60px}.footer-logo{object-fit:contain;width:150px;height:auto;transition:var(--transition);display:block}.footer-tagline{letter-spacing:6px;text-transform:uppercase;font-size:14px;font-weight:900}.footer-bottom{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;justify-content:space-between;font-size:10px;font-weight:700;display:flex}@media (max-width:992px){.hero-title{letter-spacing:-2px}.about-grid{grid-template-columns:1fr;gap:40px}.sub-text{align-self:flex-start}}@media (max-width:768px){.navbar{padding:15px 5%}.top-logo{width:100px}.nav-menu{display:none}.hero{text-align:center;justify-content:center;padding:0 5%}.hero-subtitle{margin:0 auto 40px}.btn{width:100%;margin:10px 0}.btn-outline{margin-left:0}.section{padding:80px 5%}.flagship-content{padding:30px}.flagship-image{height:300px}.project-stats{flex-direction:column;gap:30px}.footer-bottom{text-align:center;flex-direction:column;gap:20px}}.flagship-card{background:#000;border:1px solid #222;flex-direction:column;display:flex;position:relative;overflow:hidden}.flagship-content{z-index:2;flex-direction:column;justify-content:center;min-height:550px;padding:80px 60px;display:flex;position:relative}.inner-mascot{z-index:1;opacity:.35;pointer-events:none;-webkit-mask-composite:source-in;width:600px;height:auto;position:absolute;bottom:-30px;right:-50px;-webkit-mask-image:linear-gradient(270deg,#000 50%,#0000 100%),linear-gradient(#0000 0%,#000 50%);mask-image:linear-gradient(270deg,#000 50%,#0000 100%),linear-gradient(#0000 0%,#000 50%);-webkit-mask-composite:source-in;mask-composite:intersect}.project-info-overlay{z-index:5;max-width:550px;position:relative}.hamburger,.close-menu{cursor:pointer;color:var(--white);transition:var(--transition);display:none}.hamburger{font-size:24px}@media (max-width:768px){.hamburger{display:block}.nav-menu{background:var(--black);z-index:2000;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;height:100vh;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-100%}.nav-menu.active{right:0}.close-menu{font-size:28px;display:block;position:absolute;top:30px;right:5%}.nav-menu a{letter-spacing:4px;font-size:18px}.navbar{padding:15px 5%}.top-logo{width:100px}.hero{text-align:center;justify-content:center;padding:0 5%}.hero-subtitle{margin:0 auto 40px}.btn{width:100%;margin:10px 0}.btn-outline{margin-left:0}.section{padding:80px 5%}.flagship-content{padding:30px}.flagship-image{height:300px}.project-stats{flex-direction:column;gap:30px}.footer-bottom{text-align:center;flex-direction:column;gap:20px}}