[hidden]{display:none!important}
:root{--body:'Urbanist',sans-serif;--display:'Urbanist',sans-serif;--mono:'Urbanist',sans-serif;--paper:#f3f4ef;--ink:#142d28;--green:#176454;--soft:#526259}html{scroll-padding-top:150px}body{font-size:16.5px;color:#192d26}.section{padding:85px 7%}h2,.about-heading h2,.contact h2,.numbers h2,.journal h2,.investment h2,.amenities-heading h2{font:400 clamp(30px,3.2vw,48px)/1.13 var(--display);letter-spacing:-1.8px}h3{font-weight:450;letter-spacing:-.5px}p{line-height:1.8}.section-intro{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:40px}.section-intro>div{max-width:680px}.section-intro h2{margin-bottom:24px}.section-intro p{font-size:16.5px;color:#4a5e53;margin-bottom:0;max-width:650px}.section-intro>p{max-width:270px;font-size:14px;line-height:1.8}.small-heading{font:400 13px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:#6d8072}.glass-panel{background:linear-gradient(130deg,#ffffffd9,#f4f7f1b0);border:1px solid #ffffff;border-radius:18px;backdrop-filter:blur(22px);box-shadow:0 16px 60px #153c2910}.fine-print{font-size:12px;line-height:1.75;color:#6c7d6f}.inline-link{font-size:15px;background:transparent;cursor:pointer}.source-quote{font-size:14px!important;font-style:italic}.reveal-word{letter-spacing:inherit}
/* A floating centre bar over a full-viewport film. */
.announcement{position:absolute;top:0;left:0;right:0;z-index:80;height:38px;background:#142d2860;backdrop-filter:blur(15px);font:400 9px var(--mono)}.announcement>button{height:28px;background:#142d2830;font-size:12px}.marquee-track b{font-size:14px}.header{position:fixed;top:45px;left:50%;right:auto;transform:translateX(-50%);width:min(1180px,86%);height:78px;padding:0 23px;background:linear-gradient(130deg,#172e29b3,#11251fb8);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);border:1px solid #ffffff30;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff30,0 12px 45px #00000018;color:#fff;transition:background .5s,color .5s,box-shadow .5s;z-index:70}.header:before{content:'';position:absolute;top:0;left:12%;width:44%;height:1px;background:linear-gradient(90deg,transparent,#ffffffaa,transparent);pointer-events:none}.identity{gap:10px}.identity img{width:48px;height:48px;filter:brightness(0) invert(1)}.identity>span{font:500 16.5px/1.15 var(--display);letter-spacing:-.3px}.header nav{gap:28px;margin-left:20px;font:400 13px var(--mono)}.header nav a:after{background:#c9e1bc}.header-right{gap:20px}.contact-link{font:400 13px var(--mono);display:flex;align-items:center;gap:10px}.contact-link span{width:30px;height:30px;background:#dbeacb;color:#142d28;margin:0;font-size:19px;border-radius:8px}.menu-toggle{width:22px;gap:6px}.menu-toggle span{width:22px;height:1px;background:currentColor}.header.is-light{transition:all .5s ease;top:20px;background:linear-gradient(130deg,#fffffff0,#ecf2e8d9);color:#18362b;border-color:#ffffffdb;box-shadow:inset 0 1px 0 #fff,0 8px 35px #1b3f2112}.header.is-light .identity img{filter:none}.header.is-light nav a:after{background:var(--green)}.menu-panel{position:fixed;top:136px;left:50%;right:auto;transform:translateX(-50%);width:min(1180px,86%);padding:35px;border-radius:16px;background:#edf3e8ed;backdrop-filter:blur(25px);max-height:calc(100svh - 165px);overflow:auto;z-index:65}.menu-main a{font-size:28px}.menu-resources{font-size:15px}.menu-resources p{font-size:20px}.menu-inner{gap:12%}
.hero{height:100svh;min-height:580px;background:#122e28;overflow:hidden;isolation:isolate}.hero-landscape{position:absolute;inset:0;height:100%;width:100%;min-height:0;max-height:none;margin:0;perspective:1200px;background:#122e28}.hero-camera{position:absolute;inset:-3%;background:#122e28}.hero-render{position:absolute;inset:0;object-fit:cover;z-index:0;transition:opacity .8s;filter:saturate(.65)}#hero-player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.hero-landscape:before{z-index:3;background:linear-gradient(90deg,#0b211bbb,#0d281e22 85%),linear-gradient(0deg,#071f1b9c,transparent 65%)}.hero-landscape:after{opacity:.3}.hero-title{position:absolute;left:7%;right:7%;bottom:20%;top:auto;padding:0;display:block;z-index:10}.hero h1{font:400 clamp(40px,4.5vw,70px)/1.13 var(--mono);letter-spacing:-2.5px;max-width:960px;color:#fff;margin:0 0 30px}.hero h1>.reveal-word{color:#fff}.hero h1>span:not(.reveal-word){color:#c2deb4}.hero-intro{margin:0;display:flex;justify-content:space-between;align-items:flex-end;max-width:850px;gap:50px}.hero-intro p{font:400 16px/1.75 var(--body);color:#e0ebe0;max-width:450px;margin:0}.hero-intro p br{display:none}.scroll-link{font:400 13px var(--mono);color:#f5fff0;white-space:nowrap}.hero-star{display:none}.hero-image-caption{left:7%;right:auto;bottom:6%;font:400 12px var(--mono);color:#dce9da}.hero-image-caption>span:last-child{display:none}.concept-caption{left:7%;right:auto;bottom:3.5%;font-size:10px}.hero.is-video-playing .concept-caption{display:none}.hero-video-controls{position:absolute;right:7%;bottom:5%;z-index:12;display:flex;gap:9px}.hero-video-controls button{background:#ffffff15;backdrop-filter:blur(12px);color:#fff;padding:11px 14px;border:1px solid #ffffff27;border-radius:9px;font:400 12px var(--mono)}.hero-video-controls button:hover{background:#ffffff25}.hero-wordmark{display:none}.hero-field{opacity:.5}
/* A compact bilingual project-update panel. */
.milestone{margin:65px 7%;padding:32px;gap:40px;border-radius:18px;background:linear-gradient(135deg,#ffffffcc,#e8eee2cc);border:1px solid #fff;box-shadow:0 12px 50px #163e2610;backdrop-filter:blur(20px);grid-template-columns:1fr 1.16fr;min-height:0}.documentary-composition{margin:0;perspective:1000px}.documentary-scene{border-radius:11px;box-shadow:none;aspect-ratio:16/9}.documentary-orbit{display:none}.film-caption{padding-top:18px;font-size:11px}.film-controls{bottom:12px;left:12px;right:12px}.film-controls button{font-size:10px;padding:9px 10px}.urdu-story{padding:0}.urdu-story h2{font-family:'Noto Nastaliq Urdu',serif;font-size:24px!important;letter-spacing:0;line-height:1.9;margin:0 0 18px}.urdu-story h2>span{font-size:20px}.urdu-story p{font:400 15px/2.15 'Noto Nastaliq Urdu',serif;margin:0 0 12px;color:#243c30}.urdu-story p:last-child{margin-bottom:0}.about{padding-top:40px}.about-heading{grid-template-columns:.75fr 1.25fr;gap:9%;margin-bottom:50px}.about-heading h2{font-size:43px}.about-heading p{font-size:16.5px;line-height:1.85;color:#334f3f}.about-heading .soft-copy{font-size:16px!important}.strategic-vision{margin-top:28px;padding:22px;background:#e5ecdf;border-radius:12px}.strategic-vision h3{font-size:18px;margin-bottom:12px}.strategic-vision p{font-size:15px;margin-bottom:0}.park-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:27px}.park-facts span{font-size:13px;color:#536c58}.park-facts b{display:block;font:500 25px var(--mono);letter-spacing:-1px;color:#1d4534;margin-bottom:8px}
/* Four self-contained cards overlap within one modest scroll stage. */
.feature-stage{height:650px;max-height:78svh;min-height:530px;max-width:1120px;margin:0 auto;padding:0!important;position:relative;perspective:1500px}.feature-progress{position:absolute;top:22px;left:25px;z-index:20;color:#fff;font:400 12px var(--mono);gap:12px;margin:0}.feature-progress>i{width:100px;background:#ffffff30}.feature-progress b{background:#c4dfb3}.feature-stack{position:absolute;inset:0;overflow:hidden;border-radius:18px;background:#142d28}.stack-card{position:absolute;inset:0;overflow:hidden;border-radius:18px;transform-origin:50% 0;will-change:transform}.stack-card:nth-child(1){z-index:1}.stack-card:nth-child(2){z-index:2}.stack-card:nth-child(3){z-index:3}.stack-card:nth-child(4){z-index:4}.stack-card>img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.stack-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c241fd4,#0e241f13 90%),linear-gradient(0deg,#061d17b0,transparent 70%)}.stack-copy{position:absolute;left:6%;right:6%;bottom:23%;max-width:560px;color:#fff}.stack-copy>span{font:400 12px var(--mono);color:#c9e1bb;display:block;margin-bottom:20px}.stack-copy h3{font-size:clamp(27px,3vw,42px);line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.stack-copy p{font-size:16.5px;line-height:1.8;max-width:400px;color:#dce9d6;margin:0}.feature-tabs{position:absolute;z-index:20;left:5%;right:5%;bottom:35px;display:grid;grid-template-columns:repeat(4,1fr);padding:9px;background:#ffffff16;border:1px solid #ffffff29;border-radius:12px;backdrop-filter:blur(20px);gap:5px}.feature-tabs button{color:#d5e1d2;padding:13px 12px;border-radius:7px;font:400 13px var(--mono);justify-content:center;gap:9px;white-space:nowrap}.feature-tabs button[aria-selected=true]{background:#e5f0d9;color:#1b3d30}.feature-tabs button>span{font-size:18px}.feature-tabs button:after{display:none}.feature-reference{position:absolute;left:0;bottom:-31px;font-size:10px;color:#748471;margin:0}.cinematic .feature-stage{height:650px;max-height:78svh;padding-top:0}
.regional-section{padding-top:100px}.regional-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:35px;align-items:start}.regional-map{padding:22px;min-width:0}.map-view-tabs{display:flex;gap:5px;background:#e5ecdf;padding:5px;border-radius:9px;width:max-content;max-width:100%;margin-bottom:20px}.map-view-tabs button{font:400 12px var(--mono);padding:10px 13px;border-radius:6px;background:transparent;color:#5b725f}.map-view-tabs button[aria-pressed=true]{background:#fff;color:#1c4937;box-shadow:0 2px 8px #163c2910}.regional-canvas{position:relative;aspect-ratio:1.6;border-radius:12px;overflow:hidden;background:#e0e7d8}.regional-canvas>img{width:100%;height:100%;object-fit:cover;filter:saturate(.42) brightness(.86);transition:filter .5s}.regional-map[data-view=perspective] .regional-canvas{aspect-ratio:2.45}.regional-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#location-route{stroke:#d8edb5;stroke-width:4;filter:drop-shadow(0 1px 2px #12392b)}#location-traveller{fill:#f2a96c;stroke:#fff;stroke-width:2}.mip-regional-pin circle{fill:#143e2d;stroke:#effbdc;stroke-width:3}.mip-regional-pin text{font:500 16px var(--mono);fill:#fff}.regional-node{cursor:pointer;outline:none}.regional-node circle{fill:#e6f3d7;stroke:#153e2c;stroke-width:3;transition:fill .3s,r .3s}.regional-node text{font:500 14px var(--mono);fill:#153e2c;pointer-events:none}.regional-node.active circle,.regional-node:hover circle,.regional-node:focus circle{fill:#f4c39e;r:18}.regional-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:22px 0 12px}.regional-caption strong{font:500 18px var(--display);letter-spacing:-.3px}.regional-caption>span{font:400 24px var(--mono);color:var(--green);white-space:nowrap}#regional-detail{font-size:15px;color:#59705c;line-height:1.75;margin:0 0 18px}.nearby-places{font-size:12px;line-height:1.85;color:#778774}.distance-list{display:flex;flex-direction:column;gap:7px}.distance-list button{display:flex;align-items:center;gap:16px;padding:19px 18px;text-align:left;background:#e6ecdf80;border-radius:11px;transition:background .3s,transform .3s;min-width:0}.distance-index{font:400 12px var(--mono);color:#81967c}.distance-list button>span:nth-child(2){font-size:16px;flex:1;line-height:1.4}.distance-list strong{font:400 20px var(--mono);color:#315a40;white-space:nowrap}.distance-list small{font-size:16.5px;margin-left:15px}.distance-list button[aria-pressed=true],.distance-list button:hover{background:#dbe8d0;transform:translateX(4px)}
.advisor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.advisor-grid article{padding:30px;background:#ffffffa8;border:1px solid #fff;border-radius:13px}.advisor-grid article>div{height:75px;display:flex;align-items:center;margin-bottom:24px}.advisor-grid img{max-width:160px;max-height:65px;object-fit:contain;mix-blend-mode:multiply}.advisor-grid h3{font-size:19px;margin:0 0 10px}.advisor-grid p{font-size:14px;color:#61765f;line-height:1.7;margin:0}.master-section{background:#e7edde}.master-workspace{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;padding:24px}.master-map-side{min-width:0}.master-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px;align-items:center}.master-toolbar>div{display:flex;gap:5px}.master-toolbar button{background:#e4ecdc;color:#46643c;border-radius:6px;padding:9px 11px;font:400 12px var(--mono)}.master-toolbar button[aria-pressed=true]{background:#1d513c;color:#fff}.master-toolbar>div:last-child button{font-size:17px;line-height:1}.plan-viewport{width:100%;aspect-ratio:1600/1390;overflow:hidden;border-radius:10px;background:#fff;position:relative;touch-action:pan-y}.plan-viewport.is-zoomed{cursor:grab;touch-action:none}.plan-viewport.is-zoomed:active{cursor:grabbing}.plan-viewport:focus-visible{outline:2px solid var(--green);outline-offset:3px}.plan-surface{position:relative;width:100%;height:100%;transform-origin:50% 50%}.plan-surface>img{width:100%;height:100%;object-fit:fill;filter:saturate(.4) brightness(1.04);user-select:none;pointer-events:none}#plan-pins{position:absolute;inset:0}.plan-pin{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;background:#194b38e8;color:#fff;border:1px solid #fff;border-radius:7px;font:400 13px var(--mono);z-index:3;box-shadow:0 3px 10px #17382230}.plan-pin[aria-pressed=true]{background:#f1c195;color:#183c2b;z-index:5;box-shadow:0 0 0 5px #fff8}.plan-pin:hover{background:#f1c195;color:#183c2b}#plan-focus{position:absolute;width:75px;height:75px;border-radius:16px;border:2px solid #173f2c;background:#c3dbac40;box-shadow:0 0 0 8px #e3f1d955;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.master-inspector{padding:12px 4px;min-width:0}.master-inspector .small-heading{margin-bottom:20px}.master-inspector>h3{font-size:29px;letter-spacing:-1px;margin-bottom:10px}#plan-industry{font-size:16.5px;color:#4e694a;line-height:1.7;margin-bottom:23px}#plan-sector-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:25px}#plan-sector-buttons button{background:#e1ead7;padding:10px 0;border-radius:6px;font:400 14px var(--mono);color:#4e6d44}#plan-sector-buttons button[aria-pressed=true]{background:#1b503b;color:white}.master-figures{display:grid;grid-template-columns:1fr 1fr;gap:23px 15px;margin:20px 0}.master-figures span{font-size:12px;color:#687e5e}.master-figures b{display:block;font:400 27px var(--mono);color:#284c32;letter-spacing:-1px;margin-bottom:6px}.master-inspector>p:not(.small-heading){font-size:14px;color:#5d7751}.road-hierarchy{padding:18px;background:#e5edde;border-radius:10px;margin-top:23px}.road-hierarchy h4{font-size:16.5px;font-weight:500;margin:0 0 14px}.road-hierarchy p{font-size:13px;margin:7px 0;color:#5a7351}.road-hierarchy b{font:500 14px var(--mono);color:#335333;display:inline-block;width:70px}#sme-plan-note{padding:20px 0 0}#sme-plan-note h4{font-size:20px;margin-bottom:12px}#sme-plan-note p{font-size:15px;color:#58724c}.cluster-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.industry-item{min-width:0}.industry-row{display:flex;align-items:center;gap:16px;width:100%;background:#e7edde;padding:17px 18px;text-align:left;border-radius:9px;color:#48633e;transition:background .3s}.industry-row>span{font:400 17px var(--mono);display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#fff8;flex-shrink:0}.industry-row strong{font-size:15px;font-weight:450;line-height:1.5;flex:1}.industry-row b{font-weight:400;font-size:19px}.industry-row.is-selected,.industry-row:hover{background:#d8e6cc;color:#1b482f}.industry-detail{padding:19px 18px 22px;font-size:15px;color:#57734c}.industry-detail p{margin-bottom:14px}.industry-detail button{background:transparent;color:#1f5739;font-size:14px;padding:0}
.utility-section{background:#e8eee1}.utility-cinema{position:relative}.utility-board{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:35px;min-height:330px}.utility-copy>span{font:400 12px var(--mono);color:#7c936e;display:block;margin-bottom:20px}.utility-copy h3{font-size:31px;letter-spacing:-1px;margin:0 0 18px}.utility-copy>p{font-size:16px;color:#526f46}.utility-context{font-size:14px!important;line-height:1.9!important;margin-top:24px}.utility-visual{position:relative;min-height:280px;overflow:hidden;display:grid;place-items:center;perspective:600px}.utility-floor{position:absolute;left:10%;right:10%;bottom:8%;height:120px;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#567f3b1a 25px),repeating-linear-gradient(90deg,transparent,transparent 24px,#567f3b1a 25px);transform:rotateX(62deg);border-radius:50%;box-shadow:0 0 55px #b5d39780}.water-drops,.gas-cloud,.electric-bolt,.internet-rings,.waste-cycle{display:none;position:absolute;z-index:2}.utility-visual[data-kind=water] .water-drops,.utility-visual[data-kind=gas] .gas-cloud,.utility-visual[data-kind=electricity] .electric-bolt,.utility-visual[data-kind=internet] .internet-rings,.utility-visual[data-kind=waste] .waste-cycle{display:block}.water-drops{inset:0}.water-drops i{position:absolute;left:45%;top:2%;width:55px;height:55px;background:linear-gradient(135deg,#acd8d1,#327e7b);border-radius:50% 50% 50% 0;animation:water-drop 2.6s ease-in infinite;box-shadow:inset 9px 9px 14px #ffffff30}.water-drops i:nth-child(2){left:63%;width:25px;height:25px;animation-delay:.8s}.water-drops i:nth-child(3){left:28%;width:35px;height:35px;animation-delay:1.6s}@keyframes water-drop{0%{transform:translateY(-40px) rotate(-45deg);opacity:0}20%{opacity:1}75%{opacity:1}100%{transform:translateY(230px) rotate(-45deg) scale(.5);opacity:0}}.gas-cloud{inset:0}.gas-cloud i{position:absolute;bottom:15%;left:30%;width:100px;height:120px;border-radius:50%;background:radial-gradient(ellipse,#8bab7e99,transparent 70%);filter:blur(8px);animation:gas-rise 4s ease-in-out infinite}.gas-cloud i:nth-child(2){left:48%;animation-delay:1.2s}.gas-cloud i:nth-child(3){left:38%;animation-delay:2.4s}@keyframes gas-rise{0%{transform:translateY(30px) scale(.4);opacity:0}30%{opacity:.8}100%{transform:translate(30px,-160px) scale(1.6);opacity:0}}.electric-bolt{width:110px;height:160px;overflow:visible}.electric-bolt path{fill:#d4c16a44;stroke:#9f8b2f;stroke-width:2;stroke-dasharray:450;animation:electric-flash 2s ease infinite;filter:drop-shadow(0 0 12px #dfcf5d99)}@keyframes electric-flash{0%{stroke-dashoffset:450;opacity:.3}35%,65%{stroke-dashoffset:0;opacity:1}85%{opacity:.5}100%{stroke-dashoffset:-450;opacity:.3}}.internet-rings{width:210px;height:210px}.internet-rings i{position:absolute;inset:25%;border:1px solid #6e9b60;border-radius:50%;animation:internet-pulse 3s ease-out infinite}.internet-rings i:nth-child(2){animation-delay:1s}.internet-rings i:nth-child(3){animation-delay:2s}.internet-rings b{position:absolute;inset:0;display:grid;place-items:center;font:300 65px var(--display);color:#497c3c}@keyframes internet-pulse{from{transform:scale(.35);opacity:1}to{transform:scale(2);opacity:0}}.waste-cycle{font:300 150px var(--display);color:#5a8b42;animation:waste-turn 8s linear infinite}@keyframes waste-turn{to{transform:rotate(360deg)}}.utility-track{margin-top:30px;position:relative}.utility-track-line{position:absolute;left:10%;right:10%;top:22px;height:2px;background:#ccdcbc}.utility-track-line i{display:block;width:100%;height:100%;background:#4a7838;transform:scaleX(.2);transform-origin:left;transition:transform .6s}#utility-buttons{display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:1;gap:8px}#utility-buttons button{display:flex;align-items:center;flex-direction:column;gap:13px;background:transparent;color:#7d906e;font-size:13px;padding:0}#utility-buttons button>span{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#dbe6d0;color:#6d8b5a;font-size:24px;transition:box-shadow .4s,background .4s}#utility-buttons button[aria-pressed=true]{color:#254e29}#utility-buttons button[aria-pressed=true]>span{background:#fff;color:#2c6738;box-shadow:0 0 0 5px #b6cf9a55,0 0 25px #a5bf7d80}#utility-buttons strong{font-weight:450;text-align:center}.utility-cinema>.fine-print{margin-top:25px;font-size:11px}
.security-section{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.security-photo{position:relative;min-width:0;border-radius:16px;overflow:hidden}.security-photo img{width:100%;height:560px;object-fit:cover;filter:saturate(.7)}.security-photo>span{position:absolute;bottom:18px;left:20px;right:20px;font:400 11px var(--mono);color:white;text-shadow:0 1px 8px #000}.security-copy>p{font-size:16px;color:#526a4c}.security-facts{display:grid;gap:20px;margin:30px 0}.security-facts article{display:grid;grid-template-columns:95px 1fr;gap:5px 16px;align-items:start}.security-facts strong{font:400 24px var(--mono);letter-spacing:-1px;grid-row:span 2;color:#316344}.security-facts h3{font-size:18px;margin:0 0 4px}.security-facts p{font-size:14px;line-height:1.7;color:#617b57;margin:0}.sustainability{background:#e6edde}.sdg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sdg-grid article{padding:28px;background:#f7faf2b8;border:1px solid #ffffffcf;border-radius:13px}.sdg-grid b{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#dbe7ce;color:#527644;font:400 16.5px var(--mono);margin-bottom:22px}.sdg-grid h3{font-size:19px;line-height:1.35;margin-bottom:14px}.sdg-grid p{font-size:15px;color:#5b7452;margin-bottom:0}.facility-box-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.facility-box{position:relative;min-height:230px;border-radius:13px;overflow:hidden;background:#e2ead9;border:1px solid #fff}.facility-box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.facility-box>div{position:relative;z-index:1;padding:25px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.facility-box.has-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10281fe8,#10281f11);z-index:0}.facility-box>div>span{font-size:25px;color:#73915e;margin-bottom:auto;padding-bottom:22px}.facility-box h3{font-size:18px;line-height:1.3;margin:0 0 10px}.facility-box p{font-size:13px;line-height:1.75;color:#637e53;margin:0}.facility-box.has-image h3,.facility-box.has-image p,.facility-box.has-image>div>span{color:white}.facility-box:hover img{transform:scale(1.04);transition:transform .7s}.campus-section{padding-top:35px}.campus-renders{display:grid;gap:28px}.campus-render{display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:center;padding:28px;border-radius:16px;background:#ffffffa8;border:1px solid #fff}.campus-render>div:first-child{overflow:hidden;border-radius:10px;background:#fff}.campus-render img{width:100%;height:330px;object-fit:contain;filter:contrast(1.02) saturate(.92);transition:transform .9s}.campus-render:hover img{transform:scale(1.025)}.campus-render h3{font-size:26px;line-height:1.2;margin-bottom:20px}.campus-render p{font-size:15px;line-height:1.85;color:#57704d}.campus-render ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding:0;margin:25px 0 0;list-style:none;font-size:14px;color:#48683e}.campus-render li{position:relative;padding-left:15px;line-height:1.65}.campus-render li:before{content:'·';position:absolute;left:0;color:#719756}.campus-render:nth-child(even)>div:first-child{order:2}.one-window{background:#e6ecdf}.one-window-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.one-window-grid article{display:flex;align-items:center;gap:16px;padding:20px;background:#f4f7efb0;border-radius:10px}.one-window-grid span{font-size:23px;color:#5a813f}.one-window-grid h3{font-size:18px;line-height:1.4;margin:0}.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.partner-grid>div{background:#fff;border:1px solid #e8eee2;border-radius:10px;height:105px;padding:20px;display:flex;align-items:center;justify-content:center}.partner-grid img{max-width:100%;max-height:65px;object-fit:contain}.partner-industries{margin-top:32px;max-width:1000px}.partner-industries h3{font-size:18px;margin-bottom:14px}.partner-industries p{font-size:14px;line-height:2;color:#6a805c}.sme-section{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;background:#dfe9d3}.sme-section>div>p{font-size:16.5px;line-height:1.9;max-width:600px;color:#4e6b40}.sme-number{display:flex;justify-content:center;flex-direction:column;align-items:center;color:#416b32}.sme-number strong{font:300 75px/1 var(--mono);letter-spacing:-5px}.sme-number span{font-size:14px;margin-top:15px}.sme-section .inline-link{padding:0;margin-top:10px}.amenities-heading h2{font-size:40px}.amenities-heading>p{font-size:16px}.amenity-card h3,.cinematic .amenity-card h3{font-size:24px}.amenity-card p,.cinematic .amenity-card-body p{font-size:14px;line-height:1.85}.number-grid strong{font-size:clamp(32px,3.6vw,56px)}.number-grid p{font-size:15px}.journal-heading h2,.development-header h2{font-size:43px}.journal-heading>p,.development-header p{font-size:16px}.article-grid h3{font-size:24px;line-height:1.3}.article-grid article p{font-size:15px}.investment-content{padding:70px 12% 65px 7%}.investment{min-height:720px}.investment-content>p{font-size:16.5px}.contact-intro h2{font-size:43px}.contact-intro>p{font-size:16px}.contact-number{font-size:25px}.action-link{font-size:19px}.action-link>b{width:57px;height:57px;font-size:30px}.footer-presentation{display:flex;flex-wrap:wrap;gap:18px 28px;margin:45px 0 0;font-size:13px;color:#b7cdae}.footer-legal{margin-top:35px}.footer-links{font-size:14px}.footer-top h3{font-size:14px}
@media(min-width:900px) and (min-height:840px){.utility-cinema{height:74svh;min-height:620px}.utility-cinema .section-intro{margin-bottom:27px}.utility-cinema .section-intro h2{font-size:37px}.utility-cinema .section-intro>div>p{font-size:15px;max-width:600px}.utility-cinema .utility-board{min-height:300px;padding:26px 30px}.utility-cinema .utility-visual{min-height:250px}.utility-cinema .utility-copy>p{font-size:15px}.utility-cinema .utility-context{font-size:13px!important;line-height:1.7!important}.utility-cinema .utility-track{margin-top:24px}.utility-cinema .utility-cinema>.fine-print{margin-top:17px}}
@media(max-width:1100px){.header{width:90%;padding:0 19px}.header nav{gap:17px;font-size:12px;margin-left:0}.header-right{gap:17px}.identity>span{font-size:16px}.identity img{width:44px;height:44px}.section-intro{gap:35px}.regional-grid{grid-template-columns:1.2fr 1fr;gap:22px}.distance-list button{padding:17px 13px;gap:12px}.distance-list button>span:nth-child(2){font-size:14px}.distance-list strong{font-size:18px}.distance-list small{margin-left:8px}.regional-map{padding:18px}.master-workspace{grid-template-columns:1.35fr 1fr;gap:22px;padding:20px}.campus-render{gap:28px;padding:23px}.campus-render img{height:280px}.campus-render h3{font-size:23px}.campus-render ul{font-size:13px;gap:10px}.facility-box-grid{grid-template-columns:repeat(3,1fr)}.utility-board{gap:15px}.security-photo img{height:520px}.sdg-grid{gap:14px}.sdg-grid article{padding:23px}.partner-grid>div{height:90px;padding:17px}.milestone{gap:30px;padding:26px}.urdu-story h2{font-size:22px!important}.urdu-story h2>span{font-size:18px}.urdu-story p{font-size:14px}.hero h1{font-size:52px}.menu-panel{width:90%}}
@media(max-width:899px){.header nav{display:none}.header{height:72px;top:43px}.hero-title{bottom:22%}.hero h1{font-size:46px;letter-spacing:-2px}.hero-intro{display:block}.hero-intro .scroll-link{margin-top:25px}.hero-intro p{font-size:15px;max-width:500px}.section{padding:70px 6%}.section-intro{display:block}.section-intro>p{margin-top:22px;max-width:600px}.section-intro h2{font-size:36px}.milestone{margin:50px 6%;padding:25px;gap:25px;grid-template-columns:1fr 1.1fr}.urdu-story p{font-size:14px;line-height:2.05}.about-heading{gap:6%;grid-template-columns:.8fr 1.2fr}.about-heading h2{font-size:36px}.about-heading p{font-size:16px}.park-facts{gap:10px}.park-facts b{font-size:21px}.park-facts span{font-size:11px}.feature-stage,.cinematic .feature-stage{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;padding-top:0}.feature-stack{position:relative;inset:auto;overflow:visible;border-radius:15px;background:transparent;height:auto}.stack-card{position:sticky;top:165px;height:460px;margin-bottom:20px;will-change:auto}.stack-card:nth-child(2){top:175px}.stack-card:nth-child(3){top:185px}.stack-card:nth-child(4){top:195px}.feature-tabs{position:sticky;order:-1;top:122px;left:auto;right:auto;bottom:auto;z-index:25;margin:0 0 20px;background:#173d2ee6;backdrop-filter:blur(20px);border-color:#ffffff50}.feature-tabs button{font-size:11px;padding:11px 5px;gap:6px}.feature-progress{display:none}.feature-reference{position:relative;bottom:auto;margin-top:5px;order:2}.stack-copy{bottom:16%;left:7%;right:7%}.stack-copy h3{font-size:30px}.stack-copy p{font-size:16px;max-width:390px}.regional-grid{grid-template-columns:1fr}.regional-canvas{aspect-ratio:1.7}.distance-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.distance-list button{padding:16px}.distance-list button>span:nth-child(2){font-size:14px}.regional-caption strong{font-size:18px}.advisor-grid{grid-template-columns:1fr 1fr}.master-workspace{grid-template-columns:1fr}.plan-viewport{max-height:620px;aspect-ratio:1600/1390}.master-inspector{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.master-inspector>.small-heading,.master-inspector>h3,#plan-industry,#plan-sector-buttons{grid-column:1}.master-inspector .master-figures{grid-column:2;grid-row:1/5;margin-top:0;align-self:center}.master-inspector>p:last-of-type{grid-column:1}.road-hierarchy{margin-top:5px;grid-column:2}.master-inspector #sme-plan-note{grid-column:1/-1}.cluster-list{gap:10px 16px}.industry-row{padding:14px;gap:11px}.industry-row strong{font-size:14px}.utility-board{padding:28px;gap:20px}.utility-copy>p{font-size:15px}.utility-context{font-size:13px!important}.security-section{gap:5%}.security-copy h2{font-size:35px}.security-photo img{height:500px}.security-facts article{grid-template-columns:80px 1fr;gap:6px 12px}.security-facts strong{font-size:21px}.security-facts h3{font-size:16.5px}.security-facts p{font-size:13px}.security-copy>p{font-size:15px}.sdg-grid{grid-template-columns:1fr 1fr}.sdg-grid h3{font-size:18px}.campus-render{gap:25px;grid-template-columns:1fr 1fr}.campus-render img{height:260px}.campus-render h3{font-size:22px}.campus-render p{font-size:14px}.campus-render ul{grid-template-columns:1fr;gap:8px}.partner-grid{grid-template-columns:repeat(4,1fr)}.sme-section{gap:30px}.investment h2{font-size:43px}.investment-content{padding:60px 10% 60px 5%}.contact h2{font-size:38px}}
@media(max-width:640px){html{scroll-padding-top:125px}.section{padding:60px 6%}.section-intro{margin-bottom:30px}.section-intro h2,h2,.about-heading h2,.contact h2,.numbers h2,.journal h2,.amenities-heading h2{font-size:32px;line-height:1.16;letter-spacing:-1.2px}.section-intro p{font-size:16px;line-height:1.9}.section-intro>p{font-size:13px;margin-top:20px}.header{top:39px;width:91%;height:66px;border-radius:12px;padding:0 13px}.identity{gap:8px}.identity img{width:40px;height:40px}.identity>span{font-size:15px}.header-right{gap:14px}.contact-link{font-size:0}.contact-link span{width:29px;height:29px;border-radius:7px;font-size:18px}.menu-panel{top:116px;width:91%;padding:25px;max-height:calc(100svh - 140px);border-radius:13px}.menu-main a{font-size:26px}.menu-resources{font-size:14px}.announcement{height:25px;font-size:8px}.announcement>button{height:25px}.hero{height:100svh;min-height:560px}.hero-title{left:6%;right:6%;bottom:23%;padding:0}.hero h1{font:400 34px/1.2 var(--mono);letter-spacing:-1.4px;margin-bottom:24px;max-width:450px}.hero-intro{display:block;margin:0;max-width:330px}.hero-intro p{font-size:14px;line-height:1.8;max-width:300px}.scroll-link{font-size:12px;gap:10px}.hero-intro .scroll-link{margin-top:23px}.hero-video-controls{right:6%;bottom:5%;gap:6px}.hero-video-controls button{font-size:10px;padding:10px}.hero-image-caption{left:6%;bottom:6%;font-size:10px;max-width:130px}.hero .hero .hero-landscape{height:100%;min-height:0}.hero .hero-camera{inset:-3%}.hero-landscape:before{background:linear-gradient(90deg,#0a221abd,#0c241c44),linear-gradient(0deg,#071d18c7,transparent 75%)}.concept-caption{font-size:9px;bottom:3%;left:6%}.milestone{margin:35px 6%;padding:22px 19px;grid-template-columns:1fr;gap:24px;border-radius:14px}.documentary-composition{margin:0;grid-row:1}.documentary-scene{aspect-ratio:16/9;box-shadow:none;border-radius:9px}.film-caption{padding-top:13px;font-size:9px}.film-controls{left:9px;right:9px;bottom:9px;gap:5px}.film-controls button{font-size:9px;padding:8px}.film-controls a{width:25px;height:25px}.urdu-story h2{font-size:21px!important;line-height:1.9;margin-bottom:15px}.urdu-story h2>span{font-size:18px}.urdu-story p{font-size:14px;line-height:2.1;margin-bottom:12px}.about{padding-top:25px}.about-heading{grid-template-columns:1fr;gap:12px;margin-bottom:35px}.about-heading h2{font-size:34px}.about-heading p{font-size:16px;line-height:1.9}.strategic-vision{padding:20px;margin-top:23px}.strategic-vision h3{font-size:18px}.strategic-vision p{font-size:14px}.park-facts{grid-template-columns:repeat(3,1fr);gap:9px}.park-facts b{font-size:20px}.park-facts span{font-size:11px;line-height:1.7}.about-heading .fine-print{font-size:10px!important}.feature-stage,.cinematic .feature-stage{max-height:none;min-height:0;height:auto}.feature-tabs{top:115px;gap:2px;padding:5px;border-radius:9px}.feature-tabs button{font:400 10px var(--mono);white-space:normal;padding:10px 3px;gap:5px;flex-direction:column}.feature-tabs button>span{font-size:16.5px}.stack-card{height:410px;top:180px;border-radius:13px}.stack-card:nth-child(2){top:187px}.stack-card:nth-child(3){top:194px}.stack-card:nth-child(4){top:201px}.stack-copy{left:7%;right:7%;bottom:12%;max-width:310px}.stack-copy h3{font-size:27px;line-height:1.18;margin-bottom:18px}.stack-copy p{font-size:15px;line-height:1.8}.stack-copy>span{font-size:10px;margin-bottom:17px}.feature-reference{font-size:9px;line-height:1.8}.regional-section{padding-top:60px}.regional-map{padding:15px;border-radius:13px}.map-view-tabs{padding:4px;margin-bottom:15px;width:100%}.map-view-tabs button{font-size:10px;padding:9px;flex:1}.regional-canvas{aspect-ratio:1.15;border-radius:9px}.regional-map[data-view=perspective] .regional-canvas{aspect-ratio:1.7}.regional-caption{margin-top:18px;gap:12px}.regional-caption strong{font-size:17px}.regional-caption>span{font-size:20px}.nearby-places{font-size:10px;line-height:1.9}#regional-detail{font-size:14px}.distance-list{grid-template-columns:1fr;gap:8px}.distance-list button{padding:17px 15px;border-radius:9px}.distance-list button>span:nth-child(2){font-size:15px}.distance-list strong{font-size:20px}.distance-index{font-size:11px}.advisor-grid{gap:12px}.advisor-grid article{padding:20px 16px;border-radius:10px}.advisor-grid article>div{height:60px;margin-bottom:18px}.advisor-grid img{max-width:125px;max-height:50px}.advisor-grid h3{font-size:17px;line-height:1.3}.advisor-grid p{font-size:12px;line-height:1.8}.master-workspace{padding:14px;border-radius:13px;gap:20px}.master-toolbar{gap:6px;margin-bottom:13px}.master-toolbar button{font-size:10px;padding:8px}.master-toolbar>div:last-child button{font-size:16.5px;padding:7px 8px}.master-toolbar>div{gap:3px}.master-inspector{display:block;padding:5px}.master-inspector>h3{font-size:26px}.master-inspector .small-heading{font-size:11px;margin-bottom:15px}#plan-industry{font-size:16px;margin-bottom:20px}#plan-sector-buttons{margin-bottom:24px;gap:7px}#plan-sector-buttons button{font-size:14px;padding:11px 0}.master-figures{gap:25px 20px}.master-figures b{font-size:26px}.master-figures span{font-size:12px}.road-hierarchy{padding:19px;margin-top:22px}.plan-pin{width:21px;height:21px;font-size:11px;border-radius:5px}#plan-focus{width:45px;height:45px;border-radius:10px;box-shadow:0 0 0 5px #e3f1d955}.plan-pin[aria-pressed=true]{box-shadow:0 0 0 3px #fff8}.cluster-list{grid-template-columns:1fr;gap:9px}.industry-row{padding:14px;gap:13px}.industry-row strong{font-size:15px}.industry-row>span{font-size:16.5px;width:30px;height:30px}.industry-detail{font-size:14px;padding:17px}.utility-board{grid-template-columns:1fr;padding:23px;border-radius:14px;gap:12px;min-height:0}.utility-copy>span{font-size:11px;margin-bottom:17px}.utility-copy h3{font-size:27px}.utility-copy>p{font-size:15px;line-height:1.9}.utility-context{font-size:13px!important;line-height:1.85!important}.utility-visual{min-height:235px}.utility-track{margin-top:25px}.utility-track-line{top:18px}#utility-buttons{gap:3px}#utility-buttons button{gap:12px;font-size:10px;line-height:1.5}#utility-buttons button>span{width:37px;height:37px;border-radius:9px;font-size:21px}.utility-cinema>.fine-print{font-size:10px}.security-section{grid-template-columns:1fr;gap:35px}.security-photo img{height:350px}.security-copy h2{font-size:32px}.security-copy>p{font-size:16px;line-height:1.85}.security-facts{gap:22px}.security-facts article{grid-template-columns:85px 1fr;gap:6px 15px}.security-facts strong{font-size:23px}.security-facts h3{font-size:17px}.security-facts p{font-size:14px}.sdg-grid{grid-template-columns:1fr;gap:12px}.sdg-grid article{padding:25px;border-radius:11px}.sdg-grid b{width:35px;height:35px;font-size:15px;margin-bottom:20px}.sdg-grid h3{font-size:20px}.sdg-grid p{font-size:15px;line-height:1.9}.facility-box-grid{grid-template-columns:1fr 1fr;gap:12px}.facility-box{min-height:235px;border-radius:11px}.facility-box>div{padding:19px 15px}.facility-box h3{font-size:17px;line-height:1.35}.facility-box p{font-size:12px;line-height:1.8}.facility-box>div>span{font-size:23px;padding-bottom:20px}.campus-section{padding-top:30px}.campus-renders{gap:20px}.campus-render{grid-template-columns:1fr;gap:23px;padding:18px;border-radius:13px}.campus-render:nth-child(even)>div:first-child{order:0}.campus-render img{height:230px}.campus-render h3{font-size:24px}.campus-render p{font-size:15px;line-height:1.9}.campus-render ul{grid-template-columns:1fr 1fr;font-size:13px;gap:12px 18px;margin-top:20px}.one-window-grid{grid-template-columns:1fr;gap:10px}.one-window-grid article{padding:18px;border-radius:9px}.one-window-grid h3{font-size:17px}.one-window-grid span{font-size:20px}.partner-grid{grid-template-columns:1fr 1fr;gap:10px}.partner-grid>div{height:85px;padding:17px;border-radius:9px}.partner-grid img{max-height:50px}.partner-industries{margin-top:28px}.partner-industries h3{font-size:18px}.partner-industries p{font-size:13px;line-height:2}.sme-section{grid-template-columns:1fr;gap:35px}.sme-section h2{font-size:33px}.sme-section>div>p{font-size:16px;line-height:1.9}.sme-number{align-items:flex-start}.sme-number strong{font-size:60px}.sme-number span{font-size:13px}.amenities-heading h2{font-size:33px}.amenities-heading>p{font-size:15px}.amenity-cinema-controls p{font-size:12px}.amenity-card h3,.cinematic .amenity-card h3{font-size:23px}.amenity-card p,.cinematic .amenity-card-body p{font-size:14px;line-height:1.9}.number-grid strong{font-size:34px}.number-grid sup{font-size:16.5px}.number-grid p{font-size:13px}.numbers h2{font-size:33px}.development-header h2,.journal h2{font-size:33px}.development-header p,.journal-heading>p{font-size:15px}.photo>span{font-size:18px}.article-grid h3{font-size:24px;line-height:1.25}.article-grid article p{font-size:15px}.investment h2{font-size:40px}.investment-content{padding:60px 6% 20px}.investment-content>p{font-size:16px}.investment-benefits strong{font-size:16px}.investment-benefits p{font-size:14px}.contact h2{font-size:35px}.contact-intro>p{font-size:16px}.contact-number{font-size:25px}.action-link{font-size:18px}.action-link>b{width:53px;height:53px;font-size:29px}.footer-identity>span{font-size:22px}.footer-presentation{gap:15px 20px;font-size:12px;margin-top:35px}.footer-top h3{font-size:14px}.footer-links,.footer-address p{font-size:13px}.fine-print{font-size:10px}}


.menu-main a{font-size:23px}@media(max-width:640px){.menu-main a{font-size:20px}}



.facility-box img[src*="truck-stock"]{object-position:center 78%}

@media(max-width:640px){.hero h1{font-size:30px;line-height:1.18}.hero h1>span:not(.reveal-word){display:block;text-wrap:balance}}

/* Type prominence pass (Nov 2026) */
header nav a{font-size:14px}
.park-facts>span{font-size:15px;line-height:1.35;color:inherit;opacity:1}
.park-facts>span>b{font-size:34px}
#connectivity .section-intro>p{font-size:18px;line-height:1.45}
@media(max-width:640px){.park-facts>span{font-size:14px}.park-facts>span>b{font-size:28px}#connectivity .section-intro>p{font-size:16px}}

/* Investment section fix (Nov 2026) */
.investment h2>span.reveal-word{display:inline-block}
.investment h2{line-height:1.08}
.investment h2>span:not(.reveal-word){margin-top:4px}
.investment-photo img{object-position:60% 60%;filter:none}
/* Investment section height = content height (Nov 2026) */
.investment{min-height:0!important;align-items:stretch}
.investment-photo{position:relative;min-height:320px}
.investment-photo img{position:absolute;inset:0;width:100%;height:100%}
.investment-content{padding-top:60px;padding-bottom:60px}

/* Premium font for nav bar + hero banner (Nov 2026) */
:root{--premium:'Urbanist',sans-serif}
.header,.header *,.hero,.hero *{font-family:var(--premium)!important}
.header nav a,.contact-link{font-weight:500;letter-spacing:0}
.identity span{font-weight:600;letter-spacing:-.2px}
.hero h1,.hero h1 *{font-weight:500;letter-spacing:-2.2px;line-height:1.08}
.scroll-link,.hero-image-caption,.hero-video-controls button{font-weight:500;letter-spacing:.1px}

/* Stock hero video (Nov 2026) */
#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}

/* ===== Interaction pass (Nov 2026) ===== */
/* Header: logo only */
.identity img{width:75px;height:75px}

/* Urdu milestone section hidden for now */
.milestone[hidden]{display:none!important}

/* Animated background field in quiet sections */
.has-field{position:relative;overflow:hidden;isolation:isolate}
.has-field>*:not(.section-field){position:relative;z-index:1}
.section-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(85% 80% at 50% 55%,#000 30%,transparent 90%);mask-image:radial-gradient(85% 80% at 50% 55%,#000 30%,transparent 90%)}
.numbers.has-field{background:linear-gradient(180deg,transparent,#e4ecdb 70%)}
.one-window-grid article{backdrop-filter:blur(6px);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s}
.one-window-grid article:hover{transform:translateY(-3px);background:#fffffff0;box-shadow:0 14px 30px -18px #1d4a3060}

/* Advisors: interactive cards */
.advisor-grid article{position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s,background .45s;will-change:transform}
.advisor-grid article::before{content:'';position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#bcd9a455,transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}
.advisor-grid article::after{content:none;position:absolute;top:22px;right:22px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#1f5739;color:#fff;font-size:15px;opacity:0;transform:translate(-6px,6px) scale(.7);transition:all .4s cubic-bezier(.2,.8,.2,1)}
.advisor-grid article>*{position:relative}
.advisor-grid article img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.advisor-grid h3{transition:color .35s}
.advisor-grid article:hover{transform:translateY(-8px);background:#fff;border-color:#b9d3a3;box-shadow:0 26px 50px -28px #1d4a3070,0 0 0 1px #d4e6c4}
.advisor-grid article:hover::before{opacity:1}
.advisor-grid article:hover::after{opacity:1;transform:none}
.advisor-grid article:hover img{transform:scale(1.07)}
.advisor-grid article:hover h3{color:#1f5739}

/* Industry clusters: interactive rows */
.industry-row{position:relative;overflow:hidden;isolation:isolate;transition:background .35s,color .35s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.industry-row::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#cfe2bd,#e7efdc 70%);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.industry-row::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(160px circle at var(--mx,0) var(--my,50%),#ffffff90,transparent 70%);opacity:0;transition:opacity .3s}
.industry-row>span{transition:background .35s,color .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.industry-row strong{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.industry-row b{transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s}
.industry-row:hover{transform:translateX(4px);box-shadow:0 10px 24px -16px #1d4a3070}
.industry-row:hover::before,.industry-row.is-selected::before{transform:scaleX(1)}
.industry-row:hover::after{opacity:1}
.industry-row:hover>span,.industry-row.is-selected>span{background:#1f5739;color:#fff;transform:rotate(-8deg) scale(1.08)}
.industry-row:hover strong{transform:translateX(4px)}
.industry-row:hover b{transform:translate(3px,-3px) rotate(45deg);color:#1f5739}

/* Utilities board: richer visual */
.utility-board{--u:#5f9a4a;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#ffffffe6,#f2f7ecd9);border:1px solid #fff;box-shadow:0 30px 70px -40px #1d4a3066,inset 0 1px 0 #fff}
.utility-board:has([data-kind=water]){--u:#3f97a3}
.utility-board:has([data-kind=gas]){--u:#d0913f}
.utility-board:has([data-kind=electricity]){--u:#d9ad2c}
.utility-board:has([data-kind=internet]){--u:#3d7fc4}
.utility-board:has([data-kind=waste]){--u:#4f9a43}
.utility-board::before{content:'';position:absolute;inset:-30%;z-index:-1;background:radial-gradient(35% 40% at 75% 45%,color-mix(in srgb,var(--u) 22%,transparent),transparent 70%),radial-gradient(30% 35% at 20% 90%,#cfe3bd66,transparent 70%);animation:utility-glow 12s ease-in-out infinite alternate;transition:background .8s}
.utility-board::after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#5a7f4a0d 1px,transparent 1px),linear-gradient(90deg,#5a7f4a0d 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
@keyframes utility-glow{to{transform:translate(-4%,3%) rotate(6deg)}}
.utility-visual{border-radius:18px;background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--u) 16%,#fff) 0%,#ffffff80 42%,transparent 72%);transition:background .8s}
.utility-visual::before{content:'';position:absolute;width:230px;height:230px;left:50%;top:48%;translate:-50% -50%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--u) 45%,transparent);animation:utility-orbit 26s linear infinite;z-index:1}
.utility-visual::after{content:'';position:absolute;width:8px;height:8px;left:50%;top:48%;border-radius:50%;background:var(--u);box-shadow:0 0 12px var(--u);offset-path:circle(115px);animation:utility-dot 6s linear infinite;z-index:1}
@keyframes utility-orbit{to{rotate:360deg}}
@keyframes utility-dot{from{offset-distance:0%}to{offset-distance:100%}}
.utility-copy h3{transition:color .6s}
.utility-copy>span{color:var(--u);font-weight:600;letter-spacing:.08em}
#utility-buttons button>span svg{width:24px;height:24px}

/* Internet visual: wifi icon */
.internet-rings i{border-color:color-mix(in srgb,var(--u,#3d7fc4) 70%,#fff)}
.internet-rings b{color:var(--u,#3d7fc4)}
.internet-rings b .wifi-icon{width:96px;height:96px}
.wifi-icon .w1,.wifi-icon .w2,.wifi-icon .w3{animation:wifi-wave 2.4s ease-in-out infinite}
.wifi-icon .w2{animation-delay:.25s}
.wifi-icon .w3{animation-delay:.5s}
@keyframes wifi-wave{0%,100%{opacity:.25}40%{opacity:1}}
@media(max-width:640px){.utility-visual::before{width:180px;height:180px}.utility-visual::after{offset-path:circle(90px)}.internet-rings b .wifi-icon{width:72px;height:72px}}