/* Horizon's electric-blue network with clear route and project-status labels. */
.routeNetwork{background:linear-gradient(180deg,#f7f9fc,#edf3f9);color:#102c4c;padding:clamp(48px,6vw,82px) clamp(18px,5vw,76px)}
.routeNetwork:before{border-color:rgba(0,94,255,.12);box-shadow:0 0 0 19px rgba(0,94,255,.035),0 0 0 39px rgba(255,98,0,.035)}
.routeNetwork:after{border-color:rgba(255,98,0,.12)}
.routeNetworkHeader{max-width:1480px;align-items:end;margin-bottom:24px}
.routeNetworkHeader .micro{color:#46617e}.routeNetworkHeader .micro em{color:#f05b00}
.routeNetworkHeader h2{max-width:760px;color:#0b2f59;font-size:clamp(38px,5.2vw,76px);font-weight:520;letter-spacing:-.05em}
.routeNetworkHeader p{max-width:720px;color:#405771;font-size:clamp(16px,1.5vw,19px);line-height:1.55}
.corridorDistance{flex:0 0 220px;padding:16px 18px;border-left:4px solid #ff6200;background:#fff;box-shadow:0 10px 30px rgba(6,40,78,.08)}
.corridorDistance small,.corridorDistance span{display:block;color:#58708a;font-size:12px;font-weight:750;letter-spacing:.08em;line-height:1.4}
.corridorDistance strong{display:block;margin:3px 0;color:#0b4cff;font-size:40px;letter-spacing:-.055em;line-height:1}.corridorDistance strong i{font-size:18px;font-style:normal;letter-spacing:0}
.corridorMap{position:relative;isolation:isolate;min-height:420px;height:clamp(480px,43vw,610px);max-width:1480px;margin:0 auto 18px;overflow:hidden;border:1px solid rgba(0,75,255,.22);background:radial-gradient(ellipse at 65% 18%,rgba(0,104,255,.26),transparent 52%),linear-gradient(120deg,#020b1c,#061a38 54%,#031027);box-shadow:0 22px 65px rgba(5,31,71,.18)}
.corridorMap:before,.corridorMap:after{position:absolute;z-index:-1;content:"";inset:auto 0 0;height:58%;pointer-events:none}
.corridorMap:before{background:radial-gradient(circle at 21% 74%,rgba(0,163,255,.88) 0 1px,transparent 3px),radial-gradient(circle at 29% 57%,rgba(48,174,255,.92) 0 1px,transparent 4px),radial-gradient(circle at 47% 68%,rgba(0,123,255,.95) 0 1.5px,transparent 5px),radial-gradient(circle at 58% 53%,rgba(0,171,255,.95) 0 2px,transparent 6px),radial-gradient(circle at 71% 71%,rgba(0,123,255,.94) 0 1px,transparent 5px),radial-gradient(circle at 82% 46%,rgba(255,98,0,.95) 0 2px,transparent 7px),radial-gradient(circle at 92% 70%,rgba(0,145,255,.95) 0 1px,transparent 5px)}
.corridorMap:after{background:linear-gradient(0deg,rgba(0,78,255,.18),transparent 85%);box-shadow:0 -22px 55px rgba(0,91,255,.18)}
.corridorRouteMap{position:absolute;z-index:0;inset:0;width:100%;height:100%;padding:8px 10px}.mapGridLine{fill:none;stroke:rgba(142,199,255,.14);stroke-width:1;stroke-dasharray:3 8}.routeReachLine,.routeSeaLine,.routeRoadOpen,.routeRoadWorks,.routeBorderLine,.routeBridgeLink{fill:none;stroke-linecap:round;stroke-linejoin:round;filter:url(#routeGlow)}.routeReachLine{stroke:#7bd8ff;stroke-width:2;stroke-dasharray:2 9;opacity:.76}.routeSeaLine{stroke:#ff9a54;stroke-width:3;stroke-dasharray:3 9}.routeRoadOpen{stroke:#64caff;stroke-width:4}.routeRoadWorks{stroke:#ff6b25;stroke-width:4;stroke-dasharray:10 9}.routeBorderLine{stroke:#f3c873;stroke-width:3;stroke-dasharray:6 8}.routeBridgeLink{stroke:#fff;stroke-width:2;stroke-dasharray:2 6}.mapNode circle{fill:#70d8ff;stroke:#fff;stroke-width:2;filter:url(#routeGlow)}.mapSea circle{fill:#ff7133}.mapReach circle{fill:#86d8ff}.mapBridge circle{fill:#fff}.mapNode path{stroke:rgba(255,255,255,.6);stroke-width:1}.mapNode text{fill:#fff;font:700 13px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.01em;paint-order:stroke;stroke:#031329;stroke-width:4px;stroke-linejoin:round}.mapScaleNote{fill:#b7dcff;font:700 10px Arial,Helvetica,sans-serif;letter-spacing:.12em}.corridorRouteMap tspan[data-es]{display:none!important}body.es .corridorRouteMap tspan[data-en]{display:none!important}body.es .corridorRouteMap tspan[data-es]{display:inline!important}
.corridorMapShade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(2,10,26,.09),transparent 42%,rgba(2,10,26,.09)),linear-gradient(0deg,rgba(1,8,22,.22),transparent 30%);pointer-events:none}
.corridorMapCaption{position:absolute;right:clamp(14px,3vw,38px);top:clamp(14px,2.5vw,30px);display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:70%;color:#eaf6ff;font-size:12px;font-weight:800;letter-spacing:.11em;text-shadow:0 2px 10px #00132c}
.corridorMapCaption i{width:5px;height:5px;border-radius:50%;background:#ff6a00;box-shadow:0 0 12px #ff6200}
.corridorMapTitle{position:absolute;left:clamp(18px,3.5vw,46px);bottom:clamp(22px,4vw,50px);display:flex;flex-direction:column;gap:8px;color:#fff}
.corridorMapTitle small{color:#80d9ff;font-size:12px;font-weight:800;letter-spacing:.16em}.corridorMapTitle strong{max-width:630px;font-size:clamp(28px,4.5vw,64px);font-weight:520;letter-spacing:-.045em;line-height:1.02}
.corridorMapPulse{position:absolute;right:29%;bottom:24%;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#ff6200;box-shadow:0 0 0 12px rgba(255,98,0,.13),0 0 24px 10px rgba(255,98,0,.76),0 0 100px 42px rgba(0,117,255,.48);animation:corridorPulse 2.8s ease-in-out infinite}
@keyframes corridorPulse{50%{box-shadow:0 0 0 19px rgba(255,98,0,.08),0 0 32px 14px rgba(255,98,0,.86),0 0 120px 54px rgba(0,117,255,.58)}}
.corridorRoutePanel{max-width:1480px;margin:auto;padding:clamp(18px,3vw,34px);background:#fff;border:1px solid rgba(17,54,92,.14);box-shadow:0 18px 44px rgba(9,39,75,.09)}
.corridorRouteTop{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid #dce4ec}
.corridorRouteTop>div:first-child small{display:block;color:#5a718b;font-size:12px;font-weight:800;letter-spacing:.13em}.corridorCurrent{display:block;margin-top:4px;color:#0b3972;font-size:20px;font-weight:750}
.corridorLegend{display:flex;flex-wrap:wrap;gap:12px 20px;color:#4a6078;font-size:12px;font-weight:650}.corridorLegend span{display:flex;align-items:center;gap:8px}.corridorLegend i{display:inline-block;width:11px;height:11px;border-radius:50%}.legendPort{background:#ff6200;box-shadow:0 0 10px rgba(255,98,0,.45)}.legendRoad{background:#0755da}.legendWorks{border:2px dashed #0755da}.legendReach{background:#93dfff}
.corridorLane{padding:20px 0 15px;border-bottom:1px solid #e4eaf0}.corridorLaneLabel{margin:0 0 11px;color:#5b7087;font-size:12px;font-weight:850;letter-spacing:.12em}
.corridorStops{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:3px 2px 9px;scrollbar-width:thin;scrollbar-color:#ff6200 #e8edf2}
.corridorStop{flex:0 0 auto;min-width:122px;padding:11px 13px;text-align:left;border:1px solid #d7e0e9;border-top:3px solid #0755da;background:#f7f9fb;color:#153755;cursor:pointer;transition:.2s ease}
.inland .corridorStop:nth-of-type(n+5){border-top-style:dashed}.coastal .corridorStop:first-of-type{border-top-color:#ff6200}.corridorStop strong{display:block;font-size:15px;line-height:1.2}.corridorStop small{display:block;margin-top:5px;color:#64768a;font-size:12px;font-weight:650;line-height:1.25}
.corridorStop:hover,.corridorStop:focus-visible,.corridorStop.is-active{outline:2px solid #ff6200;outline-offset:2px;border-color:#ff6200;background:#fff3e9;box-shadow:0 7px 18px rgba(255,98,0,.14)}
.corridorArrow{flex:none;color:#f05b00;font-size:20px;font-style:normal;font-weight:800}.corridorReach{padding:19px 0 14px}.reachList{display:flex;flex-wrap:wrap;gap:8px}
.corridorReachStop{padding:9px 13px;border:1px dashed #198cdb;background:#eff9ff;color:#114c79;font-size:14px;font-weight:720;cursor:pointer}.corridorReachStop.is-active,.corridorReachStop:hover{border-color:#ff6200;background:#fff3e9;color:#923900}
.routeNetworkNote{margin:4px 0 0;padding:15px 17px;border-left:4px solid #ff6200;background:#fff7f0;color:#4b5968;font-size:13px;line-height:1.55}
.corridorSources{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:14px}.corridorSources a{color:#064da8;font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:3px}

/* The three priority products lead; every steel family remains visible at once. */
.steelPriority{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 30px}
.steelPriorityCard{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;min-height:108px;padding:12px;border:1px solid rgba(14,53,93,.14);background:#fff;box-shadow:0 9px 25px rgba(16,43,74,.08)}
.steelPriorityCard img{display:block;width:104px;height:80px;object-fit:cover;background:#edf2f6}.steelPriorityCard small{display:block;color:#ef5b00;font-size:12px;font-weight:850;letter-spacing:.10em}.steelPriorityCard h3{margin:5px 0;color:#153451;font-size:17px;font-weight:760;line-height:1.2}.steelPriorityCard p{margin:0;color:#52677d;font-size:13px;line-height:1.35}
.steelProductGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.steelProduct{min-height:145px;padding:19px 17px}.steelProduct h3{margin:20px 0 8px;font-size:16px}.steelProduct p{font-size:13px;line-height:1.45}
.steelTechnical{margin:28px 0 8px;padding:clamp(20px,3.4vw,42px);background:#fff;border:1px solid rgba(17,54,92,.14);box-shadow:0 18px 44px rgba(9,39,75,.09);color:#153451}
.steelTechnicalHead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:end;gap:24px;margin-bottom:24px}.steelTechnicalHead .micro{color:#526b86}.steelTechnicalHead .micro em{color:#f05b00;font-style:normal}.steelTechnicalHead h2{max-width:750px;margin:8px 0 0;color:#102f52;font-size:clamp(30px,4.1vw,56px);font-weight:520;letter-spacing:-.045em;line-height:1.02}.steelTechnicalHead p{margin:0;color:#50657b;font-size:15px;line-height:1.55}
.steelTechTabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.steelTechTab{min-height:43px;padding:10px 14px;border:1px solid #cbd6e2;background:#f6f8fa;color:#234566;font:inherit;font-size:13px;font-weight:760;cursor:pointer}.steelTechTab[aria-selected="true"],.steelTechTab:hover{border-color:#ff6200;background:#ff6200;color:#fff}
.steelTechPanel{padding:clamp(17px,2.5vw,28px);border-top:3px solid #0755da;background:#f8fafc}.steelTechPanel[hidden]{display:none}.steelTechPanel h3{margin:0 0 8px;color:#143756;font-size:23px;font-weight:730}.steelTechPanel>p{max-width:930px;color:#53677c;font-size:14px;line-height:1.55}
.steelTechTableWrap{overflow-x:auto;margin:15px 0 18px}.steelTechTable{width:100%;border-collapse:collapse;min-width:620px;font-size:13px}.steelTechTable th{padding:11px 12px;background:#0a3564;color:#fff;text-align:left;font-size:12px;letter-spacing:.025em}.steelTechTable td{padding:9px 12px;border-bottom:1px solid #dfe6ed;color:#263f59;white-space:nowrap}.steelTechTable tr:nth-child(even) td{background:#f1f5f8}
.steelSpecControls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;background:#edf3f8;border:1px solid #d7e1eb}.steelSpecControls label{display:flex;flex-direction:column;gap:5px;color:#52667d;font-size:12px;font-weight:750}.steelSpecControls select,.steelSpecControls input{min-height:42px;min-width:120px;padding:8px 10px;border:1px solid #bdcbd9;background:#fff;color:#163758;font:inherit;font-size:14px}.steelBundleResult{flex:1 1 240px;min-height:52px;padding:8px 12px;border-left:4px solid #ff6200;background:#fff;color:#143756}.steelBundleResult strong{display:block;font-size:20px}.steelBundleResult span{font-size:12px;color:#637589}
.steelTechnicalNote{margin:15px 0 0;padding:13px 15px;border-left:4px solid #ff6200;background:#fff6ef;color:#505f6f;font-size:13px;line-height:1.55}.steelFamilyReferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.steelFamilyReference{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #dfe5ec;background:#fff}.steelFamilyReference strong{color:#244665;font-size:13px}.steelFamilyReference span{color:#576c82;font-size:12px;text-align:right}
.complianceStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.complianceItem{padding:14px;border:1px solid #d8e2ec;background:#fff}.complianceItem strong{display:block;margin-bottom:5px;color:#153b63;font-size:14px}.complianceItem span{color:#5a6d80;font-size:12px;line-height:1.45}
.contactChannels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.contactChannel{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid #d7e0e9;background:#f8fafc}.contactChannel small{color:#5b7189;font-size:12px;font-weight:820;letter-spacing:.09em}.contactChannel a{color:#064da8;font-size:15px;font-weight:760;overflow-wrap:anywhere}.contactChannel a:hover{color:#e65300}
.brandCataloguesNote{margin-top:16px;padding:16px 18px;border-left:4px solid #ff6200;background:#fff7f0;color:#253f5b;font-size:14px;line-height:1.55}.brandCataloguesNote strong{display:block;margin-bottom:5px;color:#102f52;font-size:16px}
.steelProductGallery[aria-hidden="true"]{display:none!important}.steelProductGrid{opacity:1!important;transform:none!important}.steelPriorityCard.no-image{grid-template-columns:minmax(0,1fr);background:linear-gradient(135deg,#fff 65%,#fff4eb)}.steelTechTable td{white-space:normal}.contactReadOnly .complianceStrip{grid-column:1/-1}.footerPublicContacts{margin-top:14px}.footerPublicContacts a{overflow-wrap:anywhere}
.barGradeLine{margin:15px 0!important;padding:14px 16px;border-left:4px solid #ff6200;background:#fff5ee;color:#324b66;font-size:14px!important;line-height:1.5!important}.barPackTable{min-width:1120px!important}.barPackTable caption{padding:0 0 10px;color:#415c76;text-align:left;font-size:13px}.barPackTable caption strong{display:inline-block;margin-left:6px;color:#084fc0}.barPackTable td.barPackCount{font-variant-numeric:tabular-nums;font-weight:750;color:#123a66}.gradeSchedule{min-width:660px!important}.steelSpecControls{margin:15px 0}.steelTechPanel .steelTechTableWrap{margin:12px 0 16px}
.steelNormCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.steelNormCards article{display:flex;flex-direction:column;gap:7px;padding:17px 18px;border:1px solid #d8e2ec;border-top:4px solid #0755da;background:#fff}.steelNormCards article:nth-child(2){border-top-color:#ff6200}.steelNormCards small{color:#506984;font-size:13px;font-weight:850;letter-spacing:.07em}.steelNormCards strong{color:#123a66;font-size:18px}.steelNormCards span{color:#53677d;font-size:14px;line-height:1.45}
#steel .copy h2{font-size:clamp(64px,8vw,112px);font-weight:560;letter-spacing:-.045em;line-height:.9;text-shadow:0 3px 20px rgba(1,9,26,.45)}#steel .sub{max-width:570px;font-size:clamp(16px,1.45vw,20px);line-height:1.55}
.corridorMapPulse{top:13%;right:34%;bottom:auto;left:auto}.corridorMap:before{background:radial-gradient(circle at 22% 38%,rgba(0,163,255,.9) 0 1px,transparent 3px),radial-gradient(circle at 32% 60%,rgba(48,174,255,.92) 0 1px,transparent 4px),radial-gradient(circle at 47% 55%,rgba(0,123,255,.95) 0 1.5px,transparent 5px),radial-gradient(circle at 61% 46%,rgba(0,171,255,.95) 0 2px,transparent 6px),radial-gradient(circle at 76% 68%,rgba(0,123,255,.94) 0 1px,transparent 5px),radial-gradient(circle at 84% 39%,rgba(255,98,0,.95) 0 2px,transparent 7px),radial-gradient(circle at 92% 70%,rgba(0,145,255,.95) 0 1px,transparent 5px)}
@media(max-width:900px){.corridorDistance{flex-basis:190px}.corridorRouteTop{align-items:flex-start;flex-direction:column}.steelPriority{grid-template-columns:1fr}.steelPriorityCard{grid-template-columns:110px minmax(0,1fr)}.steelProductGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.steelTechnicalHead{grid-template-columns:1fr;gap:12px}.complianceStrip{grid-template-columns:repeat(2,minmax(0,1fr))}#steel .copy h2{font-size:clamp(60px,10vw,88px)}}
@media(max-width:620px){.routeNetworkHeader{gap:16px}.corridorDistance{width:100%;flex-basis:auto}.corridorMap{height:410px;min-height:410px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#ff6200 #07182c}.corridorRouteMap{inset:0;width:760px;max-width:none;height:100%;padding:8px 12px}.corridorMapCaption{max-width:82%;gap:6px;font-size:10px}.corridorMapTitle{right:15px;bottom:25px}.corridorMapTitle strong{font-size:34px}.corridorMapPulse{top:13%;right:35%;bottom:auto;width:12px;height:12px}.corridorRoutePanel{padding:17px 13px}.corridorStop{min-width:115px;padding:10px}.steelPriorityCard{grid-template-columns:92px minmax(0,1fr);gap:12px}.steelPriorityCard img{width:92px;height:72px}.steelProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.steelProduct{min-height:130px;padding:15px 13px}.steelProduct h3{font-size:15px}.steelFamilyReferences{grid-template-columns:1fr}.steelFamilyReference{flex-direction:column;gap:4px}.steelFamilyReference span{text-align:left}.contactChannels{grid-template-columns:1fr}.steelSpecControls label{flex:1 1 130px}.steelSpecControls select,.steelSpecControls input{width:100%}#steel .copy h2{font-size:clamp(55px,15vw,74px)}.steelNormCards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.corridorMapPulse{animation:none}}

/* Luminous regional route sphere: restrained motion, high contrast status key. */
.networkAtlas{min-height:auto;padding-block:clamp(60px,7vw,96px);background:radial-gradient(circle at 69% 46%,rgba(0,112,255,.24),transparent 36%),radial-gradient(circle at 79% 61%,rgba(255,67,35,.11),transparent 31%),linear-gradient(132deg,#020814,#06162e 57%,#074fb0 150%)}
.networkCanvasShell{background:radial-gradient(circle at 67% 66%,rgba(255,68,33,.18),transparent 36%),radial-gradient(circle at 38% 29%,rgba(255,255,255,.13),transparent 6%),radial-gradient(circle at 50% 50%,rgba(31,119,255,.2),transparent 62%);box-shadow:0 0 100px rgba(25,126,255,.22),0 0 54px rgba(255,72,38,.1),inset -45px -30px 100px rgba(0,15,52,.45)}
.sphereLegend{position:absolute;z-index:3;left:50%;bottom:5.5%;display:flex;align-items:center;justify-content:center;gap:7px 10px;width:min(90%,520px);padding:10px 12px;border:1px solid rgba(178,216,255,.22);border-radius:999px;background:rgba(3,16,42,.78);color:#eaf5ff;backdrop-filter:blur(8px);transform:translateX(-50%);font-size:10px;font-weight:800;letter-spacing:.06em}
.sphereLegend i{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#63d8ff;box-shadow:0 0 12px currentColor}.sphereLegend .sphereWorks{background:#ff623b;color:#ff623b}.sphereLegend .sphereReach{background:#7bd8ff;color:#7bd8ff}
@media(max-width:620px){.sphereLegend{bottom:3%;width:92%;gap:6px;padding:8px 6px;font-size:8px;letter-spacing:.02em}.sphereLegend i{width:7px;height:7px}.networkAtlas{padding-block:56px}}
@media(prefers-reduced-motion:reduce){.networkCanvasShell,.sphereLegend{scroll-behavior:auto;animation:none!important;transition:none!important}}

/* Regional map: full South American frame, legible route labels and moving cargo. */
.networkAtlas{min-height:0;background:radial-gradient(ellipse at 76% 43%,rgba(0,108,255,.19),transparent 36%),linear-gradient(132deg,#020814,#06162e 57%,#074fb0 150%)}
.networkIntro{grid-template-columns:.72fr 1.28fr;gap:clamp(30px,5vw,72px)}
.networkCanvasShell{width:100%;aspect-ratio:1.48;border:1px solid rgba(147,205,250,.28);border-radius:18px;background:#061b36;box-shadow:0 24px 70px rgba(0,0,0,.3),0 0 48px rgba(16,106,225,.12);overflow:hidden}
#networkCanvas{border-radius:18px;touch-action:pan-y}
.networkCore{top:12px;left:14px;right:auto;bottom:auto;width:auto;height:auto;transform:none;border-radius:999px;background:rgba(3,17,39,.84);padding:8px 13px;box-shadow:0 5px 20px rgba(0,0,0,.28)}
.networkCore>div{flex-direction:row;gap:7px;align-items:center}.networkCore strong{font-size:10px}.networkCore span{font-size:9px;letter-spacing:.1em}
.sphereLegend{bottom:12px;width:auto;max-width:calc(100% - 24px);flex-wrap:wrap;border-radius:10px;font-size:9px;gap:5px 9px;padding:7px 10px}
.materialsGallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 0}
.materialsGallery figure{position:relative;min-width:0;min-height:240px;margin:0;overflow:hidden;background:#10233b}
.materialsGallery img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;transition:transform .65s ease,filter .65s ease}
.materialsGallery figure:hover img{transform:scale(1.045);filter:brightness(1.08)}
.materialsGallery figcaption{position:absolute;inset:auto 0 0;padding:32px 15px 13px;background:linear-gradient(transparent,rgba(2,12,28,.9));color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em}
@media(max-width:900px){.networkIntro{grid-template-columns:1fr}.networkCanvasShell{width:100%;aspect-ratio:1.32}.materialsGallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.networkCanvasShell{width:100%;margin:0;aspect-ratio:.84;border-radius:14px}.networkCanvasShell #networkCanvas{border-radius:14px}.sphereLegend{left:50%;bottom:8px;width:calc(100% - 16px);max-width:none;justify-content:center;font-size:8px}.networkCore{top:8px;left:8px;padding:6px 9px}.materialsGallery{gap:8px}.materialsGallery figure,.materialsGallery img{min-height:180px}.materialsGallery figcaption{font-size:11px;padding:27px 9px 10px}}
@media(prefers-reduced-motion:reduce){.materialsGallery img{transition:none}}


/* Final legibility pass: keep the corridor map, country labels and navigation in frame. */
.mapCountryLabels text{fill:rgba(223,239,255,.70);font:800 16px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-anchor:middle;paint-order:stroke;stroke:#06172b;stroke-width:4px;stroke-linejoin:round}
.mapCountryLabels tspan[data-en],.mapCountryLabels tspan[data-es]{display:none!important}
body:not(.es) .mapCountryLabels tspan[data-en],body.es .mapCountryLabels tspan[data-es]{display:inline!important}
.mapNode text{font-size:14px;stroke-width:4.5px}
.corridorMap{scroll-margin-top:84px}
.corridorMapShade{background:linear-gradient(90deg,rgba(2,10,26,.04),transparent 48%,rgba(2,10,26,.04)),linear-gradient(0deg,rgba(1,8,22,.12),transparent 26%)}
.routeNetworkHeader h2,.brandIntro h2,.inside h2{overflow-wrap:anywhere;text-wrap:balance}
.showroomMeta h3,.materialCopy h3,.tile h3{overflow-wrap:anywhere;line-height:1.22}
.showroomCard{min-width:min(340px,82vw)}
.showroomVisual img{filter:saturate(1.08) brightness(1.09) contrast(.98)}
@media(max-width:1120px){
  header .hamb{display:block;flex:0 0 auto;margin-left:8px;width:40px;height:40px;color:#fff;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(4,18,42,.34)}
  header .hamb span{display:block;width:17px;height:1.5px;margin:4px auto;background:currentColor}
  header nav{position:fixed!important;inset:0!important;z-index:-1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;padding:100px clamp(24px,8vw,72px) 42px!important;background:rgba(3,13,30,.98)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-12px)!important;transition:opacity .25s ease,transform .25s ease,visibility .25s ease!important}
  header.open nav{z-index:1!important;opacity:1!important;visibility:visible!important;transform:none!important}
  header.open .logo,header.open .lang,header.open .hamb{position:relative;z-index:2}
  header nav a{width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:clamp(18px,2.5vw,24px)!important;letter-spacing:.015em!important;text-transform:none!important;white-space:normal!important;line-height:1.3}
}
@media(max-width:900px){header.open nav{z-index:1!important}}
@media(max-width:620px){
  .corridorMap{height:auto;min-height:0;aspect-ratio:1.52;overflow:hidden;}
  .corridorRouteMap{inset:0;width:100%;max-width:100%;height:100%;padding:2px}
  .mapNode text{font-size:21px;stroke-width:6px}
  .mapCountryLabels text{font-size:24px;stroke-width:7px;letter-spacing:.06em}
  .mapScaleNote{font-size:14px}
  .corridorMapPulse{top:13%;right:34%;width:10px;height:10px}
  .routeNetworkHeader h2{font-size:clamp(32px,9vw,42px)}
  .brandIntro h2{font-size:clamp(32px,8vw,44px)}
  .showroomCard{width:min(78vw,360px);min-width:min(270px,78vw)}
  .showroomMeta{gap:10px;padding-top:12px}
  .showroomMeta h3{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.mapCountryLabels text{paint-order:normal}}

/* Contact: calm editorial spacing with a moving Guyana corridor. */
#rfq.gateway{padding:clamp(68px,7.5vw,100px) clamp(20px,5vw,76px) clamp(54px,6vw,76px);background:#fff;color:#182738}
#rfq .gatewayWrap{width:min(1180px,100%)}
#rfq .gatewayIntro{display:block;margin:0 auto 40px;text-align:center}
#rfq .gatewayIntro h2{margin:0 0 54px;color:#132c4b;font-size:clamp(42px,5vw,64px);font-weight:400;letter-spacing:-.035em;line-height:1.08}
#rfq .gatewayIntro h2 span{display:inline}
#rfq .contactLead h3{margin:0 0 14px;color:#263c53;font-size:clamp(22px,2.3vw,28px);font-weight:500;letter-spacing:-.015em}
#rfq .contactLead p{margin:0;color:#4c5968;font-size:17px;line-height:1.6}
#rfq .contactLead a{color:#164f9c;text-decoration:underline;text-underline-offset:3px}
#rfq .contactLead a:hover{color:#e45b18}
#rfq .contactRoute{width:100%;min-height:clamp(310px,39vw,455px);margin:48px auto 0;overflow:hidden;border-radius:8px;background:#061a32}
#rfq .contactRoute>img{filter:brightness(.82) saturate(.94);object-position:center 54%}
#rfq .contactRouteShade{background:linear-gradient(180deg,rgba(3,17,35,.05) 8%,rgba(3,17,35,.02) 45%,rgba(3,17,35,.82) 100%),linear-gradient(90deg,rgba(4,19,39,.12),transparent 78%)}
#rfq .contactRouteLine{inset:1% 2% 11%;width:96%;height:88%}
#rfq .contactRouteTrack,#rfq .contactRoutePulse{filter:drop-shadow(0 0 6px rgba(255,105,25,.88))}
#rfq .contactRouteTrack{stroke:rgba(255,255,255,.74);stroke-width:2.2;stroke-dasharray:3 10}
#rfq .contactRoutePulse{stroke:#ff6b20;stroke-width:4.5;stroke-dasharray:16 17;animation:contactRouteFlow 1.5s linear infinite}
#rfq .contactRouteNode{fill:#ff6b20;stroke:#fff;stroke-width:3}
#rfq .contactRoute figcaption{padding:22px 28px 24px}
#rfq .contactRoute figcaption>span{color:#ffad7a;font-size:12px}
#rfq .contactRoute figcaption strong{font-size:clamp(15px,1.55vw,19px);font-weight:600}
#rfq .contactDetails{display:grid;grid-template-columns:.8fr 1.35fr .9fr;gap:28px;margin:0 auto;padding:25px 4px 0;border-top:1px solid #dfe4e9}
#rfq .contactDetails>div{display:grid;align-content:start;gap:6px}
#rfq .contactDetails small{color:#607287;font-size:11px;font-weight:800;letter-spacing:.13em}
#rfq .contactDetails strong{color:#1d334c;font-size:16px;font-weight:620;line-height:1.4}
#rfq .contactDetails span{color:#667585;font-size:14px;line-height:1.4}
#rfq .contactDetails a{width:max-content;max-width:100%;color:#154f9a;font-size:15px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
#rfq .contactDetails a:hover{color:#e45b18}
@keyframes contactRouteFlow{to{stroke-dashoffset:-66}}
@media(max-width:760px){#rfq.gateway{padding:60px 20px 48px}#rfq .gatewayIntro{margin-bottom:30px}#rfq .gatewayIntro h2{margin-bottom:40px;font-size:clamp(40px,10vw,54px)}#rfq .contactLead p{font-size:16px}#rfq .contactRoute{min-height:320px;margin-top:32px}#rfq .contactDetails{grid-template-columns:1fr 1fr;gap:22px 18px}}
@media(max-width:480px){#rfq .contactRoute{min-height:300px;border-radius:5px}#rfq .contactRouteLine{inset:3% 0 15%;width:100%;height:82%}#rfq .contactRoute figcaption{padding:16px 17px 19px}#rfq .contactRoute figcaption strong{font-size:14px;line-height:1.55}#rfq .contactDetails{grid-template-columns:1fr;gap:16px;padding-top:19px}}
@media(prefers-reduced-motion:reduce){#rfq .contactRoutePulse{animation:none;stroke-dasharray:none;opacity:.9}#rfq .contactRouteMover{display:none}}

/* Keep the catalogue heading and every product panel clear of neighbouring layers. */
#catalogues.catalogueWorld{position:relative;isolation:isolate;overflow-x:hidden;overflow-y:visible}
#catalogues .catalogueIntro{position:relative;z-index:5;display:block!important;width:min(1320px,100%);margin:0 auto;padding:clamp(42px,5.5vw,76px) clamp(18px,4.2vw,64px) 32px!important;text-align:left}
#catalogues .catalogueIntro>div{width:100%;max-width:100%;min-width:0}
#catalogues .catalogueIntro h2{position:relative;z-index:1;max-width:19ch;margin:16px 0 0!important;color:#102b49;font-size:clamp(34px,4.6vw,64px)!important;font-weight:430;line-height:1.08!important;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere}
#catalogues .catalogueIntro p{position:relative;z-index:1;max-width:56ch;margin:16px 0 0!important;color:#52616c;font-size:clamp(16px,1.45vw,18px)!important;line-height:1.62}
#catalogues .catalogueRailNav{position:relative;z-index:6;min-height:48px;margin:0 auto;padding-bottom:16px!important}
#catalogues .catalogueList{position:relative;z-index:1;align-items:stretch;margin:0 auto;scroll-padding-inline:clamp(14px,5vw,76px)}
#catalogues .catalogueBrand,#catalogues .catalogueBrand.reverse{height:auto!important;min-height:620px;align-items:stretch}
#catalogues .catalogueCopy{min-width:0;overflow:visible}
#catalogues .catalogueCopy h3,#catalogues .catalogueCopy p,#catalogues .catalogueCopy li,#catalogues .catalogueCopy a{overflow-wrap:anywhere}
@media(max-width:760px){#catalogues .catalogueIntro{padding:40px 22px 22px!important}#catalogues .catalogueIntro h2{max-width:18ch;font-size:clamp(34px,8.5vw,46px)!important;line-height:1.1!important}#catalogues .catalogueIntro p{font-size:16px!important;line-height:1.55}#catalogues .catalogueRailNav{padding:0 22px 14px!important}#catalogues .catalogueBrand,#catalogues .catalogueBrand.reverse{height:auto!important;min-height:0}}
@media(max-width:420px){#catalogues .catalogueIntro{padding-left:18px!important;padding-right:18px!important}#catalogues .catalogueIntro h2{font-size:34px!important;max-width:17ch}#catalogues .catalogueList{grid-auto-columns:calc(100vw - 24px);padding-left:12px;padding-right:12px}}

/* Product family cards carry a matching photo inside each frame. */
.steelProduct{overflow:hidden;padding-top:19px}
.steelProduct>img{display:block;width:calc(100% + 34px);height:108px;margin:-19px -17px 13px;object-fit:cover;background:#e9edf1}
.steelProduct h3{margin-top:8px}
@media(max-width:620px){.steelProduct{padding-top:15px}.steelProduct>img{width:calc(100% + 26px);height:88px;margin:-15px -13px 11px}.steelProduct h3{margin-top:7px}}

/* A fast, continuous Horizon-orange route loops around the opening globe. */
.hero .orbit{right:-2vw;top:3vh;width:min(77vw,970px);opacity:.96;isolation:isolate}
.hero .orbit:before,.hero .orbit:after{inset:0;border:0;border-radius:50%;z-index:0;pointer-events:none;animation:horizonGlobeRun 4.3s linear infinite;filter:drop-shadow(0 0 7px rgba(255,98,0,.7))}
.hero .orbit:before{background:conic-gradient(from 180deg,transparent 0deg 292deg,rgba(255,98,0,.06) 314deg,#ff6200 342deg,#ffd1a8 351deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}
.hero .orbit:after{inset:7%;background:conic-gradient(from 180deg,transparent 0deg 302deg,rgba(0,120,255,.08) 321deg,#1f88ff 344deg,#9fe2ff 352deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation-duration:7.2s;animation-direction:reverse;filter:drop-shadow(0 0 6px rgba(31,136,255,.58))}
.hero .brandCard{z-index:1}
@keyframes horizonGlobeRun{to{transform:rotate(360deg)}}
.hero .globe .route{animation-duration:2.7s}
@media(max-width:900px){.hero .orbit{right:-5vw;top:14vh;width:92vw;opacity:.98}}
@media(max-width:560px){.hero .orbit{right:-3vw;top:17vh;width:92vw;opacity:.98}.hero .globe .route{animation-duration:2.9s}}
@media(prefers-reduced-motion:reduce){.hero .orbit:before,.hero .orbit:after,.hero .globe .route{animation:none!important}.hero .orbit:before{transform:rotate(180deg)}}

/* Persistent orbit navigator: one obvious control to reach every part of the site. */
.routeNavigator{position:fixed;z-index:103;left:max(16px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));font-family:inherit;color:#fff}
.routeNavigatorToggle{display:flex;align-items:center;gap:10px;min-height:50px;padding:5px 13px 5px 6px;border:1px solid rgba(210,229,255,.36);border-radius:999px;background:rgba(4,20,43,.88);box-shadow:0 12px 34px rgba(0,9,29,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;text-align:left;cursor:pointer;transition:transform .22s,border-color .22s,background .22s}
.routeNavigatorToggle:hover,.routeNavigatorToggle:focus-visible,.routeNavigator.is-open .routeNavigatorToggle{transform:translateY(-2px);border-color:rgba(255,105,28,.9);background:rgba(5,31,66,.96);outline:none}
.routeNavigatorOrb{position:relative;flex:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(132,202,255,.42);border-radius:50%;background:radial-gradient(circle,#0b3260 0 40%,rgba(3,16,38,.9) 72%);box-shadow:inset 0 0 12px rgba(67,170,255,.28),0 0 15px rgba(0,88,255,.2)}
.routeNavigatorOrb:before{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-top-color:#ff6b1a;border-right-color:#ff9d49;border-radius:50%;filter:drop-shadow(0 0 5px rgba(255,99,18,.9));animation:routeNavigatorOrbit 1.45s linear infinite}
.routeNavigatorOrb:after{content:"";position:absolute;width:7px;height:7px;right:2px;top:4px;border-radius:50%;background:#ffd5ab;box-shadow:0 0 9px 3px rgba(255,98,0,.8)}
.routeNavigatorOrb i{width:11px;height:11px;border:1px solid rgba(154,219,255,.95);border-radius:50%;box-shadow:0 0 10px rgba(71,179,255,.8)}
.routeNavigatorTitle{display:grid;gap:4px;min-width:0}.routeNavigatorTitle strong{font-size:11px;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}.routeNavigatorCurrent{max-width:170px;overflow:hidden;color:rgba(225,239,255,.76);font-size:11px!important;font-weight:550!important;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.routeNavigatorCount{margin-left:4px;color:#ffaf77;font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.routeNavigatorMenu{position:absolute;left:0;bottom:calc(100% + 12px);display:grid;width:min(390px,calc(100vw - 28px));max-height:min(72svh,650px);overflow:hidden;border:1px solid rgba(190,218,250,.26);border-radius:10px;background:rgba(5,18,39,.97);box-shadow:0 24px 70px rgba(0,7,22,.48);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.routeNavigatorMenu[hidden]{display:none!important}
.routeNavigatorMenu>header{position:relative;inset:auto;display:grid;gap:8px;padding:19px 20px 17px;background:linear-gradient(115deg,rgba(0,82,195,.28),rgba(255,98,0,.10));border-bottom:1px solid rgba(210,230,255,.14)}
.routeNavigatorMenu>header small{color:#ff9d60;font-size:10px!important;font-weight:800!important;letter-spacing:.14em}.routeNavigatorMenu>header strong{font-size:18px;line-height:1.2;letter-spacing:-.02em}.routeNavigatorMenu>header p{margin:0;color:rgba(225,239,255,.76);font-size:13px;line-height:1.45}
.routeNavigatorLinks{display:grid;grid-template-columns:1fr 1fr;gap:5px;overflow-y:auto;padding:10px;overscroll-behavior:contain}
.routeNavigatorLinks button{display:flex;align-items:center;gap:9px;min-width:0;min-height:42px;padding:7px 9px;border:1px solid transparent;border-radius:5px;background:rgba(255,255,255,.045);color:#f5f9ff;text-align:left;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.routeNavigatorLinks button:hover,.routeNavigatorLinks button:focus-visible,.routeNavigatorLinks button.is-active{border-color:rgba(255,112,43,.62);background:linear-gradient(110deg,rgba(255,98,0,.23),rgba(0,91,255,.18));outline:none;transform:translateX(2px)}
.routeNavigatorNumber{flex:none;color:#ff9a61;font-size:10px;font-weight:800;letter-spacing:.04em}.routeNavigatorLabel{min-width:0;font-size:12px;font-weight:650;line-height:1.25}.routeNavigatorArrow{margin-left:auto;color:#8fcaff;font-size:13px}
@keyframes routeNavigatorOrbit{to{transform:rotate(360deg)}}
@media(max-width:520px){.routeNavigator{left:12px;bottom:max(12px,env(safe-area-inset-bottom))}.routeNavigatorToggle{min-height:46px;gap:8px;padding:4px 10px 4px 5px}.routeNavigatorOrb{width:34px;height:34px}.routeNavigatorTitle strong{font-size:10px}.routeNavigatorCurrent{max-width:124px;font-size:10px!important}.routeNavigatorCount{font-size:9px}.routeNavigatorMenu{width:min(370px,calc(100vw - 24px));max-height:min(72svh,610px)}.routeNavigatorMenu>header{padding:16px 16px 14px}.routeNavigatorLinks{grid-template-columns:1fr;padding:8px}.routeNavigatorLinks button{min-height:40px}}
@media(max-width:340px){.routeNavigatorCurrent{display:none}.routeNavigatorCount{margin-left:2px}}
@media(prefers-reduced-motion:reduce){.routeNavigatorOrb:before{animation:none;transform:rotate(180deg)}.routeNavigatorToggle,.routeNavigatorLinks button{transition:none}}

/* A subtle fixed world layer keeps the brand's global route present throughout the page. */
.siteWorldBackplate{position:fixed;z-index:1;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;opacity:.055;mix-blend-mode:screen}
.siteWorldBackplate img{display:block;width:min(86vw,980px);height:min(86vh,980px);object-fit:contain;filter:saturate(1.2) brightness(.8);animation:worldBackplateDrift 52s linear infinite}
@keyframes worldBackplateDrift{to{transform:rotate(360deg)}}

/* Clear, human project stories, linked by the same Horizon route. */
.companyPeople{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr);align-items:center;min-height:230px;margin:35px 0 40px;overflow:hidden;border-left:4px solid #ff6200;background:#f4f7fb;box-shadow:0 15px 42px rgba(8,37,72,.10)}
.companyPeople>img{width:100%;height:260px;object-fit:cover;object-position:center 46%}
.companyPeople>div{display:grid;gap:12px;padding:26px 32px}
.companyPeople small{color:#e95e16;font-size:11px!important;font-weight:800!important;letter-spacing:.14em}
.companyPeople strong{max-width:22ch;color:#15324f;font-size:clamp(20px,2.2vw,30px);line-height:1.15;letter-spacing:-.025em}
.siteFeature{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:stretch;max-width:1320px;margin:42px auto 12px;overflow:hidden;border:1px solid rgba(26,60,96,.15);border-left:4px solid #ff6200;background:rgba(255,255,255,.96);box-shadow:0 22px 60px rgba(2,26,58,.16);color:#16324f}
.siteFeature figure{position:relative;min-height:360px;margin:0;overflow:hidden;background:#dbe3ed}
.siteFeature figure img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .45s ease;filter:brightness(1.04) saturate(1.04)}
.siteFeature:hover figure img{transform:scale(1.035);filter:brightness(1.1) saturate(1.1)}
.siteFeature figure figcaption{position:absolute;left:17px;bottom:17px;padding:9px 12px;border-left:3px solid #ff6a1d;background:rgba(4,25,53,.86);color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em}
.siteFeatureCopy{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4.1vw,52px)}
.siteFeatureCopy .micro{margin:0 0 14px;color:#4f6985;font-size:11px}
.siteFeatureCopy h3{max-width:18ch;margin:0 0 14px;color:#15324f;font-size:clamp(25px,3vw,40px);font-weight:520;line-height:1.08;letter-spacing:-.035em}
.siteFeatureCopy p{max-width:52ch;margin:0 0 16px;color:#4b5f73;font-size:15px;line-height:1.65}
.siteFeatureCopy ul{display:grid;gap:8px;margin:0;padding-left:19px;color:#435b73;font-size:14px;line-height:1.45}
.siteFeatureCopy li::marker{color:#f06420}
.siteFeatureCopy .cta{align-self:flex-start;margin-top:16px;border-color:#ef6a24;color:#144b87;font-size:11px}
.siteFeatureReverse{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.siteFeatureReverse figure{grid-column:2;grid-row:1}
.siteFeatureReverse .siteFeatureCopy{grid-column:1;grid-row:1}

.vesselArrival{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,8vw,110px) clamp(20px,5vw,76px);background:linear-gradient(125deg,#07182e 0%,#0b2a51 62%,#0c3762 100%);color:#fff}
.vesselArrival:before{content:"";position:absolute;z-index:-1;inset:-36% -10%;border:1px solid rgba(255,108,43,.24);border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 0 22px rgba(4,107,255,.06),0 0 0 46px rgba(255,101,21,.04)}
.vesselArrivalWrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);align-items:center;gap:clamp(28px,5vw,72px);width:min(1320px,100%);margin:auto}
.vesselArrivalIntro .micro{margin-bottom:15px;color:#b8cbe0}.vesselArrivalIntro .micro em{color:#ff9764;font-style:normal}
.vesselArrivalIntro h2{margin:0 0 17px;color:#fff;font-size:clamp(34px,4.2vw,58px);font-weight:430;line-height:1.01;letter-spacing:-.045em}
.vesselArrivalIntro p{max-width:43ch;margin:0 0 22px;color:rgba(235,244,255,.78);font-size:16px;line-height:1.65}
.vesselArrivalIntro .cta{border-color:#ff8242;color:#fff;font-size:11px}
.vesselArrivalVisual{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(200px,.9fr);align-items:center;gap:clamp(9px,1.5vw,20px);min-width:0;padding:20px 12px}
.vesselArrivalVisual:before{content:"";position:absolute;z-index:3;inset:4% 1%;border:2px solid transparent;border-top-color:#ff671c;border-right-color:rgba(255,125,54,.65);border-bottom-color:rgba(64,170,255,.45);border-radius:50%;filter:drop-shadow(0 0 7px rgba(255,98,0,.52));pointer-events:none;animation:vesselOrbit 4.8s linear infinite}
.vesselArrivalShip,.vesselArrivalCrew{position:relative;z-index:1;min-width:0;margin:0;overflow:hidden;border:1px solid rgba(211,232,255,.30);background:#071d38;box-shadow:0 18px 48px rgba(0,7,22,.40)}
.vesselArrivalShip img,.vesselArrivalCrew img{display:block;width:100%;height:clamp(220px,27vw,350px);object-fit:cover;transition:transform .75s ease}
.vesselArrivalShip img{object-position:center}.vesselArrivalShip:hover img,.vesselArrivalCrew:hover img{transform:scale(1.04)}
.vesselArrivalShip figcaption,.vesselArrivalCrew figcaption{position:absolute;right:0;bottom:0;left:0;padding:13px 15px;background:linear-gradient(0deg,rgba(3,16,34,.94),rgba(3,16,34,.05));color:#ffb07a;font-size:10px;font-weight:800;letter-spacing:.11em}
@keyframes vesselOrbit{to{transform:rotate(360deg)}}

#rfq .contactDesk{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:stretch;max-width:1120px;margin:34px auto 0;overflow:hidden;border:1px solid #d9e1ea;border-top:3px solid #ff6418;background:#f6f8fb;box-shadow:0 18px 48px rgba(12,39,70,.12)}
#rfq .contactDeskPhoto{position:relative;min-height:550px;margin:0;background:#dce4ed}
#rfq .contactDeskPhoto img{display:block;width:100%;height:100%;min-height:550px;object-fit:cover;object-position:68% center}
#rfq .contactDeskPhoto figcaption{position:absolute;right:16px;bottom:16px;left:16px;padding:12px 14px;border-left:3px solid #ff681d;background:rgba(5,27,55,.88);color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em}
#rfq .contactDeskPanel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,3.5vw,44px);background:radial-gradient(ellipse at 90% 4%,rgba(151,109,191,.23),transparent 43%),linear-gradient(145deg,#482762,#321a4c 75%);color:#fff}
#rfq .contactDeskPanel:after{position:absolute;right:24px;top:24px;width:76px;height:76px;border:1px solid rgba(255,255,255,.1);border-left-color:rgba(255,112,35,.78);border-radius:50%;content:"";animation:contactWallOrbit 15s linear infinite;pointer-events:none}
#rfq .contactDeskHead{margin:0 0 20px;padding-bottom:18px;border-bottom:1px solid rgba(244,231,255,.22)}
#rfq .contactDeskHead .micro{margin:0 0 9px;color:#e7d8f4;font-size:10px;letter-spacing:.13em}
#rfq .contactDeskHead h3{margin:0;color:#fff;font-size:clamp(25px,2.7vw,36px);font-weight:520;line-height:1.12;letter-spacing:-.025em}
#rfq .contactLines{display:grid}
#rfq .contactLine{display:grid;gap:5px;padding:13px 0;border-bottom:1px solid rgba(244,231,255,.17)}
#rfq .contactLine small{color:#d9c7e9;font-size:10px!important;font-weight:800!important;letter-spacing:.12em}
#rfq .contactLine a{width:fit-content;max-width:100%;color:#fff;font-size:15px;font-weight:680;line-height:1.4;overflow-wrap:anywhere;text-decoration:none;transition:color .2s ease}
#rfq .contactLine a:hover,#rfq .contactLine a:focus-visible{color:#ffb17f;text-decoration:underline;text-underline-offset:3px}
#rfq .contactDeskLocation{display:grid;gap:5px;padding-top:15px}
#rfq .contactDeskLocation>span{color:#ff9b62;font-size:10px;font-weight:800;letter-spacing:.12em}
#rfq .contactDeskLocation strong{color:#fff;font-size:15px}#rfq .contactDeskLocation small{color:#ddcfe9;font-size:12px!important;font-weight:550!important}
#rfq .contactDesk{border-color:rgba(62,35,83,.25);border-top:3px solid #ff6418}
@keyframes contactWallOrbit{to{transform:rotate(360deg)}}
.catalogueLeaderNote{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:17px 0 0!important;padding:10px 13px;border-left:3px solid #ff6719;background:rgba(255,247,240,.92);color:#173b63!important;font-size:14px!important;font-weight:720!important;line-height:1.4!important}

/* Keep the product and brand imagery in motion across the full catalogue. */
.steelProductGrid .steelProduct>img{transform-origin:center;animation:productImageRise 3.5s ease-in-out infinite}
.steelProductGrid .steelProduct:nth-child(3n + 2)>img{animation-delay:-1.8s}
.steelProductGrid .steelProduct:nth-child(3n)>img{animation-delay:-3.4s}
.steelProduct:hover>img{animation-play-state:paused;transform:scale(1.045)}
.showroomCard .showroomVisual img{animation:brandImageLift 4.8s ease-in-out infinite alternate}
.showroomCard:nth-child(3n + 2) .showroomVisual img{animation-delay:-2.8s}
.showroomCard:nth-child(3n) .showroomVisual img{animation-delay:-5.1s}
.catalogueBrand .catalogueStage{border-left:3px solid #ff6719}
.catalogueBrand .catalogueSlide.active{will-change:transform;filter:brightness(1.12) saturate(1.07)}
@keyframes productImageRise{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.018)}}
@keyframes brandImageLift{0%{transform:scale(1)}100%{transform:scale(1.045)}}

@media(max-width:900px){.companyPeople{grid-template-columns:1fr .82fr}.companyPeople>img{height:230px}.siteFeature,.siteFeatureReverse{grid-template-columns:1fr}.siteFeature figure{min-height:300px}.siteFeature figure img{min-height:300px}.siteFeatureReverse figure,.siteFeatureReverse .siteFeatureCopy{grid-column:auto;grid-row:auto}.vesselArrivalWrap{grid-template-columns:1fr;gap:28px}.vesselArrivalIntro p{max-width:60ch}.vesselArrivalShip img,.vesselArrivalCrew img{height:clamp(220px,36vw,340px)}}
@media(max-width:620px){.companyPeople{grid-template-columns:1fr;margin:24px 0 30px}.companyPeople>img{height:220px}.companyPeople>div{padding:20px 22px}.siteFeature{margin:28px 0 8px}.siteFeature figure,.siteFeature figure img{min-height:250px}.siteFeatureCopy{padding:24px 20px}.siteFeatureCopy h3{font-size:28px}.siteFeatureCopy p{font-size:14px}.vesselArrival{padding:52px 18px}.vesselArrivalIntro h2{font-size:37px}.vesselArrivalIntro p{font-size:15px}.vesselArrivalVisual{grid-template-columns:1fr;padding:14px 7px}.vesselArrivalVisual:before{inset:2% 2%;border-width:1px}.vesselArrivalShip img{height:230px}.vesselArrivalCrew img{height:205px}#rfq .contactDesk{grid-template-columns:1fr;margin-top:26px}#rfq .contactDeskPhoto{min-height:300px;height:300px}#rfq .contactDeskPhoto img{min-height:300px;height:300px;object-position:65% center}#rfq .contactDeskPanel{padding:22px 19px}#rfq .contactDeskHead h3{font-size:27px}#rfq .contactLine{padding:11px 0}#rfq .contactLine a{font-size:14px}.catalogueLeaderNote{margin-top:14px!important;font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.siteWorldBackplate img,.vesselArrivalVisual:before,.siteFeature figure img,.vesselArrivalShip img,.vesselArrivalCrew img,#rfq .contactDeskPanel:after,.steelProductGrid .steelProduct>img,.showroomCard .showroomVisual img{animation:none!important;transition:none!important;transform:none!important}}

/* Faster picture changes with one orange trace passing down the image sequence. */
.imageOrbitFrame{position:relative;isolation:isolate}
.imageOrbitTrace{position:absolute;z-index:6;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.imageOrbitTrace rect{fill:none;stroke:#ff681b;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:22 78;stroke-dashoffset:0;filter:drop-shadow(0 0 2px rgba(255,104,27,.9)) drop-shadow(0 0 6px rgba(255,104,27,.48));animation:imageTraceDown 1.75s linear infinite;animation-delay:var(--image-route-delay,0s)}
@keyframes imageTraceDown{to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.imageOrbitTrace{display:none!important}}


/* Circular Horizon brand seals: compact messages with a clear orange orbit. */
.brandOrbitSeal{position:absolute;z-index:5;right:clamp(16px,2.3vw,32px);bottom:clamp(18px,2.4vw,34px);display:grid;place-content:center;justify-items:center;gap:5px;width:clamp(118px,13vw,166px);aspect-ratio:1;padding:16px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(5,19,36,.78);box-shadow:0 10px 36px rgba(2,10,23,.26),inset 0 0 0 6px rgba(255,255,255,.10);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#fff;text-align:center}
.brandOrbitSeal:before{position:absolute;inset:-5px;border:1px solid transparent;border-top-color:#ff681b;border-right-color:rgba(255,127,59,.76);border-bottom-color:rgba(53,152,255,.72);border-radius:50%;content:"";animation:brandSealOrbit 3.4s linear infinite}
.brandOrbitSeal:after{position:absolute;top:11%;right:18%;width:7px;height:7px;border-radius:50%;background:#ff8b45;box-shadow:0 0 12px 3px rgba(255,102,27,.8);content:"";animation:brandSealOrbit 3.4s linear infinite}
.brandOrbitSeal small{color:#ffb17d;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.15}
.brandOrbitSeal strong{font-size:clamp(11px,1vw,14px);font-weight:750;letter-spacing:.04em}
.brandOrbitSeal span{max-width:14ch;color:rgba(240,246,255,.88);font-size:10px;font-weight:620;line-height:1.25}
@keyframes brandSealOrbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.brandOrbitSeal{right:13px;bottom:15px;width:112px;padding:12px;gap:4px}.brandOrbitSeal small{font-size:10px}.brandOrbitSeal strong{font-size:11px}.brandOrbitSeal span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.brandOrbitSeal:before,.brandOrbitSeal:after{animation:none!important}}


/* Clearer first-screen index, stronger reading size and lighter scene treatment. */
.scene .copy{width:min(1180px,calc(100% - 64px));}
.heroQuickGuide{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:18px;max-width:760px;padding-top:13px;border-top:1px solid rgba(255,255,255,.24)}
.heroQuickGuide strong{flex:0 0 100%;color:#ffad78;font-size:12px;font-weight:800;letter-spacing:.16em}
.heroQuickGuide a,.heroQuickGuide button{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid rgba(229,241,255,.34);border-radius:999px;background:rgba(8,26,48,.44);color:#fff;font-family:inherit;font-size:12px;font-weight:750;line-height:1.1;letter-spacing:.035em;transition:background .18s,border-color .18s,transform .18s}
.heroQuickGuide a:hover,.heroQuickGuide a:focus-visible,.heroQuickGuide button:hover,.heroQuickGuide button:focus-visible{transform:translateY(-2px);border-color:#ff873c;background:rgba(255,103,27,.22);outline:none}
.heroQuickGuide button{cursor:pointer}
header nav{font-size:12px!important;font-weight:700!important}
header nav a{opacity:.88}
.micro{font-size:12px!important;font-weight:740!important;line-height:1.35}
@media(max-width:900px){.scene .copy{width:calc(100% - 40px);padding-right:0}}
@media(max-width:620px){.heroQuickGuide{gap:6px;margin-top:14px}.heroQuickGuide a,.heroQuickGuide button{min-height:31px;padding:6px 9px;font-size:11px}.heroQuickGuide strong{font-size:11px}.hero .copy{margin-bottom:5vh}.heroQuickGuide strong{font-size:11px}.heroSignature{font-size:12px}}

.heroSignature{font-size:12px!important;font-weight:750!important}

/* Launch review: visible legal access, comfortable reading, and keyboard focus. */
.skipLink{position:fixed;z-index:10000;top:10px;left:10px;transform:translateY(-160%);padding:12px 16px;border:2px solid #ff7a36;border-radius:5px;background:#071a31;color:#fff;font-size:16px;font-weight:750;line-height:1.35}
.skipLink:focus{transform:translateY(0);outline:3px solid #fff;outline-offset:3px}
:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #ff8a46!important;outline-offset:3px!important}
.legalLinks{display:flex;flex-wrap:wrap;gap:8px 20px;width:100%;margin:0 0 18px}
.legalLinks a{display:inline-flex;align-items:center;min-height:40px;color:#fff;font-size:14px;font-weight:750;line-height:1.4;text-decoration:underline;text-decoration-color:rgba(255,145,83,.82);text-underline-offset:4px}
.legalDetails{gap:8px 18px}
.legalDetails details{scroll-margin-top:88px}
.legalDetails summary{min-height:40px;padding:8px 0;color:#fff;font-size:14px;font-weight:750;line-height:1.4;cursor:pointer}
.legalDetails details p{max-width:100ch;margin:8px 0 14px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.legalDetails details p a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.footerGrid,.legalGrid,.legalDetails{min-width:0}
@media(max-width:620px){.legalLinks{gap:4px 14px}.legalLinks a,.legalDetails summary{font-size:14px}.legalDetails details p{font-size:14px;line-height:1.65}}
/* Raise secondary labels to a legible, bold minimum while retaining the brand hierarchy. */
small,.micro,.cta,.catalogueCta,.rfqField label,.footerColumn h3,.heroQuickGuide strong,.heroQuickGuide a,.heroQuickGuide button{font-size:max(12px,1em);font-weight:700;line-height:1.4}
@media(max-width:620px){.heroQuickGuide a,.heroQuickGuide button,.heroQuickGuide strong{font-size:12px}}
.brandOrbitSeal small,.brandOrbitSeal span{font-size:12px;line-height:1.35}