html{scroll-behavior:smooth}body{direction:rtl}.site-header nav{display:flex;gap:25px;color:#f6f0e5;font-size:14px;flex-wrap:wrap}.hero__veil{background:linear-gradient(270deg,#02110ccb,transparent)}.hero__content{margin-top:150px}.hero h1{font-size:clamp(42px,5vw,72px)}.vision-copy{max-width:900px;font-size:22px;line-height:2;color:#eee8da}.company-card{background:#fff;border:1px solid #d8d0be;overflow:hidden}.activity-image{display:block;height:245px;overflow:hidden}.activity-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.company-card:hover .activity-image img{transform:scale(1.04)}.company-body{padding:25px}.company-logo{display:block;width:100px;height:100px;object-fit:contain;margin:0 0 20px;background:#071a13;padding:5px}.company-body h3{font-size:24px;line-height:1.6;margin:0 0 12px}.company-body p{line-height:1.9;color:#52615b}.card-link{color:#78561d;display:inline-block;padding:12px 0;font-weight:600}.logo-placeholder{display:inline-flex;min-height:80px;align-items:center;color:#74684f}.portrait-placeholder{height:470px;background:linear-gradient(140deg,#082e23,#04150f);border:1px solid #b18e50;color:#d7af66;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:23px}.portrait-placeholder small{font-size:14px}.chairman-name,.chairman-role,.draft-note{display:block;margin-top:12px}.chairman-name{font-size:24px}.draft-note{color:#766b53}.detail-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;padding-top:85px;padding-bottom:85px;align-items:center}.detail-hero h1{font-size:clamp(32px,4vw,56px);line-height:1.4}.detail-hero p,.detail-content p,.detail-content li{line-height:2}.detail-hero figure{margin:0}.detail-activity{width:100%;height:320px;object-fit:cover}.detail-hero .company-logo{margin-top:22px}.detail-content{padding-bottom:90px}.statement{font-size:28px;color:#78561d;border-block:1px solid #c9bea7;padding:30px 0}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.modules article{padding:25px;background:white;border:1px solid #d8d0be}.status{color:#625842;border-top:1px solid #c9bea7;padding-top:20px}a:focus-visible{outline:3px solid #b18e50;outline-offset:5px}@media(max-width:950px){.site-header{height:auto;min-height:104px;padding-block:18px}.site-header nav{gap:12px;font-size:12px}.detail-hero{grid-template-columns:1fr;gap:25px}.modules{grid-template-columns:1fr 1fr}}@media(max-width:600px){.site-header{align-items:flex-start;gap:25px}.site-header nav{display:grid;grid-template-columns:1fr 1fr}.hero__content{margin-top:100px}.hero{min-height:720px}.hero__markers{flex-wrap:wrap;white-space:normal}.portrait-placeholder{height:300px}.modules{grid-template-columns:1fr}.detail-hero{padding-block:45px}.detail-activity{height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.company-card{background:linear-gradient(145deg,#08271f,#03140f);border:1px solid #9d7a3d70;border-radius:18px 18px 4px 4px;box-shadow:0 16px 40px #02150f17;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.company-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px #02150f2b;border-color:#ba975c}
.activity-image{height:250px;border-bottom:1px solid #c9a66180;flex:none}
.company-body{padding:0 28px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative}
.logo-display{width:200px;height:210px;max-width:90%;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 25%,#163c2d,#020d09 80%);border:1px solid #c7a361;margin:-26px auto 27px;padding:14px;box-shadow:0 12px 26px #0005,inset 0 0 0 5px #071c14;border-radius:8px;z-index:1;flex:none}
.logo-display:after{content:"";position:absolute;inset:6px;border:1px solid #d6b57245;pointer-events:none;border-radius:4px}
.logo-display .company-logo{width:100%;height:100%;max-height:180px;object-fit:contain;margin:0;padding:0;background:transparent;filter:drop-shadow(0 3px 7px #0006)}
.company-body h3{color:#f7efde;font-size:23px;line-height:1.65;margin:0;max-width:100%}
.company-body p{color:#c1cbbf;font-size:15px;line-height:1.9;margin:15px 0 22px}
.company-body .card-link{color:#e3c58a;border-top:1px solid #c5a36840;width:100%;margin-top:auto;padding:19px 0 0;font-size:14px;letter-spacing:.01em}
.company-body .logo-placeholder{color:#ccb688;margin:24px auto}
.detail-hero figure{background:linear-gradient(145deg,#08271f,#03140f);border:1px solid #a7894e;border-radius:14px;overflow:hidden;padding-bottom:4px;box-shadow:0 18px 45px #05201820}
.detail-hero .detail-activity{display:block;height:340px;border-bottom:1px solid #b59050}
.detail-hero .logo-display{width:230px;height:240px;margin:-28px auto 25px}
.detail-hero .logo-display .company-logo{height:100%;max-height:210px;margin:0}
.group-logo-caption{text-align:center;color:#d8c397;font-size:12px;padding-bottom:15px}
@media(max-width:600px){.activity-image{height:245px}.logo-display{width:190px;height:205px}.company-body{padding-inline:22px}.detail-hero .detail-activity{height:260px}.company-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.company-card{transition:none}}
.group-identity-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:760px;background:#001a11;gap:0 25px;padding-bottom:25px}
.group-identity-hero .site-header{grid-column:1/-1;grid-row:1;width:100%;max-width:none;margin:0;align-self:start}
.group-identity-hero .hero__veil{display:none}
.group-identity-hero .hero__image{position:static;grid-column:2;grid-row:2;width:100%;height:auto;max-height:630px;object-fit:contain;opacity:1}
.group-identity-hero .hero__content{grid-column:1;grid-row:2;position:relative;margin:45px 54px 45px 0;width:auto;max-width:570px}
.group-identity-hero .hero__markers{position:static;grid-column:1/-1;grid-row:3;margin:25px 54px 0;flex-wrap:wrap}
.logo-display:has(img[src$="investment.jpeg"]){width:100%;max-width:320px;height:210px}
.detail-hero .logo-display:has(img[src$="investment.jpeg"]){width:90%;max-width:420px}
@media(max-width:800px){.group-identity-hero{grid-template-columns:1fr;min-height:0;gap:0}.group-identity-hero .hero__image{grid-column:1;grid-row:2;max-height:490px}.group-identity-hero .hero__content{grid-column:1;grid-row:3;margin:24px;max-width:none}.group-identity-hero .hero__markers{grid-row:4;margin:15px 24px 0}.group-identity-hero h1{font-size:40px}}
.site-header .brand{display:block;flex-shrink:0;line-height:0}.site-header .brand__logo{display:block;width:100px;height:100px;object-fit:contain}@media(max-width:600px){.site-header .brand__logo{width:80px;height:80px}}
/* Give each identity a clear, generous display area without cropping. */
.company-body{padding:0 24px 26px}
.logo-display{box-sizing:border-box;width:100%;max-width:100%;height:280px;margin:20px auto 24px;padding:12px;background:#031910;border:1px solid #b996574a;border-radius:12px;box-shadow:none;overflow:hidden}
.logo-display:after{display:none}
.logo-display .company-logo{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;filter:none;border-radius:6px}
.logo-display:has(img[src$="agents.jpeg"]){background:#030403}
.logo-display:has(img[src$="investment.jpeg"]){width:100%;max-width:100%;height:280px}
.detail-hero .logo-display,.detail-hero .logo-display:has(img[src$="investment.jpeg"]){width:calc(100% - 40px);max-width:none;height:350px;margin:20px auto;padding:12px}
.detail-hero .logo-display .company-logo{max-height:none;height:100%}
.site-header{height:auto;min-height:116px;align-items:center;padding-block:10px}
.site-header .brand__logo{width:120px;height:108px;border-radius:8px;object-fit:contain}
@media(max-width:600px){.company-body{padding-inline:18px}.logo-display,.logo-display:has(img[src$="investment.jpeg"]){height:270px;margin-top:18px}.detail-hero .logo-display,.detail-hero .logo-display:has(img[src$="investment.jpeg"]){height:310px;width:calc(100% - 28px)}.site-header{align-items:center;gap:16px}.site-header .brand__logo{width:96px;height:96px}}
/* Editorial hierarchy for the vision and chairman's message. */
.intro__body p{margin:0 0 22px;line-height:2.05}
.editorial-vision{padding-block:90px}.editorial-vision h2{line-height:1.35}
.vision-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.vision-pillars article{border-top:1px solid #b99657;padding:26px 0 0}.vision-pillars span{color:#d9b978;font-size:14px;letter-spacing:2px}.vision-pillars h3{color:#f6ead3;font-size:24px;margin:18px 0 12px}.vision-pillars p{color:#ccd5cd;line-height:2;margin:0}
.chairman-section{align-items:start;gap:65px;padding-block:100px}.chairman-profile{margin:0;min-width:0}.chairman-profile .portrait-placeholder{border-radius:14px 14px 0 0;height:510px}.chairman-profile figcaption{padding:26px 18px 30px;text-align:center;background:#06251b;border:1px solid #b18e5066;border-top:0;border-radius:0 0 14px 14px}.chairman-profile .chairman-role{margin:0;color:#d4b57b;font-size:17px}.chairman-profile .chairman-name{color:#faf1df;font-size:clamp(21px,2.3vw,29px);line-height:1.7;margin-top:9px}.chairman-letter h2{line-height:1.4;margin-bottom:28px}.chairman-letter p{line-height:2.1;font-size:18px;color:#405349;margin-bottom:22px}.chairman-letter .letter-lead{font-size:21px;color:#123d2c}.chairman-letter .letter-closing{border-right:3px solid #b18e50;padding-right:20px;color:#173d2b}.chairman-letter .draft-note{font-size:12px;margin-top:25px}
.detail-content{max-width:1160px}.detail-content>p:not(.statement):not(.status){font-size:18px;line-height:2.1;max-width:960px}.detail-content>h2{margin-top:48px}.modules article{border-radius:10px;border-top:3px solid #b18e50}.modules h3{color:#174331;line-height:1.6}
@media(max-width:850px){.vision-pillars{grid-template-columns:1fr;gap:18px}.chairman-section{display:grid;grid-template-columns:1fr;gap:40px;padding-block:60px}.chairman-profile{width:100%;max-width:480px;margin-inline:auto}.chairman-profile .portrait-placeholder{height:400px}.editorial-vision{padding-block:60px}}
.chairman-photo{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:14px 14px 0 0;background:#08271f}.chairman-photo img{position:absolute;display:block;width:100%;height:auto;max-width:none;top:0;transform:translateY(-7.5%)}

.design-gallery{padding-block:85px}.design-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.design-gallery__grid>a{position:relative;display:block;min-height:440px;overflow:hidden;border-radius:12px;background:#06251b}.design-gallery__grid img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.design-gallery__grid>a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#021b15f5,transparent 75%)}.design-gallery__grid a>div{position:absolute;bottom:0;right:0;left:0;padding:28px;z-index:1;color:#fff}.design-gallery__grid span{color:#e0c48c;font-size:14px}.design-gallery__grid h3{font-size:25px;line-height:1.5;margin:12px 0 0}.hero__veil{background:linear-gradient(270deg,#02110ce0,#02110c45 75%)}@media(max-width:800px){.design-gallery__grid{grid-template-columns:1fr}.design-gallery__grid>a{min-height:380px}.design-gallery{padding-block:55px}}
.header-controls{display:flex;align-items:center;gap:24px}.language-switch{color:#f1d89c;padding:12px 8px;font-size:15px}.site-header{position:relative;z-index:20}.site-menu summary{display:flex;align-items:center;gap:12px;cursor:pointer;color:#f4e4bf;list-style:none;padding:14px;border:1px solid #b9965760;border-radius:8px}.site-menu summary::-webkit-details-marker{display:none}.hamburger{display:flex;flex-direction:column;gap:6px;width:25px}.hamburger i{display:block;width:25px;height:2px;background:#e4c78b}.site-header .site-menu nav{position:absolute;top:100%;right:0;left:0;background:#06231b;box-shadow:0 20px 35px #0005;border:1px solid #a7864a;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:30px;max-height:75vh;overflow:auto;text-align:start}.menu-section{min-width:0}.menu-section h2{font-size:17px;color:#e1c28a;margin:0 0 15px}.menu-section a{display:block;font-size:15px;line-height:1.8;padding:9px 0;border-bottom:1px solid #ffffff12}.menu-section a:hover{color:#e7ca91}.site-menu:not([open]) nav{display:none}.site-menu[open] summary{background:#14392b}
html[dir=ltr] body{direction:ltr}html[dir=ltr] .hero__veil{background:linear-gradient(90deg,#02110ce0,#02110c45 80%)}html[dir=ltr] .hero__content{text-align:left;margin-left:0;margin-right:auto}html[dir=ltr] .hero h1{font-size:clamp(38px,5vw,68px);line-height:1.15}html[dir=ltr] .chairman-letter .letter-closing{border-right:0;border-left:3px solid #b18e50;padding-right:0;padding-left:20px}html[dir=ltr] .eyebrow{letter-spacing:.08em}html[dir=ltr] h2{line-height:1.25}html[dir=ltr] .company-body h3{font-size:22px}html[dir=ltr] .hero__markers{white-space:normal;flex-wrap:wrap}html[dir=ltr] .detail-hero h1{font-size:clamp(30px,3.5vw,48px)}
@media(max-width:700px){.site-header .site-menu nav{grid-template-columns:1fr;padding:24px;gap:24px;max-height:72vh}.header-controls{gap:10px}.menu-label{display:none}.site-menu summary{padding:13px}.site-header{align-items:center!important}.site-header .brand__logo{width:90px;height:90px}html[dir=ltr] .hero__content{margin-inline:0}.language-switch{font-size:14px}}
html[dir=ltr] .hero__content{margin-left:54px;margin-right:54px}@media(max-width:700px){html[dir=ltr] .hero__content{margin-left:24px;margin-right:24px}}
.platform-guide{padding-block:65px 95px;border-top:1px solid #c9bea7}.platform-guide>h2{font-size:clamp(28px,3vw,42px);line-height:1.5;color:#123c2a}.guide-note{color:#647167;line-height:1.9;max-width:900px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.guide-columns article{background:#fffaf1;border:1px solid #d8cdb7;border-radius:12px;padding:28px}.platform-guide h3{font-size:22px;line-height:1.6;color:#22513c;margin:0 0 14px}.platform-guide p{font-size:17px;line-height:2;margin-bottom:0}.guide-journey{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding-inline-start:24px;margin-block:28px 40px}.guide-journey li{padding:14px 8px;border-top:2px solid #b18e50;line-height:1.8;color:#2f4839}.guide-journey li::marker{color:#947039;font-weight:700}.guide-example{background:#082b20;border-radius:12px;padding:32px;margin-block:32px}.guide-example h3{color:#e0c48c}.guide-example p{color:#edf0e6}@media(max-width:800px){.guide-columns{grid-template-columns:1fr;gap:18px}.guide-journey{grid-template-columns:1fr;gap:8px}.platform-guide{padding-block:45px 65px}}
.document-chapters{padding-block:60px 80px;border-top:1px solid #cfbea0}.document-chapters>h2{font-size:clamp(30px,3.6vw,48px);line-height:1.45;color:#123a2a}.chapter-intro{font-size:20px;line-height:2;max-width:1000px}.chapter-index{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 35px}.chapter-index a{border:1px solid #b69a64;padding:10px 16px;border-radius:24px;font-size:14px;color:#234634;background:#fffaf2}.chapter-index a:hover{background:#0a3325;color:#f6e6c1}.chapter-visual{margin:35px 0;border-radius:16px;overflow:hidden;background:#08271f;border:1px solid #ac8e50}.chapter-visual img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}.chapter-visual figcaption{padding:15px 22px;color:#d9c38e;font-size:13px}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:32px}.chapter-card{padding:30px;border:1px solid #d7c9b0;border-radius:12px;background:#fffaf2;scroll-margin-top:25px}.chapter-number{font-size:15px;color:#9c7939;letter-spacing:2px}.chapter-card h3,.chapter-extra h3{font-size:25px;line-height:1.6;color:#17442f;margin:15px 0}.chapter-card p,.chapter-extra p{font-size:17px;line-height:2;color:#47564d;margin:0}.chapter-extra{margin:28px 0;padding:30px;background:#e9e6db;border-inline-start:3px solid #b18e50;border-radius:8px}@media(max-width:700px){.chapter-grid{grid-template-columns:1fr}.chapter-card{padding:24px}.chapter-intro{font-size:18px}.chapter-visual img{max-height:none}.document-chapters{padding-block:40px 55px}}
.chapter-grid--single{grid-template-columns:1fr;margin-block:18px}.chapter-grid--single .chapter-card{display:grid;grid-template-columns:40px 260px 1fr;gap:24px;align-items:start}.chapter-grid--single h3{margin:0}@media(max-width:850px){.chapter-grid--single .chapter-card{display:block}}
/* Company identities: wide artwork needs a wide, uncluttered presentation. */
#companies .entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
#companies .company-body{padding-inline:26px}
#companies .logo-display{height:300px;background:#021713;border-color:#b9965738;margin-block:24px}
.logo-display:has(img[src$="03_Tamkeen_Factories_Group_Logo.png"]),
.logo-display:has(img[src$="04_Tamkeen_Sovereign_Platforms_Logo.png"]),
.logo-display:has(img[src$="humanitarian/image1.png"]),
.logo-display:has(img[src$="real-estate/image1.png"]){padding:0;background:#021713;border-radius:10px}
.detail-hero .logo-display:has(img[src$="03_Tamkeen_Factories_Group_Logo.png"]),
.detail-hero .logo-display:has(img[src$="04_Tamkeen_Sovereign_Platforms_Logo.png"]),
.detail-hero .logo-display:has(img[src$="humanitarian/image1.png"]),
.detail-hero .logo-display:has(img[src$="real-estate/image1.png"]){height:auto;aspect-ratio:2/1;width:calc(100% - 24px);margin:16px auto}
#companies .logo-display .company-logo{border-radius:0}
#companies .company-body h3{font-size:25px;max-width:28ch}
@media(max-width:700px){#companies .entity-grid{grid-template-columns:minmax(0,1fr);gap:26px}#companies .company-body{padding-inline:14px}#companies .logo-display{height:auto;aspect-ratio:1.65/1;margin-block:18px}#companies .logo-display:has(img[src$="Tamkeen_AI_City_Approved_Logo.jpeg"]){aspect-ratio:1.15/1}#companies .company-body h3{font-size:22px}}
/* Show the original emblem at readable scale; company names are live text below. */
#top .logo-display.logo-display--symbol{position:relative;width:240px;max-width:100%;height:288px;aspect-ratio:auto;padding:0;margin:24px auto;border:0;border-radius:0;background:#021713;box-shadow:none;overflow:hidden}
#top .logo-display.logo-display--symbol .company-logo{position:absolute;left:0;right:auto;top:0;display:block;width:576px;max-width:none;height:288px;max-height:none;object-fit:fill;border-radius:0;margin:0;padding:0}
#top .detail-hero .logo-display.logo-display--symbol{margin:18px auto}
@media(max-width:360px){#top .logo-display.logo-display--symbol{width:200px;height:240px}#top .logo-display.logo-display--symbol .company-logo{width:480px;height:240px}}
/* Constrain intrinsic image dimensions to the logo frame, including CSS grid. */
#top .logo-display:not(.logo-display--symbol){position:relative}
#top .logo-display:not(.logo-display--symbol) .company-logo{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center;margin:0;padding:0}
/* Prominent master brand, with readable dimensions on mobile. */
#top .site-header .brand__logo{width:190px;height:160px;object-fit:contain}
#top .site-header{min-height:176px}
@media(max-width:700px){#top .site-header .brand__logo{width:140px;height:122px}#top .site-header{min-height:140px;gap:12px}#top .header-controls{gap:6px}}