@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cormorant+Garamond:wght@500;600&display=swap');

/* A single, complete name with a consistent typographic hierarchy. */
.hero-copy{width:78%;max-width:1100px}
.hero h1{font-size:clamp(38px,5.1vw,78px);line-height:1.65;margin:0 0 20px;font-weight:400}
.hero .identity-name{display:block;font-family:'Amiri',serif;font-weight:400;color:#f8f3e6;text-shadow:0 2px 25px #0005}
.hero .title-prefix{font-family:'Tajawal',sans-serif;font-size:18px;line-height:1.6;color:#d6bd83;margin-bottom:13px;font-weight:400}
.hero .position{font-size:20px;color:#eee7d7;line-height:1.8}
[dir=ltr] .hero h1{font-size:clamp(34px,4.6vw,70px);line-height:1.2;max-width:950px}
[dir=ltr] .hero .identity-name{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:.035em}
[dir=ltr] .hero .title-prefix{font-size:17px;letter-spacing:.18em;margin-bottom:20px}
.hero-links{margin-top:28px}
.hero-links a{font-size:19px;padding-bottom:10px;border-color:#c7ac6a88}

/* Image-backed group panels: the text remains comfortably readable. */
.teaser-grid>a,.group-card{position:relative;isolation:isolate;overflow:hidden;background:#151b1e;color:#fff;border:1px solid #a38b5540;border-radius:2px}
.teaser-grid>a::before,.group-card::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--card-image);background-position:center;background-size:cover;transition:transform .7s ease}
.teaser-grid>a::after,.group-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07101828 0%,#071018b8 48%,#071018f7 100%)}
.teaser-grid>a{min-height:350px;justify-content:flex-end;padding:28px;display:flex;flex-direction:column}
.teaser-grid h3{font-size:23px;line-height:1.55;margin:18px 0;color:#fff;font-weight:500}
.teaser-grid p,.teaser-grid small{color:#e5ddd0;line-height:1.8}
.teaser-grid span{color:#ecd6a1}
.group-card{padding:38px;min-height:410px;justify-content:flex-end}
.group-card .number{color:#e6c987;letter-spacing:.15em}
.group-card h3{font-size:28px;line-height:1.65;font-weight:500;margin:18px 0 15px}
.group-card p{font-size:18px;line-height:1.9;color:#e5e5df;max-width:600px}
.teaser-grid>a:hover::before,.group-card:hover::before{transform:scale(1.025)}
.group-card .company-name-link:hover,.web-card .company-name-link:hover{color:#ecd6a1!important}
.group-card .name-arrow,.web-card .name-arrow{color:#e6c987}

/* The directory uses uninterrupted photographs rather than small thumbnails. */
.directory{background:#f3f1ec}
.website-grid{gap:24px}
.web-card{position:relative;isolation:isolate;overflow:hidden;min-height:475px;padding:30px;justify-content:flex-end;background:#111a20;color:#fff;border:1px solid #a38b5540;border-radius:2px}
.web-card .card-image{position:absolute;inset:0;margin:0;padding:0;aspect-ratio:auto;border:0;z-index:0;height:100%;width:100%}
.web-card .card-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s ease}
.web-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06101805 0%,#06101855 28%,#061018e6 67%,#061018fa 100%);z-index:1;pointer-events:none}
.web-card>.type,.web-card>h3,.web-card>p,.web-card>.profile-link{position:relative;z-index:2}
.web-card>.type{margin-top:145px;color:#edce8c;font-size:13px;line-height:1.7;margin-bottom:14px}
.web-card h3{font-size:25px;font-weight:500;line-height:1.6;margin-bottom:15px;color:#fff}
.web-card p{color:#e0e4e5;line-height:1.8;font-size:17px;margin-bottom:24px}
.web-card .profile-link{border-top:1px solid #dec38a60;color:#edce8c;font-size:15px;margin-top:0;padding-top:17px;line-height:1.5}
.web-card:hover .card-image img{transform:scale(1.035)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b59755;outline-offset:5px}
.company-detail-list h3,.company h4{line-height:1.8}
.profile-grid article{border-color:#d9d0bd;background:#f9f7f2}
.profile-grid article>div{padding:28px}
.profile-grid h2{font-weight:500}
.company-hero-copy h1{font-size:clamp(30px,4.3vw,60px)}
.company-hero-copy{padding-bottom:85px}
@media(min-width:1500px){.hero-copy{width:72%}}
@media(max-width:1050px){.teaser-grid>a{min-height:330px}.group-card h3{font-size:24px}.group-card{padding:30px}.web-card{padding:26px;min-height:455px}}
@media(max-width:700px){
 .hero-copy,[dir=ltr] .hero-copy{width:88%;margin:0 6%;padding-top:30px}
 .hero h1{font-size:clamp(32px,8.5vw,48px);line-height:1.7;max-width:100%;margin-bottom:20px}
 .hero .identity-name{word-break:normal;overflow-wrap:normal}
 .hero .title-prefix,[dir=ltr] .hero .title-prefix{font-size:16px;margin-bottom:14px}
 .hero .position{font-size:17px;max-width:90%;line-height:1.9}
 [dir=ltr] .hero h1{font-size:clamp(32px,8.5vw,44px);line-height:1.2}
 .hero-links a,[dir=ltr] .hero-links a{font-size:16px}
 .teaser-grid>a{min-height:335px;padding:26px;flex-basis:87%}
 .teaser-grid h3{font-size:23px}
 .group-card{min-height:415px;padding:28px}
 .group-card h3{font-size:25px}.group-card p{font-size:17px}
 .website-grid{gap:22px}.web-card{min-height:470px;padding:28px}
 .web-card h3{font-size:24px}.web-card>.type{margin-top:160px}
 .company-hero-copy{padding-bottom:80px}
}
@media(prefers-reduced-motion:reduce){.web-card img,.group-card::before,.teaser-grid>a::before{transition:none}}

.contact-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:35px;margin-bottom:40px;border-bottom:1px solid #d7cdbb;scroll-margin-top:100px}.contact-strip h2{margin:0;color:#9b8048;font-size:25px;font-weight:500}.contact-strip>a{display:inline-block;font-size:clamp(16px,2.2vw,26px);color:#3f4545;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}.contact-strip>a:hover{color:#9b8048}.contact-strip>a span{color:#ac9258;margin-inline-start:10px}.contact-strip [data-contact-lang]{display:none}html[lang="ar"] .contact-strip [data-contact-lang="ar"],html[lang="en"] .contact-strip [data-contact-lang="en"],html[lang="id"] .contact-strip [data-contact-lang="id"],html[lang="tr"] .contact-strip [data-contact-lang="tr"]{display:inline}@media(max-width:700px){.contact-strip{align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:25px;margin-bottom:30px}.contact-strip h2{font-size:23px}}

/* Keep supplied corporate identities fully visible, with a dedicated text panel. */
.web-card{padding:0;justify-content:flex-start;min-height:0;background:linear-gradient(135deg,#182022,#0c1214);box-shadow:0 14px 34px #15201912}
.web-card .card-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/10;z-index:0;background:#10181a;margin:0;flex:none}
.web-card .card-image img{object-fit:contain;transform:none!important}
.web-card::after{display:none}
.web-card>.type{margin:26px 28px 12px}
.web-card>h3,.web-card>p{margin-inline:28px}
.web-card>.profile-link{margin:0 28px 28px;padding-top:18px;margin-top:auto}
.group-card,.teaser-grid>a{padding-top:240px;min-height:490px;justify-content:flex-start}
.group-card::before,.teaser-grid>a::before{inset:0 0 auto;height:215px;background-size:contain;background-repeat:no-repeat;background-color:#0c1417;transform:none!important}
.group-card::after,.teaser-grid>a::after{background:linear-gradient(150deg,#192226,#0c1214);inset:215px 0 0}
.group-card{padding-top:275px}.group-card::before{height:245px}.group-card::after{top:245px}
.company-hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;align-items:stretch;background:#101719;overflow:visible}
.company-hero::after{display:none}
.company-hero-image{position:relative;inset:auto;z-index:0;width:100%;height:clamp(260px,43vw,620px);object-fit:contain;background:#101719}
.company-hero-copy{position:relative;width:84%;margin:0 8%;padding:44px 0 50px}
.company-hero-copy h1{max-width:1100px;font-size:clamp(28px,3.7vw,54px);margin-bottom:24px}
.image-caption{position:static;padding:0 8% 22px;font-size:12px;color:#b9b4a8}
.profile-cover{background:#101719;aspect-ratio:16/10}.profile-cover img{object-fit:contain;transform:none!important}
.brand-gallery{max-width:1150px;margin:auto}.brand-gallery img{width:100%;height:auto;max-width:940px;margin:auto;border:1px solid #b79d5d44}
.brand-signature{width:63px;height:49px}.footer-logo{width:180px;height:170px}
.markets{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.markets .country-egypt{grid-column:3;grid-row:2}
[data-contact-lang]{display:none}html[lang="ar"] [data-contact-lang="ar"],html[lang="en"] [data-contact-lang="en"],html[lang="id"] [data-contact-lang="id"],html[lang="tr"] [data-contact-lang="tr"]{display:inline}
.social-page-link{display:inline-block;color:#8a713a;font-size:21px;margin:0 0 28px;border-bottom:1px solid #a9915866;padding-bottom:9px}
.social-main{background:#101618;color:#f4f0e7;min-height:90vh;padding-bottom:80px}
.social-intro{text-align:center;padding:55px 6% 40px;background:radial-gradient(ellipse at 50% 0,#34413e,#101618 70%)}
.social-intro>img{width:190px;height:180px;object-fit:contain;margin:0 auto 22px}.social-intro>p:first-of-type{font:12px Georgia,serif;letter-spacing:.23em;color:#c8af75}.social-intro h1{font-size:clamp(32px,4vw,52px);font-weight:500;margin:20px 0 14px}.social-intro>p{color:#bdb8aa}
.social-cards{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;width:84%;max-width:1160px;margin:15px auto}
.social-account{border:1px solid #bba06755;padding:34px;background:linear-gradient(135deg,#222c2d,#121a1c);display:flex;gap:28px;align-items:center;justify-content:space-between}
.social-account h2{font-size:30px;font-weight:500;margin-bottom:10px}.social-account p{font-family:Arial,sans-serif;font-size:21px;letter-spacing:.03em;color:#e1c887}.social-account a{display:inline-block;padding:10px 18px;border:1px solid #c1a661;color:#eddcb2;font-size:17px}.social-symbol{display:block;color:#e2c47e;font:44px Georgia;margin-bottom:18px}.social-account figure{margin:0;width:180px;max-width:42%;flex:none}.social-account figure img{width:100%;height:auto;border-radius:12px}.social-account figcaption{font-size:12px;margin-top:12px;color:#c8c6bc}.tiktok{justify-content:center;text-align:center}
@media(max-width:900px){.social-cards{grid-template-columns:1fr;max-width:650px}.social-account{min-height:270px}.company-hero-copy{padding-top:30px}}
@media(max-width:700px){.markets{grid-template-columns:1fr}.markets .country-egypt{grid-column:auto;grid-row:auto}.web-card>.type{margin-top:24px}.group-card,.teaser-grid>a{min-height:470px}.company-hero-image{height:auto;max-height:70svh;min-height:200px}.company-hero-copy{width:86%;margin:0 7%;padding:28px 0 34px}.company-hero-copy h1{font-size:30px}.image-caption{padding-inline:7%}.brand-signature{width:56px;height:50px}.social-cards{width:88%}.social-account{padding:25px;gap:18px}.social-account h2{font-size:27px}.social-account p{font-size:18px}.social-account figure{width:130px}.social-intro{padding-top:40px}.social-intro>img{width:160px;height:155px}}

/* Direct social account links */
.social-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.social-account.social-direct{position:relative;display:flex;flex-direction:column;justify-content:center;gap:0;min-height:300px;text-align:center;text-decoration:none;color:#f4ecdb;transition:transform .2s ease,border-color .2s ease}.social-direct:hover{transform:translateY(-4px);border-color:#d6b76d}.social-direct:focus-visible{outline:3px solid #d6b76d;outline-offset:5px}.social-arrow{position:absolute;inset-inline-end:24px;top:18px;color:#d6b76d;font-size:25px}@media(max-width:900px){.social-cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.social-account.social-direct{transition:none}}