/*
Theme Name: Hani Azaiah
Theme URI: https://haniazaiah.com/
Author: Hani Azaiah
Description: The approved bilingual architectural portfolio design, with native WordPress templates.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.2
License: GPL-2.0-or-later
Text Domain: hani-azaiah
*/
@font-face{font-family:Manrope;src:url(assets/manrope-400.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(assets/manrope-600.woff) format('woff');font-weight:600;font-display:swap}
@font-face{font-family:Cairo;src:url(assets/cairo-400.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Cairo;src:url(assets/cairo-600.woff) format('woff');font-weight:600;font-display:swap}
:root{--ivory:#f3f0e9;--ink:#252523;--muted:#6b6a64;--line:#cdc9c0;--pad:clamp(24px,5.5vw,96px);--header:104px;--ease:cubic-bezier(.2,.7,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;color:var(--ink);background:var(--ivory);font:400 15px/1.65 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:none}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#494a45;color:#fff}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}section[id],article[id]{scroll-margin-top:calc(var(--header) + 24px)}.section-pad{padding-inline:var(--pad)}.eyebrow,.section-label,.project-number,.selection-count{font-size:10px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase}.skip-link{position:fixed;z-index:90;top:10px;inset-inline-start:10px;padding:10px 20px;background:var(--ivory);transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:var(--header);padding:10px var(--pad);display:flex;align-items:center;gap:32px;position:relative;z-index:50;background:var(--ivory);border-bottom:1px solid transparent}.site-header.is-sticky{position:sticky;top:0;box-shadow:0 1px 0 var(--line)}.identity{display:block;width:116px;flex:none}.identity svg{display:block;width:100%;height:auto}.header-note{font-size:8px;letter-spacing:.14em;line-height:1.8;max-width:110px;margin-inline-start:20px}.desktop-nav{display:flex;gap:30px;align-items:center;margin-inline-start:auto;font-size:12px}.desktop-nav a,.footer-bottom a{position:relative}.desktop-nav a:after,.footer-bottom a:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s}.desktop-nav a:hover:after,.footer-bottom a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:28px}.language-switch{font-family:Cairo,Manrope,sans-serif;font-size:12px;padding:12px 0}.menu-toggle{display:flex;gap:12px;align-items:center;padding:15px 0;font-size:11px}.menu-lines{width:23px;height:12px;position:relative}.menu-lines:before,.menu-lines:after{content:'';position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .3s,top .3s}.menu-lines:before{top:2px}.menu-lines:after{top:10px}.menu-toggle[aria-expanded=true] .menu-lines:before{top:6px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{top:6px;transform:rotate(-45deg)}
.site-menu{position:fixed;z-index:45;inset:var(--header) 0 0;background:var(--ivory);padding:36px var(--pad);overflow-y:auto}.site-menu[hidden]{display:none}.menu-heading,.menu-foot{display:flex;justify-content:space-between;gap:20px}.menu-small{font-size:10px;letter-spacing:.2em}.site-menu nav{max-width:1250px;margin:36px auto}.site-menu nav>a{display:grid;grid-template-columns:45px 1fr 32px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:16px 0;font-size:clamp(32px,5.5vw,78px);letter-spacing:-.05em}.menu-no{font:11px Manrope,sans-serif;letter-spacing:0}.site-menu nav>a:hover{color:#8e8779}.menu-foot{padding-top:15px;font-size:12px}.menu-open{overflow:hidden}.menu-open .site-header{position:fixed;top:0;left:0;right:0}.menu-open main{padding-top:var(--header)}
.hero{height:calc(100svh - var(--header));min-height:610px;max-height:1050px;position:relative;background:#343a3c;color:var(--ivory);overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 48%;position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 30%,rgba(0,0,0,.14) 42%,rgba(0,0,0,.67) 100%)}.hero-topline{position:absolute;top:26px;inset-inline:var(--pad);display:flex;justify-content:space-between;font-size:8px;letter-spacing:.2em}.hero-content{position:absolute;inset-inline-start:var(--pad);bottom:76px;max-width:850px}.hero-content>.eyebrow{margin-bottom:23px;font-size:9px}.hero h1{font-size:clamp(60px,7.2vw,118px);line-height:1.02;letter-spacing:-.055em}.hero h1 em{font-size:1.05em;letter-spacing:-.055em}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:12px;padding:13px 0;border-bottom:1px solid currentColor;line-height:1.5}.hero-link{margin-top:35px;min-width:215px;justify-content:space-between}.arrow{display:inline-block;width:28px;height:10px;position:relative;flex:none}.arrow:before{content:'';position:absolute;left:0;right:0;top:5px;border-top:1px solid currentColor}.arrow:after{content:'';position:absolute;right:0;top:2px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.text-link .arrow{transition:transform .3s}.text-link:hover .arrow{transform:translateX(5px)}.hero-caption{position:absolute;bottom:78px;inset-inline-end:var(--pad);text-align:start;padding:0;color:inherit}.hero-caption>span:first-child{display:block;font-size:8px;letter-spacing:.16em;margin-bottom:8px}.hero-caption strong{font-weight:400;font-size:12px;letter-spacing:.05em}.small-arrow{display:inline-block;width:8px;height:8px;margin-inline-start:17px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}.hero-edge{position:absolute;inset-inline-end:var(--pad);top:50%;font-size:8px;letter-spacing:.16em;writing-mode:vertical-rl}
.introduction{display:grid;grid-template-columns:25% 1fr;gap:4%;padding-block:135px 145px}.section-label{display:flex;gap:20px;align-items:baseline;padding-top:8px}.section-label>span:first-child{font-size:10px;opacity:.6}.intro-main h2{font-size:clamp(30px,3.4vw,56px);line-height:1.24;letter-spacing:-.045em}.intro-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:45px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.intro-name{font-size:11px}.intro-bottom p{font-size:13px;color:#62615b;max-width:470px;line-height:1.9}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:52px}.section-head .eyebrow{margin-bottom:17px;color:var(--muted)}.section-head h2{font-size:clamp(42px,5.9vw,92px);line-height:1.1;letter-spacing:-.055em}.selection-count{padding-bottom:8px;font-size:9px}.selected{padding-bottom:140px}.project-image{width:100%;display:block;position:relative;padding:0;overflow:hidden;background:#d8d4cc;text-align:start}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .6s}.project-image:hover img{transform:scale(1.025)}.image-action{position:absolute;bottom:20px;inset-inline-end:20px;padding:9px 15px;background:rgba(243,240,233,.95);display:flex;align-items:center;gap:25px;font-size:9px;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}.project-image:hover .image-action,.project-image:focus-visible .image-action{opacity:1;transform:none}.project-feature .project-image{aspect-ratio:1.82}.project-meta{display:grid;grid-template-columns:56px 1fr auto;gap:20px;align-items:baseline;padding-top:20px;border-top:1px solid var(--line);margin-top:18px}.project-meta h3{font-size:14px;line-height:1.55;letter-spacing:.02em}.project-meta h3>span{display:block;font-size:11px;letter-spacing:0;margin-top:3px;color:var(--muted)}.project-use{font-size:10px;color:var(--muted)}.project-number{font-size:8px;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.project-pair{display:grid;gap:8%;align-items:start;margin-block:105px 125px}.pair-one{grid-template-columns:1.23fr 1fr}.pair-one>.project:first-child .project-image{aspect-ratio:1.3}.pair-one>.project:last-child{padding-top:160px}.pair-one>.project:last-child .project-image{aspect-ratio:1/1.15}.project-pair .project-meta{grid-template-columns:45px 1fr;gap:13px}.project-pair .project-use{grid-column:2}.project-courtyard{display:grid;grid-template-columns:25% 1fr;gap:4%;align-items:center;margin-block:40px 140px}.project-courtyard .project-image{aspect-ratio:1.35}.project-side h3{font-size:clamp(25px,3.4vw,54px);line-height:1.15;letter-spacing:-.04em;margin-block:24px}.project-side p{color:var(--muted);font-size:11px}.project-side .text-link{margin-top:45px;font-size:10px}.pair-two{grid-template-columns:1fr 1.25fr}.pair-two>.project:first-child .project-image{aspect-ratio:1/1.12}.pair-two>.project:last-child{padding-top:160px}.pair-two>.project:last-child .project-image{aspect-ratio:1.34}.health-heading{display:grid;grid-template-columns:18% 1fr 20%;gap:25px;align-items:center;margin-block:80px 45px}.health-heading h3{font-size:clamp(42px,6.6vw,105px);line-height:1.04;letter-spacing:-.045em}.health-heading h3 em{font-size:1.03em}.health-note{font-size:10px;letter-spacing:.06em;align-self:end;padding-bottom:8px}.project-health .project-image{aspect-ratio:1.9}
.urban-section{background:var(--ink);color:var(--ivory);padding-block:100px 65px}.urban-intro{display:grid;grid-template-columns:25% 1fr;gap:38px 4%;margin-bottom:70px}.urban-intro .section-label{font-size:8px;line-height:1.9;max-width:240px}.urban-intro h2{font-size:clamp(37px,4.5vw,72px);line-height:1.17;letter-spacing:-.045em}.urban-intro>p{grid-column:2;max-width:480px;font-size:13px;line-height:1.9;color:#c5c3bb}.urban-figure{margin-inline:var(--pad);position:relative}.urban-figure>img{width:100%;max-height:620px;aspect-ratio:2.2;object-fit:cover}.urban-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding-block:22px;border-bottom:1px solid #5e5d56;font-size:11px}.urban-figure figcaption>span:last-child{font-size:8px;letter-spacing:.14em}.urban-tail{margin:30px var(--pad) 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.urban-tail>span{font-size:11px;color:#c5c3bb}.urban-tail .text-link{font-size:10px}.perspective-section{display:grid;grid-template-columns:25% 1fr;gap:4%;padding-block:145px 130px}.quote-wrap{position:relative}.quote-sign{font:130px/.6 Georgia,serif;color:#bdb7ab;display:block;height:70px}.quote-wrap h2{font:400 clamp(29px,3.35vw,54px)/1.3 Georgia,serif;letter-spacing:-.025em}.quote-credit{margin-top:38px;display:flex;flex-direction:column;gap:6px;font-size:12px}.quote-credit>span:last-child{color:var(--muted);font-size:10px}.founder-more{margin-top:32px;max-width:700px}.founder-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:28px;font-size:11px;padding-block:15px;width:fit-content;border-bottom:1px solid var(--line)}.founder-more summary::-webkit-details-marker{display:none}.plus{width:12px;height:12px;position:relative;display:block}.plus:before,.plus:after{content:'';position:absolute;background:currentColor}.plus:before{height:1px;width:12px;top:6px}.plus:after{height:12px;width:1px;left:6px;transition:transform .2s}.founder-more[open] .plus:after{transform:rotate(90deg)}.founder-more p{font-size:13px;line-height:1.9;color:var(--muted);padding-top:24px}.companies-section{padding-block:80px 120px;border-top:1px solid var(--line)}.companies-section .section-head{align-items:flex-end;margin-bottom:75px}.companies-section h2{font-size:clamp(35px,4.3vw,66px);line-height:1.2}.companies-intro{font-size:12px;max-width:310px;color:var(--muted);line-height:1.9}.companies-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.company{border-top:1px solid var(--line);padding-top:38px}.company-logo{height:130px;display:flex;align-items:center;margin-bottom:30px}.company-logo img{width:210px;height:auto;object-fit:contain}.company-logo.masheed img{width:240px}.company>.eyebrow{font-size:8px;color:var(--muted);margin-bottom:15px}.company h3{font-size:21px;line-height:1.45;max-width:420px}.company>p:last-child{font-size:12px;line-height:1.9;color:var(--muted);margin-top:17px}
.footer{background:var(--ink);color:var(--ivory);padding-block:75px 28px}.footer-top{display:grid;grid-template-columns:25% 1fr auto;gap:4%;align-items:center;margin-bottom:75px}.footer-identity{width:200px;max-width:85%}.footer-top>p{font-size:clamp(32px,4vw,62px);line-height:1.15;letter-spacing:-.03em}.top-link{font-size:10px;display:flex;align-items:center;gap:20px;align-self:end}.top-link .arrow{transform:rotate(-90deg);width:22px}.footer-bottom{border-top:1px solid #5e5d56;padding-top:26px;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.12em}.footer-bottom nav{display:flex;gap:24px;font-size:10px;letter-spacing:0}.project-dialog{border:0;margin:0;max-width:none;max-height:none;inset:0;width:100%;height:100dvh;background:var(--ink);color:var(--ivory);padding:0;overflow-y:auto}.project-dialog::backdrop{background:rgba(0,0,0,.85)}.project-dialog[open]{display:grid;grid-template-rows:64px minmax(0,1fr) auto}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding-inline:32px;border-bottom:1px solid #56564f;font-size:10px;letter-spacing:.08em}.dialog-close{color:inherit;display:flex;align-items:center;gap:14px;padding:10px 0;font-size:11px}.dialog-close>span:last-child{font-size:25px}.dialog-image-wrap{min-height:200px;display:flex;align-items:center;justify-content:center;padding:30px 5vw;overflow:hidden}.dialog-image-wrap img{width:100%;height:100%;max-width:1200px;max-height:70vh;object-fit:contain}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 5vw 32px;gap:30px}.dialog-bottom h2{font-size:20px;font-weight:400;line-height:1.4}.dialog-bottom dl{display:flex;gap:30px;margin:14px 0 0;font-size:10px;color:#cbc7bd}.dialog-bottom dl>div{display:flex;gap:10px}.dialog-bottom dt{color:#a39e93}.dialog-bottom dd{margin:0}.dialog-controls{display:flex;gap:16px;direction:ltr}.dialog-controls button{border:1px solid #77746c;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.arrow.reverse{transform:rotate(180deg)}.dialog-open{overflow:hidden}.no-script{padding:20px;text-align:center;font-size:12px}
.reveal{opacity:1;transform:none}.motion-ready .reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(20px)}
/* Arabic composition: dedicated type scale, editorial rhythm and reading alignment. */
html[lang=ar] body{font-family:Cairo,Arial,sans-serif}html[lang=ar] em{font-family:inherit;font-style:normal}html[lang=ar] .eyebrow,html[lang=ar] .section-label,html[lang=ar] .selection-count{letter-spacing:0;font-size:11px}html[lang=ar] .header-note{letter-spacing:0;font-size:10px;max-width:none}html[lang=ar] .desktop-nav{font-size:13px}html[lang=ar] .language-switch{font-family:Manrope,sans-serif}html[lang=ar] .hero h1{font-size:clamp(52px,6.2vw,96px);line-height:1.45;letter-spacing:0;font-weight:400}html[lang=ar] .hero h1 em{letter-spacing:0;font-size:1em}html[lang=ar] .hero-content{bottom:60px;max-width:790px}html[lang=ar] .hero-content>.eyebrow{margin-bottom:8px}html[lang=ar] .hero-link{margin-top:20px}html[lang=ar] .hero-topline{font-size:10px;letter-spacing:0}html[lang=ar] .intro-main h2{line-height:1.8;font-size:clamp(29px,3.1vw,48px);letter-spacing:0}html[lang=ar] .section-head h2,html[lang=ar] .urban-intro h2{letter-spacing:0;line-height:1.6}html[lang=ar] .section-head h2{font-size:clamp(37px,5vw,76px)}html[lang=ar] .urban-intro h2{font-size:clamp(33px,4.2vw,62px)}html[lang=ar] .intro-bottom p,html[lang=ar] .urban-intro>p,html[lang=ar] .companies-intro{font-size:14px;line-height:2}html[lang=ar] .project-meta h3,html[lang=ar] .project-side h3,html[lang=ar] .health-heading h3,html[lang=ar] .dialog-bottom h2{font-family:Manrope,sans-serif;text-align:right}html[lang=ar] .project-meta h3>span{display:block}html[lang=ar] .health-heading h3 em{font-family:Georgia,serif;font-style:italic}html[lang=ar] .quote-wrap h2{font-family:Cairo,Arial,sans-serif;line-height:1.9;font-size:clamp(29px,3.2vw,48px);letter-spacing:0}html[lang=ar] .quote-sign{transform:scaleX(-1);width:fit-content}html[lang=ar] .footer-top>p{line-height:1.6;font-size:clamp(30px,3.4vw,50px);letter-spacing:0}html[lang=ar] .text-link>.arrow,html[lang=ar] .site-menu .arrow{transform:rotate(180deg)}html[lang=ar] .text-link:hover>.arrow{transform:rotate(180deg) translateX(5px)}html[lang=ar] .site-menu nav>a{letter-spacing:0;font-size:clamp(29px,4.8vw,66px);line-height:1.7}html[lang=ar] .founder-more p{line-height:2.1;font-size:14px}html[lang=ar] .company h3{font-size:23px;line-height:1.7}html[lang=ar] .company>p:last-child{font-size:13px}
/* The review frame uses the same homepage, not another design or content page. */
.review-mode{background:#dedbd4;overflow:hidden}.review-shell{height:100dvh;display:flex;flex-direction:column;align-items:center;gap:18px;padding:20px}.review-toolbar{display:flex;gap:25px;align-items:center;font:12px Manrope,Arial,sans-serif;flex:none;color:#252523}.review-toolbar a{padding:7px 0;border-bottom:1px solid transparent}.review-toolbar a[aria-current=page]{border-color:currentColor}.review-frame{display:block;border:0;background:var(--ivory);width:100%;height:100%;box-shadow:0 8px 35px #0002}.review-frame.mobile{width:390px;max-width:100%;border-radius:20px}.review-shell>div:last-child{min-height:0;flex:1;width:100%;display:flex;justify-content:center}
@media(min-width:1700px){.selected,.introduction,.perspective-section,.companies-section{max-width:1800px;margin-inline:auto}}
@media(max-width:1100px){.header-note{display:none}.desktop-nav{gap:23px}.header-actions{gap:24px}.hero h1{font-size:80px}.hero-caption{bottom:35px}.hero-content{bottom:105px}.project-meta{grid-template-columns:45px 1fr}.project-feature .project-use{grid-column:2}.project-pair{gap:6%}.pair-one>.project:last-child,.pair-two>.project:last-child{padding-top:110px}.health-heading{grid-template-columns:12% 1fr}.health-note{display:none}.companies-intro{max-width:250px}.footer-top{grid-template-columns:25% 1fr}.top-link{grid-column:2;margin-top:20px;width:fit-content}.hero-edge{display:none}}
@media(max-width:760px){:root{--pad:24px;--header:84px}.site-header{padding-block:8px;gap:20px}.identity{width:88px}.desktop-nav{display:none}.header-actions{margin-inline-start:auto;gap:25px}.language-switch{font-size:11px}.menu-word{display:none}.hero{min-height:610px;max-height:900px}.hero-image{object-position:51% 50%}.hero-topline{top:24px;font-size:7px;letter-spacing:.1em}.hero-topline>span:last-child{display:none}.hero-content{inset-inline:24px;bottom:130px}.hero-content>.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:23px}.hero h1{font-size:clamp(48px,10.7vw,75px);line-height:1.12;letter-spacing:-.05em}.hero-link{margin-top:25px;min-width:205px;font-size:11px}.hero-caption{inset-inline-start:24px;inset-inline-end:auto;bottom:35px;border-top:1px solid #fff5;padding-top:16px;width:calc(100% - 48px)}.hero-caption>span:first-child{display:inline;margin-inline-end:22px;font-size:7px}.hero-caption strong{font-size:10px}.hero-caption .small-arrow{float:right}.introduction{grid-template-columns:1fr;gap:35px;padding-block:78px 85px}.section-label{font-size:9px;gap:14px}.intro-main h2{font-size:31px;line-height:1.4}.intro-bottom{grid-template-columns:1fr;gap:20px;margin-top:30px;padding-top:22px}.intro-bottom p{font-size:12px;line-height:1.9}.intro-name{font-size:10px}.section-head{display:block;margin-bottom:32px}.section-head h2{font-size:49px;line-height:1.15}.section-head .eyebrow{font-size:8px;margin-bottom:12px}.selection-count{display:block;font-size:8px;margin-top:22px}.selected{padding-bottom:85px}.project-feature .project-image{aspect-ratio:1.15}.project-meta{margin-top:13px;padding-top:15px;gap:10px;grid-template-columns:42px 1fr}.project-meta h3{font-size:11px;letter-spacing:.01em}.project-meta h3>span{font-size:9px}.project-number{font-size:7px}.project-use{font-size:9px}.project-pair{display:flex;flex-direction:column;gap:55px;margin-block:55px 70px}.project-pair>.project{width:100%;padding-top:0!important}.project-pair>.project:nth-child(2){width:85%;align-self:flex-end}.pair-one>.project:first-child .project-image{aspect-ratio:1.2}.pair-one>.project:last-child .project-image{aspect-ratio:.85}.pair-two>.project:first-child .project-image{aspect-ratio:.96}.pair-two>.project:last-child .project-image{aspect-ratio:1.15}.project-pair .project-meta{gap:10px;grid-template-columns:35px 1fr}.project-courtyard{display:flex;flex-direction:column;gap:27px;margin-block:0 60px;align-items:stretch}.project-side{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:baseline}.project-side h3{font-size:32px;margin:0}.project-side p{grid-column:2;font-size:10px;margin-top:10px}.project-side .text-link{grid-column:2;width:fit-content;margin-top:12px}.project-courtyard .project-image{aspect-ratio:.95}.image-action{opacity:1;transform:none;bottom:12px;inset-inline-end:12px;font-size:8px;padding:7px 10px;gap:15px}.image-action .arrow{width:20px}.health-heading{grid-template-columns:40px 1fr;gap:12px;margin-block:0 28px}.health-heading h3{font-size:43px;line-height:1.1}.project-health .project-image{aspect-ratio:1.06;object-position:center}.urban-section{padding-block:65px 42px}.urban-intro{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.urban-intro .section-label{max-width:none;font-size:8px}.urban-intro h2{font-size:35px;line-height:1.35}.urban-intro>p{grid-column:auto;font-size:12px;line-height:1.9}.urban-figure{margin-inline:24px}.urban-figure>img{aspect-ratio:1.15;object-position:50%}.urban-figure figcaption{flex-direction:column;gap:8px;font-size:11px;padding-block:18px}.urban-figure figcaption>span:last-child{font-size:7px}.urban-tail{display:block;margin-top:24px}.urban-tail>span{font-size:10px}.urban-tail .text-link{margin-top:20px;font-size:10px}.perspective-section{grid-template-columns:1fr;gap:40px;padding-block:78px 75px}.quote-sign{font-size:100px;height:50px}.quote-wrap h2{font-size:30px;line-height:1.4;letter-spacing:-.02em}.quote-credit{margin-top:28px;font-size:11px}.quote-credit>span:last-child{font-size:9px}.founder-more{margin-top:22px}.founder-more p{font-size:12px}.companies-section{padding-block:58px 70px}.companies-section h2{font-size:35px;line-height:1.3}.companies-intro{max-width:none;font-size:12px;margin-top:25px}.companies-section .section-head{margin-bottom:35px}.companies-grid{grid-template-columns:1fr;gap:40px}.company{padding-top:24px}.company-logo{height:100px;margin-bottom:22px}.company-logo img{width:190px}.company-logo.masheed img{width:215px}.company h3{font-size:21px}.company>p:last-child{font-size:11px}.footer{padding-block:50px 25px}.footer-top{grid-template-columns:120px 1fr;gap:25px;margin-bottom:45px}.footer-identity{width:120px;max-width:100%}.footer-top>p{font-size:30px;line-height:1.3}.top-link{grid-column:1/-1;margin-top:14px;font-size:10px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:22px;font-size:7px;letter-spacing:.07em}.footer-bottom nav{grid-column:1/-1;font-size:10px;gap:26px}.site-menu{padding-top:28px}.menu-heading{font-size:8px}.menu-heading .eyebrow{font-size:8px}.menu-small{display:none}.site-menu nav{margin-block:36px}.site-menu nav>a{grid-template-columns:25px 1fr 25px;gap:10px;padding-block:20px;font-size:34px}.menu-foot{display:block;font-size:10px}.menu-foot>a{display:block;margin-top:24px}.dialog-bar{padding-inline:20px;height:64px}.dialog-kind{font-size:8px}.project-dialog[open]{grid-template-rows:64px minmax(0,1fr) auto}.dialog-image-wrap{padding:20px 0}.dialog-image-wrap img{max-height:none;object-fit:contain}.dialog-bottom{padding:20px 22px 30px;align-items:flex-start;gap:16px}.dialog-bottom h2{font-size:16px}.dialog-bottom dl{flex-direction:column;gap:8px;font-size:9px;margin-top:14px}.dialog-controls{gap:8px}.dialog-controls button{width:36px;height:36px}.dialog-controls .arrow{width:18px}.review-shell{padding:10px;gap:10px}.review-toolbar{gap:15px;font-size:10px}.review-frame.mobile{border-radius:12px}html[lang=ar] .hero h1{font-size:46px;line-height:1.65}html[lang=ar] .hero-content{bottom:135px}html[lang=ar] .hero-content>.eyebrow{font-size:10px;margin-bottom:9px;letter-spacing:0}html[lang=ar] .hero-topline{font-size:9px}html[lang=ar] .hero-link{margin-top:10px}html[lang=ar] .hero-caption .small-arrow{float:left;transform:rotate(-135deg)}html[lang=ar] .intro-main h2{font-size:28px;line-height:1.8}html[lang=ar] .intro-bottom p{font-size:13px}html[lang=ar] .section-head h2{font-size:41px;line-height:1.5}html[lang=ar] .urban-intro h2{font-size:31px;line-height:1.75}html[lang=ar] .urban-intro>p{font-size:13px;line-height:2.1}html[lang=ar] .quote-wrap h2{font-size:28px;line-height:1.95}html[lang=ar] .companies-section h2{font-size:30px;line-height:1.8}html[lang=ar] .company h3{font-size:20px}html[lang=ar] .footer-top>p{font-size:25px;line-height:1.7}html[lang=ar] .site-menu nav>a{font-size:31px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}
@media print{.site-header,.site-menu,.project-dialog,.image-action,.review-toolbar{display:none!important}.hero{height:600px}body{color:#000}.project,.urban-figure,.company{break-inside:avoid}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}

/* Stage 3 refinements: independent artwork, complete planning drawings. */
.identity img{display:block;width:100%;height:auto}.urban-primary{max-width:1320px;margin-inline:auto;padding-inline:var(--pad)}.urban-primary>a{display:block;background:#ebe7de;padding:clamp(10px,2vw,28px)}.urban-primary img{width:100%;height:auto;max-height:900px;object-fit:contain}.urban-drawings{margin:28px var(--pad) 0;border-top:1px solid #66665f;border-bottom:1px solid #66665f;padding:22px 0}.urban-drawings summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;list-style:none}.urban-drawings summary::-webkit-details-marker{display:none}.drawing-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.drawing-grid a{display:block;font-size:11px}.drawing-grid img{width:100%;height:auto;object-fit:contain;background:white;margin-bottom:14px}.founder-link{margin-top:28px}.founder-page-note{font-size:12px;line-height:1.8;margin-top:14px;max-width:480px}.founder-page-note[hidden]{display:none}@media(max-width:700px){.urban-primary{padding-inline:24px}.drawing-grid{grid-template-columns:1fr}.urban-primary img{aspect-ratio:auto;height:auto}.urban-drawings summary{font-size:12px}html[lang=ar] .urban-drawings summary{font-size:14px}}