/* Equal company panels: technology on the left, the operating business on the right. */
.screen.technology.company-split{display:block;padding:var(--header) 0 0;min-height:100svh;background:#02111b}
.company-section-title{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.company-panels-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;isolation:isolate}
.company-split .company-card.company-panel{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:max(620px,calc(100svh - var(--header)));padding:0;border:0;border-radius:0;overflow:hidden;background:#031722;backdrop-filter:none}
.company-split .company-card.chain-company{border-right:1px solid #54dce85c}
.company-panel-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.company-panel-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#01142200 10%,#01152235 30%,#021622cb 51%,#021421f7 89%)}
.company-panel-scene img{width:100%;height:100%;object-fit:cover;object-position:center 14%;transform:scale(1.035);animation:company-scene-drift 24s ease-in-out infinite alternate;transition:filter .6s}
.company-split .maritime-company .company-panel-scene img{animation-delay:-8s;object-position:center top}
.company-panel-body{position:relative;width:100%;padding:32px clamp(28px,4.5vw,86px) 38px;transition:transform .35s}
.company-split .company-card-heading{display:flex;align-items:center;gap:17px}
.company-split .company-card-heading>.line-icon{width:38px;height:38px;filter:drop-shadow(0 0 14px #45e4ec55)}
.company-split .company-card h3{font-size:clamp(40px,3.05vw,58px);line-height:1.08;letter-spacing:-.04em;color:#f5fafc}
.company-split .company-registration{font-size:18px;line-height:1.45;margin:15px 0 0;padding:0;border:0;color:#c2e0e8}
.company-split .company-card ul{display:grid;gap:13px;margin:24px 0 0;padding:0;list-style:none}
.company-split .company-card li{font-size:clamp(20px,1.42vw,27px);line-height:1.3;gap:14px;color:#f0f9fc}
.company-split .company-card li:before{width:6px;height:6px;margin-top:.48em;background:#69edf3;box-shadow:0 0 12px #45e4ec60}
.company-panel-action{margin-top:26px}
.company-panel-action .text-button{font-size:18px;font-weight:700;min-height:44px;gap:28px;border-color:#5dc9d79c;transition:color .2s,border-color .2s}
.company-split .company-panel:hover .company-panel-body,.company-split .company-panel:focus-within .company-panel-body{transform:translateY(-4px)}
.company-split .company-panel:hover .company-panel-scene img,.company-split .company-panel:focus-within .company-panel-scene img{filter:brightness(1.12)}
.company-panel-action .text-button:hover{border-color:#b6fbff;color:#b6fbff}
.company-particles{position:absolute;inset:0;z-index:1}
.company-particles i{position:absolute;left:calc(13% + var(--particle)*14%);top:calc(13% + var(--particle)*5%);width:4px;height:4px;background:#9af8ff;border-radius:50%;box-shadow:0 0 14px #65eaf8;opacity:0;animation:company-light-drift 7s ease-in-out infinite;animation-delay:calc(var(--particle)*-.9s)}
.company-tech-orbit{position:absolute;right:15%;top:17%;width:39%;aspect-ratio:1;border:1px solid #71eafc20;border-radius:50%;transform:rotateX(65deg);animation:company-tech-ring 9s ease-in-out infinite}
.company-tech-orbit:before{content:'';position:absolute;top:3%;left:27%;width:7px;height:7px;border-radius:50%;background:#a9faff;box-shadow:0 0 18px #5ce6fb}
.company-sea-current{position:absolute;left:-10%;top:39%;width:120%;stroke:#72efff5c;stroke-width:1;stroke-dasharray:100 650;animation:company-wave-trace 12s linear infinite;opacity:.65}
@keyframes company-scene-drift{from{transform:scale(1.035) translateY(0)}to{transform:scale(1.075) translateY(-9px)}}
@keyframes company-light-drift{0%,100%{transform:translateY(10px);opacity:0}35%,65%{opacity:.7}80%{transform:translateY(-24px);opacity:0}}
@keyframes company-tech-ring{0%,100%{transform:rotateX(65deg) rotate(-20deg);opacity:.45}50%{transform:rotateX(65deg) rotate(25deg);opacity:.9}}
@keyframes company-wave-trace{to{stroke-dashoffset:-750}}
@media(min-width:1101px) and (max-height:800px){.company-panel-body{padding-top:24px;padding-bottom:27px}.company-split .company-card h3{font-size:42px}.company-split .company-registration{font-size:17px;margin-top:12px}.company-split .company-card ul{gap:11px;margin-top:20px}.company-split .company-card li{font-size:20px}.company-panel-action{margin-top:20px}}
@media(max-width:1100px){.company-panel-body{padding:28px 30px 34px}.company-split .company-card h3{font-size:38px}.company-split .company-card-heading{gap:12px}.company-split .company-card-heading>.line-icon{width:30px;height:30px}.company-split .company-registration{font-size:16px}.company-split .company-card li{font-size:18px}.company-split .company-card ul{gap:12px}.company-panel-action .text-button{font-size:17px}}
@media(max-width:760px){.screen.technology.company-split{padding-top:var(--header)}.company-panels-grid{grid-template-columns:1fr}.company-split .company-card.company-panel{min-height:680px}.company-split .company-card.chain-company{border-right:0;border-bottom:1px solid #54dce85c}.company-panel-body{padding:28px 25px 32px}.company-split .company-card h3{font-size:36px}.company-split .company-registration{font-size:16px;margin-top:13px}.company-split .company-card li{font-size:18px;line-height:1.35}.company-split .company-card ul{gap:12px;margin-top:21px}.company-panel-action{margin-top:23px}.company-panel-action .text-button{font-size:17px}.company-panel-scene img{object-position:center 10%}.company-panel-scene:after{background:linear-gradient(180deg,#01142200 8%,#01152225 28%,#021622c9 48%,#021421f7 87%)}.company-split .company-card-heading>.line-icon{width:32px;height:32px}.company-sea-current{top:30%}}
@media(prefers-reduced-motion:reduce){.company-panel-scene img,.company-particles i,.company-tech-orbit,.company-sea-current{animation:none!important}.company-panel-body,.company-panel-scene img{transition:none}.company-split .company-panel:hover .company-panel-body,.company-split .company-panel:focus-within .company-panel-body{transform:none}}
.motion-paused .company-panel-scene img,.motion-paused .company-particles i,.motion-paused .company-tech-orbit,.motion-paused .company-sea-current{animation-play-state:paused!important}
@media(min-width:1600px){.company-split .company-registration{font-size:22px}.company-panel-action .text-button{font-size:22px}}
