/* Mahindra Lifespaces — responsive static website */
:root{--forest:#102d28;--forest2:#1b4038;--cream:#f5f3ed;--paper:#fffefa;--lime:#d9ef8c;--ink:#182824;--muted:#69746e;--line:#dfe3dc;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.topline{background:#0a211d;color:#d7e1db;font-size:11px;letter-spacing:.07em}.top-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.top-inner a{color:var(--lime)}.site-header{height:82px;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(16,45,40,.08)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;background:var(--forest);color:var(--lime);display:grid;place-items:center;font:800 24px var(--display);letter-spacing:-.1em;position:relative}.brand-mark span{font-size:12px;position:absolute;right:5px;top:3px}.brand-text{display:flex;flex-direction:column;line-height:1.15;letter-spacing:.13em;color:var(--forest)}.brand-text strong{font:800 13px var(--display)}.brand-text small{font-size:10px;letter-spacing:.31em;margin-top:5px}.nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.nav>a:not(.nav-cta){transition:color .2s}.nav>a:hover{color:#678347}.nav-cta{background:var(--forest);color:white;padding:13px 19px}.nav-cta span{color:var(--lime);margin-left:10px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--forest)}
.hero{background:var(--forest);color:white;position:relative;overflow:hidden;min-height:620px}.hero-grid{min-height:565px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;z-index:1}.hero-copy{padding:76px 0 75px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--lime);display:flex;align-items:center;gap:12px}.eyebrow-line{width:27px;height:1px;background:currentColor;display:inline-block}.eyebrow.dark{color:#6b844e}.hero h1,.section-pad h2{font:600 clamp(42px,5.5vw,69px)/1.08 var(--display);letter-spacing:-.055em;margin:26px 0 23px}.hero h1 em,.section-pad h2 em{font-family:var(--serif);font-weight:400;color:var(--lime);letter-spacing:-.04em}.hero-lead{max-width:440px;color:#d0d9d3;font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 20px;font-weight:700;font-size:12px;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--lime);color:var(--forest)}.button span{font-size:17px}.text-link{font-size:12px;font-weight:600;color:#e4e9e5}.text-link span{margin-left:10px;color:var(--lime)}.hero-foot{margin-top:56px;color:#b5c4bc;font-size:11px;display:flex;align-items:center;gap:9px}.status-dot,.panel-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime)}.hero-art{height:480px;position:relative;align-self:end;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#34574a 0%,#1c3d34 35%,#102d28 70%)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.8%,rgba(217,239,140,.13) 50%,transparent 50.2%),linear-gradient(45deg,transparent 49.8%,rgba(217,239,140,.08) 50%,transparent 50.2%);background-size:90px 90px;opacity:.5}.art-sun{position:absolute;right:85px;top:55px;width:160px;height:160px;border-radius:50%;background:var(--lime);opacity:.9;box-shadow:0 0 80px rgba(217,239,140,.12)}.building{position:absolute;bottom:66px;display:flex;flex-wrap:wrap;gap:13px;padding:18px 15px 0;border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.025));box-shadow:12px 12px 0 rgba(0,0,0,.08);backdrop-filter:blur(2px)}.building span{height:34px;width:19px;border:1px solid rgba(217,239,140,.48);background:rgba(217,239,140,.15)}.building-back{width:145px;height:240px;right:36px;bottom:80px;gap:10px;padding:14px 10px}.building-back span{width:16px;height:25px}.building-mid{width:170px;height:305px;right:130px;bottom:65px;gap:12px}.building-front{width:130px;height:185px;right:245px;bottom:65px;gap:10px;background:linear-gradient(135deg,rgba(233,240,224,.22),rgba(255,255,255,.05))}.art-ground{position:absolute;bottom:64px;left:0;right:0;height:1px;background:rgba(255,255,255,.45)}.art-label{position:absolute;bottom:18px;left:15px;display:flex;flex-direction:column;line-height:1.6}.art-label small,.location-kicker{font-size:9px;letter-spacing:.17em;color:var(--lime)}.art-label strong{font:600 14px var(--display)}.art-label span{font-size:10px;color:#a8bbb0}.hero-bottom{border-top:1px solid rgba(255,255,255,.13)}.hero-bottom-inner{height:55px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em;color:#b5c4bc}.scroll-cue{color:var(--lime)}
.section-pad{padding:110px 0}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section-pad h2{font-size:clamp(37px,4.3vw,54px);color:var(--forest);margin:24px 0 0}.section-pad h2 em{color:#71894f}.intro-copy{padding-top:17px;max-width:500px}.large-copy{font:400 23px/1.55 var(--display);letter-spacing:-.025em;color:var(--forest);margin:0 0 18px}.intro-copy p:not(.large-copy){color:#65716b;line-height:1.9}.under-link{display:inline-block;margin-top:18px;font-size:12px;font-weight:700;border-bottom:1px solid #9cab91;padding-bottom:8px}.under-link span{margin-left:18px;color:#71894f}
.services{background:var(--paper)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:50px}.section-heading>p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:27px 27px 23px;border:1px solid var(--line);min-height:360px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:#9eb38a}.service-card.featured{background:var(--forest);color:white;border-color:var(--forest)}.card-top{display:flex;align-items:center;justify-content:space-between}.service-number{font-size:9px;letter-spacing:.14em;color:#75816f;font-weight:700}.featured .service-number{color:#b9c9a9}.card-arrow{font-size:20px;color:#789055}.featured .card-arrow{color:var(--lime)}.service-icon{height:75px;width:75px;margin:31px 0 21px;position:relative;color:#6c874e}.icon-building{border:1px solid #c5d0bb;padding:10px;display:flex;align-items:end;gap:5px}.icon-building span{flex:1;border:1px solid #91a77d;height:70%}.icon-building span:nth-child(2){height:100%}.icon-building span:nth-child(3){height:83%}.featured .icon-contract{border:1px solid #7b968c;color:var(--lime);display:grid;place-items:center;font-size:35px}.icon-contract i{position:absolute;width:28px;height:1px;background:var(--lime);bottom:16px}.icon-chat{border:1px solid #c5d0bb;border-radius:2px;width:68px;height:52px;margin-top:42px}.icon-chat:after{content:"";position:absolute;bottom:-9px;left:12px;width:14px;height:14px;border-left:1px solid #c5d0bb;transform:skew(-28deg);background:var(--paper)}.icon-chat span{display:block;height:1px;background:#91a77d;margin:10px 9px}.service-card h3{font:700 21px/1.3 var(--display);letter-spacing:-.035em;margin:0 0 12px}.service-card p{font-size:12px;line-height:1.85;color:#748078;margin:0 0 25px}.featured p{color:#c1cec7}.card-rule{height:1px;background:var(--line);margin-top:auto}.featured .card-rule{background:#46635a}.card-foot{font-size:9px;letter-spacing:.13em;color:#788b68;font-weight:700;padding-top:16px}.featured .card-foot{color:var(--lime)}.fine-print{font-size:10px;line-height:1.7;color:#89928c;margin-top:24px;max-width:760px}
.approach{background:var(--forest);color:white}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach h2{color:white;font-size:clamp(38px,4.4vw,56px)}.approach h2 em{color:var(--lime)}.approach-left>p{color:#c2d0c8;max-width:380px;line-height:1.9;margin:24px 0 30px}.button-outline{border-color:#80958a;color:white}.button-outline span{color:var(--lime)}.steps{border-top:1px solid #46635a}.step{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #46635a}.step-num{font:400 16px var(--serif);color:var(--lime);padding-top:2px}.step h3{font:600 17px var(--display);margin:0 0 7px}.step p{color:#b9c9c0;font-size:12px;margin:0;line-height:1.8}
.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.contact-copy>p{color:#65716b;max-width:370px;line-height:1.9;margin:22px 0 35px}.contact-direct{display:flex;flex-direction:column;gap:19px}.direct-item{display:flex;align-items:center;gap:15px}.direct-icon{height:42px;width:42px;border:1px solid #cbd5c3;color:#71894f;display:grid;place-items:center;font-size:18px}.direct-item span:last-child{display:flex;flex-direction:column}.direct-item small{font-size:9px;letter-spacing:.14em;color:#788477}.direct-item strong{font-size:13px;font-weight:600;color:var(--forest);overflow-wrap:anywhere}.contact-panel{background:white;padding:32px 35px;box-shadow:0 15px 50px rgba(16,45,40,.06)}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.15em;font-weight:700;color:#7b877c;padding-bottom:23px;border-bottom:1px solid #e8ebe5;margin-bottom:23px}.panel-dot{background:#87a66a}form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#394940;margin-bottom:17px}input,select,textarea{font:400 12px var(--sans);color:var(--ink);background:#fbfbf8;border:1px solid #e1e6dd;padding:13px 12px;border-radius:0;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#829b6c}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.button-submit{background:var(--forest);color:white;width:100%;cursor:pointer;justify-content:space-between}.button-submit span{color:var(--lime)}.form-note{font-size:9px;color:#8a938d;line-height:1.7;margin:13px 0 0}
.location-strip{background:#dce8ce;padding:35px 0}.location-inner{display:flex;align-items:center;justify-content:space-between}.location-strip h3{font:700 24px var(--display);letter-spacing:-.04em;color:var(--forest);margin:4px 0}.location-strip h3 span{font-size:17px;margin-left:8px}.location-strip p{font-size:12px;color:#60715c;margin:0}.location-strip .button{background:var(--forest);color:white}
.footer{background:#091f1b;color:#d7e1db;padding:45px 0 24px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:35px;border-bottom:1px solid #294139}.footer-brand .brand-mark{background:var(--lime);color:var(--forest)}.footer-brand .brand-text{color:white}.footer-main>p{font-size:11px;line-height:1.8;color:#a8b9b0;margin:0}.footer-links{display:flex;justify-content:flex-end;gap:24px;font-size:11px}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;padding:20px 0 12px;font-size:10px;color:#91a59a}.disclaimer{font-size:9px;color:#6f867a;line-height:1.8;max-width:950px}
@media(max-width:850px){.container{width:min(100% - 36px,680px)}.nav{gap:18px}.hero-grid{grid-template-columns:1fr 0.85fr}.hero-art{height:420px}.art-sun{right:20px}.building-back{right:0}.building-mid{right:70px}.building-front{right:165px}.intro-grid,.approach-grid{gap:45px}.contact-grid{gap:40px}.service-card{padding:22px;min-height:370px}}
@media(max-width:650px){.container{width:calc(100% - 38px)}.top-inner{height:35px;font-size:9px}.site-header{height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:18px 22px 24px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav>a{padding:13px 0}.nav .nav-cta{padding:13px 15px;margin-top:8px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:auto}.hero-copy{padding:65px 0 35px}.hero h1{font-size:51px}.hero-lead{font-size:14px}.hero-foot{margin-top:34px}.hero-art{height:330px;align-self:stretch;margin:0 -19px}.art-sun{width:115px;height:115px;top:25px;right:45px}.building{bottom:55px}.building-back{height:175px;width:110px;right:20px;gap:7px;padding:10px}.building-back span{width:13px;height:20px}.building-mid{height:220px;width:130px;right:95px;gap:8px;padding:12px}.building-mid span,.building-front span{height:26px;width:15px}.building-front{height:150px;width:105px;right:195px;gap:7px;padding:10px}.art-ground{bottom:53px}.hero-bottom-inner{height:48px;font-size:8px}.section-pad{padding:75px 0}.intro-grid,.approach-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.section-pad h2{font-size:42px}.intro-copy{padding-top:0}.large-copy{font-size:20px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.service-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:320px;padding:25px}.service-icon{margin:25px 0 18px}.approach-grid{gap:48px}.contact-grid{gap:42px}.contact-panel{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}.location-inner{align-items:flex-start;gap:20px;flex-direction:column}.location-strip{padding:28px 0}.footer-main{grid-template-columns:1fr;gap:23px}.footer-links{justify-content:flex-start}.footer-bottom{flex-direction:column;gap:8px;line-height:1.7}.brand-text strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
