/* Local cinematic build story, preserving the native 16:10 composition. */
.hero.hero-forge{padding-top:135px}
.hero-forge .forge-layout{max-width:1440px;grid-template-columns:minmax(0,.83fr) minmax(0,1.25fr);gap:48px;align-items:center}
.hero-forge .forge-name{font-size:clamp(38px,4.25vw,64px)!important;white-space:nowrap}
.hero-forge .forge-description{font-size:18px;line-height:1.8}
#heroForgeScene.cinematic-scene{width:100%;max-width:none;min-width:0;aspect-ratio:auto;padding:0;isolation:isolate}
.cinematic-scene::before,.cinematic-scene::after{display:none!important}
.film-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 2px 18px;color:var(--text-secondary);font-size:12px;letter-spacing:.13em}
.film-heading strong{font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--text-primary)}
.film-heading strong span{color:#fb5370}
.film-viewport{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #ffffff22;border-radius:18px;background:#09090c;box-shadow:0 24px 70px #0003}
.film-viewport>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.film-viewport video[hidden]{display:none}
.film-viewport video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.film-viewport button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:48px;max-width:85%;padding:12px 22px;border:1px solid #ff68867d;border-radius:30px;color:#fff;background:#171017eb;box-shadow:0 6px 30px #0008;font:600 16px/1.35 'Rajdhani','Cairo',sans-serif;cursor:pointer}
.film-viewport button[hidden]{display:none}
.cinematic-scene[data-film-state=playing] .film-viewport{border-color:#f3476548}
.cinematic-scene button:focus-visible{outline:2px solid #ff9ab0;outline-offset:4px}
.film-chapters{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 0 0;padding:0;list-style:none;border-top:1px solid #ffffff20}
.film-chapters::before{content:'';position:absolute;inset-block-start:-1px;inset-inline-start:0;height:2px;width:calc(var(--film-progress,0)*100%);background:#f54165;pointer-events:none}
.film-chapters button{display:flex;align-items:center;gap:9px;text-align:start;width:100%;min-height:64px;padding:14px 8px;border:0;border-bottom:1px solid transparent;background:none;color:#969faf;font:500 15px/1.3 'Rajdhani','Cairo',sans-serif;cursor:pointer}
.film-chapters b{font-size:12px;color:#697386;font-weight:500}
.film-chapters button[aria-current=step]{color:#f2dce3}
.film-chapters button[aria-current=step] b{color:#ff6b87}
.film-chapters button:hover{color:#fff}
.cinematic-scene .forge-caption{position:static;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 0;margin:0;border-top:1px solid #ffffff16}
.cinematic-scene .forge-caption>span{max-width:220px;font-size:14px;line-height:1.55;color:#a7aebb}
.cinematic-scene .forge-controls{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cinematic-scene .forge-controls button{min-height:44px;padding:10px 14px;font-size:14px;white-space:nowrap;border-radius:10px;background:#12131b;color:#e9e7ee;border:1px solid #ffffff24}
.cinematic-scene button:disabled{opacity:.5;cursor:default}
[data-mode=light] .film-chapters{border-color:#20203030}
[data-mode=light] .film-chapters button{color:#535b6d}
[data-mode=light] .film-chapters button[aria-current=step]{color:#ad1938}
[data-mode=light] .cinematic-scene .forge-caption{border-color:#20203020}
[data-mode=light] .cinematic-scene .forge-caption>span{color:#535b6d}
@media(max-width:1100px) and (min-width:901px){.hero-forge .forge-layout{gap:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.cinematic-scene .forge-caption{flex-direction:column;align-items:flex-start}.cinematic-scene .forge-caption>span{max-width:none}.film-chapters button{font-size:14px;gap:6px}.film-heading{letter-spacing:.06em}}
@media(max-width:900px){.hero.hero-forge{padding-top:116px}.hero-forge .forge-layout{grid-template-columns:1fr;max-width:740px;gap:38px}.hero-forge .forge-name{font-size:clamp(36px,7.6vw,64px)!important}.film-heading{padding-bottom:14px}}
@media(max-width:480px){.hero-forge .forge-name{font-size:clamp(30px,8.9vw,42px)!important}.hero-forge .forge-layout{gap:30px}.hero-forge .forge-description{font-size:17px}.film-heading{gap:8px;letter-spacing:.03em;font-size:12px}.film-heading strong{font-size:13px}.film-viewport{border-radius:12px}.film-chapters{margin-top:14px}.film-chapters button{flex-direction:column;align-items:flex-start;gap:6px;padding:13px 5px;font-size:14px}.cinematic-scene .forge-caption{align-items:flex-start;flex-direction:column;gap:12px;padding-top:14px}.cinematic-scene .forge-caption>span{max-width:none}.cinematic-scene .forge-controls{width:100%}.cinematic-scene .forge-controls button{flex:1}.film-viewport button{min-height:44px;font-size:14px;padding:10px 18px}}
html.is-rtl .film-heading{letter-spacing:0}
html.is-rtl .film-chapters button{font-family:'Cairo',sans-serif;font-size:13px}
@media(prefers-reduced-motion:reduce){.cinematic-scene *{scroll-behavior:auto}}