.process-page{--process-paper:#f4f3ef;--process-paper-dark:#e8e6e0;--process-ink:#151515;--process-muted:#6d7075;--process-line:#deded9;--process-rust:#c84913;max-width:100%;overflow-x:clip;background:#fff;color:var(--process-ink)}
.process-hero{position:relative;overflow:hidden;background:var(--process-paper);padding:clamp(54px,7vw,98px) 0 0}
.process-hero-inner{width:min(calc(100% - 52px),1440px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);align-items:end;column-gap:clamp(40px,9vw,140px)}
.process-eyebrow,.process-kicker{display:flex;align-items:center;gap:9px;margin:0;color:var(--process-rust);font-size:10px;font-weight:800;letter-spacing:.16em}
.process-live-dot{width:7px;height:7px;border-radius:50%;background:var(--process-rust);box-shadow:0 0 0 4px rgba(200,73,19,.1)}
.process-hero h1{max-width:13ch;margin:32px 0 24px;font-family:var(--sans);font-size:clamp(48px,7.7vw,112px);font-weight:500;letter-spacing:-.075em;line-height:.98}
.process-hero-aside{padding-bottom:8px}
.process-hero-aside p{max-width:42ch;margin:0;color:#666970;font-size:clamp(14px,1.3vw,17px);line-height:1.9}
.process-hero-link{display:inline-flex;align-items:center;gap:23px;margin-top:27px;padding:12px 0;border-bottom:1px solid #151515;color:#151515;font-size:12px;font-weight:700}
.process-hero-link span:last-child{font-size:17px;transition:transform .25s ease}
.process-hero-link:hover span:last-child{transform:translate(3px,-3px)}
.process-hero-image{position:relative;width:100%;height:clamp(250px,41vw,565px);grid-column:1/-1;margin:clamp(44px,6vw,82px) 0 0;overflow:hidden;background:#d9d7d1}
.process-hero-image::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,20,20,.05),transparent 55%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 35%);content:"";pointer-events:none}
.process-hero-image img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 58%}
.process-hero-image figcaption{position:absolute;z-index:1;right:clamp(20px,4vw,58px);bottom:clamp(17px,2vw,28px);left:clamp(20px,4vw,58px);display:flex;justify-content:space-between;gap:18px;color:#fff;font-size:10px;letter-spacing:.07em}
.process-hero-index{position:absolute;right:max(26px,calc((100vw - 1440px)/2));top:clamp(74px,9vw,130px);display:flex;align-items:center;gap:9px;color:#6e6d69;font-family:var(--mono);font-size:10px;letter-spacing:.1em}
.process-hero-index i{display:block;width:58px;height:1px;background:#c4c1ba}
.process-index{position:sticky;top:88px;z-index:10;display:flex;align-items:center;justify-content:center;gap:clamp(13px,2.1vw,30px);min-height:64px;padding:10px 26px;border-bottom:1px solid var(--process-line);background:rgba(250,249,246,.94);backdrop-filter:blur(16px)}
.process-index-label,.process-index-note{color:#777;font-size:10px;letter-spacing:.06em}
.process-index a{display:grid;width:28px;height:28px;place-items:center;border:1px solid transparent;border-radius:50%;color:#656565;font-family:var(--mono);font-size:10px;transition:background .2s ease,color .2s ease,border-color .2s ease}
.process-index a:hover,.process-index a:focus-visible{border-color:var(--process-rust);background:var(--process-rust);color:#fff}
.process-flow{width:min(calc(100% - 52px),1320px);margin:0 auto;padding:clamp(76px,10vw,140px) 0 clamp(46px,6vw,86px)}
.process-flow-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:clamp(52px,7vw,94px)}
.process-flow-heading h2{margin:21px 0 0;font-size:clamp(40px,6vw,82px);font-weight:500;letter-spacing:-.07em;line-height:1.02}
.process-flow-heading h2 em{font-style:normal;color:var(--process-rust)}
.process-flow-lead{max-width:38ch;margin:0 0 5px;color:#696b70;font-size:13px;line-height:1.85}
.process-steps{position:relative}
.process-steps::before{position:absolute;top:0;bottom:0;left:calc(50% - .5px);width:1px;background:var(--process-line);content:""}
.process-step{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(36px,7vw,100px);min-height:clamp(270px,33vw,440px);padding:clamp(26px,4.4vw,58px) 0;border-top:1px solid var(--process-line);scroll-margin-top:166px}
.process-step:last-child{border-bottom:1px solid var(--process-line)}
.process-step-reverse .process-step-copy{grid-column:2;grid-row:1}
.process-step-reverse .process-step-visual{grid-column:1;grid-row:1}
.process-step-copy{position:relative;z-index:1;display:flex;width:100%;max-width:none;flex-direction:column;justify-content:center;padding:0 clamp(0px,2vw,24px)}
.process-step-top{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.process-step-number{color:var(--process-rust);font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.13em}
.process-step-label{color:#767773;font-size:10px;font-weight:700;letter-spacing:.08em}
.process-step h3{max-width:17ch;margin:0;font-size:clamp(24px,3.1vw,41px);font-weight:500;letter-spacing:-.055em;line-height:1.2}
.process-step-copy>p{max-width:47ch;margin:17px 0 0;color:#696b70;font-size:13px;line-height:1.9}
.process-step-link{display:inline-flex;align-items:center;gap:17px;margin-top:25px;color:var(--process-rust);font-size:11px;font-weight:700}
.process-step-link span:last-child{transition:transform .2s ease}
.process-step-link:hover span:last-child{transform:translate(3px,-3px)}
.process-step-visual{position:relative;min-width:0;min-height:clamp(200px,25vw,330px);margin:0;overflow:hidden;background:var(--process-paper);color:#212121}
.process-step-visual img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.process-visual-chair,.process-visual-showroom,.process-visual-factory{min-height:clamp(230px,29vw,390px)}
.process-visual-chair{background:#f0efeb}
.process-visual-chair img{object-fit:contain;padding:7%;mix-blend-mode:multiply}
.process-visual-showroom img{object-position:center 57%}
.process-visual-factory img{object-position:center}
.process-step-visual figcaption{position:absolute;right:16px;bottom:14px;left:16px;display:flex;justify-content:space-between;gap:14px;color:#50504d;font-family:var(--mono);font-size:9px;letter-spacing:.08em}
.process-visual-list{padding:clamp(22px,3vw,40px);background:#efeee9}
.process-paper-top,.process-inquiry-heading,.process-specs-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #d5d3cc;color:#65655f;font-size:10px;font-weight:700;letter-spacing:.1em}
.process-paper-top span:last-child,.process-inquiry-heading span:last-child{font-family:var(--mono);font-size:9px;font-weight:500}
.process-list-row{display:grid;grid-template-columns:10px minmax(60px,.7fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #d9d7d1;font-size:11px}
.process-list-row>span:nth-child(2){font-family:var(--mono);font-size:10px}
.process-list-row>span:nth-child(3){color:#777}
.process-list-row strong{font-family:var(--mono);font-size:11px;font-weight:500}
.process-row-dot{width:6px;height:6px;border-radius:50%;background:var(--process-rust)}
.process-paper-foot{padding-top:20px;color:#797a75;font-size:9px;line-height:1.7}
.process-visual-inquiry{padding:clamp(22px,3vw,40px);background:#ecebe6}
.process-inquiry-heading{margin-bottom:12px}
.process-form-line{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;border-bottom:1px solid #d8d6cf;color:#777;font-size:10px}
.process-form-line i{display:block;width:56%;height:7px;background:#d5d3cc}
.process-form-line-tall{align-items:flex-start;padding-top:18px}
.process-form-line-tall i{height:42px}
.process-inquiry-stamp{position:absolute;right:18px;bottom:17px;padding:7px 10px;border:1px solid rgba(200,73,19,.35);color:var(--process-rust);font-size:9px;letter-spacing:.08em}
.process-visual-specs{padding:clamp(22px,3vw,40px);background:#f1f0ec}
.process-specs-title{margin-bottom:11px}
.process-specs-title span:last-child{color:#898780;font-size:9px;font-weight:500}
.process-spec-grid{display:grid;grid-template-columns:1fr 1.2fr;align-items:center}
.process-spec-grid>span,.process-spec-grid>strong{padding:15px 8px;border-bottom:1px solid #d9d7d1;font-size:10px}
.process-spec-grid>span{color:#777}
.process-spec-grid>strong{text-align:right;font-weight:600}
.process-visual-sample{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(25px,4vw,55px);background:#f0efeb}
.process-sample-check{display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--process-rust);border-radius:50%;color:var(--process-rust);font-size:17px}
.process-visual-sample p{max-width:32ch;margin:21px 0 0;font-size:clamp(16px,2vw,24px);font-weight:500;letter-spacing:-.03em;line-height:1.55}
.process-sample-note{margin-top:16px;color:#777;font-size:9px;letter-spacing:.06em}
.process-visual-shipping{display:flex;align-items:center;justify-content:center;gap:clamp(9px,2vw,26px);padding:24px;background:#efeee9}
.process-visual-shipping>span{max-width:8ch;color:#555;font-size:11px;line-height:1.6;text-align:center}
.process-visual-shipping>i{width:clamp(18px,3vw,44px);height:1px;background:var(--process-rust)}
.process-visual-shipping small{position:absolute;right:20px;bottom:18px;color:#85857f;font-size:9px}
.process-visual-aftercare{display:flex;align-items:center;gap:22px;padding:clamp(24px,4vw,50px);background:#f3f2ee}
.process-aftercare-mark{display:grid;width:76px;height:76px;flex:none;place-items:center;border:1px solid #d4d1c9;border-radius:50%;color:var(--process-rust);font-size:18px;font-weight:800;letter-spacing:-.06em}
.process-visual-aftercare div{display:grid;gap:11px}
.process-visual-aftercare strong{max-width:20ch;font-size:clamp(17px,2vw,23px);font-weight:500;letter-spacing:-.04em;line-height:1.45}
.process-visual-aftercare small{color:#777;font-size:9px;letter-spacing:.08em}
.process-disclaimer{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;width:min(calc(100% - 52px),1320px);margin:0 auto clamp(65px,9vw,120px);padding:19px 22px;border-left:2px solid var(--process-rust);background:#f5f4f0}
.process-disclaimer-mark{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#e8e5dd;color:var(--process-rust);font-family:var(--mono);font-size:11px;font-weight:700}
.process-disclaimer p{max-width:105ch;margin:1px 0 0;color:#6f706b;font-size:10px;line-height:1.8}
.process-cta{display:flex;justify-content:space-between;align-items:end;gap:40px;width:min(calc(100% - 52px),1320px);margin:0 auto;padding:0 0 clamp(64px,8vw,110px)}
.process-cta h2{max-width:17ch;margin:15px 0 0;font-size:clamp(30px,4.5vw,58px);font-weight:500;letter-spacing:-.06em;line-height:1.12}
.process-cta-actions{display:flex;align-items:center;gap:24px}
.process-cta-primary{display:inline-flex;align-items:center;gap:18px;min-height:49px;padding:0 19px;background:var(--process-rust);color:#fff;font-size:11px;font-weight:700}
.process-cta-primary span:last-child{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#fff;color:var(--process-rust);font-size:15px;transition:transform .2s ease}
.process-cta-primary:hover span:last-child{transform:translate(2px,-2px)}
.process-cta-secondary{padding-bottom:5px;border-bottom:1px solid #9a9993;color:#393a37;font-size:11px;font-weight:600}
.process-footer{margin-top:0}
@media(max-width:900px){
 .process-hero-inner,.process-flow{width:calc(100% - 44px)}
 .process-index{top:65px;gap:10px;min-height:56px;padding-right:12px;padding-left:12px}
 .process-index-note{display:none}
 .process-step{gap:28px;min-height:280px}
 .process-step-visual{min-height:220px}
 .process-visual-chair,.process-visual-showroom,.process-visual-factory{min-height:270px}
 .process-disclaimer,.process-cta{width:calc(100% - 44px)}
}
@media(max-width:640px){
 .process-hero{padding-top:43px}
 .process-page .header-inner{width:calc(100vw - 36px);max-width:calc(100vw - 36px);grid-template-columns:minmax(0,1fr) max-content;gap:8px}
 .process-page .header-tools{min-width:0;gap:8px}
 .process-page .header-tools>a:not(.bag-trigger){display:none}
 .process-page .bag-trigger{gap:5px}
 .process-page .bag-trigger>span:first-child{display:none}
 .process-hero-inner{width:calc(100vw - 36px);max-width:calc(100vw - 36px);grid-template-columns:minmax(0,1fr);gap:0}
 .process-hero-copy,.process-hero-aside,.process-hero-image{min-width:0}
 .process-hero-index{top:37px;right:18px}
 .process-hero h1{width:100%;max-width:100%;margin:24px 0 18px;font-size:clamp(43px,12vw,64px);overflow-wrap:anywhere}
 .process-hero-aside{display:flex;flex-direction:column;align-items:flex-start}
 .process-hero-aside p{max-width:43ch;font-size:13px}
 .process-hero-link{margin-top:16px}
 .process-hero-image{height:clamp(240px,66vw,370px);margin-top:28px}
 .process-hero-image figcaption{font-size:8px}
 .process-index{position:relative;top:auto;justify-content:flex-start;gap:8px;min-height:58px;overflow-x:auto;padding:8px 18px;scrollbar-width:none}
 .process-index::-webkit-scrollbar{display:none}
 .process-index-label{flex:none;margin-right:3px}
 .process-index a{width:27px;height:27px;flex:none;font-size:9px}
 .process-flow{width:calc(100% - 36px);padding:70px 0 39px}
 .process-flow-heading{display:block;margin-bottom:39px}
 .process-flow-heading h2{font-size:clamp(39px,11vw,58px)}
 .process-flow-lead{max-width:47ch;margin-top:19px;font-size:12px}
 .process-steps::before{left:9px}
 .process-step,.process-step-reverse{grid-template-columns:1fr;gap:20px;min-height:0;padding:30px 0 32px}
 .process-step-copy,.process-step-reverse .process-step-copy{grid-column:1;grid-row:1;padding:0 0 0 29px}
 .process-step-top{gap:10px;margin-bottom:13px}
 .process-step-number{position:absolute;top:0;left:-29px;display:grid;width:20px;height:20px;place-items:center;background:#fff;font-size:9px}
 .process-step-label{font-size:9px}
 .process-step h3{max-width:22ch;font-size:clamp(23px,6.4vw,31px)}
 .process-step-copy>p{margin-top:12px;font-size:12px;line-height:1.8}
 .process-step-link{margin-top:17px}
 .process-step-visual,.process-step-reverse .process-step-visual{grid-column:1;grid-row:2;min-height:230px;margin-left:29px}
 .process-visual-chair,.process-visual-showroom,.process-visual-factory{min-height:260px}
 .process-list-row{gap:8px;padding:15px 0;font-size:10px}
 .process-list-row>span:nth-child(2){font-size:9px}
 .process-disclaimer,.process-cta{width:calc(100% - 36px)}
 .process-disclaimer{grid-template-columns:23px 1fr;gap:10px;margin-bottom:61px;padding:15px 14px}
 .process-disclaimer p{font-size:9px}
 .process-cta{display:block;padding-bottom:62px}
 .process-cta h2{font-size:clamp(31px,8vw,43px)}
 .process-cta-actions{flex-wrap:wrap;gap:18px;margin-top:24px}
 .process-cta-primary{min-height:45px}
 .process-footer{padding-top:63px}
}
@media(prefers-reduced-motion:reduce){
 .process-hero-link span:last-child,.process-step-link span:last-child,.process-cta-primary span:last-child{transition:none}
}

/* Procurement flow: reuse the production page's scroll-driven horizontal camera. */
@media(min-width:901px){
 body.process-motion-ready .process-flow{padding-bottom:0}
 body.process-motion-ready .process-flow-heading{width:min(calc(100% - 52px),1320px);margin-right:auto;margin-left:auto}
 body.process-motion-ready .process-motion{position:relative;width:100vw;margin-left:calc(50% - 50vw)}
 body.process-motion-ready .process-motion-track{position:relative;height:calc((100svh - 90px)*10)}
 body.process-motion-ready .process-motion-stage{position:sticky;top:90px;width:100vw;height:calc(100svh - 90px);overflow:hidden;background:var(--process-paper)}
 body.process-motion-ready .process-motion-hud{position:absolute;z-index:5;top:20px;right:clamp(24px,5vw,72px);display:flex;align-items:center;gap:8px;color:#777;font-family:var(--mono);font-size:10px;letter-spacing:.08em}
 body.process-motion-ready .process-motion-current{color:var(--process-rust);font-size:13px;font-weight:700}
 body.process-motion-ready .process-motion-divider{color:#b7b3a9}
 body.process-motion-ready .process-motion-total{color:#78766f}
 body.process-motion-ready .process-motion-progress{position:absolute;right:0;bottom:-11px;left:0;height:1px;background:#d8d5cd}
 body.process-motion-ready .process-motion-progress i{display:block;width:100%;height:100%;background:var(--process-rust);transform:scaleX(0);transform-origin:left center}
 body.process-motion-ready .process-steps{position:absolute;inset:0 auto 0 0;display:flex;width:max-content;height:100%;will-change:transform}
 body.process-motion-ready .process-steps::before{display:none}
 body.process-motion-ready .process-step{box-sizing:border-box;position:relative;display:grid;flex:0 0 100vw;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,6vw,92px);width:100vw;height:100%;min-height:0;margin:0;padding:clamp(75px,10vh,112px) clamp(28px,7vw,104px) clamp(32px,5vh,58px);overflow:hidden;border-top:1px solid rgba(21,21,21,.12);border-bottom:0;scroll-margin-top:90px}
 body.process-motion-ready .process-step:last-child{border-bottom:0}
 body.process-motion-ready .process-step-reverse .process-step-copy{grid-column:2;grid-row:1}
 body.process-motion-ready .process-step-reverse .process-step-visual{grid-column:1;grid-row:1}
 body.process-motion-ready .process-step-copy{position:relative;z-index:1;justify-content:center;max-width:620px;padding:0}
 body.process-motion-ready .process-step-top{position:relative;z-index:1;gap:0;margin-bottom:23px}
 body.process-motion-ready .process-step-number{position:absolute;z-index:-1;top:50%;left:clamp(-10px,-1vw,-2px);color:rgba(200,73,19,.11);font-size:clamp(220px,35vw,510px);font-weight:400;letter-spacing:-.12em;line-height:.78;pointer-events:none;transform:translateY(-55%)}
 body.process-motion-ready .process-step-label{color:#6f706b;font-size:10px;letter-spacing:.12em}
 body.process-motion-ready .process-step h3{max-width:15ch;font-size:clamp(34px,4.1vw,64px);letter-spacing:-.065em;line-height:1.08}
 body.process-motion-ready .process-step-copy>p{max-width:42ch;margin-top:20px;font-size:13px;line-height:1.9}
 body.process-motion-ready .process-step-link{margin-top:25px}
 body.process-motion-ready .process-step-visual{align-self:center;width:100%;height:min(68vh,720px);min-height:0;margin:0;box-shadow:none}
 body.process-motion-ready .process-visual-chair img{object-fit:contain;padding:7%;mix-blend-mode:multiply}
 body.process-motion-ready .process-visual-showroom img{object-position:center 57%}
 body.process-motion-ready .process-visual-factory img{object-position:center}
}

@media(max-width:900px){
 .process-motion{width:auto;margin-left:0}
 .process-motion-track{height:auto}
 .process-motion-stage{position:relative;top:auto;width:auto;height:auto;overflow:visible}
 .process-motion-hud{display:none}
 .process-steps{position:relative;width:auto;height:auto}
}

@media(prefers-reduced-motion:reduce){
 .process-motion-ready .process-steps{will-change:auto}
}