/* A compact introduction leaves the transport photography visible. */
.hero--company-intro .connected-headline{width:100%;max-width:760px;border:0;padding:0}
html .hero.hero--company-intro #hero-title{display:flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap;gap:.22em;margin:0;font-size:clamp(72px,6.6vw,108px);font-weight:700;line-height:1.18;letter-spacing:-.035em;white-space:nowrap}
.hero--company-intro #hero-title::before,.hero--company-intro #hero-title::after{display:none}
.company-intro-brand{flex:none;font-weight:800;font-style:italic;letter-spacing:-.055em}
.company-intro-name{font-size:.8em;font-weight:600;letter-spacing:.025em}
.hero--company-intro .connected-company-summary{max-width:700px;margin:31px 0 0;font-size:clamp(20px,1.55vw,26px);font-weight:400;line-height:1.8;letter-spacing:.015em;text-wrap:pretty}
.company-intro-market{display:block;color:#e1edf5}
.company-intro-services{display:flex;align-items:baseline;gap:18px;margin-top:15px;color:#a7d4ff;font-weight:500}
.company-intro-cover{flex:none;font-size:.72em;font-weight:400;color:#bbcedd}
.company-intro-service-links{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font-size:1.08em;letter-spacing:.015em}
.company-intro-service-links a{position:relative;white-space:nowrap;transition:color .25s ease}
.company-intro-service-links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.company-intro-service-links a:is(:hover,:focus-visible){color:white}
.company-intro-service-links a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.company-intro-service-links a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.company-intro-separator{color:#8da7bb;font-size:.66em;font-weight:400}
.hero--company-intro .connected-shade{background:linear-gradient(90deg,#06283dd9 0%,#06283d9e 37%,#06283d25 65%,transparent 100%),linear-gradient(180deg,#06283d29,transparent 65%)}
.company-intro-contact{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:62px;margin-top:38px;padding:8px 8px 8px 27px;border:1px solid #d7eaff8c;border-radius:999px;overflow:hidden;color:white;font-size:17px;font-weight:600;line-height:1.4;transition:color .35s ease,border-color .35s ease}
.company-intro-contact::before{content:"";position:absolute;inset:0;z-index:-1;background:white;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.company-intro-arrow{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:white;color:#0756aa;transition:background .35s ease,color .35s ease}
.company-intro-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .35s ease}
.company-intro-contact:is(:hover,:focus-visible){color:#0c3045;border-color:white}
.company-intro-contact:is(:hover,:focus-visible)::before{transform:scaleX(1)}
.company-intro-contact:is(:hover,:focus-visible) .company-intro-arrow{background:#0756aa;color:white}
.company-intro-contact:is(:hover,:focus-visible) svg{transform:translateX(2px)}
.company-intro-contact:focus-visible{outline:2px solid #a7d4ff;outline-offset:5px}
html[lang="en"] .company-intro-name{font-size:.5em;letter-spacing:-.02em}
html[lang="en"] .hero--company-intro .connected-company-summary{max-width:680px;font-size:22px}
@media(max-width:809px){
 html .hero.hero--company-intro #hero-title{font-size:clamp(54px,14vw,90px);gap:.18em;line-height:1.2}
 .company-intro-name{font-size:.72em;letter-spacing:0}
 .hero--company-intro .connected-company-summary{margin-top:25px;font-size:clamp(16px,4.2vw,21px);line-height:1.85;max-width:460px;letter-spacing:0}
 .company-intro-services{margin-top:14px;gap:12px}
 .company-intro-service-links{gap:7px;font-size:1em}
 .company-intro-contact{margin-top:30px;min-height:58px;padding-left:23px;gap:24px;font-size:16px}
 .company-intro-arrow{width:40px;height:40px}
 .hero--company-intro .connected-shade{background:linear-gradient(90deg,#06283de0,#06283d80),linear-gradient(180deg,#06283d38,transparent)}
 html[lang="en"] .hero--company-intro #hero-title{flex-wrap:wrap;column-gap:.15em;row-gap:.08em;white-space:normal}
 html[lang="en"] .company-intro-name{font-size:.47em}
 html[lang="en"] .hero--company-intro .connected-company-summary{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.company-intro-contact,.company-intro-contact::before,.company-intro-arrow,.company-intro-arrow svg,.company-intro-service-links a,.company-intro-service-links a::after{transition:none}}