:root{--white: #FFFFFF;--charcoal: #1A1A1A;--coral: #FF6B6B;--blue: #4ECDC4;--lime: #95E1D3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--white);color:var(--charcoal);overflow-x:hidden}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--white);z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column}.city-blocks{display:flex;gap:10px;margin-bottom:20px}.block{width:20px;height:40px;background:var(--charcoal);animation:buildUp .6s ease-in-out infinite}.block:nth-child(2){animation-delay:.1s}.block:nth-child(3){animation-delay:.2s}.block:nth-child(4){animation-delay:.3s}.block:nth-child(5){animation-delay:.4s}@keyframes buildUp{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.nav{position:fixed;top:0;right:0;z-index:1000;padding:40px}.menu-btn{background:none;border:none;font-size:18px;font-family:Space Grotesk,sans-serif;color:var(--charcoal);cursor:pointer;transition:color .3s ease}.menu-btn:hover{color:var(--coral)}.menu{position:fixed;top:0;right:-100%;width:100%;height:100%;background:var(--white);transition:right .6s cubic-bezier(.68,-.55,.265,1.55);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999}.menu.open{right:0}.menu a{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:500;color:var(--charcoal);text-decoration:none;margin:20px 0;transition:all .3s ease;position:relative}.menu a:hover{color:var(--coral);transform:translate(20px)}.close-menu{position:absolute;top:40px;right:40px;background:none;border:none;font-size:24px;color:var(--charcoal);cursor:pointer}.logo{position:fixed;top:40px;left:40px;z-index:1000;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;color:var(--charcoal);text-decoration:none}.home{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cityscape{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#f0f0f0,transparent)}.building{position:absolute;bottom:0;background:#ccc;transition:all 1s ease}.building.colorful{background:var(--coral)}.building:nth-child(2){left:10%;width:80px;height:200px}.building:nth-child(3){left:20%;width:60px;height:150px}.building:nth-child(4){left:35%;width:100px;height:300px}.building:nth-child(5){left:50%;width:70px;height:180px}.building:nth-child(6){left:65%;width:90px;height:250px}.building:nth-child(7){left:80%;width:110px;height:220px}.hero-text{text-align:center;z-index:2;transform:translateY(50px);opacity:0;animation:fadeInUp 1s ease .5s forwards}.hero-text h1{font-family:Space Grotesk,sans-serif;font-size:72px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:30px}.hero-text .tagline{font-size:24px;font-weight:300;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease 1.5s forwards}.highlight{color:var(--coral)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.floating-element{position:absolute;opacity:.1;animation:float 6s ease-in-out infinite}.floating-element:nth-child(1){top:20%;left:10%;width:50px;height:50px;background:var(--blue);border-radius:50%;animation-delay:-2s}.floating-element:nth-child(2){top:60%;right:15%;width:30px;height:30px;background:var(--lime);transform:rotate(45deg);animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.section{min-height:100vh;padding:120px 40px;position:relative}.section h2{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:500;margin-bottom:60px;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:80px}.project-card{aspect-ratio:4/3;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.project-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;top:0;left:0}.card-front{background:#f8f8f8;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500;position:relative;overflow:hidden;transform:rotateY(0);z-index:2}.card-back{background:var(--coral);color:var(--white);transform:rotateY(180deg);padding:40px;display:flex;flex-direction:column;justify-content:center;z-index:1}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:20px;text-align:center;z-index:10;transition:all .3s ease;opacity:1}.card-overlay h3{margin:0;font-size:20px;font-weight:500}.project-card:hover .card-front .card-overlay{background:#000000d9;transform:translateY(-2px)}.about-hero{text-align:center;max-width:800px;margin:0 auto 80px}.about-intro{font-size:20px;line-height:1.7;font-weight:300;color:#1a1a1acc;margin-top:30px}.story-content{max-width:1000px;margin:0 auto}.mission-card{background:linear-gradient(135deg,var(--lime) 0%,var(--blue) 100%);border-radius:20px;padding:60px 40px;text-align:center;margin-bottom:80px;color:var(--white)}.mission-icon{font-size:48px;margin-bottom:20px}.mission-card h3{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:500;margin-bottom:20px}.mission-card p{font-size:18px;line-height:1.6;max-width:600px;margin:0 auto}.journey-section{margin-bottom:80px}.journey-section h3{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:500;text-align:center;margin-bottom:60px;color:var(--charcoal)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--coral),var(--blue),var(--lime))}.timeline-item{position:relative;margin:0 0 60px 80px;padding:0}.timeline-marker{position:absolute;left:-58px;top:8px;width:16px;height:16px;background:var(--white);border:3px solid var(--coral);border-radius:50%;z-index:2}.timeline-marker.current{background:var(--coral);box-shadow:0 0 0 4px #ff6b6b33}.timeline-content{background:var(--white);padding:30px;border-radius:12px;box-shadow:0 4px 20px #1a1a1a14;border-left:4px solid var(--blue)}.timeline-year{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--coral);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.timeline-content h4{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:500;color:var(--charcoal);margin-bottom:12px}.timeline-content p{font-size:16px;line-height:1.6;color:#1a1a1ab3;margin:0}.values-section h3{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:500;text-align:center;margin-bottom:50px;color:var(--charcoal)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.value-card{text-align:center;padding:40px 20px;border-radius:16px;background:var(--white);border:2px solid rgba(76,205,196,.1);transition:all .3s ease}.value-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #1a1a1a1a;border-color:var(--blue)}.value-icon{font-size:40px;margin-bottom:20px}.value-card h4{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:500;color:var(--charcoal);margin-bottom:12px}.value-card p{font-size:15px;line-height:1.5;color:#1a1a1ab3;margin:0}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:40px;position:relative}.form-group input,.form-group textarea{width:100%;padding:20px 0;border:none;border-bottom:2px solid #eee;background:transparent;font-size:18px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--coral);transform:translateY(-5px)}.form-group label{position:absolute;top:20px;left:0;font-size:18px;color:#aaa;transition:all .3s ease;pointer-events:none}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{top:-10px;font-size:14px;color:var(--coral)}.submit-btn{background:var(--charcoal);color:var(--white);border:none;padding:20px 60px;font-size:18px;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s ease;border-radius:50px}.submit-btn:hover{background:var(--coral);transform:translateY(-3px)}.footer{background:var(--charcoal);color:var(--white);position:relative;overflow:hidden}.footer-skyline{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to right,var(--coral) 0%,var(--blue) 50%,var(--lime) 100%);opacity:.08}.footer-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:60px 40px 0}.footer-main{display:grid;grid-template-columns:2fr 1fr;gap:80px;margin-bottom:50px}.footer-brand h3{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;margin-bottom:8px}.footer-tagline{font-size:16px;color:var(--coral);font-weight:300;margin-bottom:20px}.footer-description{font-size:16px;line-height:1.6;color:#fffc;margin-bottom:30px;max-width:400px}.footer-contact{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.contact-link{display:flex;align-items:center;gap:10px;color:#ffffffe6;text-decoration:none;font-size:15px;transition:all .3s ease}.contact-link:hover{color:var(--blue);transform:translate(5px)}.contact-icon{font-size:14px}.footer-social{display:flex;gap:16px;flex-wrap:wrap}.footer-social a{color:var(--white);text-decoration:none;font-size:14px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:25px;transition:all .3s ease}.footer-social a:hover{border-color:var(--coral);color:var(--coral);transform:translateY(-2px)}.footer-links-section h4{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:500;margin-bottom:20px;color:var(--white)}.footer-links-grid{display:grid;gap:12px}.footer-links-grid a{color:#fffc;text-decoration:none;font-size:15px;transition:all .3s ease;padding:4px 0}.footer-links-grid a:hover{color:var(--blue);transform:translate(5px)}.footer-newsletter{background:#ffffff0d;border-radius:16px;padding:40px;margin-bottom:40px;text-align:center}.newsletter-content h4{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500;margin-bottom:12px}.newsletter-content p{font-size:16px;color:#fffc;margin-bottom:30px}.newsletter-form{display:flex;max-width:400px;margin:0 auto;gap:12px}.newsletter-form input{flex:1;padding:14px 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:var(--white);font-size:14px;transition:all .3s ease}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form input:focus{outline:none;border-color:var(--coral);background:#ffffff26}.newsletter-form button{padding:14px 24px;background:var(--coral);color:var(--white);border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-form button:hover{background:#ff5252;transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:25px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px}.footer-bottom p{color:#ffffffb3;margin:0}.footer-legal-links{display:flex;gap:24px}.footer-legal-links a{color:#fff9;text-decoration:none;font-size:13px;transition:color .3s ease}.footer-legal-links a:hover{color:var(--lime)}.easter-egg{position:absolute;width:20px;height:20px;background:var(--lime);border-radius:50%;opacity:0;cursor:pointer;transition:all .3s ease}.easter-egg:hover{opacity:1;transform:scale(2)}.happy-dweller{position:fixed;font-size:24px;pointer-events:none;z-index:1000;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.hero-text h1{font-size:48px}.section h2{font-size:36px}.timeline-item{width:100%!important;text-align:left!important}.projects-grid{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item{margin-left:60px}.timeline-marker{left:-48px}.values-grid{grid-template-columns:1fr;gap:20px}.footer-content{padding:40px 20px 0}.footer-main{grid-template-columns:1fr;gap:40px;text-align:center}.footer-contact{align-items:center}.footer-social{justify-content:center}.footer-newsletter{padding:30px 20px}.newsletter-form{flex-direction:column;max-width:100%}.newsletter-form button{align-self:center;min-width:120px}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 1024px) and (min-width: 769px){.footer-main{grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-section:last-child{grid-column:1 / -1;margin-top:20px;max-width:300px;justify-self:center}}body::-webkit-scrollbar{width:0px;background:transparent}