
/* WESTO Horizon sitewide design system – October 2026 */
:root{--h-navy:#071b3a;--h-ink:#071b3a;--h-berry:#a50943;--h-soft:#f5f7fa;--h-border:#e5e9ef}
body.horizon{color:var(--h-ink);background:#fff}
.horizon .site-header{position:relative;z-index:70;background:#fff;box-shadow:0 1px 0 #e8ebf0}
.horizon .header-inner{max-width:1480px}
.horizon .header-cta,.horizon .button:not(.outline):not(.outline-dark):not(.light),.horizon button.button:not(.outline):not(.outline-dark){background:#a50943;color:#fff;border:0;border-radius:999px;padding:14px 27px;font-weight:750;letter-spacing:0;text-transform:none;box-shadow:none}
.horizon .header-cta:hover,.horizon .button:not(.outline):not(.outline-dark):not(.light):hover{background:#830632;transform:translateY(-1px)}
.horizon .page-hero{min-height:510px;display:flex;align-items:center;padding:92px 0 116px;background-color:#0a1e3a;isolation:isolate;position:relative;overflow:hidden}
.horizon .page-hero::before{background:linear-gradient(90deg,rgba(3,21,47,.96) 0%,rgba(5,26,55,.86) 30%,rgba(5,26,55,.38) 65%,rgba(5,26,55,.08) 100%),var(--page-image) center center/cover no-repeat;inset:0;opacity:1;z-index:-1}
.horizon .page-hero::after{content:'';position:absolute;left:-5%;right:-5%;bottom:-55px;height:90px;background:#fff;border-radius:50% 50% 0 0;pointer-events:none}
.horizon .page-hero .container{width:100%;padding-top:0;z-index:1}
.horizon .page-hero h1{font-size:clamp(42px,5.8vw,77px);font-weight:850;letter-spacing:-.052em;line-height:1.04;max-width:780px;margin:16px 0 22px;color:#fff}
.horizon .page-hero .lead{font-size:clamp(17px,1.8vw,23px);line-height:1.45;max-width:630px;color:#f4f6fa}
.horizon .page-hero .breadcrumbs{margin:0 0 28px;color:#dce6f2;font-size:11px;letter-spacing:.17em}
.horizon .eyebrow{font-size:11px;font-weight:800;letter-spacing:.24em;color:#ad124a;margin-bottom:18px}
.horizon .eyebrow.light{color:#fff}
.horizon .section{padding:82px 0}
.horizon .section.light{background:#f7f8fa}
.horizon .section h2,.horizon .quote-cta h2{font-size:clamp(32px,4.5vw,58px);line-height:1.08;letter-spacing:-.05em;font-weight:850}
.horizon .section .lead{font-size:clamp(16px,1.6vw,21px);line-height:1.55}
.horizon .section .split{gap:clamp(24px,5vw,75px)}
.horizon .section .split img,.horizon .image-feature img{border-radius:14px;object-fit:cover;box-shadow:0 15px 45px rgba(10,27,56,.08)}
.horizon .three-grid,.horizon .four-grid,.horizon .two-grid{gap:22px}
.horizon .card,.horizon .lane-card,.horizon .industry-card{border-radius:14px;overflow:hidden;border:1px solid var(--h-border);box-shadow:0 5px 20px rgba(11,28,57,.035);transition:transform .2s,box-shadow .2s}
.horizon .card:hover,.horizon .lane-card:hover,.horizon .industry-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(11,28,57,.1)}
.horizon .card h3,.horizon .lane-card h3{font-size:clamp(20px,2vw,27px);letter-spacing:-.03em}
.horizon .feature-list li{border-color:#e5e8ee;padding:17px 0}
.horizon .feature-list li::before{color:#ad124a}
.horizon .tabs{gap:8px;border:0;flex-wrap:wrap}
.horizon .tabs a{border:1px solid #e6eaf0;border-radius:999px;padding:11px 19px;background:#f7f8fa;font-size:13px}
.horizon .tabs a:hover,.horizon .tabs a:first-child{background:#fff1f5;color:#a50943;border-color:#f2d3df}
.horizon .quote-cta{margin:20px clamp(12px,2vw,28px) 0;border-radius:24px;background:linear-gradient(120deg,#061630,#102e55);padding:56px 0;overflow:hidden}
.horizon .quote-cta .eyebrow.light{color:#fff}
.horizon .quote-cta h2{max-width:790px}
.horizon .footer{background:#061630;padding:64px 0 28px}
.horizon .footer-grid{gap:35px}
.horizon .footer h4{font-size:12px;letter-spacing:.16em}
.horizon .footer-brand{width:260px!important;min-height:50px!important}
.horizon .tool-intro{position:relative;isolation:isolate;overflow:hidden;background:#071b3a;color:#fff;padding:78px 0 85px}
.horizon .tool-intro::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,20,43,.97),rgba(6,28,56,.72),rgba(6,28,56,.45)),url('multimodal-port.png') center/cover no-repeat}
.horizon .tool-intro h1{font-size:clamp(37px,5vw,65px);letter-spacing:-.05em;line-height:1.08;color:#fff}
.horizon .tool-intro .eyebrow{color:#fff}
.horizon .quote-builder,.horizon .contact-panel,.horizon form:not(.h-search){border-radius:14px}
.horizon .field input,.horizon .field select,.horizon .field textarea{border-radius:9px;min-height:48px}
.horizon .tool-intro+.section{padding-top:60px}
.horizon .h-generic-photo-hero{background:#0b1f3d;color:#fff;padding:75px 0;position:relative;isolation:isolate;overflow:hidden}
.horizon .h-generic-photo-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,24,52,.95),rgba(5,24,52,.67),rgba(5,24,52,.25)),url('air-cargo.png') center/cover}
.horizon .h-generic-photo-hero h1{font-size:clamp(38px,5vw,66px);color:#fff;letter-spacing:-.05em;line-height:1.1}
.horizon .h-generic-photo-hero p{max-width:660px;font-size:19px;color:#e8edf5}
@media(max-width:900px){.horizon .page-hero{min-height:430px;padding:70px 0 95px}.horizon .section{padding:62px 0}.horizon .quote-cta{padding:46px 0}.horizon .page-hero::after{bottom:-68px}}
@media(max-width:600px){.horizon .page-hero{min-height:385px;padding:65px 0 85px}.horizon .page-hero h1{font-size:clamp(36px,9.2vw,51px)}.horizon .page-hero .lead{font-size:17px}.horizon .section{padding:48px 0}.horizon .quote-cta{margin:10px 10px 0;border-radius:18px;padding:40px 0}.horizon .tool-intro{padding:55px 0}.horizon .section .split img{height:270px}.horizon .three-grid,.horizon .four-grid{gap:16px}}
/* Arabic keeps original RTL flow with the same premium colour and card language */
html[dir=rtl] .site-header{background:#fff}html[dir=rtl] .button,html[dir=rtl] .header-cta{border-radius:999px;background:#a50943;color:#fff}html[dir=rtl] .card{border-radius:14px}html[dir=rtl] .footer{background:#061630}

/* WESTO HORIZON SIGNATURE SWEEP V3 - 2026-10-31 */
/* The renders use a wide, downward sweep: the photograph finishes lower in the centre. */
.horizon .h-hero,
.horizon .page-hero,
.horizon .tool-intro,
.horizon .h-generic-photo-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.horizon .h-hero::after,
.horizon .page-hero::after,
.horizon .tool-intro::after,
.horizon .h-generic-photo-hero::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 112px;
  z-index: 2;
  border: 0;
  border-radius: 0;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 112' preserveAspectRatio='none'%3E%3Cpath d='M0 3 C355 100 1085 100 1440 3 L1440 112 L0 112Z' fill='%23ffffff'/%3E%3C/svg%3E") 50% 100% / 100% 100% no-repeat;
}
/* Keep real photography behind the typography, and position the quote/filter panel in front of the curve. */
.horizon .h-hero .h-hero-inner,
.horizon .page-hero > .container,
.horizon .tool-intro > .container,
.horizon .h-generic-photo-hero > .container {
  position: relative;
  z-index: 3;
}
.horizon .h-hero .h-hero-inner { padding-bottom: 132px; }
.horizon .h-dock-wrap { margin-top: -70px; z-index: 8; }
.horizon .h-sector-dock { margin-top: -65px; z-index: 8; }
.horizon .h-dock,
.horizon .h-sector-dock {
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 20px 48px rgba(9, 31, 63, .14);
}
/* A gentler curve keeps headings and controls clear on small screens. */
@media (max-width: 900px) {
  .horizon .h-hero::after,
  .horizon .page-hero::after,
  .horizon .tool-intro::after,
  .horizon .h-generic-photo-hero::after { height: 82px; }
  .horizon .h-hero .h-hero-inner { padding-bottom: 112px; }
  .horizon .h-dock-wrap { margin-top: -48px; }
  .horizon .h-sector-dock { margin-top: -45px; }
}
@media (max-width: 600px) {
  .horizon .h-hero::after,
  .horizon .page-hero::after,
  .horizon .tool-intro::after,
  .horizon .h-generic-photo-hero::after { height: 58px; }
  .horizon .h-hero .h-hero-inner { padding-bottom: 96px; }
  .horizon .h-dock-wrap { margin-top: -33px; }
  .horizon .h-sector-dock { margin-top: -29px; }
  .horizon .h-dock,
  .horizon .h-sector-dock { border-radius: 14px; }
}

/* Language navigation parity */
.horizon .navigation > a.h-lang{border:1px solid #e5e9ef;border-radius:999px;font-size:12px;min-width:43px;text-align:center;padding:7px 11px;font-weight:800;line-height:1.5;color:#082149;white-space:nowrap}.horizon .navigation > a.h-lang:hover{background:#f8edf2;color:#9c0a45;border-color:#efd3dc}.horizon .navigation > a.h-lang[lang="ar"]{font-family:Tahoma,Arial,sans-serif}
@media(max-width:900px){.horizon .navigation > a.h-lang{display:block;text-align:start;padding:11px 15px;margin-top:8px;align-self:start}}

/* WESTO corporate identity strip in all site footers */
.horizon .westo-corp-identity{display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,1.65fr);gap:35px;align-items:center;margin-top:44px;padding:30px 0 22px;border-top:1px solid rgba(255,255,255,.17);color:#d9e2f1}
.horizon .westo-corp-identity-heading span{display:block;font-size:10px;letter-spacing:.17em;font-weight:800;color:#c5a4b6;margin-bottom:9px}
.horizon .westo-corp-identity-heading strong{display:block;font-size:18px;letter-spacing:.03em;line-height:1.35;color:#fff}
.horizon .westo-corp-identity-body p{max-width:720px;margin:0 0 7px;font-size:13px;line-height:1.7;color:#d8e0ec}
.horizon .westo-corp-identity-body strong{color:#fff;font-weight:800}
.horizon .westo-corp-identity-body a{display:inline!important;color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:700;padding:0!important}
.horizon .westo-corp-identity+.footer-bottom{margin-top:18px}
html[lang="ar"] .horizon .westo-corp-identity-heading span{letter-spacing:0}
@media(max-width:760px){.horizon .westo-corp-identity{grid-template-columns:1fr;gap:14px;padding-top:25px;margin-top:30px}.horizon .westo-corp-identity-heading strong{font-size:16px}}

/* WESTO Horizon editorial homepage continuation — 2026-10-31 */
.h-home .hz-editorial-kicker{display:block;font-size:11px;letter-spacing:.18em;font-weight:800;color:#9c154f;text-transform:uppercase;margin-bottom:22px}.h-home .hz-editorial-kicker.light{color:#ffc5db}.h-home .hz-editorial-link{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #a71a53;padding:14px 0;color:#0a2345;transition:gap .2s}.h-home .hz-editorial-link:hover{gap:45px;color:#a71a53}.h-home .hz-editorial-link.is-light{color:#fff;border-color:#fff}.h-home .hz-editorial-link.is-light:hover{color:#ffc5db}.h-home .hz-editorial-consult{position:relative;isolation:isolate;min-height:490px;overflow:hidden;background:#061b38;color:#fff;display:flex;align-items:center}.h-home .hz-editorial-consult:after{content:'';position:absolute;z-index:1;bottom:-115px;left:-5%;width:110%;height:160px;background:#f6f8fb;border-radius:50% 50% 0 0 / 80% 80% 0 0}.h-home .hz-editorial-consult-photo,.h-home .hz-editorial-infra-photo{position:absolute;inset:0;background-position:center;background-size:cover;z-index:-1}.h-home .hz-editorial-consult-inner{position:relative;z-index:2;padding-top:80px;padding-bottom:140px;width:100%}.h-home .hz-editorial-consult h2{font-size:clamp(40px,5.4vw,76px);line-height:1.05;letter-spacing:-.045em;max-width:750px;color:white;margin:0 0 24px}.h-home .hz-editorial-consult p{max-width:540px;color:#e0e7ef;font-size:17px;line-height:1.7;margin:0 0 24px}.h-home .hz-editorial-meta{font-size:11px;letter-spacing:.16em;color:#c9d7e7;margin-top:28px}.h-home .hz-editorial-opportunities{background:#f6f8fb;padding:100px 0 120px}.h-home .hz-editorial-op-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:32px;align-items:stretch}.h-home .hz-editorial-export{background:white;display:grid;grid-template-columns:48% 52%;min-height:450px;box-shadow:0 18px 60px rgba(8,29,58,.07);overflow:hidden;border-radius:4px 90px 4px 4px}.h-home .hz-editorial-export-img{overflow:hidden}.h-home .hz-editorial-export-img img{width:100%;height:100%;object-fit:cover;display:block}.h-home .hz-editorial-export-copy{padding:52px 40px;display:flex;flex-direction:column;align-items:start;justify-content:center}.h-home .hz-editorial-opportunities h2{font-size:clamp(30px,3vw,45px);line-height:1.12;letter-spacing:-.035em;color:#09254a;margin:0 0 22px}.h-home .hz-editorial-opportunities p{font-size:15px;line-height:1.8;color:#566579;margin:0 0 25px}.h-home .hz-editorial-career{background:#e8eef4;position:relative;min-height:450px;overflow:hidden;border-radius:85px 4px 4px 4px;padding:50px 40px 165px}.h-home .hz-editorial-career img{position:absolute;bottom:0;left:0;width:100%;height:145px;object-fit:cover;filter:saturate(.82)}.h-home .hz-editorial-watch{position:relative;background:#071e3c;color:white;padding:115px 0 100px;overflow:hidden}.h-home .hz-editorial-watch:before{content:'';position:absolute;right:-9%;top:-135px;width:60%;height:280px;border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}.h-home .hz-editorial-watch-heading{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:38px}.h-home .hz-editorial-watch h2{color:#fff;font-size:clamp(37px,4.3vw,64px);line-height:1.09;max-width:770px;letter-spacing:-.04em;margin:0 0 22px}.h-home .hz-editorial-watch-heading p{color:#bfcde0;max-width:640px;line-height:1.8;margin:0}.h-home .hz-editorial-updated{color:#9eb2cc;font-size:12px;letter-spacing:.07em}.h-home .hz-editorial-news{margin:24px 0 24px}.h-home .hz-editorial-news .dashboard-card{background:#fff;color:#0a2446;border:none;border-radius:5px 55px 5px 5px;padding:32px;min-height:240px}.h-home .hz-editorial-news .dashboard-card h3{color:#09254a}.h-home .hz-editorial-news .dashboard-card p{color:#52647b}.h-home .hz-editorial-news .dashboard-card a{color:#a71a53}.h-home .hz-editorial-disclaimer{font-size:12px;color:#a9bdd4;max-width:780px}.h-home .hz-editorial-method{background:#fff;padding:130px 0}.h-home .hz-editorial-method-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:8%;align-items:center}.h-home .hz-editorial-method-image{height:610px;overflow:hidden;border-radius:6px 155px 6px 6px}.h-home .hz-editorial-method-image img{width:100%;height:100%;object-fit:cover}.h-home .hz-editorial-method h2,.h-home .hz-editorial-infra h2,.h-home .hz-editorial-tools h2,.h-home .hz-editorial-lanes h2{font-size:clamp(36px,4.2vw,61px);line-height:1.09;letter-spacing:-.04em;margin:0 0 24px}.h-home .hz-editorial-method h2,.h-home .hz-editorial-tools h2{color:#09254a}.h-home .hz-editorial-method-copy>p,.h-home .hz-editorial-tools-head>p{font-size:16px;line-height:1.85;color:#546479}.h-home .hz-editorial-steps{padding:0;margin:36px 0;list-style:none}.h-home .hz-editorial-steps li{display:flex;gap:20px;padding:20px 0;border-top:1px solid #dce3eb}.h-home .hz-editorial-steps li b{font-size:12px;color:#aa1c55;min-width:28px}.h-home .hz-editorial-steps li strong,.h-home .hz-editorial-steps li span{display:block}.h-home .hz-editorial-steps li strong{font-size:17px;color:#09254a}.h-home .hz-editorial-steps li span{font-size:14px;color:#627185;line-height:1.6;margin-top:5px}.h-home .hz-editorial-infra{position:relative;isolation:isolate;background:#082348;color:white;min-height:490px;display:flex;align-items:center;overflow:hidden;border-radius:0 0 0 110px}.h-home .hz-editorial-infra-inner{padding-top:100px;padding-bottom:100px;width:100%}.h-home .hz-editorial-infra h2{color:white;max-width:730px}.h-home .hz-editorial-infra p{max-width:610px;font-size:17px;color:#e1e8f0;line-height:1.8}.h-home .hz-editorial-inline-actions{display:flex;flex-wrap:wrap;gap:35px;margin-top:26px}.h-home .hz-editorial-tools{padding:120px 0 130px;background:#f6f8fb}.h-home .hz-editorial-tools-head{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:40px}.h-home .hz-editorial-tool-list{border-top:1px solid #ccd5df}.h-home .hz-editorial-tool-list>a{display:grid;grid-template-columns:100px 1fr 45px;align-items:center;gap:22px;padding:32px 16px;text-decoration:none;color:#0a2345;border-bottom:1px solid #ccd5df;transition:background .2s,padding .2s}.h-home .hz-editorial-tool-list>a:hover{background:white;padding-inline:28px}.h-home .hz-editorial-tool-list b{font-size:13px;color:#a71a53}.h-home .hz-editorial-tool-list strong{font-size:clamp(22px,2.7vw,36px);display:block;line-height:1.2;letter-spacing:-.025em}.h-home .hz-editorial-tool-list small{display:block;font-size:14px;color:#66758a;margin-top:7px}.h-home .hz-editorial-tool-list em{font-size:27px;font-style:normal;color:#a71a53}.h-home .hz-editorial-lanes{background:#102c50;color:white;padding:100px 0}.h-home .hz-editorial-lanes-grid{display:grid;grid-template-columns:1fr .9fr;gap:10%;align-items:center}.h-home .hz-editorial-lanes h2{color:white}.h-home .hz-editorial-lanes p{color:#d1ddec;line-height:1.8;font-size:17px;max-width:590px}.h-home .hz-editorial-lane-art{min-height:250px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #ffffff35;border-radius:120px 6px 120px 6px;padding:35px;background:radial-gradient(ellipse at center,#2e4b72 0%,transparent 75%)}.h-home .hz-editorial-lane-art span{font-size:clamp(16px,2.3vw,31px);font-weight:800;letter-spacing:.06em}.h-home .hz-editorial-lane-art i{height:2px;flex:1;min-width:12px;background:#da6993;position:relative}.h-home .hz-editorial-lane-art i:after{content:'›';position:absolute;right:-3px;top:-13px;font-size:25px;color:#da6993;font-style:normal}.h-home .hz-editorial-final{padding:115px 0 130px;background:#fff}.h-home .hz-editorial-final h2{font-size:clamp(36px,4.8vw,70px);max-width:1050px;line-height:1.1;letter-spacing:-.045em;color:#09254a;margin:0 0 30px}.h-home[dir=rtl] .hz-editorial-tool-list em{transform:scaleX(-1)}@media(max-width:950px){.h-home .hz-editorial-op-grid,.h-home .hz-editorial-method-grid,.h-home .hz-editorial-lanes-grid{grid-template-columns:1fr}.h-home .hz-editorial-export{min-height:380px}.h-home .hz-editorial-career{min-height:350px}.h-home .hz-editorial-method-image{height:400px}.h-home .hz-editorial-watch-heading{grid-template-columns:1fr}.h-home .hz-editorial-tools-head{grid-template-columns:1fr;gap:8px}}@media(max-width:600px){.h-home .hz-editorial-consult-inner{padding-top:80px;padding-bottom:130px}.h-home .hz-editorial-consult-photo{background-position:60% center}.h-home .hz-editorial-opportunities{padding:65px 0 80px}.h-home .hz-editorial-export{grid-template-columns:1fr;border-radius:4px 65px 4px 4px}.h-home .hz-editorial-export-img{height:200px}.h-home .hz-editorial-export-copy{padding:35px 25px}.h-home .hz-editorial-career{padding:35px 25px 165px}.h-home .hz-editorial-watch{padding:80px 0}.h-home .hz-editorial-method{padding:80px 0}.h-home .hz-editorial-method-image{height:290px;border-radius:4px 90px 4px 4px}.h-home .hz-editorial-infra{border-radius:0 0 0 70px}.h-home .hz-editorial-infra-inner{padding:80px 0}.h-home .hz-editorial-tools{padding:80px 0}.h-home .hz-editorial-tool-list>a{grid-template-columns:34px 1fr 20px;gap:10px;padding:24px 4px}.h-home .hz-editorial-tool-list strong{font-size:22px}.h-home .hz-editorial-lanes{padding:75px 0}.h-home .hz-editorial-lane-art{min-height:165px;padding:18px;border-radius:80px 4px}.h-home .hz-editorial-final{padding:80px 0 90px}}
