/* Cinematic edition. The original palette and bilingual font system remain. */
#freight-loader { display:none; }
#freight-loader.is-loading { display:flex; position:fixed; inset:0; z-index:10000; background:#080808; color:#f5f3ee; align-items:center; justify-content:center; flex-direction:column; pointer-events:none; animation:loader-failsafe 2.8s forwards; transition:clip-path .6s cubic-bezier(.77,0,.18,1),opacity .6s; clip-path:inset(0); }
#freight-loader.is-done { clip-path:inset(0 0 100%); opacity:0; }
.loader-brand { display:flex; flex-direction:column; align-items:center; gap:10px; }
.loader-brand img { width:220px; height:125px; object-fit:contain; }
.loader-brand span { font-size:.6rem; letter-spacing:.36em; color:#aaa8d9; }
.loader-route { width:min(440px,85vw); margin-block:30px; }
.loader-route svg { width:100%; overflow:visible; }
.loader-route-line { stroke:#6566ae; stroke-width:1; stroke-dasharray:7 9; fill:none; animation:route-dash 2s linear infinite; }
.loader-hull { fill:#252631; stroke:#8b8ad1; }
.loader-bridge { fill:#f5f3ee; }
.loader-cargo rect { fill:#6566ae; stroke:#b4b3eb; stroke-width:.5; transform-box:fill-box; transform-origin:center; animation:cargo-load .8s cubic-bezier(.16,1,.3,1) both; }
.loader-cargo rect:nth-child(2) { animation-delay:.1s; }
.loader-cargo rect:nth-child(3) { animation-delay:.2s; }
.loader-cargo rect:nth-child(4) { animation-delay:.3s; }
.loader-cargo rect:nth-child(5) { animation-delay:.4s; }
.loader-point { fill:#f5f3ee; animation:route-point 1.4s ease-in-out forwards; }
#freight-loader p { font-size:.8rem; color:#aaa8b8; }
@keyframes cargo-load { from { transform:translateY(-45px);opacity:0; } to { transform:none;opacity:1; } }
@keyframes route-dash { to { stroke-dashoffset:-32; } }
@keyframes route-point { to { transform:translateX(440px); } }
@keyframes loader-failsafe { 99% { visibility:visible; } 100% { visibility:hidden; } }

.hero { perspective:1500px; }
.hero-content { transform:translate3d(0,var(--hero-copy-y,0px),0) rotateX(var(--hero-copy-tilt,0deg)) scale(var(--hero-copy-scale,1)); transform-origin:center 65%; }
.hero-video { transform:translate3d(0,var(--hero-shift,0px),0) scale(var(--hero-video-scale,1.1)); }
.hero-bottom span:last-child { display:block; }
.hero-bottom { padding-inline-end:180px; }
.motion-toggle { position:fixed; bottom:18px; inset-inline-end:22px; z-index:1100; background:#111118ee; color:#f5f3ee; border-color:#8b8ad180; box-shadow:0 5px 24px #0005; }
.manifesto { perspective:1400px; }
.manifesto-image { transform:perspective(1400px) rotateY(var(--manifesto-turn,0deg)); clip-path:inset(var(--manifesto-mask,0%) 0 0 0); }
.statement-inner { transform:perspective(1200px) rotateX(var(--statement-tilt,0deg)) scale(var(--statement-scale,1)); }
.service-pin { perspective:1400px; }
.service-track { padding-block:30px 45px; }
.service-card,.service-card:hover { transform:perspective(1300px) rotateY(var(--card-turn,0deg)) translateZ(var(--card-depth,0px)); transform-origin:center; transition:border-color .3s,box-shadow .3s; }
.service-card:hover { border-color:#b4b3eb; box-shadow:0 22px 45px #0008; }
.capability-item { transform-style:preserve-3d; }
.voyage { position:relative; height:250svh; background:radial-gradient(ellipse at 65% 45%,#232339 0%,#0e0f16 45%,#080808 80%); }
.voyage-stage { position:sticky; top:var(--header-space); height:calc(100svh - var(--header-space)); min-height:600px; overflow:hidden; isolation:isolate; border-block:1px solid var(--line); }
.voyage-heading { position:absolute; z-index:2; top:9%; inset-inline-start:5vw; width:30%; pointer-events:none; }
.voyage-heading h2 { font:700 clamp(3rem,5.5vw,7rem)/.97 'Manrope',sans-serif; letter-spacing:-.075em; margin-block:25px; }
.voyage-heading h2 em { font-style:normal; color:#a9a8dc; }
.voyage-heading p { max-width:310px; color:#aaa8b5; line-height:1.75; }
.voyage-art { position:absolute; inset:0 0 12% 28%; }
#voyage-canvas,.voyage-poster { width:100%; height:100%; object-fit:contain; }
#voyage-canvas { position:absolute; inset:0; opacity:0; transition:opacity .5s; }
.voyage-art.is-rendered #voyage-canvas { opacity:1; }
.voyage-art.is-rendered .voyage-poster { opacity:0; }
.voyage-coordinate { position:absolute; right:5vw; top:10%; color:#b7b5ce; font-size:.6rem; letter-spacing:.18em; line-height:1.9; direction:ltr; text-align:right; }
.voyage-steps { position:absolute; z-index:2; bottom:8%; inset-inline:5vw; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.voyage-steps li { border-top:1px solid #ffffff30; padding-top:20px; transition:opacity .4s,border-color .4s; color:#9996a5; }
.voyage-steps li.is-current { border-color:#aaa9ed; color:#f5f3ee; }
.voyage-steps span { color:#aaa8dc; font-size:.66rem; }
.voyage-steps h3 { font:600 1.3rem 'Manrope',sans-serif; margin-block:9px; }
.voyage-steps p { font-size:.78rem; max-width:300px; line-height:1.7; }
.voyage-caption { position:absolute; bottom:2.5%; inset-inline:5vw; font-size:.56rem; letter-spacing:.16em; color:#aaa7b3; }
html[dir="rtl"] .voyage-heading h2,html[dir="rtl"] .voyage-steps h3 { font-family:'Noto Sans Arabic',sans-serif; letter-spacing:0; line-height:1.35; }
html[dir="rtl"] .voyage-art { inset:0 28% 12% 0; }
html[dir="rtl"] .voyage-coordinate { right:auto;left:5vw;text-align:left; }
html[dir="rtl"] .voyage-caption { letter-spacing:0; }

.intelligence { display:grid; grid-template-columns:.7fr 1.3fr; gap:7vw; padding:140px 5vw; max-width:1600px; margin:auto; align-items:start; perspective:1800px; }
.intelligence>* { min-width:0; }
.intelligence-copy { position:sticky; top:155px; }
.intelligence h2 { font:700 clamp(2.8rem,4.8vw,5.5rem)/1.05 'Manrope',sans-serif; letter-spacing:-.07em; margin-block:25px; }
.intelligence h2 em { color:#a9a8dc; font-style:normal; }
.intelligence-copy>p { color:#aaa8b5; line-height:1.85; max-width:380px; }
.brief-topics { margin-top:40px; display:flex; flex-direction:column; gap:14px; color:#b6b2c8; font-size:.62rem; letter-spacing:.16em; }
.brief-topics span { border-bottom:1px solid var(--line); padding-bottom:14px; }
.news-paper { position:relative; background:#f5f3ee; color:#16161c; padding:30px clamp(20px,3vw,42px) 42px; box-shadow:6px 14px 0 #6566ae30,0 30px 65px #0008; transform:perspective(1800px) rotateY(var(--paper-turn,0deg)) rotateZ(var(--paper-roll,-1deg)); transform-origin:center; }
.news-paper::after { content:''; position:absolute; height:10px; inset:auto 0 -9px; background:linear-gradient(135deg,#f5f3ee 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#f5f3ee 25%,transparent 25%) -5px 0/10px 10px; }
.paper-topline { display:flex; justify-content:space-between; gap:12px; padding-block:8px 12px; border-top:2px solid #16161c; font-size:.52rem; letter-spacing:.08em; }
.paper-masthead { text-align:center; font:800 clamp(2rem,3.8vw,4rem)/.95 'Manrope',sans-serif; letter-spacing:-.065em; padding-block:10px 22px; overflow-wrap:anywhere; }
.paper-subtitle { border-block:3px double #16161c; padding-block:9px; text-align:center; font-size:.56rem; letter-spacing:.12em; }
.news-toolbar { display:flex; align-items:center; gap:8px; justify-content:space-between; border-bottom:1px solid #16161c50; padding-block:12px; }
.news-filters { display:flex; flex-wrap:wrap; gap:2px; }
.news-filters button,.news-refresh { border:0; background:transparent; color:#3e3d48; font-size:.65rem; padding:10px 11px; min-height:44px; }
.news-filters button[aria-pressed="true"] { background:#16161c; color:#f5f3ee; }
.news-refresh { font-size:1.5rem; min-width:44px; }
.news-refresh:disabled { opacity:.5; cursor:wait; }
.news-status { color:#55535e; font-size:.65rem; line-height:1.6; padding-block:12px; border-bottom:1px solid #16161c; }
.news-headlines { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:25px; }
.news-story { min-width:0; padding-block:23px; border-bottom:1px solid #16161c66; }
.news-story:first-child { grid-column:1/-1; }
.news-story .news-category { display:block; color:#555078; font-size:.55rem; letter-spacing:.15em; text-transform:uppercase; margin-bottom:8px; }
.news-story h3 { font:700 1.05rem/1.4 'Manrope',sans-serif; letter-spacing:-.025em; }
.news-story:first-child h3 { font-size:clamp(1.5rem,2.3vw,2.4rem); line-height:1.2; }
.news-story a { color:#16161c; text-decoration:none; }
.news-story a:hover { text-decoration:underline; text-underline-offset:4px; }
.news-meta { color:#55535e; font-size:.6rem; margin-top:14px; line-height:1.7; display:flex; gap:8px; flex-wrap:wrap; }
.news-source-links { grid-column:1/-1; padding:30px 0; line-height:1.8; }
.news-source-links a { text-decoration:underline; display:block; min-height:44px; }
.paper-bottom { margin-top:22px; display:flex; justify-content:space-between; gap:16px; font-size:.55rem; color:#55535e; line-height:1.8; }
.news-paper :focus-visible { outline-color:#45427e; }
html[dir="rtl"] .intelligence h2,html[dir="rtl"] .paper-masthead { font-family:'Noto Sans Arabic',sans-serif; letter-spacing:0; line-height:1.4; }
html[dir="rtl"] .news-story h3 { font-family:'Manrope',sans-serif; line-height:1.4; }
html[dir="rtl"] :is(.brief-topics,.paper-topline,.paper-subtitle) { letter-spacing:0; }
html[dir="rtl"] .news-paper { --paper-roll:1deg; }
html.motion-paused .hero-content,html.motion-paused .hero-video,html.motion-paused .manifesto-image,html.motion-paused .statement-inner,html.motion-paused .service-card,html.motion-paused .news-paper { transform:none!important; clip-path:none!important; }
html.motion-paused .voyage { height:auto; }
html.motion-paused .voyage-stage { position:relative; top:auto; height:800px; }
@media (max-width:1180px) { #nav nav { gap:8px; } }
@media (max-width:900px) {
 .voyage { height:210svh; }
 .voyage-stage { min-height:640px; }
 .voyage-heading { top:5%; width:90%; }
 .voyage-heading h2 { font-size:2.8rem; margin-block:14px; }
 .voyage-heading h2 br { display:none; }
 .voyage-heading p { max-width:90%; font-size:.85rem; }
 .voyage-art,html[dir="rtl"] .voyage-art { inset:22% -20% 20%; }
 .voyage-coordinate { display:none; }
 .voyage-steps { bottom:6%; gap:15px; }
 .voyage-steps h3 { font-size:.95rem; }
 .voyage-steps p { font-size:.67rem; }
 .voyage-caption { font-size:.5rem; bottom:1.5%; }
 .intelligence { grid-template-columns:1fr; padding-block:90px; gap:45px; }
 .intelligence-copy { position:static; }
 .intelligence-copy>p { max-width:600px; }
 .brief-topics { flex-direction:row; flex-wrap:wrap; margin-top:22px; }
 .news-paper { max-width:760px; width:100%; margin-inline:auto; }
 .paper-masthead { font-size:clamp(2.4rem,7vw,3.7rem); }
 .paper-masthead br { display:none; }
}
@media (max-width:600px) {
 .hero-bottom { padding-inline-end:0; }
 .hero-bottom span:last-child { display:none; }
 .motion-toggle { font-size:.65rem; bottom:12px; inset-inline-end:14px; max-width:calc(100vw - 28px); }
 .voyage-stage { min-height:610px; }
 .voyage-heading h2 { font-size:2.5rem; }
 .voyage-heading p { font-size:.8rem; }
 .voyage-steps { gap:10px; bottom:8%; }
 .voyage-steps h3 { font-size:.8rem; }
 .voyage-steps p { font-size:.6rem; }
 .voyage-caption { max-width:85%; line-height:1.9; }
 .intelligence h2 { font-size:2.8rem; }
 .news-paper,html[dir="rtl"] .news-paper { padding:24px 20px 35px; --paper-roll:0deg; }
 .paper-masthead { font-size:2.5rem; }
 .paper-masthead br { display:block; }
 .paper-topline { font-size:.47rem; }
 .paper-subtitle { font-size:.5rem; }
 .news-filters button { font-size:.6rem; padding-inline:8px; }
 .news-headlines { column-gap:17px; }
 .news-story h3 { font-size:.9rem; }
 .paper-bottom { flex-direction:column; gap:6px; }
 html[dir="rtl"] .intelligence h2 { font-size:2.4rem; }
 html[dir="rtl"] .paper-masthead { font-size:2.2rem; }
 html[dir="rtl"] .news-filters button { font-size:.62rem; padding-inline:6px; }
 html.motion-paused .voyage-stage { height:680px; }
}
@media (max-height:600px) {
 .voyage { height:auto; }
 .voyage-stage { position:relative; top:auto; height:700px; }
}
@media (prefers-reduced-motion:reduce) { #freight-loader { display:none!important; } }
@media print { .voyage { height:auto; } .voyage-stage { position:relative; top:auto; } .news-paper { transform:none;box-shadow:none; } .news-toolbar { display:none; } }