/* Motion is part of the composition; every pinned scene has a native fallback. */
html{scroll-behavior:auto}
.reveal-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em;line-height:inherit}.reveal-word-inner{display:inline-block;will-change:transform}.hero h1>.reveal-word{color:var(--black)}h2>span.reveal-word,h3>span.reveal-word{color:inherit}h2>span:not(.reveal-word),h3>span:not(.reveal-word){color:var(--green)}
.hero-landscape{height:78svh;min-height:580px;perspective:1200px;isolation:isolate;background:#becdbc}.hero-camera{position:absolute;inset:-3%;transform-style:preserve-3d;will-change:transform}.hero-render{height:100%;animation:hero-drift 17s ease-in-out infinite alternate;will-change:transform}.hero-landscape:before{z-index:3;background:linear-gradient(180deg,var(--paper),transparent 17%,transparent 75%,#102b2740)}.hero-landscape:after{content:'';position:absolute;inset:-100% -50%;z-index:2;background:linear-gradient(115deg,transparent 40%,#fff3 50%,transparent 58%);transform:translateX(-35%);animation:light-pass 12s ease-in-out infinite;pointer-events:none}.hero-field{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;mix-blend-mode:screen}.hero-image-caption,.concept-caption{z-index:6}.hero-wordmark{font-size:9vw;white-space:nowrap;padding:25px 0;will-change:transform}@keyframes hero-drift{from{transform:scale(1.04) translate(-.6%,-.5%)}to{transform:scale(1.16) translate(1.1%,.7%)}}@keyframes light-pass{0%,20%{transform:translateX(-40%)}75%,100%{transform:translateX(40%)}}
/* A distinct film frame. No blend, no gradient over the documentary. */
.milestone{padding:110px 7%;gap:6%;grid-template-columns:1.12fr 1fr;min-height:0;align-items:center;perspective:1600px}.documentary-composition{position:relative;align-self:center;min-width:0;transform-style:preserve-3d}.documentary-scene{height:auto;min-height:0;aspect-ratio:16/9;overflow:hidden;background:#142d27;box-shadow:28px 32px 0 #dce7d7;isolation:isolate}.documentary-player{position:absolute!important;left:50%;top:50%;width:100%;height:100%;pointer-events:none}.documentary-poster{inset:0;filter:none}.documentary-fade{display:none}.film-controls{left:18px;right:18px;bottom:18px;gap:8px;flex-wrap:nowrap}.film-controls button{background:#132f29e6;padding:10px 12px;font-size:11px;backdrop-filter:blur(10px)}.film-controls a{font-size:0;display:grid;place-items:center;width:32px;height:32px;margin-left:auto;background:#f5f4efdd}.film-controls a:before{content:'↗';font-size:18px}.film-caption{display:flex;justify-content:space-between;gap:15px;padding-top:55px;font-size:12px;color:#61715b}.documentary-orbit{position:absolute;right:-35px;top:-65px;width:105px;height:105px;border-radius:50%;background:#dce8cc;color:var(--green);display:grid;place-items:center;font:300 65px var(--display);z-index:-1;animation:film-orbit 8s ease-in-out infinite}.urdu-story{padding-left:0}.urdu-story h2{font-size:31px}.urdu-story h2>span{font-size:24px}.urdu-story p{font-size:17px;line-height:2.65}.urdu-story h2 .reveal-word{overflow:visible}@keyframes film-orbit{50%{transform:translate(8px,-12px) rotate(12deg)}}
.feature-stage{perspective:1500px}.feature-progress{display:flex;align-items:center;gap:20px;margin-bottom:20px;font:400 17px var(--display);color:var(--green)}.feature-progress>i{width:160px;height:2px;background:#cbd7c2;overflow:hidden}.feature-progress b{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left}.feature-image-wrap{height:62svh;min-height:450px;transform-style:preserve-3d}.feature-image-wrap>img{will-change:transform,opacity}.feature-caption{z-index:2;max-width:460px;bottom:10%}.feature-caption h3{font-size:clamp(34px,4vw,62px)}.feature-caption p{font-size:20px}.feature-tabs button{transition:background .4s,color .4s;cursor:pointer}.feature-tabs button:hover{color:var(--green)}
.map-art{perspective:1000px}.map-art svg{will-change:transform}.map-dots circle{cursor:pointer;pointer-events:all;stroke-width:7;transition:fill .3s,stroke .3s,r .3s}.map-dots circle:hover,.map-dots circle:focus{r:13;fill:var(--orange);outline:none;stroke:#f5f4ef}.map-vehicle{fill:#ee7548;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 5px #ed6a4080)}.map-routes path.active{animation:none;stroke-width:3}.map-live strong{font-size:29px}.route-selector{gap:6px 20px}.route-selector button{font:400 16.5px var(--display);padding:13px 0;position:relative;gap:12px;transition:color .3s,transform .3s}.route-selector button:before,.route-selector button[aria-pressed=true]:before{content:attr(data-icon);display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:0;background:transparent;color:var(--green);font-size:22px}.route-selector button>span{font-size:13px;margin-left:auto}.route-selector button:hover{transform:translateX(5px)}.route-selector button[aria-pressed=true]{color:var(--green)}.map-route-progress{height:2px;background:#dce3d4;margin:26px 0 8px;overflow:hidden}.map-route-progress i{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(.1667);transform-origin:left}
/* Amenities move through the viewport like an architectural film strip. */
.amenities{overflow:hidden;padding-bottom:100px}.amenities-heading{margin-bottom:35px}.amenity-cinema{height:auto;position:relative;perspective:1600px}.amenity-cinema-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.amenity-cinema-controls p{font-size:16px;color:#607455;margin:0}.amenity-cinema-controls>div{display:flex;align-items:center;gap:12px}.amenity-cinema-controls>div>span{font:400 16.5px var(--display);margin-right:10px;color:var(--green)}.amenity-cinema-controls button{background:#d9e4cd;width:43px;height:43px;border-radius:50%;font-size:23px;transition:background .3s,color .3s}.amenity-cinema-controls button:hover{background:var(--green);color:white}.amenity-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-left:0}.amenity-viewport::-webkit-scrollbar{display:none}.amenity-track{display:flex;gap:28px;align-items:flex-start;perspective:1500px;transform-style:preserve-3d;width:max-content}.amenity-card{width:clamp(330px,36vw,570px);flex-shrink:0;scroll-snap-align:start;transform-origin:center;outline-offset:4px;transform-style:preserve-3d;padding-bottom:15px}.amenity-card-media{position:relative;height:40svh;min-height:280px;max-height:460px;overflow:hidden;transform-style:preserve-3d;background:#d2deca}.amenity-card-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102b2740,transparent 50%);pointer-events:none}.amenity-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s,filter .6s;filter:saturate(.75)}.amenity-card:hover img,.amenity-card:focus img{transform:scale(1.05);filter:saturate(1)}.amenity-card-number{position:absolute;bottom:20px;left:22px;color:#fff;font:300 55px/1 var(--display);z-index:2;letter-spacing:-3px}.amenity-card-body{padding:25px 3px 0}.amenity-card h3{font-size:28px;line-height:1.1;letter-spacing:-.7px;margin:0 0 16px;max-width:380px}.amenity-card p{font-size:16px;line-height:1.8;color:#536b47;margin:0;max-width:440px}.amenity-scroll-progress{height:2px;background:#cdddc1;margin:25px 0 0;overflow:hidden}.amenity-scroll-progress i{display:block;background:var(--green);width:100%;height:100%;transform:scaleX(0);transform-origin:left}
.facilities{max-width:none;padding-top:110px}.facilities>h3{font-size:clamp(38px,4vw,64px);line-height:1.07}.facility-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:50px 25px;text-align:left;perspective:1600px;margin-top:60px}.facility-scene{min-width:0;margin:0;transform-style:preserve-3d}.facility-wide{grid-column:span 2}.facility-wide:nth-child(2){margin-top:80px}.facility-scene>div{height:230px;overflow:hidden;transform-style:preserve-3d;background:#d5dfce}.facility-wide>div{height:390px}.facility-scene img{width:100%;height:100%;object-fit:cover;will-change:transform}.facility-scene h4{font:400 24px/1.2 var(--display);letter-spacing:-.6px;margin:23px 0 12px}.facility-wide h4{font-size:34px}.facility-scene figcaption p{font-size:15px;line-height:1.8;color:#65785a;margin:0}.facilities .fine-print{margin-top:45px}
.action-link{position:relative;background:transparent;color:var(--ink);border-radius:0;padding:18px 0;justify-content:space-between;font:400 23px var(--display);gap:20px;isolation:isolate}.action-link:after{content:'';position:absolute;bottom:12px;left:0;right:90px;height:1px;background:var(--green);transform:scaleX(.22);transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1)}.action-link>b{position:relative;overflow:hidden;width:70px;height:70px;background:var(--green);color:white;font-size:36px;transition:transform .7s cubic-bezier(.16,1,.3,1),background .5s}.contact form>.action-link{margin-top:22px}.footer-social>div{gap:30px}.footer-social>div>a{display:flex;align-items:center;gap:10px;position:relative;padding:10px 0;transition:color .3s}.footer-social svg{width:21px;height:21px;flex-shrink:0;transition:transform .5s}.footer-social b{font-weight:400;opacity:0;transform:translate(-6px,4px);transition:transform .4s,opacity .4s}.footer-social a:hover{color:#fff}.footer-social a:hover svg{transform:translateY(-4px) rotate(-7deg)}.footer-social a:hover b{opacity:1;transform:none}.footer-legal{margin-top:40px;padding-top:0}
@media(min-width:900px) and (min-height:720px){.cinematic .feature-stage{height:94svh;padding-top:18px}.cinematic .feature-image-wrap{height:calc(94svh - 125px);min-height:0}.cinematic .connectivity{height:100svh;min-height:720px;padding:30px 6% 30px 0;gap:4%}.cinematic .connectivity h2{font-size:clamp(42px,4.2vw,64px);margin-bottom:20px}.cinematic .connectivity-copy>p:not(.body-copy):not(.fine-print){font-size:20px;margin-bottom:16px}.cinematic .connectivity .body-copy{font-size:16px;line-height:1.75;margin-bottom:14px}.cinematic .connectivity .route-selector{margin:12px 0}.cinematic .connectivity .route-selector button{font-size:16px;padding:10px 0}.cinematic .connectivity .map-links{gap:20px}.cinematic .connectivity .fine-print{margin-top:9px;font-size:10px}.cinematic .connectivity .map-route-progress{margin-top:18px}.cinematic .map-art{min-height:0;height:100%}.cinematic .map-art svg{height:100%;width:100%}.cinematic .map-live{bottom:8%}.cinematic .amenity-cinema{height:91svh;padding-top:20px}.cinematic .amenity-viewport{overflow:visible;scroll-snap-type:none}.cinematic .amenity-scroll-progress{position:absolute;bottom:24px;left:0;right:0}.cinematic .amenity-card-body p{font-size:15px;line-height:1.75}.cinematic .amenity-card-media{height:42svh;min-height:0}.cinematic .amenity-card h3{font-size:28px}.cinematic .amenity-card{width:36vw}.cinematic .amenities{overflow:clip}}
@media(max-width:1000px){.milestone{gap:5%;padding:80px 6%}.urdu-story h2{font-size:26px}.urdu-story h2>span{font-size:21px}.urdu-story p{font-size:16.5px}.film-controls button{font-size:10px;padding:9px}.documentary-orbit{width:80px;height:80px;font-size:50px;top:-50px;right:-25px}.facility-mosaic{gap:35px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.facility-wide{grid-column:auto}.facility-wide>div{height:280px}.facility-wide:nth-child(2){margin-top:55px}.facility-scene h4,.facility-wide h4{font-size:27px}.route-selector button{font-size:14px}.route-selector button:before{font-size:18px}.footer-social>div{gap:15px}.footer-social>div>a{font-size:13px;gap:7px}}
@media(max-width:640px){.hero-landscape{height:430px;min-height:0}.hero-camera{inset:-4%}.hero-render{animation-duration:13s}.hero-field{opacity:.6}.hero-wordmark{font-size:8.3vw;letter-spacing:-.3vw}.milestone{padding:80px 6% 35px;grid-template-columns:1fr;gap:50px}.documentary-composition{grid-row:1;margin-right:15px;margin-top:10px}.documentary-scene{height:auto;min-height:0;aspect-ratio:16/9;box-shadow:15px 16px 0 #dce7d7}.documentary-player{height:100%;width:100%}.documentary-orbit{right:-15px;top:-40px;width:70px;height:70px;font-size:42px}.film-caption{padding-top:35px;font-size:10px}.film-controls{bottom:10px;left:10px;right:10px}.film-controls button{font-size:10px;padding:9px 10px;white-space:nowrap}.film-controls a{width:26px;height:26px}.urdu-story{padding:0}.urdu-story h2{font-size:28px}.urdu-story h2>span{font-size:22px}.urdu-story p{font-size:17px}.feature-progress{margin-bottom:15px;font-size:16px;gap:15px}.feature-progress>i{width:110px}.feature-image-wrap{height:480px;min-height:0}.feature-caption h3{font-size:36px}.feature-caption p{font-size:17px}.feature-tabs button{font-size:13px}.route-selector{gap:0 18px}.route-selector button{font-size:14px;padding:14px 0;gap:6px}.route-selector button>span{font-size:11px}.route-selector button:before,.route-selector button[aria-pressed=true]:before{width:19px;font-size:18px}.map-route-progress{margin:20px 6% 0;width:88%}.map-live strong{font-size:24px}.amenities-heading{margin-bottom:25px}.amenity-cinema-controls{align-items:flex-end;margin-bottom:23px}.amenity-cinema-controls p{font-size:13px;max-width:160px}.amenity-cinema-controls>div{gap:7px}.amenity-cinema-controls>div>span{font-size:14px;margin-right:5px}.amenity-cinema-controls button{width:33px;height:33px;font-size:19px}.amenity-viewport{margin-right:-6.8%;padding-right:6.8%;margin-left:-6.8%;padding-left:6.8%;scroll-padding-left:6%}.amenity-track{gap:20px}.amenity-card{width:80vw;max-width:none;scroll-snap-align:start}.amenity-card-media{height:330px;min-height:0}.amenity-card-number{font-size:48px}.amenity-card h3{font-size:28px}.amenity-card p{font-size:16px;line-height:1.85}.amenity-card-body{padding-top:23px}.amenity-scroll-progress{margin-top:22px}.facilities{padding-top:75px}.facilities>h3{font-size:35px}.facility-mosaic{margin-top:40px;gap:35px 18px;grid-template-columns:1fr 1fr}.facility-wide{grid-column:1/-1}.facility-wide:nth-child(2){margin-top:0}.facility-wide>div{height:290px}.facility-scene>div{height:180px}.facility-wide>div{height:290px}.facility-scene h4{font-size:21px;letter-spacing:-.5px}.facility-wide h4{font-size:29px}.facility-scene figcaption p{font-size:13px;line-height:1.7}.facility-wide figcaption p{font-size:16px}.facilities .fine-print{font-size:11px;margin-top:30px}.action-link{font-size:21px}.action-link>b{width:58px;height:58px;font-size:31px}.footer-social>div{gap:15px 25px}.footer-social>div>a{font-size:14px;gap:10px}.footer-social svg{width:22px;height:22px}.footer-social b{opacity:1;transform:none}.footer-legal{margin-top:35px}.reveal-word{padding-bottom:.15em;margin-bottom:-.15em}}