:root { --ink:#122a25; --green:#183e35; --deep:#0c2520; --gold:#bea166; --sand:#eee7dc; --cream:#f8f5ef; --muted:#6f746e; --white:#fff; --serif:Georgia, 'Times New Roman', serif; --sans:Arial, Helvetica, sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:var(--sans); line-height:1.65; }
img, video { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1160px, calc(100% - 48px)); margin:auto; }
.section { padding:105px 0; }
.section-dark { color:var(--white); background:var(--deep); }
.section-tan { background:var(--sand); }
.site-header { position:sticky; top:0; z-index:10; background:rgba(248,245,239,.96); border-bottom:1px solid rgba(18,42,37,.1); backdrop-filter:blur(8px); }
.project-announcement { display:block; overflow:hidden; color:var(--gold); background:var(--deep); border-bottom:1px solid rgba(190,161,102,.25); }.project-announcement-track { min-height:33px; display:flex; align-items:center; justify-content:flex-start; gap:58px; width:max-content; margin:0; font-size:10px; font-weight:bold; letter-spacing:.15em; white-space:nowrap; animation:project-announcement-ticker 38s linear infinite; }.project-announcement-track a { color:inherit; }.project-announcement-track a:hover { color:var(--white); }.project-announcement-track > [aria-hidden="true"] { display:inline; }
.header-inner { min-height:76px; display:flex; align-items:center; gap:24px; }
.brand { display:flex; flex-direction:column; align-items:flex-start; margin-right:auto; line-height:1; }.brand-mark { display:block; width:158px; height:41px; overflow:hidden; }.brand img { width:158px; height:auto; filter:brightness(0) saturate(100%) invert(14%) sepia(22%) saturate(1476%) hue-rotate(113deg) brightness(92%) contrast(91%); }.brand-tagline { display:block; margin-top:3px; color:var(--ink); font-size:7px; font-weight:800; letter-spacing:.055em; white-space:nowrap; }
.nav { display:flex; align-items:center; gap:19px; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.nav a { white-space:nowrap; transition:color .2s; }.nav a:hover { color:var(--gold); }.nav .nav-consultation { display:none; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 25px; border:1px solid var(--gold); color:var(--white); background:var(--gold); text-transform:uppercase; font-size:11px; letter-spacing:.12em; font-weight:bold; transition:all .2s; }
.button:hover { background:transparent; color:var(--gold); }.header-button { min-height:38px; padding:0 15px; font-size:10px; }.header-button:hover { color:var(--ink); }
.button-ghost { background:transparent; color:var(--white); border-color:rgba(255,255,255,.7); }.button-ghost:hover { background:var(--white); color:var(--ink); }
.menu-toggle { display:none; border:0; background:none; color:var(--ink); font-size:25px; }
.hero { position:relative; min-height:650px; display:grid; place-items:center; overflow:hidden; }
.hero-backdrop { position:absolute; inset:0; background:linear-gradient(90deg, rgba(12,37,32,.95) 0%, rgba(12,37,32,.78) 52%, rgba(12,37,32,.38)), url('../images/hero-real-estate.svg') center/cover; }
.hero-content { position:relative; padding:100px 0; max-width:1160px; }.hero-content > * { max-width:700px; }
.eyebrow { margin:0 0 12px; color:var(--gold); text-transform:uppercase; font-size:12px; font-weight:bold; letter-spacing:.17em; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-family:var(--serif); line-height:1.1; font-weight:500; }
h1 { margin-bottom:24px; font-size:clamp(48px,6vw,82px); letter-spacing:-.035em; } h2 { margin-bottom:22px; font-size:clamp(36px,4.1vw,58px); letter-spacing:-.035em; } h3 { font-size:21px; }
em { color:var(--gold); font-style:italic; }.hero-copy { max-width:610px; color:#e5ece9; font-size:17px; }.actions { display:flex; gap:12px; margin-top:32px; }
.stats { position:relative; z-index:2; margin-top:-57px; display:grid; grid-template-columns:repeat(4,1fr); color:var(--white); background:var(--green); box-shadow:0 20px 32px rgba(0,0,0,.16); }.stats div { min-height:112px; padding:23px 28px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(255,255,255,.15); }.stats div:last-child { border:0; }.stats strong { font:500 30px var(--serif); color:var(--gold); }.stats span { font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.about,.project-grid,.ceo-grid,.location-grid,.careers-inner { display:grid; grid-template-columns:1fr 1fr; gap:clamp(44px,8vw,112px); align-items:center; }.about-image { position:relative; }.about-image:after { content:''; position:absolute; z-index:-1; width:70%; height:70%; left:-25px; bottom:-25px; background:var(--gold); }.about-image img { width:100%; aspect-ratio:1.15; object-fit:cover; }.section-copy > p:not(.eyebrow) { color:var(--muted); font-size:16px; }.feature-pair { display:grid; grid-template-columns:1fr 1fr; gap:23px; margin-top:30px; }.feature-pair article { border-top:2px solid var(--gold); padding-top:12px; }.feature-pair h3 { margin:0 0 7px; font-size:20px; }.feature-pair p { margin:0; color:var(--muted); font-size:14px; }.feature-icon { display:inline-block; color:var(--gold); font-size:22px; }
.project { overflow:hidden; }.project-photo { position:relative; }.project-photo img { width:100%; height:430px; object-fit:cover; }.photo-label { position:absolute; bottom:0; right:0; padding:11px 18px; background:var(--gold); text-transform:uppercase; font-size:10px; letter-spacing:.14em; }.checks { padding:0; list-style:none; margin:28px 0; }.checks li { margin:9px 0; }.checks li:before { content:'✓'; display:inline-grid; place-items:center; width:18px; height:18px; margin-right:12px; border-radius:50%; color:var(--deep); background:var(--gold); font-size:12px; font-weight:bold; }.text-link { color:var(--gold); text-transform:uppercase; font-size:11px; font-weight:bold; letter-spacing:.14em; }.text-link span { font-size:22px; vertical-align:-2px; }
.centered { max-width:700px; margin:0 auto 50px; text-align:center; }.centered > p:last-child { color:var(--muted); }.section-dark .centered > p:last-child { color:#cbd5d1; }.project-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }.project-cards article { min-height:200px; padding:26px 20px; background:var(--white); border-bottom:3px solid transparent; box-shadow:0 5px 20px rgba(21,41,36,.07); transition:transform .2s,border-color .2s; }.project-cards article:hover { transform:translateY(-5px); border-color:var(--gold); }.project-cards b { display:block; margin-bottom:25px; color:var(--gold); font:23px var(--serif); }.project-cards h3 { margin-bottom:8px; font-size:23px; }.project-cards p { color:var(--muted); font-size:13px; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.service-grid article { padding:32px 27px; background:rgba(255,255,255,.55); border:1px solid rgba(18,42,37,.09); }.service-grid i { color:var(--gold); font-size:29px; font-style:normal; }.service-grid h3 { margin:15px 0 10px; }.service-grid p { margin:0; color:var(--muted); font-size:14px; }
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }.team-grid article { overflow:hidden; padding-bottom:17px; background:var(--white); box-shadow:0 5px 18px rgba(21,41,36,.08); }.team-grid img { width:100%; height:252px; object-fit:cover; object-position:top; filter:saturate(.82); }.team-grid h3,.team-grid p { padding:0 16px; }.team-grid h3 { margin:17px 0 5px; font-size:20px; }.team-grid p { margin:0; color:var(--gold); font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
.ceo-grid > img { width:100%; height:520px; background:var(--deep); object-fit:contain; object-position:center; }.ceo blockquote { margin:30px 0; padding-left:22px; border-left:2px solid var(--gold); color:#dae4df; font:italic 22px/1.5 var(--serif); }.signature { color:var(--gold); font:24px var(--serif); }.signature span { display:block; color:#ccd9d4; font:11px var(--sans); text-transform:uppercase; letter-spacing:.13em; }
.highlight-grid,.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.highlight-grid article { padding:28px 19px; border-top:2px solid var(--gold); background:var(--white); box-shadow:0 5px 18px rgba(21,41,36,.06); }.highlight-grid span { color:var(--gold); font:28px var(--serif); }.highlight-grid h3 { margin:15px 0 9px; }.highlight-grid p { margin:0; color:var(--muted); font-size:14px; }
.location-grid { align-items:stretch; }.location-grid > div { padding:30px 0; }.map-card { min-height:320px; padding:42px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(135deg,rgba(12,37,32,.88),rgba(12,37,32,.62)), url('../images/abt1-1024x683.jpg') center/cover; color:var(--white); }.map-card span { color:var(--gold); text-transform:uppercase; font-size:11px; letter-spacing:.15em; }.map-card strong { margin:8px 0 28px; font:35px var(--serif); }.map-card small { color:var(--gold); text-transform:uppercase; letter-spacing:.15em; }
.trust-grid article { display:flex; flex-direction:column; align-items:center; gap:11px; padding:23px 12px; text-align:center; background:var(--sand); }.trust-grid i { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; color:var(--cream); background:var(--green); font-style:normal; }.trust-grid h3 { margin:0; font-size:19px; }
.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:155px; gap:9px; }.gallery-grid img,.gallery-grid video { width:100%; height:100%; object-fit:cover; cursor:pointer; }.gallery-grid video { grid-row:span 2; grid-column:span 2; }.gallery-grid img:nth-of-type(2),.gallery-grid img:nth-of-type(7) { grid-row:span 2; }
.careers { background:linear-gradient(105deg,rgba(12,37,32,.95),rgba(12,37,32,.8)), url('../images/run-prj1-1024x767.jpg') center/cover; color:var(--white); }.careers-inner { align-items:start; }.career-list { padding:25px 30px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25); }.career-list p { padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.15); }.career-list small { display:block; color:var(--gold); text-transform:uppercase; letter-spacing:.1em; font-size:10px; }
.contact-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:16px; }.contact-grid a { min-height:140px; padding:25px; background:var(--white); box-shadow:0 5px 16px rgba(21,41,36,.06); }.contact-grid span { display:block; margin-bottom:10px; color:var(--gold); font-size:11px; text-transform:uppercase; font-weight:bold; letter-spacing:.14em; }.contact-grid strong { font:20px/1.4 var(--serif); }.socials { display:flex; justify-content:center; gap:10px; margin-top:28px; }.socials a { display:grid; place-items:center; width:36px; height:36px; color:var(--white); background:var(--green); border-radius:50%; font-size:14px; font-weight:bold; }.socials a:hover { background:var(--gold); }
footer { padding:24px 0; color:#d6e0dc; background:var(--deep); }.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; font-size:12px; }.footer-inner img { width:125px; filter:brightness(0) invert(1); }.footer-inner p { margin:0; }.footer-inner a { color:var(--gold); text-transform:uppercase; letter-spacing:.1em; font-size:10px; }
@media (max-width:1000px) { .nav { gap:11px; font-size:10px; }.header-button { display:none; }.nav .nav-consultation { display:inline-flex; align-items:center; min-height:38px; padding:0 14px; color:var(--white); background:var(--gold); }.nav .nav-consultation:hover { color:var(--white); background:var(--green); }.team-grid { grid-template-columns:repeat(3,1fr); }.project-cards { grid-template-columns:repeat(2,1fr); } }
@media (max-width:720px) { .shell { width:min(100% - 32px, 540px); }.site-header { position:sticky; }.header-inner { min-height:64px; }.brand-mark { width:130px; height:34px; }.brand img { width:130px; }.brand-tagline { margin-top:2px; font-size:5.5px; letter-spacing:.04em; }.menu-toggle { position:relative; z-index:2; display:block; }.nav { position:absolute; z-index:1; top:97px; left:0; right:0; display:none; padding:17px 24px 22px; flex-direction:column; align-items:flex-start; gap:15px; background:var(--cream); border-bottom:1px solid rgba(18,42,37,.1); }.nav.open { display:flex; }.section { padding:70px 0; }.hero { min-height:590px; }.hero-content { padding:80px 0; }.hero-copy { font-size:15px; }.actions { flex-wrap:wrap; }.stats { width:calc(100% - 32px); margin-top:-34px; grid-template-columns:1fr 1fr; }.stats div { min-height:90px; padding:16px; }.stats div:nth-child(2) { border-right:0; }.stats div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.15); }.stats strong { font-size:24px; }.about,.project-grid,.ceo-grid,.location-grid,.careers-inner { grid-template-columns:1fr; gap:38px; }.about-image { margin-left:20px; }.project-photo img { height:280px; }.feature-pair { grid-template-columns:1fr; }.project-cards,.service-grid,.team-grid,.highlight-grid,.trust-grid,.contact-grid { grid-template-columns:1fr 1fr; }.team-grid img { height:225px; }.gallery-grid { grid-template-columns:repeat(2,1fr); grid-auto-rows:130px; }.gallery-grid video { grid-column:span 2; }.contact-grid a:first-child { grid-column:span 2; }.footer-inner { flex-direction:column; text-align:center; }.ceo-grid > img { height:410px; } }
@media (max-width:410px) { .project-cards,.service-grid,.team-grid,.highlight-grid,.trust-grid,.contact-grid { grid-template-columns:1fr; }.contact-grid a:first-child { grid-column:auto; }.gallery-grid { grid-auto-rows:110px; }.team-grid img { height:300px; } }

.project-cards article { min-height:280px; overflow:hidden; display:flex; flex-direction:column; padding:0; }
.project-cards img { width:100%; height:145px; object-fit:cover; }
.project-card-copy { flex:1; padding:20px; }
.project-cards b { margin-bottom:13px; }
.map-frame { min-height:320px; overflow:hidden; box-shadow:0 5px 18px rgba(21,41,36,.1); }
.map-frame iframe { width:100%; height:100%; min-height:320px; border:0; }
.socials svg { width:18px; height:18px; }
.current-projects { padding:105px 0; overflow:hidden; }
.current-project-heading { margin-bottom:60px; }
.current-projects .section-copy > p:not(.eyebrow) { color:#cbd5d1; }
.current-content-block { margin-top:90px; padding-top:72px; border-top:1px solid rgba(255,255,255,.16); }
.current-content-block .centered { margin-bottom:38px; }
.current-projects h3 { margin-bottom:14px; font-size:clamp(30px,3.2vw,44px); }
.promo-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:15px; }
.promo-card { overflow:hidden; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15); box-shadow:0 8px 22px rgba(0,0,0,.18); }
.promo-card img { width:100%; aspect-ratio:4/5; object-fit:cover; object-position:top; }
.promo-card div { padding:16px; }.promo-card h4 { margin:0 0 5px; font:20px var(--serif); line-height:1.15; }.promo-card p { margin:0; color:#cbd5d1; font-size:12px; line-height:1.45; }
.current-videos { margin-top:72px; padding:34px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); box-shadow:0 14px 28px rgba(0,0,0,.15); }
.current-video-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:28px; }.current-video-heading h3 { margin:0; }.current-video-heading > p { max-width:430px; margin:0; color:#cbd5d1; font-size:14px; }
.current-video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.current-video-grid figure { margin:0; overflow:hidden; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.13); }.current-video-grid video { width:100%; aspect-ratio:9/16; object-fit:cover; background:#000; }.current-video-grid .landscape-video-card video { object-fit:contain; }.landscape-video-frame { position:relative; }.video-fullscreen-launch { position:absolute; top:50%; left:50%; display:grid; width:68px; height:68px; place-items:center; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.75); border-radius:50%; color:var(--white); background:rgba(12,37,32,.82); font-size:27px; cursor:pointer; }.video-fullscreen-launch[hidden] { display:none; }.video-fullscreen-launch:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }.current-video-grid figcaption { padding:12px 14px; color:#d9e3df; font-size:13px; }
.current-investment .highlight-grid article { background:var(--white); }.current-location { margin-top:72px; overflow:hidden; color:var(--ink); background:var(--sand); box-shadow:0 10px 28px rgba(0,0,0,.18); }.current-location .location-grid > div { padding:42px; }.current-location .map-frame { padding:0 !important; min-height:360px; }.current-location .map-frame iframe { min-height:360px; }.current-location h3 { color:var(--ink); }
@media (max-width:1000px) { .promo-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:720px) { .current-projects { padding:70px 0; }.current-project-heading { margin-bottom:42px; }.current-content-block { margin-top:65px; padding-top:55px; }.promo-grid,.current-video-grid { display:flex; overflow-x:auto; gap:16px; padding:0 0 14px; scroll-snap-type:x mandatory; scroll-padding-left:1px; -webkit-overflow-scrolling:touch; }.promo-card,.current-video-grid figure { flex:0 0 min(76vw,300px); scroll-snap-align:start; }.current-videos { margin-top:55px; padding:22px; }.current-video-heading { align-items:start; flex-direction:column; gap:10px; }.current-location { margin-top:55px; }.current-location .location-grid > div { padding:30px; } }
@media (max-width:410px) { .promo-grid,.current-video-grid { grid-template-columns:1fr; } }
.current-project-panel { padding-bottom:90px; }.project-address { margin:22px 0 0; color:var(--gold) !important; font-size:14px !important; font-weight:bold; }.project-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:28px; }
.masha-project-details { margin-top:72px; padding:46px; border:1px solid rgba(190,161,102,.42); background:rgba(255,255,255,.055); }.masha-project-details .centered { margin-bottom:38px; }.masha-project-details .centered > p:last-child { color:#cbd5d1; }.masha-feature-grid,.masha-amenities > div { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.masha-feature-grid article,.masha-amenities article { padding:24px; border:1px solid rgba(255,255,255,.14); background:rgba(12,37,32,.36); }.masha-feature-grid span { display:block; margin-bottom:14px; color:var(--gold); font:24px var(--serif); }.masha-project-details h4 { margin:0 0 9px; color:var(--white); font:22px var(--serif); line-height:1.2; }.masha-project-details article p,.masha-project-details li,.masha-construction-update > p:last-child { margin:0; color:#cbd5d1; font-size:14px; }.masha-use-layout { display:grid; grid-template-columns:1fr 2fr; gap:34px; margin-top:16px; padding:32px 0; border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }.masha-use-layout .eyebrow,.masha-amenities .eyebrow { margin-bottom:10px; }.masha-use-layout ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; }.masha-use-layout li { padding-left:20px; position:relative; }.masha-use-layout li:before { content:'•'; position:absolute; left:0; color:var(--gold); }.masha-use-layout strong { color:var(--white); }.masha-amenities { margin-top:32px; }.masha-construction-update { margin-top:16px; padding:30px; border-left:3px solid var(--gold); background:rgba(255,255,255,.08); }.masha-construction-update .eyebrow { margin-bottom:8px; }
.masha-media { margin-top:72px; }.masha-video-grid { grid-template-columns:repeat(2,minmax(0,360px)); }
.razzaq-urdu-copy,.sab-villas-urdu-copy { margin-top:72px; padding:42px clamp(24px,5vw,58px); color:var(--ink); background:var(--sand); border-top:3px solid var(--gold); text-align:right; font-family:"Noto Nastaliq Urdu", "Noto Naskh Arabic", Georgia, serif; font-size:18px; line-height:2; }.razzaq-urdu-copy .eyebrow,.sab-villas-urdu-copy .eyebrow { direction:rtl; }.razzaq-urdu-copy h3,.sab-villas-urdu-copy h3 { margin:0 0 18px; color:var(--ink); font-size:clamp(30px,3.5vw,46px); line-height:1.5; }.razzaq-urdu-copy p,.sab-villas-urdu-copy p { margin-bottom:14px; }.razzaq-lead,.sab-villas-lead { font-size:22px; line-height:1.9; }.razzaq-urdu-copy ul,.sab-villas-urdu-copy ul { display:grid; grid-template-columns:1fr 1fr; gap:12px 36px; margin:28px 0 0; padding:0 24px 0 0; }.razzaq-urdu-copy li::marker,.sab-villas-urdu-copy li::marker { color:var(--gold); }
.razzaq-promo-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:15px; }.razzaq-promo-grid figure { margin:0; overflow:hidden; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15); box-shadow:0 8px 22px rgba(0,0,0,.18); }.razzaq-promo-grid img { width:100%; aspect-ratio:4/5; object-fit:cover; object-position:top; }.razzaq-promo-grid figure:nth-child(7) img,.razzaq-promo-grid figure:nth-child(12) img { background:var(--white); object-fit:contain; object-position:center; }.razzaq-promo-grid figcaption { padding:12px 14px; color:#d9e3df; font-size:13px; }
.project-location-card { display:grid; grid-template-columns:2fr 3fr; margin-top:72px; overflow:hidden; color:var(--ink); background:var(--sand); box-shadow:0 10px 28px rgba(0,0,0,.18); }.project-location-card > div:first-child { padding:42px; }.project-location-card h3 { color:var(--ink); }.project-socials { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:26px; }.project-socials > a:not(.button) { display:grid; place-items:center; width:38px; height:38px; color:var(--white); background:var(--green); border-radius:50%; font-size:15px; font-weight:bold; }.project-socials > a:not(.button):hover { background:var(--gold); }.project-socials svg { width:18px; height:18px; }
.current-project-separator { position:relative; margin:18px 0 72px; padding:58px 32px; border:1px solid rgba(190,161,102,.52); background:rgba(255,255,255,.06); box-shadow:0 14px 28px rgba(0,0,0,.14); text-align:center; }.current-project-separator:before { content:''; display:block; width:58px; height:2px; margin:0 auto 20px; background:var(--gold); }.current-project-separator p:last-child { margin-bottom:0; color:#cbd5d1; }
@media (max-width:1000px) { .razzaq-promo-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:720px) { .current-project-panel { padding-bottom:65px; }.razzaq-urdu-copy,.sab-villas-urdu-copy { margin-top:55px; padding:30px 24px; font-size:17px; }.razzaq-lead,.sab-villas-lead { font-size:20px; }.razzaq-urdu-copy ul,.sab-villas-urdu-copy ul { grid-template-columns:1fr; gap:9px; }.razzaq-promo-grid { display:flex; overflow-x:auto; gap:16px; padding:0 0 14px; scroll-snap-type:x mandatory; scroll-padding-left:1px; -webkit-overflow-scrolling:touch; }.razzaq-promo-grid figure { flex:0 0 82%; scroll-snap-align:start; }.project-location-card { grid-template-columns:1fr; margin-top:55px; }.project-location-card > div:first-child { padding:30px; }.project-location-card .map-frame { min-height:320px; }.current-project-separator { margin:0 0 55px; padding:42px 22px; }.anchorage-project-summary { padding:42px 24px; } }
@media (max-width:720px) { .masha-project-details { margin-top:55px; padding:28px 22px; }.masha-feature-grid,.masha-amenities > div,.masha-use-layout { grid-template-columns:1fr; }.masha-use-layout { gap:20px; padding:25px 0; }.masha-feature-grid article,.masha-amenities article,.masha-construction-update { padding:22px; } }
@media (max-width:720px) { .masha-media { margin-top:55px; }.masha-video-grid { display:flex; } }
@media (max-width:410px) { .razzaq-promo-grid { grid-template-columns:1fr; } }
.masha-allah-heights .project-photo { display:grid; place-items:center; background:var(--deep); }.masha-allah-heights .project-photo img { height:610px; object-fit:contain; }
.sab-villas .project-photo { display:grid; place-items:center; background:var(--deep); }.sab-villas .project-photo img { height:610px; object-fit:contain; }
.razzaq-town .project-photo,.anchorage-project-intro .project-photo { display:grid; place-items:center; background:var(--deep); }.razzaq-town .project-photo img,.anchorage-project-intro .project-photo img { height:auto; max-height:610px; object-fit:contain; }
@media (max-width:720px) { .masha-allah-heights .project-photo img,.sab-villas .project-photo img { height:480px; } }
@keyframes project-announcement-ticker { to { transform:translateX(calc(-50% - 29px)); } }
@media (prefers-reduced-motion:reduce) { .project-announcement-track { animation:none; } }
.team-grid article.rizwan-butt img { background:var(--white); object-fit:contain; object-position:center; }
.promo-grid img,.razzaq-promo-grid img { cursor:zoom-in; }.promo-grid img:focus,.razzaq-promo-grid img:focus { outline:3px solid var(--gold); outline-offset:3px; }.image-lightbox { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:24px; background:rgba(2,15,12,.88); }.image-lightbox[hidden] { display:none; }.image-lightbox-content { position:relative; display:grid; justify-items:center; max-width:min(100%,1000px); max-height:100%; }.image-lightbox-image { max-width:100%; max-height:calc(100vh - 105px); object-fit:contain; background:var(--white); box-shadow:0 20px 60px rgba(0,0,0,.45); }.image-lightbox-caption { margin:12px 48px 0; color:var(--white); text-align:center; font-size:14px; }.image-lightbox-close { position:absolute; z-index:1; top:10px; right:10px; display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.55); border-radius:50%; color:var(--white); background:rgba(12,37,32,.88); font-size:30px; line-height:1; cursor:pointer; }.image-lightbox-close:hover,.image-lightbox-close:focus { color:var(--deep); background:var(--gold); }.lightbox-open { overflow:hidden; }