/* Procurement through delivery — the homepage narrative. */
.premium-hero .hero-art img{object-position:62% 74%}.premium-hero h1{font-size:clamp(56px,6.65vw,104px);max-width:960px}.premium-hero .hero-lead{max-width:600px;font-size:21px}.premium-hero .hero-art{animation:hero-voyage 18s ease-in-out infinite alternate}.premium-hero:after{background:linear-gradient(90deg,#071522ed 0%,#071522aa 43%,#07152222 73%),linear-gradient(0deg,#071522a6,transparent 45%)}
@keyframes hero-voyage{from{transform:scale(1)}to{transform:scale(1.04)}}.motion-paused .premium-hero .hero-art{animation-play-state:paused}
.chain-map{background:#f5f5f7;border:0}.chain-map-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding-block:34px 36px}.chain-map a{border:0;padding-block:10px;transition:none}.chain-map a>span{font-size:12px;letter-spacing:.1em;color:#497499;display:block;margin-bottom:13px}.chain-map strong{font-size:16px;font-weight:550;line-height:1.35;display:block}.chain-map small{display:block;margin-top:8px;font-size:13px;color:#777e88;line-height:1.5}.premium-site .premium-expertise{padding-top:85px}
@media(max-width:800px){.premium-hero h1{font-size:clamp(47px,9.8vw,78px)}.premium-hero .hero-lead{font-size:18px;max-width:440px}.premium-hero .hero-art img{object-position:66% 72%}.premium-hero:after{background:linear-gradient(180deg,#061425e8,#07152280 48%,#07152222 75%,#071522bc)}.chain-map-inner{display:flex;overflow-x:auto;scroll-snap-type:x proximity;width:100%!important;padding:28px 24px;gap:24px}.chain-map a{flex:0 0 190px;scroll-snap-align:start}.chain-map small{font-size:13px}.premium-site .premium-expertise{padding-top:65px}}
@media(max-width:520px){.premium-hero h1{font-size:clamp(36px,10.2vw,54px)}.premium-hero .hero-lead{font-size:17px}.premium-hero .hero-content{padding-top:50px}.hero-art-label{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.premium-hero .hero-art{animation:none!important}}

/* A five-stage photographic story, with real machining footage. */
.premium-site .premium-journey{height:330svh}.journey-content{padding-bottom:36px}.journey-copy{height:280px;width:43%;max-width:450px}.journey-step p{max-width:365px}.journey-controls{width:46%;max-width:500px;gap:17px;margin-top:14px}.journey-controls button{min-height:65px}.journey-controls b{display:block;font-size:12px;font-weight:400;margin-top:8px;letter-spacing:.02em}.journey-controls i{margin-top:10px}.journey-images{inset:0 0 0 25%}.journey-image:nth-child(3){object-position:55% center}.journey-image:nth-child(5){object-position:60% center}.footage-label{display:block;font-size:11px;letter-spacing:.05em;color:#c2ccdb;margin-top:16px}.video-control,.freight-motion{position:absolute;z-index:3;right:38px;bottom:38px;background:#101a29a8;border:1px solid #ffffff75;border-radius:100px;color:white;padding:10px 16px;backdrop-filter:blur(14px);font-size:13px;min-height:42px;cursor:pointer}.video-control:hover,.freight-motion:hover{background:#101a29}.video-control:focus-visible,.freight-motion:focus-visible,.freight-tabs button:focus-visible{outline:3px solid #76caff;outline-offset:4px}
/* Wide, cinematic freight imagery with independently controllable motion. */
.freight-section{background:#eff2f5;padding:110px 0 68px}.freight-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:end;margin-bottom:50px}.freight-heading .premium-kicker{grid-column:1/-1;color:#627185;margin-bottom:24px}.premium-site .freight-heading h2,.premium-site .people-heading h2{font-size:clamp(44px,5.2vw,76px);line-height:1.05;letter-spacing:-.055em;font-weight:600}.freight-heading>p:last-child{font-size:19px;line-height:1.55;color:#65707c;max-width:425px;margin-bottom:4px}.freight-cinema{position:relative;height:660px;overflow:hidden;border-radius:27px;background:#071725;isolation:isolate}.freight-panel{position:absolute;inset:0;overflow:hidden;color:#fff}.freight-panel>img{width:100%;height:100%;object-fit:cover;object-position:58% 45%;animation:freight-drift 20s ease-in-out infinite alternate;animation-play-state:paused}.freight-section.is-on-screen .freight-panel.is-active>img{animation-play-state:running}.freight-panel:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#031120ee 0%,#0311209c 20%,#03112000 66%)}.freight-panel-copy{position:absolute;left:55px;bottom:52px;right:40px;z-index:1;display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:end}.freight-panel-copy .card-eyebrow{grid-column:1/-1;font-size:11px;letter-spacing:.14em;color:#e6eef4;margin-bottom:20px}.premium-site .freight-panel h3{font-size:clamp(38px,4.7vw,67px);line-height:1.02;letter-spacing:-.045em;font-weight:500}.freight-panel p{color:#e0e7ee;font-size:16px;line-height:1.6;max-width:365px;padding-bottom:4px}.freight-tabs{position:absolute;z-index:2;top:30px;left:35px;display:flex;padding:5px;gap:4px;border:1px solid #ffffff30;border-radius:100px;background:#14263570;backdrop-filter:blur(20px)}.freight-tabs button{border:0;border-radius:100px;background:transparent;color:#fff;font-size:14px;padding:12px 20px;cursor:pointer}.freight-tabs button[aria-selected=true]{background:#fff;color:#10202f}.freight-tabs span{margin-left:13px}.freight-motion{top:36px;right:35px;bottom:auto}.freight-foot{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-top:27px;font-size:16px}.freight-foot p{color:#687483}.freight-foot a{color:#1762c4}.freight-foot a span{margin-left:14px}#sea-panel>img{object-position:55% 82%}
@keyframes freight-drift{from{transform:scale(1)}to{transform:scale(1.045) translateX(-.4%)}}.motion-paused .freight-section .freight-panel>img,.freight-section.freight-paused .freight-panel>img{animation-play-state:paused!important}
/* Editorial posters: conversations alongside the physical supply chain. */
.people-section{padding:105px 0 85px;background:#fff}.people-heading{margin-bottom:44px}.people-heading .premium-kicker{color:#717781;margin-bottom:22px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.people-poster{height:640px;border-radius:26px;overflow:hidden;position:relative;background:#182330;color:white;isolation:isolate}.people-poster>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transition:transform 1s ease}.people-poster:hover>img{transform:scale(1.025)}.people-poster:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#071521fa 0%,#071521c4 24%,#07152133 56%,transparent 76%)}.people-poster-copy{position:absolute;left:40px;right:36px;bottom:36px;z-index:1}.people-poster .card-eyebrow{color:#cbd6e0;font-size:11px;letter-spacing:.13em;display:block;margin-bottom:20px}.premium-site .people-poster h3{font-size:clamp(34px,3.5vw,49px);line-height:1.08;letter-spacing:-.045em;font-weight:550}.people-poster p{max-width:380px;line-height:1.5;font-size:16px;color:#d3dce6;margin:19px 0 23px}.people-poster a{font-size:15px;color:white;display:inline-block;border-bottom:1px solid #ffffff60;padding-bottom:6px}.people-poster a>span{margin-left:15px}.people-poster:nth-child(2)>img{object-position:50% 34%}
/* Keep product categories visible without another screen of oversized cards. */
.product-paths{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:25px 0 95px;align-items:start}.product-paths .premium-kicker{color:#727780;font-size:11px;margin:15px 0 20px}.premium-site .product-paths h2{font-size:clamp(29px,3.3vw,47px);line-height:1.12;letter-spacing:-.04em;font-weight:550}.product-paths p:last-child{color:#737983;line-height:1.6;font-size:16px;margin-top:21px;max-width:360px}.product-path-links{border-top:1px solid #e1e3e7}.product-path-links a{display:flex;align-items:center;gap:23px;padding:18px 0;border-bottom:1px solid #e1e3e7;font-size:16px}.product-path-links img{width:67px;height:62px;border-radius:10px;object-fit:cover}.product-path-links a:first-child img{object-position:50% 80%}.product-path-links b{font-size:21px;font-weight:400;margin-left:auto;color:#3278c1}
@media(max-width:1050px){.journey-copy{width:48%}.journey-controls{width:50%}.freight-panel-copy{column-gap:40px}.people-poster-copy{left:29px;right:26px}.people-poster{height:600px}.people-grid{gap:20px}.product-paths{gap:40px}}
@media(max-width:800px){.premium-site .premium-journey{height:310svh}.journey-images{inset:20% -12% 0 -12%}.journey-copy{width:100%;max-width:430px;height:245px}.journey-controls{width:100%;max-width:420px;gap:14px;margin-top:10px}.journey-controls button{min-height:55px}.journey-content{padding-bottom:24px}.journey-sticky:after{background:linear-gradient(180deg,#071019 0%,#0710199a 23%,#07101922 42%,#071019d9 70%,#071019 94%)}.video-control{right:22px;bottom:auto;top:180px;font-size:12px;min-height:36px;padding:8px 13px}.footage-label{font-size:10px;margin-top:10px}.freight-section{padding:75px 0 45px}.freight-heading{display:block;margin-bottom:32px}.freight-heading>p:last-child{font-size:17px;line-height:1.5;margin-top:24px;max-width:450px}.freight-heading>p:last-child br{display:none}.premium-site .freight-heading h2,.premium-site .people-heading h2{font-size:47px}.freight-cinema{height:625px}.freight-tabs{left:22px;top:22px}.freight-tabs button{padding:10px 16px;font-size:13px}.freight-tabs span{margin-left:9px}.freight-motion{right:25px;top:auto;bottom:25px;min-height:37px;padding:8px 12px;font-size:12px}.freight-panel-copy{display:block;left:30px;right:30px;bottom:82px}.freight-panel-copy .card-eyebrow{display:block;font-size:10px;margin-bottom:16px}.premium-site .freight-panel h3{font-size:49px}.freight-panel p{font-size:16px;line-height:1.5;margin-top:22px;max-width:370px}.freight-panel>img{object-position:52% 30%}.freight-panel:after{background:linear-gradient(0deg,#071725 0%,#071725cc 27%,#07172533 68%,transparent)}#sea-panel>img{object-position:59% 45%}.freight-foot{display:block;font-size:15px;line-height:1.5}.freight-foot a{display:inline-block;margin-top:13px}.people-section{padding:75px 0 58px}.people-heading{margin-bottom:32px}.people-grid{grid-template-columns:1fr;max-width:600px;gap:24px}.people-poster{height:630px}.people-poster-copy{left:32px;right:30px;bottom:31px}.premium-site .people-poster h3{font-size:43px}.people-poster p{max-width:370px}.product-paths{grid-template-columns:1fr;gap:28px;padding:15px 0 60px}.premium-site .product-paths h2{font-size:36px}.product-paths p:last-child{max-width:450px}.product-path-links a{font-size:15px;gap:20px}}
@media(max-width:520px){.premium-site .freight-heading h2,.premium-site .people-heading h2{font-size:40px}.freight-cinema{width:calc(100% - 24px)!important;border-radius:20px;height:615px}.freight-panel-copy{left:26px;right:24px;bottom:76px}.premium-site .freight-panel h3{font-size:43px}.freight-panel p{font-size:15px}.freight-panel-copy .card-eyebrow{max-width:270px;line-height:1.5;letter-spacing:.09em}.freight-tabs{left:18px;top:18px}.freight-tabs button{font-size:12px;padding:10px 13px}.freight-tabs span{margin-left:8px}.people-poster{height:570px;border-radius:21px}.people-poster-copy{left:27px;right:25px;bottom:29px}.premium-site .people-poster h3{font-size:37px}.people-poster p{font-size:15px}.people-poster .card-eyebrow{font-size:10px}.product-path-links a{gap:16px;font-size:14px}.product-path-links img{width:58px;height:58px}.journey-controls{gap:12px}.journey-controls b{font-size:11px}}
@media(max-width:800px) and (max-height:740px){.journey-content{padding-top:23px;padding-bottom:20px}.journey-copy{height:222px}.journey-content .premium-kicker{font-size:10px;margin-bottom:12px}.premium-site .journey-content h2{font-size:35px}.premium-site .journey-step h3{font-size:28px}.journey-step p{font-size:15px;line-height:1.42;margin-top:13px}.journey-controls{margin-top:6px}.video-control{top:159px}.journey-number{font-size:10px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.premium-site .premium-journey{height:auto}.journey-sticky{height:auto;min-height:0;position:relative;top:0}.journey-copy{height:auto;width:100%;max-width:640px}.journey-images{opacity:.22}.journey-controls{display:none}.video-control{display:none}.freight-panel>img{animation:none!important}.people-poster:hover>img{transform:none}}
/* Keep playback controls clear of the persistent help button. */
@media(min-width:801px){.video-control{top:30px;bottom:auto}}
@media(min-width:801px) and (max-height:800px){.journey-sticky{min-height:0}.journey-content{padding-top:35px;padding-bottom:28px}.premium-site .journey-content h2{font-size:55px}.journey-copy{height:250px}.journey-controls{margin-top:8px}}
/* Keep group compositions intact and reserve space for readable copy. */
.people-poster{height:675px;background:#071521}.people-poster>img{height:auto;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 30%}.people-poster:nth-child(2)>img{object-position:50% 30%}.people-poster:hover>img{transform:none}.people-poster:after{background:linear-gradient(180deg,transparent 25%,#07152100 36%,#07152166 56%,#071521 75%)}
@media(max-width:800px){.people-poster{height:650px}}
@media(max-width:520px){.people-poster{height:545px}.people-poster:after{background:linear-gradient(180deg,transparent 15%,#07152100 29%,#07152166 43%,#071521 57%)}}
@media(max-width:800px){.journey-image.machining-video{object-position:35% center}}
/* Clear next steps and matching detail-page navigation. */
.journey-detail{display:inline-block;margin-top:17px;color:#d4e7ff;font-size:14px;line-height:1.5;border-bottom:1px solid #a8c9f366;padding-bottom:4px}.journey-detail span{margin-left:9px}.journey-detail:hover{color:white;border-color:white}.detail-toc{display:flex;align-items:center;flex-wrap:wrap;gap:14px 25px;padding-block:25px;border-bottom:1px solid #e0e4ea}.detail-toc>span{font-size:13px;color:#737b86}.detail-toc>a{font-size:14px;color:#245e9f}.detail-toc>a:hover{text-decoration:underline}.detail-section{scroll-margin-top:10px}.breadcrumbs [aria-current]{color:#e0e7ed}.detail-aside>.eyebrow{margin-bottom:15px}.detail-aside h2{font-size:26px!important}.freight-detail{font-size:16px}.premium-site .expertise-card h3{font-size:clamp(28px,3vw,44px)}
@media(max-width:800px){.journey-detail{margin-top:12px}.detail-toc{gap:10px 19px;padding-block:20px}.detail-toc>span{flex-basis:100%}.premium-site .expertise-card h3{font-size:36px}.premium-site .journey-content h2{font-size:44px}.freight-detail{font-size:15px}}
@media(max-width:800px) and (max-height:740px){.journey-detail{margin-top:9px;font-size:14px}.premium-site .journey-content h2{font-size:34px}.journey-copy{height:230px}.journey-step p{font-size:16px;line-height:1.45}.journey-controls b{font-size:12px}.journey-controls{margin-top:8px}}
/* Real photographs retain the full meeting composition, with text below faces. */
.people-poster>img{aspect-ratio:16/9;object-position:center}.people-poster:nth-child(2)>img{object-position:50% 42%}.people-poster:after{background:linear-gradient(180deg,transparent 16%,#07152100 31%,#0715218c 49%,#071521 64%)}
@media(max-width:520px){.people-poster{height:480px}.people-poster:after{background:linear-gradient(180deg,transparent 10%,#07152100 20%,#07152188 33%,#071521 43%)}}

/* Procurement directions: photographs remain large enough to show the product context. */
.product-paths{display:block;padding-bottom:80px}.product-paths>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:18px 70px;align-items:end}.product-paths .premium-kicker{grid-column:1/-1;margin:0}.product-paths>div:first-child>p:last-child{margin:0;max-width:410px}.product-path-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0;margin-top:35px}.product-path-links a{display:grid;grid-template-columns:1fr auto;gap:0;padding:0 0 20px;border:0;border-radius:20px;overflow:hidden;background:#f4f5f7;align-items:center}.product-path-links img{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0;margin-bottom:20px}.product-path-links a>span{padding-left:22px;font-size:17px;line-height:1.4}.product-path-links a>b{padding-right:22px;color:#356a96}.product-path-links a:hover{background:#ebeff4}.product-path-links a:focus-visible{outline:3px solid #1762c4;outline-offset:5px}
@media(max-width:800px){.product-paths>div:first-child{grid-template-columns:1fr;gap:19px}.product-path-links{gap:18px}.product-path-links a>span{font-size:14px;padding-left:14px}.product-path-links a>b{padding-right:14px}.product-path-links img{margin-bottom:15px}}
@media(max-width:600px){.product-path-links{grid-template-columns:1fr;margin-top:28px}.product-path-links a>span{font-size:17px;padding-left:22px}.product-path-links a>b{padding-right:22px}.product-path-links a{padding-bottom:20px}.product-path-links img{aspect-ratio:16/9;margin-bottom:20px}.product-paths{padding-bottom:55px}}

.product-path-links img[src*="jewelry-display-real"]{object-position:60% 50%}.product-path-links img[src*="industrial-production-real"]{object-position:50% 52%}.detail-photo img[src*="jewelry-display-real"]{object-position:68% 50%}.detail-photo img[src*="industrial-production-real"]{object-position:65% 50%}
@media(max-width:600px){.product-path-links img[src*="jewelry-display-real"]{object-position:60% 55%}.product-path-links img[src*="industrial-production-real"]{object-position:50% 55%}}

/* Stage names are the navigation; redundant visible counters are removed. */
.journey-controls b{margin-top:0;font-size:14px;font-weight:500}.journey-controls button{min-height:49px}.journey-controls i{margin-top:13px}.chain-map a{padding-top:10px}
@media(max-width:800px){.journey-controls b{font-size:13px}.journey-controls button{min-height:47px}}

/* Precision measurement replaces the aircraft illustration. */
#quality-panel>img{object-position:58% 58%}
#quality-panel:after{background:linear-gradient(0deg,#031120f5 0%,#031120bd 24%,#03112018 62%,transparent)}
@media(max-width:800px){
 #quality-panel>img{top:0;height:56%;object-fit:cover;object-position:57% 59%}
 #quality-panel:after{background:linear-gradient(180deg,transparent 25%,#07172533 39%,#071725 57%)}
 #quality-panel h3{font-size:clamp(33px,8.5vw,49px)}
 #quality-panel .freight-panel-copy p{margin-top:17px}
}

/* Preserve both participants and their shared documents; use the same photo ratio for support. */
.people-poster{height:720px}.people-poster>img{aspect-ratio:3/2;object-position:center}.people-poster:nth-child(2)>img{object-position:center}.people-poster:after{background:linear-gradient(180deg,transparent 28%,#07152100 40%,#071521aa 61%,#071521 68%)}
.product-path-links img[src*="precision-inspection-equipment"]{object-position:50% 58%}.detail-photo img[src*="precision-inspection-equipment"]{object-position:65% 50%}
@media(max-width:1050px) and (min-width:801px){.people-poster{height:650px}}
@media(max-width:800px){.people-poster{height:700px}}
@media(max-width:520px){.people-poster{height:510px}.people-poster:after{background:linear-gradient(180deg,transparent 20%,#07152100 29%,#071521aa 43%,#071521 48%)}}

/* Shenzhen Bay opens the page; the original port photo closes it. */
.premium-hero.hero-shenzhen-bay .hero-art img{object-position:56% 43%}
.premium-hero.hero-shenzhen-bay:after{background:linear-gradient(90deg,#071523b8 0%,#0b203066 42%,#0c253000 74%),linear-gradient(0deg,#071523a6 0%,transparent 35%)}
.hero-shenzhen-bay .hero-art-label{color:#e2e7ec;letter-spacing:.03em}
@media(min-width:801px){.hero-shenzhen-bay .hero-art-label{bottom:104px}}
.port-closing{position:relative;isolation:isolate;min-height:550px;height:44vw;max-height:720px;overflow:hidden;background:#051018;color:#fff}
.port-art{position:absolute;inset:0;z-index:-2;overflow:hidden}
.port-art>img{width:100%;height:100%;object-fit:cover;object-position:58% 60%}
.port-closing:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#051018e8 0%,#05101882 28%,#05101800 65%)}
.port-closing-content{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;min-height:inherit;padding-top:55px;padding-bottom:55px}
.port-closing .premium-kicker{font-size:12px;color:#dbe1e7;margin-bottom:18px}
.premium-site .port-closing h2{font-size:clamp(40px,5.2vw,72px);line-height:1.04;letter-spacing:-.05em;font-weight:600;color:#fff}
@media(max-width:800px){
 .premium-hero.hero-shenzhen-bay .hero-art img{object-position:54% 40%}
 .premium-hero.hero-shenzhen-bay:after{background:linear-gradient(180deg,#0a1e328c 0%,#0a1e3287 44%,#0a1e322e 73%,#071523ad 100%)}
 .port-closing{height:570px;min-height:570px;max-height:none}
 .port-closing-content{padding-top:35px;padding-bottom:45px}
 .premium-site .port-closing h2{font-size:44px}
 .port-closing .premium-kicker{font-size:10px;letter-spacing:.13em}
}

/* The shipping stage shows cargo handling, distinct from the takeoff panel. */
.journey-image[data-journey-image="4"]{object-position:50% 53%}
@media(max-width:800px){.journey-image[data-journey-image="4"]{height:235px;object-position:50% 53%;mask-image:linear-gradient(#000 0%,#000 58%,transparent 96%)}.journey-image[data-journey-image="4"].is-active{opacity:1}}

/* Animated light accents on the existing port photo, not replacement footage. */
.port-closing .port-activity{position:absolute;inset:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.port-activity svg{position:absolute;max-width:none;overflow:visible}
.port-traffic{stroke:#e0f5ff;stroke-width:2.6;stroke-dasharray:2.4 87 1.6 131 2.2 211 1.8 167 2.5 393.5;animation:port-flow 28s linear infinite;opacity:.68;filter:drop-shadow(0 0 2px #c2e7ff)}
.port-traffic-return{stroke:#ffcf86;stroke-width:2.1;animation-direction:reverse;animation-duration:33s;animation-delay:-9s;opacity:.56;filter:drop-shadow(0 0 2px #ffb96a)}
.port-traffic-yard{stroke-width:1.8;stroke-dasharray:2 231 1.5 348 2 415.5;animation-duration:24s;animation-delay:-14s;opacity:.5}
.port-traffic-rear{stroke-width:1.3;stroke-dasharray:2 397 1 600;animation-duration:31s;animation-delay:-7s;opacity:.45}
.port-lamp{animation:port-glimmer 7s ease-in-out infinite alternate;opacity:.25}
@keyframes port-flow{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes port-glimmer{from{opacity:.14}to{opacity:.58}}
.motion-paused .port-activity{transform:none!important}

/* Three practical stages before collection, with readable touch targets. */
.pre-dispatch-section .freight-tabs button{min-height:44px}
.pre-dispatch-section #packaging-panel>img{object-position:50% 58%}
.pre-dispatch-section #packing-panel>img{object-position:50% 60%}
.pre-dispatch-section :is(#packaging-panel,#packing-panel):after{background:linear-gradient(0deg,#031120f5 0%,#031120bd 24%,#03112018 62%,transparent)}
@media(max-width:800px){
 .pre-dispatch-section .freight-tabs{left:18px;right:18px;top:18px;border-radius:22px;gap:3px;padding:4px}
 .pre-dispatch-section .freight-tabs button{flex:1;min-width:0;min-height:52px;border-radius:18px;padding:9px 7px;font-size:14px;line-height:1.2;white-space:normal}
 .pre-dispatch-section :is(#packaging-panel,#packing-panel)>img{top:0;height:56%;object-fit:cover}
 .pre-dispatch-section :is(#packaging-panel,#packing-panel):after{background:linear-gradient(180deg,transparent 25%,#07172533 39%,#071725 57%)}
 .pre-dispatch-section .freight-panel-copy{bottom:36px}
 .pre-dispatch-section .freight-panel h3{font-size:clamp(30px,8vw,44px)}
 .pre-dispatch-section .freight-panel p{margin-top:17px}
 .pre-dispatch-section .freight-foot a{font-size:15px;line-height:1.5}
}
.motion-paused .port-activity *, .port-closing:not(.port-is-visible) .port-activity *, .port-document-hidden .port-activity *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.port-activity{display:none}}

/* Whole-machine photography makes the procurement category identifiable. */
.product-path-links img[src*="commercial-stainless-equipment"]{object-position:50% 52%}
.detail-photo img[src*="commercial-stainless-equipment"]{object-position:55% 52%}

@media(max-width:800px){.freight-motion{left:25px;right:auto}}

/* Center the actual measurement on desktop and mobile. */
#quality-panel>img{object-position:50% 48%}

/* Frame the physical samples and the measured component clearly. */
.journey-image[data-journey-image="0"]{object-position:50% 57%}
.pre-dispatch-section #quality-panel>img{object-position:45% 68%}

.journey-image[data-journey-image="3"]{object-position:30% 42%}
@media(max-width:800px){.journey-image[data-journey-image="3"]{object-position:15% 42%}}

/* Product directions remain readable on mid-size screens. */
@media(min-width:601px) and (max-width:900px){.product-path-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Complete black PV modules, with a clear product silhouette. */
.product-path-links img[src*="black-solar-roof"],.detail-photo img[src*="black-solar-roof"]{object-position:50% 60%}

/* Keep the storage product intact instead of cropping it as a landscape photo. */
.premium-site .detail-hero.product-photo-hero{background:#fff;color:#171a1f;min-height:480px}
.detail-hero.product-photo-hero:after{display:none}
.detail-hero.product-photo-hero .detail-photo{inset:35px 5% 35px 55%;z-index:0;opacity:1}
.detail-hero.product-photo-hero .detail-photo img{object-fit:contain}
.detail-hero.product-photo-hero .container{position:relative;z-index:1}
.detail-hero.product-photo-hero .breadcrumbs,.premium-site .detail-hero.product-photo-hero p{color:#606873}
.premium-site .detail-hero.product-photo-hero h1,.premium-site .detail-hero.product-photo-hero .container>p:not(.eyebrow){max-width:47%;color:#171a1f}
@media(max-width:800px){
 .premium-site .detail-hero.product-photo-hero{display:flex;flex-direction:column;padding:36px 0 25px;min-height:0}
 .detail-hero.product-photo-hero .container{order:0}
 .detail-hero.product-photo-hero .detail-photo{position:relative;inset:auto;order:1;height:300px;margin:20px 24px 0}
 .premium-site .detail-hero.product-photo-hero h1,.premium-site .detail-hero.product-photo-hero .container>p:not(.eyebrow){max-width:none}
}

.detail-hero.product-photo-hero .breadcrumbs [aria-current]{color:#4c5561}