/* A quiet brand signature beside the existing project film. */
.hero.hero-brand-led{height:auto;min-height:max(720px,calc(100svh - var(--header)));max-height:none}
.hero-brand-led .hero-editorial{display:flex;flex-direction:column;align-items:center;padding:32px clamp(24px,3.2vw,64px);text-align:center;min-width:0}
.hero-brand-content{width:100%;margin-block:auto;padding-block:16px 26px;display:flex;flex-direction:column;align-items:center}
.hero-brand-mark{position:relative;isolation:isolate;width:clamp(190px,18vw,300px);aspect-ratio:1;flex:none;margin-bottom:26px}
.hero-brand-mark>img{width:100%;height:100%;object-fit:contain}
.hero-brand-mark .brand-logo-glint{mask-image:url("../media/logo-512.7c45bbf4e4a3.webp");-webkit-mask-image:url("../media/logo-512.7c45bbf4e4a3.webp")}
.hero-brand-name{display:grid;width:max-content;max-width:100%}
.hero-brand-led h1#hero-title{margin:0;max-width:100%;font-family:var(--body-font);font-size:clamp(21px,1.8vw,32px);font-weight:700;line-height:1.8;letter-spacing:0;white-space:normal;text-wrap:balance}
.hero-brand-signature{margin-top:8px;color:var(--muted);font-size:clamp(12px,.95vw,16px);line-height:1.7;letter-spacing:.055em}
.hero-brand-signature[lang=en]{text-align:justify;text-align-last:justify}
.hero-brand-signature[lang=ar]{font-family:"Droid Arabic Kufi",sans-serif;letter-spacing:0;font-size:14px}
.hero-brand-led .hero-link{position:static;align-self:center;gap:20px;margin-top:28px;font-size:var(--type-label)}
.hero-brand-led .hero-link .round-arrow{width:42px;height:42px;font-size:23px;border-color:var(--line)}
.hero-brand-led .hero-bottom{display:flex;position:static;width:100%;max-width:none;margin-top:0;padding-top:22px;border-top:1px solid var(--line);align-items:center;gap:20px;text-align:start}
.hero-brand-led .film-teaser{gap:12px;font-size:13px}
.hero-brand-led .film-teaser small{font-size:11px;margin-top:4px}
.hero-brand-led .teaser-thumb{width:48px;height:62px;flex:none}
.hero-brand-led .scroll-cue{font-size:11px;gap:8px}
.hero-brand-led .scroll-cue i{font-size:22px}
.hero-subsidiaries{width:100%;margin-top:28px}
.hero-subsidiaries-label{display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;line-height:1.6;color:var(--muted)}
.hero-subsidiaries-label::before,.hero-subsidiaries-label::after{content:"";height:1px;max-width:56px;flex:1;background:var(--line)}
.hero-subsidiaries-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 0;margin:15px 0 0;padding:0;list-style:none}
.hero-subsidiaries-list>li{flex:0 1 50%;max-width:200px;min-width:0;position:relative}
.hero-subsidiaries-list>li:nth-child(even)::before{content:"";position:absolute;inset-inline-start:0;top:20%;height:60%;width:1px;background:var(--line)}
.hero-subsidiary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;height:100%;padding:8px 12px;transition:background .25s}
.hero-subsidiary img{width:100%;max-width:160px;height:96px;object-fit:contain;transition:transform .35s var(--ease)}
.hero-subsidiary-name{font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:var(--muted)}
.hero-subsidiary-wordmark{font-size:14px;font-weight:700;line-height:1.8;overflow-wrap:anywhere}
a.hero-subsidiary:hover{background:#b5a06f0b}
a.hero-subsidiary:hover img{transform:translateY(-3px)}
html[lang=en] .hero-brand-led h1#hero-title{font-size:clamp(23px,2vw,34px);line-height:1.25;max-width:23ch;letter-spacing:-.02em}
@media(min-width:761px) and (max-height:850px){.hero-brand-led .hero-brand-mark{width:clamp(190px,15vw,240px);margin-bottom:20px}.hero-brand-led .hero-brand-content{padding-block:8px 20px}.hero-brand-led .hero-subsidiaries{margin-top:22px}}
@media(min-width:761px) and (max-width:1050px){.hero-brand-led .hero-editorial{padding-inline:24px}.hero-brand-led .hero-bottom{gap:12px}.hero-brand-led .scroll-cue span{display:none}.hero-brand-led .hero-subsidiary{padding-inline:8px}}
@media(max-width:760px){
 .hero.hero-brand-led{min-height:0}
 .hero-brand-led .hero-editorial{display:flex;min-height:0;padding:38px 6vw 28px}
 .hero-brand-led .hero-brand-content{padding:0 0 28px;margin:0}
 .hero-brand-led .hero-brand-mark{width:200px;margin-bottom:24px}
 .hero-brand-led h1#hero-title{font-size:clamp(20px,5.4vw,27px)}
 .hero-brand-led .hero-brand-signature{font-size:12px;letter-spacing:.035em}
 .hero-brand-led .hero-link{margin-top:24px;gap:18px}
 .hero-brand-led .hero-bottom{max-width:none;padding-top:20px}
 .hero-brand-led .hero-subsidiaries{margin-top:26px}
 .hero-brand-led .hero-subsidiary{padding-inline:9px}
 .hero-brand-led .hero-subsidiary img{height:86px}
 html[lang=en] .hero-brand-led h1#hero-title{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.hero-brand-led .hero-subsidiary,.hero-brand-led .hero-subsidiary img{transition:none}.hero-brand-led .hero-subsidiary img{transform:none}}