/*
Theme Name: ZAD · ASSL
Version: 1.0.0
Description: Arabic real estate landing for ZED and ASSL New Cairo.
*/
:root{--green:#153f36;--deep:#103029;--gold:#b59a62;--cream:#f6f4ef;--ink:#18382f;--muted:#68736c;--line:#dbdfd5;--white:#fff;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c2a567;outline-offset:4px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.section{padding-block:92px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.11em;color:var(--gold);margin-bottom:18px}.eyebrow[dir=ltr]{text-align:right}h1{font-size:clamp(42px,5.3vw,70px);font-weight:650;letter-spacing:-2px}h2{font-size:clamp(30px,3.5vw,43px);font-weight:600;letter-spacing:-1px}h3{font-size:23px;font-weight:600}p{font-size:17px}.soft{color:#879b88}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 25px;border:1px solid transparent;border-radius:5px;background:var(--green);color:#fff;font-weight:600;font-size:15px;transition:background .2s,transform .2s;min-height:52px}.btn:hover{background:#245448;transform:translateY(-1px)}.btn b{font-size:23px;font-weight:400;line-height:1}.text-link{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:15px}.header{background:#f6f4eff2;backdrop-filter:blur(12px);border-bottom:1px solid #e1e3db;position:sticky;top:0;z-index:20}.navigation{height:94px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:66px;height:66px;object-fit:cover;mix-blend-mode:multiply}.brand span{font-size:13px;line-height:1.8;font-weight:600}.brand small{color:var(--muted);font-size:11px;font-weight:400}.navigation nav{display:flex;gap:30px;font-size:14px}.nav-cta{font-size:13px;min-height:44px;padding:10px 19px}.hero{padding-block:64px 50px;display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}.hero h1 span{color:var(--gold)}.hero-description{color:var(--muted);max-width:430px;margin-top:22px;font-size:18px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-block:29px}.hero-note{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px}.hero-note:before{content:"";height:6px;width:6px;background:var(--gold);border-radius:100%}.hero-picture{position:relative;padding-bottom:42px}.hero-picture>img{height:510px;width:100%;object-fit:cover;object-position:52% center;border-radius:100px 6px 6px 6px;box-shadow:0 18px 50px #153f3614}.visual-label{position:absolute;top:24px;right:22px;color:white;font-size:11px;letter-spacing:.18em;padding:6px 13px;background:#153f3690;border:1px solid #ffffff55;border-radius:3px}.hero-eoi{position:absolute;bottom:0;left:24px;right:24px;background:var(--white);border:1px solid #e6e7e0;border-radius:6px;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 14px 35px #153f3610;gap:18px}.hero-eoi>div{display:grid;gap:2px}.hero-eoi small{font-size:11px;color:var(--muted)}.hero-eoi strong{font-size:30px;font-weight:600;line-height:1.5}.hero-eoi strong small{color:var(--green);font-size:14px}.hero-eoi p{font-size:12px;max-width:190px;color:var(--muted);line-height:1.7}.hero-eoi p b{font-weight:600;color:var(--green)}.facts{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px}.facts>div{text-align:center;border-left:1px solid var(--line)}.facts>div:last-child{border:0}.facts strong{font-size:25px;font-weight:550;display:block}.facts span{font-size:12px;color:var(--muted);display:block}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.intro-copy p{color:var(--muted);margin-bottom:20px}.intro-image{height:400px;border-radius:6px;object-fit:cover;width:100%}.intro-foot{display:flex;gap:30px;align-items:center;margin-top:23px}.intro-foot>span{height:1px;background:var(--gold);width:56px}.intro-foot p{font-size:13px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:37px}.section-head>p{color:var(--muted);font-size:15px;max-width:320px}.units{background:#eaf0e8}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.unit-card{background:#f9faf7;border:1px solid #d8dfd4;padding:30px;border-radius:5px}.unit-card.featured{background:var(--green);color:#fff;border-color:var(--green)}.unit-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#758c77;margin-bottom:38px}.featured .unit-top{color:#c9d6c4}.unit-icon{height:62px;width:70px;border:1px solid currentColor;color:var(--gold);padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:26px;opacity:.8}.unit-icon span{border:1px solid currentColor}.unit-icon span:first-child{grid-column:span 2}.unit-card p{font-size:14px;color:var(--muted);margin-block:12px 28px}.featured p{color:#c7d5c7}.unit-card .unit-choose{border:0;border-top:1px solid #cdd6c9;background:none;color:inherit;font-size:14px;display:flex;justify-content:space-between;width:100%;padding:17px 0 0}.featured .unit-choose{border-color:#536e5c}.fine,.caption{font-size:12px;color:var(--muted);line-height:1.8}.caption{margin-top:22px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.gallery-grid figcaption{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:12px}.location{background:#edece5}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.location-grid>a{display:block;min-width:0}.location-grid img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border:1px solid #d5dccf;border-radius:7px}.location-copy>p:not(.eyebrow){color:var(--muted);margin-block:20px 28px}.distance{padding-block:18px;border-bottom:1px solid #d1d7cb;display:flex;align-items:center;gap:22px}.distance b{font-size:25px;font-weight:600;white-space:nowrap}.distance span{font-size:14px;color:var(--muted)}.contact{background:var(--green);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.contact-copy{padding-top:20px}.contact-copy h2{font-size:clamp(36px,4.2vw,52px)}.contact-copy h2 span{color:#b9c6a2}.contact-copy>p:not(.eyebrow){color:#c5d1c4;margin-block:24px;font-size:17px;max-width:410px}.contact-feature{display:flex;gap:15px;align-items:center;border-top:1px solid #ffffff24;padding-block:19px;max-width:360px}.contact-feature b{color:#d5be8e;font-size:17px}.contact-feature span{font-size:14px;color:#e0e5d8}.contact-word{font:500 72px/1 Georgia,serif;letter-spacing:9px;color:#ffffff0d;margin-top:20px}.lead-form{position:relative;background:#fff;color:var(--ink);padding:34px;border-radius:7px;box-shadow:0 16px 45px #08231d33}.lead-form>.eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:10px}.lead-form>h3{font-size:24px}.lead-form>p:not(.eyebrow,.fine){font-size:13px;color:var(--muted);margin-top:5px;margin-bottom:22px}.lead-form label{display:block;font-size:13px;font-weight:500;margin-bottom:7px}.lead-form label>span{color:#b79a5d}.lead-form small{font-size:10px;color:#879080;font-weight:400}.lead-form input,.lead-form select{width:100%;padding:11px 13px;background:#fafbf8;border:1px solid #d8dfd2;border-radius:4px;color:var(--ink);margin-bottom:17px;height:48px;font-size:14px}.lead-form input::placeholder{color:#92998d}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form .btn{width:100%;font-size:13px;margin-top:5px;padding:14px 20px}.lead-form .fine{font-size:10px;margin-top:15px;color:#7a8375}.fine a{text-decoration:underline}.lead-form button[disabled]{opacity:.65;cursor:wait}.lead-form #form-status{margin:8px 0;font-size:12px;color:#8b3030}.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#form-success{position:absolute;inset:0;background:#fff;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}#form-success[hidden]{display:none}#form-success>span{font-size:38px;width:76px;height:76px;display:grid;place-content:center;border:1px solid #c8d4be;border-radius:100%;margin-bottom:25px;color:var(--green)}#form-success h3{margin-bottom:16px}#form-success p{font-size:16px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list details{border-bottom:1px solid var(--line);padding-block:21px}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:16px}summary:after{content:"+";font-size:23px;color:var(--gold)}details[open] summary:after{content:"−"}summary::-webkit-details-marker{display:none}.faq-list details p{font-size:14px;color:var(--muted);padding-top:16px;line-height:1.9}.footer{background:#e8ece1;padding-block:40px 24px}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font:600 32px/1 Georgia,serif;letter-spacing:3px}.footer-brand span{font:8px/2 "Segoe UI",sans-serif;letter-spacing:2px;display:block}.footer p{font-size:14px}.footer small{font-size:11px;color:var(--muted)}.footer a{font-size:12px;color:var(--muted)}.copyright{border-top:1px solid #d0d7c8;padding-top:18px;margin-top:28px;font-size:10px;color:var(--muted)}.cookie-choice{position:fixed;bottom:25px;left:25px;max-width:380px;width:calc(100% - 40px);padding:20px;background:#fff;border:1px solid #d9dfd1;border-radius:7px;z-index:80;box-shadow:0 8px 40px #12342930}.cookie-choice[hidden]{display:none}.cookie-choice p{font-size:13px}.cookie-choice>div{display:flex;align-items:center;gap:20px;margin-top:13px}.cookie-choice .btn{font-size:12px;min-height:36px;padding:7px 16px}.text-btn{border:0;background:none;font-size:12px;text-decoration:underline}.tracking-preferences{position:fixed;bottom:5px;left:8px;background:#f6f4efd9;border:0;padding:2px 5px;font-size:9px;color:#6d796b;z-index:25}.mobile-cta{display:none}.skip-link{position:fixed;top:-100px;right:15px;background:#fff;padding:15px;z-index:100}.skip-link:focus{top:10px}.privacy-content{padding-block:65px;max-width:800px;min-height:65vh}.privacy-content p{margin-block:18px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:80px}}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.hero{gap:34px;padding-top:40px}.hero-picture>img{height:470px}.hero-eoi{left:12px;right:12px;padding:16px;gap:12px}.hero-eoi p{font-size:10px;max-width:140px}.hero-eoi strong{font-size:25px}.intro,.location-grid{gap:45px}.contact-grid{gap:50px}.section{padding-block:70px}.unit-card{padding:23px}.faq-grid{gap:45px}.navigation nav{gap:22px}}
@media(max-width:700px){:root{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.navigation{height:79px;gap:14px}.brand img{width:56px;height:56px}.brand span{font-size:11px}.brand small{font-size:9px}.navigation nav{display:none}.nav-cta{font-size:11px;gap:10px;padding:8px 12px;min-height:38px}.hero{grid-template-columns:1fr;gap:32px;padding-top:34px;padding-bottom:30px}.hero .eyebrow{font-size:10px;margin-bottom:13px}h1{font-size:46px;line-height:1.4;letter-spacing:-1.6px}.hero-description{font-size:15px;max-width:330px;margin-top:16px}.hero-actions{margin-block:21px;gap:22px}.hero-actions .btn{font-size:12px;padding:12px 16px;gap:20px}.text-link{font-size:12px}.hero-note{font-size:11px}.hero-picture>img{height:320px;border-top-right-radius:60px}.visual-label{font-size:9px;top:17px;right:17px}.hero-eoi{left:17px;right:17px;padding:15px 19px}.hero-eoi p{font-size:10px;max-width:150px}.hero-eoi strong{font-size:26px}.hero-eoi small{font-size:9px}.facts{grid-template-columns:repeat(2,1fr);padding-block:0;gap:0}.facts>div{padding:18px 8px;border-bottom:1px solid var(--line)}.facts>div:nth-child(2){border-left:0}.facts>div:nth-child(n+3){border-bottom:0}.facts strong{font-size:21px}.facts span{font-size:11px}.section{padding-block:52px}.eyebrow{font-size:10px;margin-bottom:11px}h2{font-size:32px;line-height:1.5}.intro{grid-template-columns:1fr;gap:30px}.intro-copy p{font-size:15px}.intro-image{height:300px}.intro-foot{margin-top:17px}.section-head{display:block;margin-bottom:27px}.section-head>p{font-size:13px;margin-top:17px;max-width:300px}.unit-grid{grid-template-columns:1fr;gap:14px}.unit-card{padding:23px 25px}.unit-top{margin-bottom:20px}.unit-icon{float:left;width:60px;height:55px;margin:3px 0 0 15px}.unit-card h3{font-size:23px}.unit-card p{font-size:13px;margin-block:9px 20px}.unit-card .unit-choose{font-size:13px}.gallery-grid{display:flex;overflow-x:auto;gap:15px;scroll-snap-type:x mandatory;padding-bottom:15px}.gallery-grid figure{flex:0 0 85%;scroll-snap-align:start}.gallery-grid img{aspect-ratio:1}.gallery-grid figcaption{font-size:11px}.location-grid{grid-template-columns:1fr;gap:30px}.location-copy{order:-1}.location-copy>p:not(.eyebrow){font-size:14px;margin-block:17px}.distance{gap:25px;padding-block:15px}.distance b{font-size:23px}.distance span{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-copy{padding-top:0}.contact-copy h2{font-size:38px}.contact-copy>p:not(.eyebrow){font-size:15px;margin-block:20px}.contact-feature{padding-block:13px}.contact-word{display:none}.lead-form{padding:25px 22px}.lead-form>h3{font-size:22px}.lead-form>p:not(.eyebrow,.fine){font-size:12px}.lead-form input,.lead-form select{font-size:16px}.lead-form .btn{font-size:12px;padding-inline:15px}.lead-form label{font-size:12px}.form-pair{gap:12px}.lead-form .fine{font-size:10px}.faq-grid{grid-template-columns:1fr;gap:27px}.faq-list details{padding-block:18px}summary{font-size:14px}.faq-list details p{font-size:13px}.footer{padding-bottom:88px}.footer-grid{flex-wrap:wrap;gap:24px}.footer-grid>p{flex-basis:100%;order:3;font-size:12px}.footer-brand{font-size:28px}.copyright{margin-top:20px;font-size:9px}.mobile-cta{display:flex;position:fixed;bottom:14px;right:18px;left:18px;z-index:35;box-shadow:0 4px 30px #0d302d33;font-size:13px;min-height:51px}.mobile-cta.hide{display:none}.cookie-choice{left:18px;bottom:78px}.tracking-preferences{bottom:0;font-size:8px}.caption{font-size:10px}.privacy-content{padding-block:45px}.privacy-content p{font-size:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Updated project imagery: complete renders, clean layouts and natural aspect ratios. */
.hero{grid-template-columns:1fr 1.15fr;gap:54px}
.hero-picture{padding-bottom:0;display:flex;flex-direction:column;gap:14px}
.hero-picture>img{height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;border-radius:12px;box-shadow:none;background:#f0eade}
.visual-label{position:static;padding:0;background:transparent;border:0;color:var(--muted);font-size:11px;letter-spacing:0;line-height:1.7}
.hero-eoi{position:static;inset:auto;width:100%;padding:18px 22px;border:1px solid #dfe4d8;border-radius:8px;box-shadow:none;gap:20px}
.hero-eoi p{max-width:230px;font-size:12px}
.arrival-visual{padding-bottom:84px}
.arrival-visual figure{margin:0}
.arrival-visual img{width:100%;height:auto;aspect-ratio:1734/907;object-fit:contain;border-radius:12px}
.arrival-visual figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;padding-top:13px}
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.gallery-grid figure{min-width:0}
.gallery-grid img{aspect-ratio:4/3;height:auto;object-fit:contain;border-radius:12px}
.gallery-grid figcaption{font-size:13px;margin-top:15px}
@media(max-width:1000px){.hero{gap:30px}.hero-eoi{padding:16px}.hero-eoi p{font-size:11px;max-width:190px}.arrival-visual{padding-bottom:65px}}
@media(max-width:700px){
 .hero{grid-template-columns:1fr;gap:27px}
 .hero-picture{gap:11px}
 .hero-picture>img{height:auto;border-radius:10px}
 .visual-label{font-size:10px}
 .hero-eoi{padding:16px 18px;gap:15px}
 .hero-eoi p{font-size:10px;max-width:180px}
 .arrival-visual{padding-bottom:48px}
 .arrival-visual img{border-radius:10px}
 .arrival-visual figcaption{font-size:10px;padding-top:10px}
 .gallery-grid{display:grid;grid-template-columns:1fr;gap:27px;overflow:visible;padding-bottom:0;scroll-snap-type:none}
 .gallery-grid figure{flex:initial}
 .gallery-grid img{aspect-ratio:4/3;border-radius:10px}
 .gallery-grid figcaption{font-size:12px;margin-top:11px}
}


/* Layout refinement after removing project videos. */
:root{scroll-padding-top:100px}
.navigation{height:86px}
.hero{gap:44px;padding-block:48px 42px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.hero-copy,.hero-picture,.intro>div,.location-grid>*,.contact-grid>*{min-width:0}
.hero h1{font-size:clamp(42px,4.7vw,64px);letter-spacing:normal}
.hero-description{font-size:17px;line-height:1.95}
.hero-actions{gap:22px;margin-block:24px}
.hero-eoi{padding:15px 20px;gap:16px}
.hero-eoi p{max-width:215px;font-size:11px}
.hero-eoi strong{font-size:28px}
.section{padding-block:72px}
.intro{gap:64px}
.arrival-visual{padding-bottom:64px}
.facts{padding-block:24px}
.facts strong{font-size:23px}
.section-head{gap:28px;margin-bottom:30px}
.section-head>p{line-height:1.9}
.unit-card{border-radius:10px;padding:27px;display:flex;flex-direction:column}
.unit-card .unit-choose{margin-top:auto}
.gallery-grid{gap:24px}
.gallery-grid figcaption{line-height:1.8}
.location-grid{gap:56px}
.contact-grid{gap:64px}
.lead-form{border-radius:10px}
.faq-grid{gap:64px}
.btn{border-radius:7px}
@media(max-width:1000px){
 .hero{gap:30px}
 .intro,.location-grid,.contact-grid,.faq-grid{gap:36px}
 .section{padding-block:60px}
 .arrival-visual{padding-bottom:52px}
}
@media(max-width:700px){
 :root{scroll-padding-top:88px}
 .navigation{height:76px}
 .hero{grid-template-columns:1fr;padding-block:28px 30px;gap:25px}
 .hero h1{font-size:43px;line-height:1.4}
 .hero-description{font-size:15px;margin-top:15px}
 .hero-actions{gap:20px;margin-block:20px}
 .hero-eoi{padding:15px 17px;gap:12px}
 .hero-eoi p{max-width:170px;font-size:10px}
 .hero-eoi strong{font-size:26px}
 .section{padding-block:46px}
 .intro,.location-grid,.contact-grid,.faq-grid{gap:26px}
 .arrival-visual{padding-bottom:42px}
 .facts{padding-block:0}
 .facts strong{font-size:20px}
 .section-head{margin-bottom:24px}
 .section-head>p{margin-top:13px}
 .unit-card{padding:23px}
 .unit-icon{display:none}
 .unit-top{margin-bottom:18px}
 .gallery-grid{gap:23px}
 .contact-copy h2{font-size:35px}
 .lead-form{padding:25px 21px}
 .lead-form .btn{font-size:12px;gap:12px}
}
@media(max-width:380px){
 .hero h1{font-size:39px}
 .hero-actions{align-items:flex-start;gap:16px}
 .hero-eoi{align-items:flex-start;flex-direction:column;gap:8px}
 .hero-eoi p{max-width:none}
 .form-pair{grid-template-columns:1fr;gap:0}
 .brand span{font-size:10px}
}