/* IMRAN Studio 5.1 — editorial design layer; original functionality retained */
:root{--studio-ink:#0c2b25;--studio-deep:#09271f;--studio-gold:#c5a266;--studio-sand:#f7f5f0;--studio-muted:#718078;--studio-line:#e6e0d5;--studio-shadow:0 24px 65px rgba(12,43,37,.075)}
html{scroll-padding-top:90px}body{background:var(--studio-sand);color:var(--studio-ink);font-family:'Tajawal','Cairo',sans-serif;letter-spacing:0}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#bca77e17 .65px,transparent .65px);background-size:13px 13px;opacity:.3}
::selection{background:#d4b679;color:#0d2e25}button,a,input,select{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c59b48;outline-offset:3px}
.wrap{max-width:1280px;padding:68px 34px}.site-header{position:sticky;top:0;z-index:100;background:rgba(249,248,244,.94);border-bottom:1px solid #e7e1d7;box-shadow:none;backdrop-filter:blur(22px);transition:box-shadow .25s}.site-header.studio-scrolled{box-shadow:0 9px 35px #09271f13}.nav{max-width:1350px;padding:10px 34px;min-height:82px}.brand{font-size:23px}.brand img{height:52px;width:95px}.navlinks{gap:22px;font-size:13px;font-weight:800}.navlinks a{position:relative;white-space:nowrap;padding:12px 0;transition:color .2s}.navlinks a:hover{color:#a67d3f}.navlinks a:after{content:'';position:absolute;bottom:7px;right:0;width:0;height:2px;background:#b79355;transition:width .25s}.navlinks a:hover:after{width:100%}.studio-menu{display:none;border:1px solid #ded3c0;background:white;border-radius:12px;width:44px;height:44px;font-size:24px;color:#173b30}
.hero{min-height:690px;position:relative;overflow:hidden;background:linear-gradient(270deg,rgba(5,30,23,.98) 0%,rgba(8,35,27,.94) 34%,rgba(8,34,27,.66) 73%,rgba(7,31,24,.62) 100%),url('/assets/orkid-1.jpg') center 40%/cover}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(3,23,18,.28),transparent 45%),repeating-linear-gradient(90deg,transparent,transparent 119px,#ffffff0b 120px);opacity:.5}.hero-inner{width:min(1250px,92%);position:relative;z-index:1;grid-template-columns:1.45fr .55fr;gap:75px}.hero .eyebrow{display:inline-flex;align-items:center;gap:12px;color:#d9bc82;font-size:12px;font-weight:800;letter-spacing:2.6px}.hero .eyebrow:before{content:'';display:block;width:33px;height:1px;background:#d9bc82}.hero h1{font-size:clamp(46px,5.8vw,86px);font-weight:900;line-height:1.17;letter-spacing:-1.6px;max-width:760px;margin:24px 0}.hero p{max-width:610px;font-size:18px;line-height:2.1;color:#d7e1db}.hero-logo{opacity:.88;transform:translateY(14px)}.hero-logo img{max-height:275px;filter:drop-shadow(0 28px 38px #0008)}.hero-actions{margin-top:35px}.btn,.imx-primary{border-radius:11px;padding:14px 22px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.btn{background:#c8a366;color:#102d25;border-color:#c8a366}.btn:hover{background:#d7b77d;box-shadow:0 12px 24px #0002}.btn.outline{color:#c8a366;border-color:#b89960;background:#ffffff0a}.btn.outline:hover{background:#c8a3661e}.studio-hero-foot{display:flex;gap:22px;flex-wrap:wrap;margin-top:55px;color:#dfdacd;font-size:13px}.studio-hero-foot span{display:inline-flex;align-items:center;gap:9px}.studio-hero-foot span:before{content:'✦';color:#d5b77d;font-size:10px}
.studio-quicklinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 28px!important;position:relative;z-index:3;margin-top:-49px!important;background:#fff;border:1px solid var(--studio-line);border-radius:18px;box-shadow:0 22px 55px #0c2b2521}.studio-quicklink{display:flex;align-items:center;gap:15px;padding:24px 22px;transition:background .2s,transform .2s}.studio-quicklink:hover{background:#f5f1e8;transform:translateY(-3px)}.studio-quicklink:not(:last-child){border-left:1px solid #eee8df}.studio-quickicon{width:48px;height:48px;border-radius:13px;background:#f0ece2;color:#a17a3c;display:grid;place-items:center;font-size:26px;flex-shrink:0}.studio-quicklink strong,.studio-quicklink small{display:block}.studio-quicklink strong{font-size:17px}.studio-quicklink small{font-size:12px;color:#829086;margin-top:3px}
.heading,.imx-heading{max-width:820px;margin:0 auto 34px;text-align:center}.heading small,.mini-eyebrow,.imx-kicker{font-size:11px!important;letter-spacing:2px;color:#b18c4e!important;font-weight:900}.heading h2,.imx-heading h2{font-size:clamp(31px,3.6vw,51px);font-weight:900;line-height:1.3;letter-spacing:-.7px;color:#102e27;margin:11px 0}.heading p,.imx-heading p{font-size:15px;line-height:1.85;color:#6c7a71}.wrap[data-studio-section]{position:relative}.wrap[data-studio-section]:before{content:attr(data-studio-section);display:block;text-align:center;letter-spacing:2px;font-size:10px;font-weight:800;color:#c4a36a;margin-bottom:13px}
.smart-search.wrap{padding:45px 34px 30px;max-width:1280px}.search-shell{background:linear-gradient(125deg,#fff,#f7f5f0);border:1px solid #e4dccc;border-radius:23px;box-shadow:var(--studio-shadow);padding:38px 42px}.search-head h2{font-size:clamp(28px,3.4vw,43px);line-height:1.25;letter-spacing:-.5px}.search-head p{font-size:15px}.smart-search-fields{gap:13px}.smart-search-fields label{font-size:13px;font-weight:800;color:#355348}.smart-search-fields select{min-height:55px;border:1px solid #e0d7c9;border-radius:11px;background:#fff}.search-submit{min-height:55px}
.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cat{border:1px solid #e4dfd5;border-radius:18px;padding:30px 19px;background:#fff;min-height:180px;box-shadow:0 9px 22px #183b2b09;transition:transform .3s,border-color .3s,box-shadow .3s}.cat:hover{transform:translateY(-8px);box-shadow:0 22px 42px #14362c1b}.cat .symbol{display:grid;place-items:center;margin:0 auto 17px;width:65px;height:65px;background:#f0eee9;border-radius:18px;font-size:29px;color:#af8b4e}.cat h3{font-size:17px;margin:10px 0}.cat span{font-size:12px}.operation-choice,.gov-card,.district-card{border-radius:15px!important;transition:transform .2s,box-shadow .2s!important}.operation-choice:hover,.gov-card:hover,.district-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 30px #14362c15!important}
.imx-section{padding-top:60px;padding-bottom:65px}.imx-layout{grid-template-columns:1.2fr 1fr;gap:22px}.imx-glass{background:#fff;border:1px solid #e4dfd5;border-radius:20px;padding:29px;box-shadow:var(--studio-shadow)}.imx-glass h3{font-size:22px;font-weight:900}.imx-searchbar input{min-height:51px;border-radius:11px}.imx-goals button{font-size:15px;min-height:66px;border-radius:12px}.imx-goals button:hover,.imx-tools button:hover{background:#edf0e9}.imx-results{gap:20px}.imx-property{border-radius:17px;border:1px solid #e8e3d9;box-shadow:0 12px 30px #122e2410}.imx-cover{height:225px}.imx-cardbody{padding:21px}.imx-toolbar{margin-top:38px}.imx-toolbar h3{font-size:25px}.imx-calc{border-radius:22px;border-color:#e4dfd5;box-shadow:var(--studio-shadow);padding:30px}.imx-metric{background:linear-gradient(135deg,#113d31,#092b23);border-radius:16px;padding:22px}.imx-metric strong{font-size:26px}
.map-section{padding-top:62px}.imran-map{border-radius:20px!important;overflow:hidden;box-shadow:0 20px 55px #17372d1b;border:1px solid #d8d3c7!important}.map-filters{margin-bottom:18px}.projects{background:#eeeee9}.project-grid{gap:24px}.project{border-radius:20px;border:1px solid #e3ded4;box-shadow:0 15px 45px #122d2310;transition:transform .25s}.project:hover{transform:translateY(-5px)}.project>img{height:365px}.project-content{padding:28px}.project h3{font-weight:900}.about{background:linear-gradient(110deg,#08271e,#143d30);position:relative;overflow:hidden}.about:after{content:'';position:absolute;width:500px;height:500px;left:-170px;top:-180px;border:1px solid #d1ac642a;border-radius:50%;pointer-events:none}.about-inner{position:relative;z-index:1}.about h2{font-size:clamp(30px,4vw,48px);font-weight:900}.about p{font-size:16px}.contact{background:#ede7da}.contact .heading h2{font-size:clamp(34px,4vw,53px)}footer{padding:34px;font-size:13px}
.details-panel{border-radius:23px;padding:35px}.detail-cover{border-radius:17px}.detail-chip{border-radius:12px}.detail-map{border-radius:16px}.studio-scroll-progress{position:fixed;z-index:120;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,#c6a162,#f0d6a4);pointer-events:none}.studio-backtop{position:fixed;left:24px;bottom:24px;z-index:80;border:1px solid #d9c8a7;background:#123e31;color:white;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;box-shadow:0 8px 25px #122e2440;opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .2s,transform .2s}.studio-backtop.visible{opacity:1;transform:translateY(0);pointer-events:auto}.studio-skip{position:fixed;top:-100px;right:20px;z-index:200;background:#fff;padding:12px 18px}.studio-skip:focus{top:15px}
@media(max-width:1100px){.navlinks{gap:13px;font-size:12px}.hero-inner{gap:30px}.studio-quicklink{padding:19px 12px}.studio-quicklink strong{font-size:14px}.categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.nav{flex-direction:row;min-height:70px}.studio-menu{display:grid;place-items:center}.navlinks{display:none;position:absolute;top:100%;right:14px;left:14px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #e7ddcc;border-radius:17px;padding:10px 18px;box-shadow:0 24px 60px #0d2e2530;max-height:70vh;overflow:auto}.navlinks.studio-open{display:flex}.navlinks a{padding:13px 8px;border-bottom:1px solid #f0ebe3}.hero{min-height:630px}.hero-inner{grid-template-columns:1fr}.hero-logo{display:none}.studio-quicklinks{grid-template-columns:repeat(2,1fr)}.studio-quicklink:nth-child(2){border-left:0}.studio-quicklink:nth-child(-n+2){border-bottom:1px solid #eee8df}.wrap{padding:55px 22px}.categories{grid-template-columns:repeat(2,1fr)}.imx-layout{grid-template-columns:1fr}}
@media(max-width:550px){.nav{padding:8px 17px}.hero{min-height:615px;background-position:57% center}.hero-inner{width:90%}.hero h1{font-size:clamp(41px,11vw,55px);letter-spacing:-.5px}.hero p{font-size:15px;line-height:2}.hero .eyebrow{font-size:10px;letter-spacing:1.1px}.hero-actions{gap:9px}.hero-actions .btn{padding:13px 15px;font-size:13px}.studio-hero-foot{margin-top:38px;gap:13px;font-size:11px}.studio-quicklinks{margin-top:-27px!important;padding:0 8px!important;border-radius:15px}.studio-quicklink{gap:8px;padding:15px 9px}.studio-quickicon{width:36px;height:36px;font-size:22px;border-radius:10px}.studio-quicklink strong{font-size:12px}.studio-quicklink small{font-size:10px}.wrap{padding:45px 16px}.smart-search.wrap{padding:36px 16px 16px}.search-shell{padding:23px 17px;border-radius:18px}.heading h2,.imx-heading h2{font-size:32px}.categories{gap:11px}.cat{min-height:156px;padding:19px 9px}.cat .symbol{width:55px;height:55px;font-size:24px;margin-bottom:8px}.cat h3{font-size:14px}.imx-glass{padding:20px}.imx-section{padding-top:44px;padding-bottom:40px}.imx-calc{padding:18px}.imx-fields{grid-template-columns:1fr 1fr}.imx-fields label{font-size:11px}.imx-metrics{grid-template-columns:1fr 1fr}.imx-metric{padding:13px}.imx-metric strong{font-size:16px}.project>img{height:245px}.project-content{padding:19px}.studio-backtop{bottom:15px;left:15px;width:41px;height:41px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}