/* Motion edition: all continuous effects are visibility-controlled. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.type-heading{min-height:1.6em;display:flex;align-items:center}.type-caret{display:inline-block;width:1px;height:1em;background:var(--green);margin-left:4px;animation:caret-blink 1s steps(1,end) infinite}.type-stopped .type-caret{animation:none;opacity:0}.brand-marquee{background:var(--navy);overflow:hidden;padding:25px 0;color:white;isolation:isolate}.marquee-track{display:flex;align-items:center;width:max-content;gap:35px;animation:brand-travel 42s linear infinite;animation-play-state:paused}.anim-visible .marquee-track{animation-play-state:running}.marquee-track span{font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:500;letter-spacing:.6px;line-height:1.1;white-space:nowrap}.marquee-track b{color:#61756e;font-size:22px;font-weight:400}.marquee-track .outline-text{color:#dce5e0}.motion-gallery{background:#053e2c;color:white}.motion-gallery .section-label{color:#dce5e0;margin-bottom:30px}.motion-gallery .section-label>span:last-child{color:#61756e}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}.gallery-heading .display{font-size:clamp(50px,5.4vw,76px)}.gallery-heading .display>span{color:#dce5e0}.gallery-heading>p{font-size:13px;line-height:1.95;color:#61756e;max-width:320px;padding-bottom:5px}.gallery-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:40px;align-items:start}.film-stage{position:relative;background:#003b5c;min-height:430px;overflow:hidden;isolation:isolate}.film-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#053e2cdc,transparent 70%)}.stage-top{position:absolute;left:25px;right:25px;top:22px;display:flex;align-items:center;justify-content:space-between}.stage-top>span{font-size:9px;letter-spacing:1.5px;color:#dce5e0}.stage-top button{width:32px;height:32px;border:1px solid #ffffff60;background:#003b5c40;display:grid;place-items:center;border-radius:50%;color:white}.stage-top .icon{font-size:13px}.stage-caption{position:absolute;left:28px;right:28px;bottom:30px;display:flex;gap:25px;justify-content:space-between;align-items:end}.stage-caption>div>span{font-size:8px;letter-spacing:1.5px;color:#dce5e0}.stage-caption h3{font-family:'Barlow Condensed',sans-serif;font-size:37px;font-weight:500;line-height:1.1;margin-top:10px}.stage-caption button{height:46px;width:46px;display:grid;place-items:center;color:white;border:1px solid #ffffff80;border-radius:50%;background:none;flex-shrink:0}.stage-caption button:hover{background:var(--green);border-color:var(--green)}.stage-caption button .icon{font-size:16px}.stage-progress{height:2px;background:#ffffff20;position:absolute;bottom:0;left:0;right:0}.stage-progress i{display:block;width:100%;height:100%;background:#61756e;transform:scaleX(0);transform-origin:left}.film-selection{border-top:1px solid #ffffff30}.film-selection>button{display:flex;align-items:start;gap:18px;width:100%;border:0;border-bottom:1px solid #ffffff30;background:none;color:white;text-align:left;padding:28px 10px 28px 0;transition:background .2s}.film-selection>button:hover{background:#ffffff06}.film-selection>button.selected{border-bottom-color:#00843d}.film-tab-index{font-size:9px;color:#61756e;line-height:1.8}.film-selection>button.selected .film-tab-index{color:#8a8d8f}.film-selection button>span:nth-child(2){flex:1}.film-selection small{display:block;font-size:7px;letter-spacing:1.4px;color:#61756e;margin-bottom:10px}.film-selection>button.selected small{color:#8a8d8f}.film-selection strong{display:block;font-size:16px;font-weight:500;line-height:1.4}.film-selection em{font-style:normal;font-size:10px;line-height:1.9;color:#61756e;margin-top:9px;display:block}.film-selection>button>.icon{font-size:21px;opacity:.45;transition:transform .2s,opacity .2s}.film-selection>button.selected>.icon{opacity:1;transform:rotate(45deg)}.gallery-note{font-size:8px;color:#61756e;line-height:1.9;margin-top:19px}.brand-connection{background:#edf3f1;overflow:hidden}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:60px;padding-bottom:60px}.connection-visual{height:440px;position:relative;isolation:isolate;overflow:hidden}.orbit-grid{position:absolute;inset:25px;background-image:linear-gradient(#053e2c20 1px,transparent 1px),linear-gradient(90deg,#053e2c20 1px,transparent 1px);background-size:42px 42px;opacity:.4}.orbital-system{position:absolute;inset:0;display:grid;place-items:center;perspective:700px}.orbital-ring{position:absolute;width:350px;height:350px;border:1px solid #61756e80;border-radius:50%;animation-play-state:paused!important}.orbital-ring i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);top:-4px;left:50%}.ring-a{animation:orbit-a 30s linear infinite}.ring-b{width:290px;height:290px;border-color:#003b5c90;animation:orbit-b 36s linear infinite}.ring-b i{background:var(--blue)}.ring-c{width:210px;height:210px;border-color:#61756e;animation:orbit-c 42s linear infinite}.ring-c i{background:#61756e}.anim-visible .orbital-ring{animation-play-state:running!important}.orbit-core{position:relative;z-index:2;text-align:center;background:transparent;padding:14px}.orbit-core strong{font-family:Manrope,sans-serif;font-weight:800;font-size:62px;letter-spacing:-4px;line-height:1;color:var(--navy);display:block}.orbit-core>span{display:block;font-size:6px;font-weight:700;letter-spacing:1.4px;margin-top:12px;color:#61756e}.orbit-label{position:absolute;z-index:2;background:#edf3f1;border:1px solid #61756e;padding:7px 11px;font-size:7px;font-weight:600;letter-spacing:1.3px;color:#61756e}.label-a{left:36%;top:25px}.label-b{left:0;bottom:103px}.label-c{right:0;bottom:103px}.orbit-corner{position:absolute;bottom:12px;left:25px;font-size:7px;letter-spacing:2px;color:#61756e}.connection-copy .kicker{color:#61756e;font-size:8px;margin-bottom:23px}.connection-copy .display{font-size:clamp(48px,5.1vw,72px)}.connection-copy .display>span{color:var(--green)}.connection-copy>p:not(.kicker){font-size:13px;color:#61756e;line-height:1.95;margin-top:27px;max-width:450px}.connection-words{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.connection-words a{font-size:6px;letter-spacing:.7px;border:1px solid #dce5e0;padding:6px 9px;color:#61756e}.connection-copy .underlink{margin-top:27px;color:#053e2c;border-color:#61756e}.connection-copy .underlink .icon{font-size:20px}.global .trade-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.global>img{z-index:0}.global .global-shade{z-index:2}.global .global-inner{z-index:3}.trade-film-button{display:flex;align-items:center;gap:14px;background:none;border:0;color:#dce5e0;padding:0;margin-top:30px;font-size:7px;letter-spacing:1.2px}.trade-film-button>span{width:30px;height:30px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center}.trade-film-button>span .icon{font-size:12px}.trade-film-button>.icon{font-size:15px}.motion-off .orbital-ring,.motion-off .marquee-track{animation-play-state:paused!important}.motion-off .type-caret{animation:none;opacity:0}.motion-off .icon{transition:none}
@keyframes brand-travel{to{transform:translateX(-50%)}}@keyframes caret-blink{50%{opacity:0}}@keyframes orbit-a{from{transform:rotateX(58deg) rotateY(18deg) rotateZ(0)}to{transform:rotateX(58deg) rotateY(18deg) rotateZ(360deg)}}@keyframes orbit-b{from{transform:rotateX(-36deg) rotateY(50deg) rotateZ(0)}to{transform:rotateX(-36deg) rotateY(50deg) rotateZ(-360deg)}}@keyframes orbit-c{from{transform:rotateX(12deg) rotateY(-35deg) rotateZ(0)}to{transform:rotateX(12deg) rotateY(-35deg) rotateZ(360deg)}}
@media(max-width:1100px){.gallery-layout{grid-template-columns:1.3fr 1fr;gap:30px}.film-stage{min-height:420px}.connection-grid{gap:45px}.orbital-ring{width:310px;height:310px}.ring-b{width:260px;height:260px}.ring-c{width:190px;height:190px}.label-b{left:0}.label-c{right:0}.film-selection>button{padding-top:25px;padding-bottom:25px}.gallery-heading>p{max-width:280px;font-size:12px}}
@media(max-width:760px){.brand-marquee{padding:19px 0}.marquee-track{gap:24px;animation-duration:55s}.marquee-track span{font-size:32px}.marquee-track b{font-size:16px}.type-heading{font-size:13px!important;min-height:1.8em}.gallery-heading{display:block;margin-bottom:28px}.gallery-heading .display{font-size:46px}.gallery-heading>p{font-size:12px;max-width:none;margin-top:22px}.gallery-layout{grid-template-columns:1fr;gap:23px}.film-stage{min-height:310px}.stage-top{left:20px;right:20px;top:18px}.stage-caption{left:22px;right:22px;bottom:25px}.stage-caption h3{font-size:30px}.stage-caption>div>span{font-size:6px}.stage-caption button{width:39px;height:39px}.stage-caption button .icon{font-size:14px}.film-selection>button{padding:20px 6px 20px 0;gap:15px}.film-selection strong{font-size:15px}.film-selection em{font-size:11px}.film-selection small{font-size:7px;margin-bottom:7px}.gallery-note{font-size:8px}.connection-grid{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:60px}.connection-visual{height:340px;max-width:400px;width:100%;margin:auto}.orbital-ring{width:275px;height:275px}.ring-b{width:235px;height:235px}.ring-c{width:170px;height:170px;animation:none;transform:rotateX(12deg) rotateY(-35deg)}.orbit-core strong{font-size:52px}.orbit-core>span{font-size:5px}.orbit-label{font-size:6px;padding:6px 8px;letter-spacing:.7px}.label-a{top:8px}.label-b,.label-c{bottom:75px}.orbit-corner{left:20px;font-size:6px;letter-spacing:1.5px;bottom:4px}.connection-copy .kicker{font-size:7px;margin-bottom:20px}.connection-copy .display{font-size:48px}.connection-copy>p:not(.kicker){font-size:13px;margin-top:23px}.connection-words{gap:7px}.connection-words a{font-size:6px;padding:6px 8px}.trade-film-button{font-size:6px;margin-top:25px}.global-coordinates{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.orbital-ring,.marquee-track{animation:none!important}.type-caret{display:none}.brand-marquee .marquee-track{transform:none}}

.marquee-track{gap:0}.marquee-group{display:flex;align-items:center;gap:35px;padding-right:35px}@media(max-width:760px){.marquee-group{gap:24px;padding-right:24px}}

/* SSAB film gallery: four complete films with lightweight preview loops. */
.film-stage{min-height:550px}.film-stage video{object-fit:contain;background:#053e2c}.stage-caption h3{font-size:32px;max-width:420px}.film-selection>button{padding-top:22px;padding-bottom:22px}@media(max-width:760px){.film-stage{min-height:310px}.stage-caption h3{font-size:26px}.film-selection>button{padding-top:20px;padding-bottom:20px}}

/* v3.9: quieter brand ribbon, preserving a single subtle motion. */
.brand-marquee{padding:14px 0}
.marquee-track{animation-duration:85s}
.marquee-track span{font-size:30px;letter-spacing:.5px}
.marquee-track b{font-size:15px;color:#61756e}
.marquee-group{gap:30px;padding-right:30px}
.brand-marquee:hover .marquee-track,.brand-marquee:focus-within .marquee-track{animation-play-state:paused}
@media(max-width:760px){.brand-marquee{padding:12px 0}.marquee-track{animation-duration:100s}.marquee-track span{font-size:24px}.marquee-track b{font-size:12px}.marquee-group{gap:24px;padding-right:24px}}

/* v3.10: identical viewport-filling groups for an uninterrupted loop. */
.marquee-track{gap:0;flex-wrap:nowrap;animation-duration:180s}
.marquee-group{flex:0 0 auto;width:max-content;min-width:100vw;justify-content:space-between;box-sizing:border-box}
@media(max-width:760px){.marquee-track{animation-duration:105s}}

.connection-words a{transition:background .2s,color .2s,border-color .2s}.connection-words a:hover,.connection-words a:focus-visible{background:#00843d;color:#ffffff;border-color:#00843d}.connection-words a:focus-visible{outline:2px solid #00843d;outline-offset:3px}

/* One section for the working relationship and order process. */
.journey-section{background:#edf3f1;overflow:hidden}.journey-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end}.journey-heading>p{max-width:440px;color:#61756e;font-size:14px;line-height:1.95;padding-bottom:4px}.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:35px}.journey-process ol{list-style:none;margin:0;padding:0}.journey-process li{display:grid;grid-template-columns:30px 1fr;gap:17px;padding:20px 0;border-bottom:1px solid #dce5e0}.journey-process li:first-child{padding-top:0}.journey-process li>span{font-size:10px;color:var(--green);font-weight:700;padding-top:4px}.journey-process h3{font-size:16px;line-height:1.6;font-weight:700}.journey-process li p{font-size:12px;line-height:1.9;color:#61756e;margin-top:6px;max-width:440px}.journey-note{font-size:10px;line-height:1.9;color:#61756e;margin-top:20px}.journey-section .connection-visual{height:460px}.journey-section .orbit-core>span{font-size:6px;letter-spacing:1px}
@media(max-width:1100px){.journey-layout{gap:35px}.journey-heading{gap:35px}}
@media(max-width:760px){.journey-heading{grid-template-columns:1fr;gap:22px}.journey-heading>p{font-size:12px}.journey-layout{grid-template-columns:1fr;gap:25px;margin-top:20px}.journey-section .connection-visual{height:310px;max-width:360px}.journey-process h3{font-size:14px}.journey-process li p{font-size:12px}.journey-process li{padding:18px 0}.journey-note{font-size:10px}:lang(zh-CN) .journey-heading .display{font-size:34px}}

@media(max-width:760px){.journey-process{order:-1}.journey-layout{gap:20px}.journey-section .connection-visual{height:290px}}

/* Keep orbital paths continuous behind the central wordmark */
.orbit-core strong,.orbit-core>span{text-shadow:0 0 4px #edf3f1,0 0 9px #edf3f1}