/* The operation is a photographic passage in document flow. No pinned stage,
   carousel or tab rail: changes in shot scale carry the production sequence. */
.process-chapter{margin-top:calc(-1 * var(--scene-height,100dvh));padding:0;background:var(--home-light);color:var(--home-ink);overflow:clip;scroll-margin-top:0}
.applications-failed .process-chapter{margin-top:0}
.operation-shell{max-width:1680px;margin:auto;padding:140px max(var(--edge),4vw) 150px}
.operation-heading{margin:0 0 68px 5.8%;position:relative;z-index:2}
.operation-heading .section-name{margin-bottom:28px}
.operation-heading h2{margin:0;font:500 clamp(64px,7.8vw,122px)/.99 'Hubot Wide',Geist,sans-serif;letter-spacing:-.065em}
.operation-heading h2>span{display:block}
.operation-heading h2>span+span{margin-left:17.5%;color:var(--home-secondary)}
.operation-flow{position:relative;padding-left:5.8%}
.operation-thread{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2;fill:none;stroke-width:1}
.thread-track{stroke:var(--home-ink);opacity:.12}.thread-ink{stroke:var(--home-secondary);opacity:.6}
.operation-montage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 85px auto;column-gap:28px;position:relative}
.operation-photo{margin:0;position:relative;isolation:isolate;overflow:clip;background:var(--home-inset);min-width:0;--photo-entry:1;--photo-drift:0;clip-path:inset(calc((1 - var(--photo-entry)) * 9%) 0 calc((1 - var(--photo-entry)) * 9%) 0)}
.operation-photo-inner{position:absolute;inset:-7% 0;transform:translate3d(0,calc(var(--photo-drift) * 20px),0) scale(calc(1.045 - var(--photo-entry) * .045));transform-origin:center;will-change:transform}
.operation-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.055)}
.operation-photo:after{content:'';position:absolute;inset:0;background:var(--home-slate);opacity:.05;pointer-events:none;mix-blend-mode:multiply}
.operation-photo--mine{grid-area:1/1/3/10;aspect-ratio:1.8;align-self:start}
.operation-photo--mine img{object-position:42% 56%}
.operation-photo--crusher{grid-area:2/6/4/13;aspect-ratio:1.5;align-self:start;z-index:3;border:10px solid var(--home-light);border-right:0;border-bottom:0;margin-left:-10px}
.operation-photo--crusher img{object-position:52% 54%}
.operation-step{position:relative;z-index:3;scroll-margin-top:135px;--step-entry:1}
.operation-number{display:block;font:500 15px/1 'Hubot Wide',Geist,sans-serif;letter-spacing:-.03em;color:var(--home-secondary);margin-bottom:20px}
.operation-step h3{margin:0 0 18px;font:500 clamp(28px,2.65vw,42px)/1.12 'Hubot Wide',Geist,sans-serif;letter-spacing:-.045em;text-wrap:balance;}
.operation-step p{margin:0;max-width:370px;font-size:clamp(15px,1.3vw,18px);line-height:1.62;color:var(--home-secondary);transform:translate3d(0,calc((1 - var(--step-entry)) * 10px),0);opacity:calc(.35 + var(--step-entry) * .65)}
.operation-step--extraction{grid-area:1/10/2/13;align-self:start;padding-top:34px}
.operation-step--extraction h3{font-size:clamp(26px,2.2vw,35px)}
.operation-step--extraction p{font-size:16px}
.operation-step--crushing{grid-area:3/1/4/5;padding:42px 0 15px;align-self:end}
.operation-refining{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:0;margin-top:115px}
.operation-step--classification{grid-area:1/1/2/6;padding-bottom:42px}
.operation-step--classification p{max-width:390px}
.operation-photo--material{grid-area:1/7/3/13;align-self:center;aspect-ratio:1.4;clip-path:polygon(0 calc((1 - var(--photo-entry)) * 9%),100% calc((1 - var(--photo-entry)) * 9%),100% calc(100% - (1 - var(--photo-entry)) * 9%),14% calc(100% - (1 - var(--photo-entry)) * 9%),0 calc(86% - (1 - var(--photo-entry)) * 9%))}
.operation-photo--material img{object-position:50% 50%}
.operation-grade{grid-area:2/1/3/7;align-self:end;position:relative;padding:10px 0 0;z-index:3}
.grade-size{display:block;font:500 clamp(112px,15vw,228px)/.86 'Hubot Wide',Geist,sans-serif;letter-spacing:-.09em;margin-left:-.035em;color:var(--home-secondary)}
.grade-name{display:block;font-size:13px;margin-top:17px;color:var(--home-secondary)}
.grade-rule{position:absolute;height:1px;width:130%;left:0;top:-12px;transform:scaleX(var(--grade-draw,1));transform-origin:left;background:color-mix(in srgb,var(--home-ink) 22%,transparent);z-index:4}
.operation-step--milling{grid-area:3/7/4/13;margin:44px 0 0;max-width:415px}
.operation-dispatch{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;margin-top:110px}
.operation-photo--yard{grid-area:1/1/2/9;aspect-ratio:1.6}
.operation-photo--yard img{object-position:43% 59%}
.operation-step--delivery{grid-area:1/9/2/13;align-self:center;padding-left:12px}
.operation-step--delivery h3{font-size:clamp(30px,3vw,47px);text-wrap:initial}
.operation-proof{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:14px 0;border-bottom:1px solid var(--home-ink);min-height:54px;font-size:14px;width:100%;max-width:320px;transition:color .3s}
.operation-proof svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0;transition:transform .35s var(--ease)}
.operation-proof:hover svg{transform:translateX(6px)}.operation-proof:hover{color:var(--home-secondary)}.operation-proof:focus-visible{outline:2px solid var(--home-ink);outline-offset:6px}
.process-chapter+.chapter-passage{border-top:1px solid color-mix(in srgb,var(--home-ink) 18%,transparent);background:var(--home-light)}
.process-chapter+.chapter-passage .quality-chapter{margin-top:0;border-radius:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1600px){.operation-montage{grid-template-rows:auto 115px auto}.operation-step--crushing{padding-top:60px}.operation-refining{margin-top:140px}.operation-dispatch{margin-top:140px}}
@media(max-width:1100px){.operation-shell{padding-top:125px}.operation-heading{margin-bottom:55px}.operation-montage,.operation-refining,.operation-dispatch{column-gap:22px}.operation-photo--mine{grid-column-end:9;aspect-ratio:1.5}.operation-step--extraction{grid-column-start:9;padding-top:24px}.operation-step--crushing{padding-top:28px}.operation-montage{grid-template-rows:auto 65px auto}.operation-step--extraction p{font-size:15px}.operation-step--crushing{grid-column-end:6;padding-right:22px}.operation-photo--crusher{grid-column-start:6;aspect-ratio:1.4}.operation-step--delivery{padding-left:0}.operation-proof{font-size:13px;gap:10px}.operation-dispatch{column-gap:28px}.operation-step--delivery h3{font-size:29px}.operation-photo--yard{aspect-ratio:1.2}}
@media(max-width:900px){.operation-shell{padding-bottom:105px}.operation-step h3{font-size:28px}.operation-step p{font-size:16px}.operation-heading h2{font-size:8.4vw}.operation-step--extraction h3{font-size:27px}.operation-refining{margin-top:90px}.operation-photo--material{grid-column-start:7;aspect-ratio:1.05}.operation-step--classification{grid-column-end:7;padding-right:24px}.operation-step--milling{grid-column-start:6;margin-top:38px}.operation-grade{grid-column-end:7}.grade-size{font-size:16vw}.operation-dispatch{margin-top:90px}.operation-photo--yard{grid-column-end:8;aspect-ratio:.9}.operation-step--delivery{grid-column-start:8}.operation-step--delivery h3{font-size:31px}}
@media(max-width:640px){
 .operation-shell{padding:115px 22px 80px}.operation-heading{margin:0 0 40px 22px}.operation-heading .section-name{margin-bottom:23px}.operation-heading h2{font-size:clamp(34px,8.9vw,57px);line-height:1.06;letter-spacing:-.06em}.operation-heading h2 span+span{margin-left:8%}
 .operation-flow{padding-left:22px}.operation-montage,.operation-refining,.operation-dispatch{display:flex;flex-direction:column;gap:0}
 .operation-photo--mine{aspect-ratio:1.3;width:100%}.operation-photo--crusher{aspect-ratio:1.3;width:89%;align-self:flex-end;border:0;margin:38px -22px 0 0}
 .operation-step{scroll-margin-top:110px}.operation-step h3{font-size:30px;line-height:1.1}.operation-step p,.operation-step--extraction p{font-size:15px;line-height:1.65;max-width:390px}.operation-number{margin-bottom:14px;font-size:13px}
 .operation-step--extraction{padding:27px 20px 0 0}.operation-step--extraction h3{font-size:30px}.operation-step--crushing{padding:27px 14px 0 0;align-self:auto}
 .operation-refining{margin-top:66px}.operation-step--classification{padding:0 0 29px}.operation-photo--material{width:100%;aspect-ratio:1.6;order:1;align-self:auto}.operation-grade{order:2;padding:0;margin-top:-30px;align-self:auto}.grade-size{font-size:32vw;line-height:.92;color:var(--home-ink);text-shadow:0 -1px var(--home-light)}.grade-name{font-size:12px;margin-top:10px}.grade-rule{display:none}
 .operation-step--milling{order:3;margin-top:38px}.operation-dispatch{margin-top:65px}.operation-photo--yard{aspect-ratio:1.16;width:calc(100% + 22px);margin-left:-22px}.operation-step--delivery{padding:30px 0 0;align-self:auto}.operation-step--delivery h3{font-size:37px}.operation-proof{font-size:14px;max-width:310px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.operation-photo,.operation-photo--material{clip-path:none}.operation-photo-inner,.operation-step h3,.operation-step p{transform:none;will-change:auto}.operation-step h3,.operation-step p{opacity:1}.operation-proof svg{transition:none}}
/* The material pass widens out; dispatch closes with an immersed view of the
   loading yard. Their silhouettes deliberately differ from the opening montage. */
@media(min-width:641px){
 .operation-refining{grid-template-rows:auto auto auto;row-gap:0}
 .operation-step--classification{grid-area:1/2/2/11;padding:0 0 42px;max-width:760px}
 .operation-step--classification h3{font-size:clamp(40px,4.5vw,68px)}
 .operation-step--classification p{max-width:600px;font-size:18px}
 .operation-photo--material{grid-area:2/1/3/13;aspect-ratio:5.1;align-self:center;clip-path:inset(calc((1 - var(--photo-entry)) * 9%) 0)}
 .operation-grade{grid-area:3/2/4/5;align-self:start;padding:0 20px 0 0;margin-top:65px}
 .grade-size{font-size:clamp(100px,12vw,190px)}.grade-name{max-width:140px;line-height:1.4}.grade-rule{display:none}
 .operation-step--milling{grid-area:3/7/4/13;margin-top:60px;max-width:530px}
 .operation-step--milling h3{font-size:clamp(35px,3.3vw,50px)}
 .operation-dispatch{display:block;min-height:540px;aspect-ratio:2.02;margin-left:-6.15%;margin-right:0;background:var(--home-dark);isolation:isolate;color:var(--home-chalk)}
 .operation-photo--yard{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-2}
 .operation-photo--yard img{object-position:58% 59%;filter:saturate(.5) contrast(1.12)}
 .operation-dispatch:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,35,39,.90),rgba(20,35,39,.5) 37%,rgba(20,35,39,0) 77%);pointer-events:none}
 .operation-step--delivery{padding:55px 0 50px 6%;width:47%;max-width:625px;position:relative}
 .operation-step--delivery h3{font-size:clamp(38px,4.2vw,62px);letter-spacing:-.05em;margin-bottom:23px}
 .operation-step--delivery p{color:var(--home-light);max-width:360px;font-size:17px}
 .operation-step--delivery .operation-number{color:var(--home-light)}
 .operation-proof{color:var(--home-chalk);border-color:var(--home-muted);max-width:310px;margin-top:32px}
 .operation-proof:hover{color:var(--home-stone)}.operation-proof:focus-visible{outline-color:var(--home-light)}
 .operation-shell{padding-bottom:100px}
}
@media(min-width:641px) and (max-width:900px){
 .operation-step--classification{grid-column:1/12}.operation-step--classification p{font-size:17px}.operation-photo--material{aspect-ratio:3.6}
 .grade-size{font-size:13.7vw}.operation-grade{padding-right:10px}.grade-rule{width:310%}
 .operation-step--milling{grid-column:6/13}.operation-grade{grid-column:1/5}.operation-step--delivery{width:56%;padding-top:55px;padding-bottom:55px}.operation-step--delivery h3{font-size:39px}.operation-step--delivery p{font-size:16px}.operation-dispatch{min-height:545px;aspect-ratio:auto}
}
@media(max-width:640px){.operation-step--delivery .operation-number{letter-spacing:0;word-spacing:8px}.operation-grade{margin-top:18px}.grade-size{font-size:29vw}.operation-photo--material{aspect-ratio:2.2}.operation-photo--yard{aspect-ratio:1.05}}

.operation-step--delivery .operation-number>span{margin-right:8px}