/* Emerald stone and warm metal unify the official platform. */
:root{--gold:#d0b476;--ink:#f3efe5;--muted:#c2c8bf;--luxury-line:#c8a96b42;color-scheme:dark}
body{background:#081410 url('/assets/luxury-emerald-gold-background.png') center top/cover fixed;color:var(--ink)}
body>header{height:74px;background:#07130ff2;border-bottom:1px solid var(--luxury-line);box-shadow:0 6px 26px #0003;backdrop-filter:blur(18px)}
body>header .brand-signature{height:62px;width:78px}
main{padding-top:74px}html{scroll-padding-top:94px}
#menu-toggle span{background:#dfc997}
#language{color:#eee6d1;border:1px solid var(--luxury-line);padding:8px 14px;min-width:100px;appearance:none;background:#112019;border-radius:0}
#language option{background:#102018;color:#f3efe5}
#main-menu{top:74px;background:#0a1b15f7;border-bottom:1px solid var(--luxury-line);box-shadow:0 20px 45px #0006;max-height:calc(100svh - 74px)}
#main-menu a{color:#e8e9df}#main-menu h2{color:#d8bc7e}
.hero{background:transparent;min-height:680px;height:calc(100svh - 74px);max-height:950px;display:flex;align-items:center;border-bottom:1px solid var(--luxury-line)}
.hero-copy,[dir=ltr] .hero-copy{width:47%;margin:0;margin-inline-start:6%;padding:60px 0;position:relative;z-index:2}
.hero h1,[dir=ltr] .hero h1{font-size:clamp(42px,4.5vw,74px);line-height:1.65;margin-bottom:24px}
.hero .identity-name{color:#f4e4bd;text-shadow:0 3px 26px #0008}
.hero .title-prefix{font-size:17px;color:#d5bb80;margin-bottom:20px}
.hero .position{font-size:20px;color:#d6dcd2;margin-bottom:22px;max-width:540px}
.hero-links,[dir=ltr] .hero-links{gap:28px;flex-wrap:wrap;margin-top:30px}
.hero-links a,[dir=ltr] .hero-links a{font-size:18px;color:#eee5d0}
.hero-links a:after{background:#bda36a;width:65%}
.hero .portrait-composition{width:35%;inset:9% auto 9% 6%;border:1px solid #d1b5757a;padding:12px;background:#14251b80;box-shadow:0 35px 70px #0007}
.hero .portrait{inset:12px;width:auto;border:1px solid #a68b4d35}
.hero .portrait img{object-position:50% 23%;filter:saturate(.7) brightness(.87);width:100%;height:100%;object-fit:cover}
.hero .portrait:after{background:linear-gradient(0deg,#05110d6b,transparent 42%)}
[dir=ltr] .hero .portrait-composition{left:auto;right:6%}
[dir=ltr] .hero h1{line-height:1.2;font-size:clamp(36px,4.1vw,65px)}
.teaser-section,.section,.approach,.photo-journal,.directory,.feature-expanded,.company-related,.social-main,.social-intro{background:transparent}
.teaser-section{padding-block:80px}.small-title{color:#dfc58a}.small-title:before{width:3px;height:25px}
.teaser-grid>a,.group-card,.web-card{border:1px solid var(--luxury-line);background:#0b1c16;box-shadow:0 16px 34px #0003}
.teaser-grid>a::after,.group-card::after{background:linear-gradient(145deg,#14291e,#08140f)}
.teaser-grid>a:hover,.web-card:hover{border-color:#c7a65b9c;box-shadow:0 18px 38px #0005}
.teaser-grid p,.group-card p,.web-card p{color:#c7cbbd}.teaser-grid span,.web-card .profile-link,.web-card .type,.group-card a{color:#e0c892}
.web-card>.type{color:#c9b681}.web-card h3{color:#f5edda}.web-card .profile-link{border-top:1px solid var(--luxury-line);padding-top:16px}
.approach{padding-block:40px 80px}.approach p{color:#ece7d8}.approach a{color:#c4cabc}
.feature-banner{border-block:1px solid var(--luxury-line)}
.feature-content h2{color:#e3c88a}.more{color:#ead5a4;border-color:#bfa76e;background:#0c191870;min-height:48px}
.more:hover{background:#d4ba7e;color:#0a160f}
.section h2,.journal-heading h2,.company-directory h1{color:#dec58f}
.prose p,.about .prose p,.humanity-content p,.section-intro,.detail-intro,.company p,.markets p:last-child,.other-markets p,.company-lead,.company-detail-list p,.company-narrative p,.profile-grid p{color:#c5cbbb}
.about .prose h3,.company-narrative h3,.humanity-content h3,.markets h3{color:#eee1bd}
.section-heading>p{color:#c5cbbb}.eyebrow{color:#c5ae75}
.portfolio,.company,.other-markets,.humanity-content article+article,.company-detail-list article,.company-narrative{border-color:var(--luxury-line)}
.portfolio summary{list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center;color:#e9dcc0}
.portfolio summary::-webkit-details-marker{display:none}
.portfolio summary::after{content:'+';font:24px Georgia,serif;color:#d2b779;flex-shrink:0}
.portfolio[open] summary::after{content:'−'}
.markets article{background:#0c1c146e;border-top:1px solid #ceb27290;padding:28px}.markets h3{font-size:25px}
.photo-frame{border:1px solid var(--luxury-line);padding:6px;background:#14271d;box-shadow:0 20px 45px #0005}
.company-hero,.company-hero-image,.profile-cover{background:#07110ed9}
.company-hero-copy{background:transparent}.company-hero-copy>p{color:#d5c8a2}
.profile-grid article{background:#102219d9;border:1px solid var(--luxury-line)}
.company-visit,.profile-link{color:#e0c58a}.company-story,.company-directory{background:#08171088}
.social-intro{border-bottom:1px solid var(--luxury-line)}
.social-account{background:linear-gradient(135deg,#152e22eb,#07170fd9);border-color:#c2a26766;box-shadow:0 20px 45px #0004}
.social-intro>p,.social-account figcaption{color:#cbd0c3}
footer{background:#06110edf;border-top:1px solid var(--luxury-line);color:#c9cbbb}
.contact-strip,.footer-bottom{border-color:var(--luxury-line)}
.contact-strip h2,.footer-main h3{color:#dbc38c}.contact-strip>a{color:#f1e4c8}
.footer-main a,.footer-bottom,footer>p{color:#c2c9b9}.social-page-link{color:#e2c58c;border-color:#c5a76466}
.name-arrow,.social-arrow,.circle-arrow{display:none!important}
.royal-hero-logo{display:block;width:140px;height:140px;object-fit:contain;margin:0 0 26px;filter:drop-shadow(0 10px 20px #0006)}
.footer-main{grid-template-columns:repeat(3,minmax(0,1fr))}
.personal-signoff{border-top:1px solid var(--luxury-line);margin-top:32px;padding:34px 0 12px;display:flex;justify-content:center}
.personal-signoff .footer-logo{width:220px;height:220px;object-fit:contain;margin:0}
@media(max-width:700px){.royal-hero-logo{width:120px;height:120px;margin:0 auto 20px}.footer-main{grid-template-columns:1fr;gap:24px}.personal-signoff .footer-logo{width:190px;height:190px}}
/* The company keeps its official building photograph and logo only. */
.teaser-grid>a[style*="riasah-building-refined.png"]::before,.group-card[style*="riasah-building-refined.png"]::before{background-size:cover;background-position:left center}
.card-image img[src$="riasah-building-refined.png"],.profile-cover img[src$="riasah-building-refined.png"]{object-fit:cover}
.company-hero-image[src$="riasah-building-refined.png"]{object-fit:cover;height:clamp(270px,45vw,620px)}
.official-company-logo{width:min(100%,420px);height:auto;margin:0 0 32px;border:1px solid var(--luxury-line)}
.teaser-grid h3,.group-card h3,.web-card h3,.company-hero h1,.profile-grid h2,.business-facts strong,.humanity-facts strong{color:#dfc58c}
.card-image:has(img[src$="metabot-logo-official.png"]),.profile-cover:has(img[src$="metabot-logo-official.png"]){background:radial-gradient(ellipse at center,#223129,#081610)}
img[src$="metabot-logo-official.png"]{padding:24px;object-fit:contain!important}
.company-hero-image[src$="metabot-logo-official.png"]{height:clamp(210px,28vw,400px);padding:clamp(24px,5vw,70px);background:transparent}
.teaser-grid>a[style*="metabot-logo-official.png"]::before,.group-card[style*="metabot-logo-official.png"]::before{background-size:85% auto;background-color:#0b1712}
.card-image:has(img[src$="siyada-official-gold.png"]),.profile-cover:has(img[src$="siyada-official-gold.png"]){background:radial-gradient(ellipse at center,#1d3427,#081610)}
img[src$="siyada-official-gold.png"]{padding:24px;object-fit:contain!important}
.company-hero-image[src$="siyada-official-gold.png"]{height:clamp(210px,28vw,400px);padding:clamp(30px,6vw,80px);background:transparent}
.card-image:has(img[src$="himmat-insan-gold.png"]),.profile-cover:has(img[src$="himmat-insan-gold.png"]){background:radial-gradient(ellipse at center,#233427,#0a1710)}
img[src$="himmat-insan-gold.png"]{padding:24px;object-fit:contain!important}
.company-hero-image[src$="himmat-insan-gold.png"]{padding:40px;background:transparent}
@media(max-width:1000px){.hero-copy,[dir=ltr] .hero-copy{width:47%}.hero h1{font-size:47px}.hero .portrait-composition{width:36%;inset-block:14%}.hero-links,[dir=ltr] .hero-links{gap:17px}.hero-links a,[dir=ltr] .hero-links a{font-size:16px}}
@media(max-width:700px){
 body{background-size:auto 1100px;background-attachment:scroll;background-repeat:repeat-y}
 body>header{height:68px;padding-inline:6%}body>header .brand-signature{height:57px;width:70px}main{padding-top:68px}
 #main-menu{top:68px;max-height:calc(100svh - 68px)}#language{font-size:13px;padding:7px 10px;min-width:93px}
 .hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;gap:34px;padding:45px 7% 44px}
 .hero-copy,[dir=ltr] .hero-copy{width:100%;margin:0;padding:0;text-align:center}
 .hero h1{font-size:clamp(34px,9vw,46px);line-height:1.7;margin-bottom:13px}
 [dir=ltr] .hero h1{font-size:35px;line-height:1.25}
 .hero .title-prefix{font-size:16px;margin-bottom:10px}.hero .position{font-size:17px;max-width:none;margin-bottom:18px}
 .hero-links,[dir=ltr] .hero-links{justify-content:center;gap:14px 23px;margin-top:20px}
 .hero .portrait-composition,[dir=ltr] .hero .portrait-composition{position:relative;inset:auto;width:100%;max-width:340px;aspect-ratio:4/5;padding:8px}
 .hero .portrait{inset:8px}.hero .portrait img{object-position:50% 25%}
 .teaser-section{padding-block:52px}.teaser-grid{display:grid;grid-template-columns:1fr;overflow:visible;gap:25px}
 .teaser-grid>a{min-height:440px}.approach{padding-block:20px 48px}.approach p{font-size:25px}
 .markets article{padding:22px}.portfolio summary{font-size:19px;line-height:1.8}.contact-strip>a{font-size:18px}
}


/* A photographic scene and its quiet brand alcove form one composition. */
:root{--signature-gold:#e8c16c;--gold:var(--signature-gold)}
.personal-signoff .footer-logo{width:min(280px,62vw);height:auto;max-width:100%;object-fit:contain;filter:none}
.royal-hero-logo{width:172px;height:172px}
.teaser-grid>a.branded-company,.group-card.branded-company{padding:0 0 28px;min-height:0;display:flex;flex-direction:column}
.teaser-grid>a.branded-company::before,.teaser-grid>a.branded-company::after,.group-card.branded-company::before,.group-card.branded-company::after{display:none}
.teaser-grid>a.branded-company>:not(.brand-composition):not(.brand-scene),.group-card.branded-company>:not(.brand-composition):not(.brand-scene){margin-inline:28px}
.teaser-grid>a.branded-company>small,.group-card.branded-company>.number{margin-top:24px}
.branded-company{position:relative;--brand-ground:#071813}
.branded-company[data-brand=metabot]{--brand-ground:#080b0b}
.branded-company[data-brand=tamkeen-siyada]{--brand-ground:#071813}
.branded-company[data-brand=himmat-insan]{--brand-ground:#071813}
.branded-company[data-brand=tamkeen-humanity]{--brand-ground:#111b13}
.brand-composition,.web-card .card-image.brand-composition,.profile-cover.brand-composition{
 position:relative;display:grid;grid-template-columns:minmax(0,var(--scene-share,57fr)) minmax(0,var(--logo-share,43fr));
 direction:ltr;aspect-ratio:1.65;height:auto;width:100%;min-width:0;overflow:hidden;
 background:var(--brand-ground,#071813)
}
.branded-company[data-brand=metabot],.branded-company[data-brand=tamkeen-estate],.branded-company[data-brand=tamkeen-humanity],.branded-company[data-brand=tamkeen-siyada]{--scene-share:53fr;--logo-share:47fr}
.brand-scene{position:relative;width:100%;height:100%;min-width:0;overflow:hidden}
.brand-scene>img:not(.corporate-mark),.web-card .card-image .brand-scene>img,.profile-cover .brand-scene>img,.company-brand-scene .brand-scene>.company-hero-image{
 display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover!important;padding:0;margin:0;background:transparent
}
.brand-composition>.brand-scene::after{
 content:'';position:absolute;inset:0 0 0 auto;width:24%;pointer-events:none;
 background:linear-gradient(90deg,transparent,var(--brand-ground,#071813))
}
.brand-logo-space{
 position:relative;display:flex;justify-content:center;align-items:center;direction:ltr;
 padding:22px 16px 22px 6px;width:100%;height:100%;min-width:0;
 background:radial-gradient(ellipse at 65% 44%,#e8c16c0b,transparent 68%),var(--brand-ground,#071813)
}
.branded-company .brand-logo-space img.corporate-mark,
.web-card .card-image .brand-logo-space img.corporate-mark,
.profile-cover .brand-logo-space img.corporate-mark{
 position:static;inset:auto;display:block;width:100%;height:auto;max-width:240px;max-height:78%;
 object-fit:contain!important;object-position:center;padding:0!important;margin:0;
 filter:sepia(.16) saturate(.93) brightness(1.13);
 background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important
}
.branded-company[data-brand=elite-grip] .brand-logo-space img.corporate-mark{width:82%;max-width:160px}
.branded-company[data-brand=mattgur] .brand-logo-space img.corporate-mark{filter:invert(83%) sepia(40%) saturate(686%) hue-rotate(343deg) brightness(100%) contrast(88%)}
.company-brand-scene{position:relative;width:100%;overflow:hidden}
.company-brand-scene.brand-composition{aspect-ratio:2.2}
.company-brand-scene .brand-logo-space{padding:9%}
.company-brand-scene .brand-logo-space img.corporate-mark{max-width:420px}
.company-brand-scene+.company-hero-copy{padding-top:26px}
.web-card>.type{margin-top:22px}
.riasah-building-media,.card-image.riasah-building-media,.profile-cover.riasah-building-media,.company-brand-scene.riasah-building-media{
 aspect-ratio:512/388!important;height:auto!important;
 background:#101510 url('/assets/official-riasah.jpeg') left top/258% 184.8% no-repeat!important
}
.riasah-original-photo{visibility:hidden!important}
.company-brand-scene.riasah-building-media>.riasah-original-photo{position:absolute;height:100%;width:100%}
.teaser-grid h3,.teaser-grid h3 a,.group-card h3,.group-card h3 a,.web-card h3,.web-card h3 a,.company-hero h1,.company-hero h1 a,.profile-grid h2,.profile-grid h2 a,.business-facts strong,.humanity-facts strong,.portfolio h3,.company h3{color:var(--signature-gold)}
@media(max-width:700px){
 .royal-hero-logo{width:150px;height:150px}
 .brand-composition,.web-card .card-image.brand-composition,.profile-cover.brand-composition{aspect-ratio:1.55}
 .company-brand-scene.brand-composition{aspect-ratio:1.55}
 .company-brand-scene .brand-logo-space{padding:22px 16px 22px 6px}
 .personal-signoff{padding-block:36px 16px}
}

/* Complete group panoramas retain the space designed into their imagery. */
.branded-company[data-brand=tamkeen-group] .brand-composition,
.company-brand-scene.brand-composition[data-brand=tamkeen-group]{
 display:block;aspect-ratio:16/9
}
.branded-company[data-brand=tamkeen-group] .brand-scene,
.company-brand-scene[data-brand=tamkeen-group]>.brand-scene{height:100%;width:100%}
.branded-company[data-brand=tamkeen-group] .brand-scene::after{display:none}
.branded-company[data-brand=tamkeen-group] .brand-logo-space{
 position:absolute;right:2%;top:5%;width:31%;height:90%;padding:5%;background:transparent
}
.branded-company[data-brand=tamkeen-group] .brand-logo-space img.corporate-mark{max-height:92%;max-width:100%;width:100%}
.branded-company[data-brand=elite-grip]>.brand-scene{aspect-ratio:16/9;height:auto}
.branded-company[data-brand=elite-grip].card-image,
.branded-company[data-brand=elite-grip].profile-cover{height:auto;aspect-ratio:16/9}
.branded-company[data-brand=elite-grip].card-image>img,
.branded-company[data-brand=elite-grip].profile-cover>img,
.company-brand-scene[data-brand=elite-grip]>.company-hero-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.company-brand-scene.brand-composition[data-brand=tamkeen-estate],
.company-brand-scene.brand-composition[data-brand=tamkeen-siyada],
.company-brand-scene.brand-composition[data-brand=himmat-insan]{aspect-ratio:1.6}
/* Preserve Meta Bot's official full image, with its mark in the quiet right side. */
.branded-company[data-brand=metabot] .brand-composition,.branded-company.brand-composition[data-brand=metabot]{display:block;aspect-ratio:16/9}
.branded-company[data-brand=metabot] .brand-scene{height:100%;width:100%}
.branded-company[data-brand=metabot] .brand-scene::after{display:none}
.branded-company[data-brand=metabot] .brand-logo-space{position:absolute;right:3%;top:7%;width:39%;height:80%;padding:4%;background:transparent}
.branded-company[data-brand=metabot] .brand-logo-space img.corporate-mark{max-width:100%;max-height:90%;width:100%}

/* Amiri gives the Arabic company names a formal calligraphic rhythm. */
@font-face{font-family:Amiri;src:url('/assets/fonts/amiri-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
html[lang=ar] .teaser-grid h3,html[lang=ar] .group-card h3,html[lang=ar] .web-card h3,html[lang=ar] .profile-grid h2,html[lang=ar] .company-detail-list h3,html[lang=ar] .company-list h3,html[lang=ar] .company-hero h1{
 font-family:Amiri,'Times New Roman',serif;font-weight:700;letter-spacing:0;line-height:1.7;color:var(--signature-gold);text-wrap:pretty
}
html[lang=ar] .teaser-grid h3,html[lang=ar] .group-card h3,html[lang=ar] .web-card h3,html[lang=ar] .profile-grid h2{font-size:clamp(27px,2.4vw,35px)}
html[lang=ar] .company-hero h1{font-size:clamp(36px,4.4vw,60px)}

/* One building component is shared by both Riasah placements. */
.web-card .card-image.riasah-building-card,.profile-cover.riasah-building-card{height:auto;aspect-ratio:auto;background:transparent;display:block}
.riasah-building-card>.brand-scene.riasah-building-media{width:100%;display:block}
/* Match the official Tamkeen symbol/name arrangement. */
@font-face{font-family:'Cairo Brand';src:url('/assets/fonts/cairo-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.logistics-official-lockup{display:flex;align-items:center;gap:9px;width:100%;direction:rtl}
.logistics-official-name{font-family:'Cairo Brand',Tahoma,sans-serif;font-size:clamp(12px,1.25vw,18px);font-weight:700;line-height:1.85;color:var(--signature-gold);text-align:right;flex:1;min-width:0}
.branded-company[data-brand=tamkeen-logistics] .brand-logo-space{padding:18px 10px 18px 5px}
.branded-company[data-brand=tamkeen-logistics] .brand-logo-space img.corporate-mark{width:32%;max-width:84px;max-height:none;flex:none;filter:none}
.company-brand-scene[data-brand=tamkeen-logistics] .logistics-official-name{font-size:clamp(14px,2.1vw,28px)}
.company-brand-scene[data-brand=tamkeen-logistics] .brand-logo-space{padding:5%}
/* Display Siyada's original transparent logo without a color filter. */
.branded-company[data-brand=tamkeen-siyada] .brand-logo-space{padding:18px 9px 18px 3px}
.branded-company[data-brand=tamkeen-siyada] .brand-logo-space img.corporate-mark{width:100%;max-width:100%;max-height:92%;filter:none}
/* The logos occupy the quiet walls designed into these complete scenes. */
.branded-company[data-brand=tamkeen-humanity] .brand-composition,
.branded-company.brand-composition[data-brand=tamkeen-humanity],
.branded-company[data-brand=himmat-insan] .brand-composition,
.branded-company.brand-composition[data-brand=himmat-insan]{display:block;aspect-ratio:16/9}
.branded-company[data-brand=tamkeen-humanity] .brand-scene,
.branded-company[data-brand=himmat-insan] .brand-scene{height:100%;width:100%}
.branded-company[data-brand=tamkeen-humanity] .brand-scene::after,
.branded-company[data-brand=himmat-insan] .brand-scene::after{display:none}
.branded-company[data-brand=tamkeen-humanity] .brand-logo-space{position:absolute;right:2%;top:5%;width:31%;height:62%;padding:0;background:transparent}
.branded-company[data-brand=himmat-insan] .brand-logo-space{position:absolute;right:4%;top:7%;width:38%;height:71%;padding:2%;background:transparent}
.branded-company[data-brand=tamkeen-humanity] .brand-logo-space img.corporate-mark,
.branded-company[data-brand=himmat-insan] .brand-logo-space img.corporate-mark{width:100%;max-width:100%;max-height:90%}

/* The selected geometric monogram uses refined gold and a transparent silhouette. */
body>header .brand-signature{width:64px;height:62px;object-fit:contain;object-position:center;filter:none}
.royal-hero-logo{width:170px;height:176px;object-fit:contain;object-position:center;margin-bottom:24px;filter:drop-shadow(0 6px 14px #0005)}
.hero .identity-name{color:var(--signature-gold)}
@media(max-width:700px){body>header .brand-signature{width:58px;height:57px}.royal-hero-logo{width:150px;height:155px;margin:0 auto 18px}}

/* Purpose-designed architectural walls keep each official mark clear of the vista. */
.branded-company[data-brand=ain-tamkeen] .brand-composition,
.branded-company.brand-composition[data-brand=ain-tamkeen],
.branded-company[data-brand=tamkeen-ai-city] .brand-composition,
.branded-company.brand-composition[data-brand=tamkeen-ai-city],
.branded-company[data-brand=tamkeen-estate] .brand-composition,
.branded-company.brand-composition[data-brand=tamkeen-estate]{display:block;aspect-ratio:16/9}
.branded-company:is([data-brand=ain-tamkeen],[data-brand=tamkeen-ai-city],[data-brand=tamkeen-estate]) .brand-scene{width:100%;height:100%}
.branded-company:is([data-brand=ain-tamkeen],[data-brand=tamkeen-ai-city],[data-brand=tamkeen-estate]) .brand-scene::after{display:none}
.branded-company[data-brand=ain-tamkeen] .brand-logo-space{position:absolute;right:3%;top:12%;width:34%;height:66%;padding:3%;background:transparent}
.branded-company[data-brand=tamkeen-ai-city] .brand-logo-space{position:absolute;right:2%;top:12%;width:32%;height:65%;padding:2%;background:transparent}
.branded-company[data-brand=tamkeen-estate] .brand-logo-space{position:absolute;right:3%;top:37%;width:35%;height:39%;padding:1%;background:transparent}
.branded-company:is([data-brand=ain-tamkeen],[data-brand=tamkeen-ai-city],[data-brand=tamkeen-estate]) .brand-logo-space img.corporate-mark{width:100%;max-width:100%;max-height:100%;filter:none}

/* Complete Riasah facade, shared in the overview, directory and profile. */
.riasah-building-media,.card-image.riasah-building-media,.profile-cover.riasah-building-media,.company-brand-scene.riasah-building-media{aspect-ratio:16/9!important;height:auto!important;background:transparent!important}
.riasah-building-media>img.riasah-original-photo{visibility:visible!important;position:static!important;display:block;width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover!important}
/* Logo positions correspond to the quiet stone walls in the generated scenes. */
.branded-company[data-brand=tamkeen-siyada] .brand-composition,
.branded-company.brand-composition[data-brand=tamkeen-siyada],
.branded-company[data-brand=tamkeen-logistics] .brand-composition,
.branded-company.brand-composition[data-brand=tamkeen-logistics]{display:block;aspect-ratio:16/9}
.branded-company:is([data-brand=tamkeen-siyada],[data-brand=tamkeen-logistics]) .brand-scene{width:100%;height:100%}
.branded-company:is([data-brand=tamkeen-siyada],[data-brand=tamkeen-logistics]) .brand-scene::after{display:none}
.branded-company[data-brand=tamkeen-siyada] .brand-logo-space{position:absolute;right:3%;top:10%;width:41%;height:54%;padding:0;background:transparent}
.branded-company[data-brand=tamkeen-logistics] .brand-logo-space{position:absolute;right:2%;top:6%;width:31%;height:72%;padding:0;background:transparent}
.branded-company:is([data-brand=tamkeen-siyada],[data-brand=tamkeen-logistics]) .brand-logo-space img.corporate-mark{width:100%;max-width:100%;max-height:100%;filter:none}

/* Two size steps strengthen the city mark within its architectural wall. */
.branded-company[data-brand=tamkeen-ai-city] .brand-logo-space img.corporate-mark{transform:scale(1.2)!important;transform-origin:center}
