/* SUMSUM WORKS / garment production guide */
.page-process{--process-paper:#f2f1ec;--process-ink:#22221f;--process-rust:#ad432d;--process-rule:#c8c4b9;background:var(--process-paper)}.page-process .header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #deded8}.page-process .header .container{height:88px}.page-process .contact-strip{background:#262623}.process-guide{color:var(--process-ink);overflow:clip}.process-wrap{max-width:1320px;width:calc(100% - 128px);margin:auto}.process-chapters{position:sticky;top:88px;z-index:25;display:flex;justify-content:center;gap:34px;padding:20px 28px;background:rgba(242,241,236,.96);backdrop-filter:blur(14px);border-bottom:1px solid #d8d5cb}.process-chapters a{font-size:14px;white-space:nowrap;color:#68675f;display:flex;gap:10px;align-items:center}.process-chapters a>span{font-size:12px;letter-spacing:.04em;color:#a09b8f}.process-chapters .is-current,.process-chapters .is-current>span{color:var(--process-rust)}.reading-track{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;overflow:hidden}.reading-track i{display:block;width:100%;height:100%;background:var(--process-rust);transform-origin:left;transform:scaleX(0)}.process-panel{padding:88px 0 112px;scroll-margin-top:150px;min-height:700px}.process-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.1em;margin-bottom:68px;line-height:1.5}.process-label>span:last-child{font-size:11px;letter-spacing:.19em;opacity:.5}.process-panel h1,.process-panel h2,.process-panel h3{word-break:keep-all;font-weight:500;margin-top:0;letter-spacing:-.065em}.process-panel h1{font-size:clamp(44px,5.1vw,78px);line-height:1.28;margin-bottom:34px}.process-panel h2{font-size:clamp(32px,3.4vw,48px);line-height:1.4;margin-bottom:28px}.process-panel p{word-break:keep-all;overflow-wrap:anywhere}.process-copy,.process-lead{font-size:16px;line-height:1.95;color:#737166;margin-bottom:32px}.process-overline{font-size:12px;letter-spacing:.14em;color:var(--process-rust);margin-bottom:25px}.process-opening{padding-top:46px;min-height:calc(100svh - 145px);display:flex;align-items:center}.process-opening .process-label{color:var(--process-rust);margin-bottom:68px}.opening-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:50px;align-items:end}.opening-mark{width:100%;max-width:310px;justify-self:end;padding-bottom:20px}.opening-mark .process-photo{background:transparent}.opening-bottom{margin-top:86px;padding-top:20px;border-top:1px solid var(--process-rule);display:flex;justify-content:space-between;align-items:center}.opening-bottom p{font-size:12px;letter-spacing:.015em;margin:0;color:#716f66}.opening-bottom a{font-size:11px;letter-spacing:.1em;display:flex;gap:35px;align-items:center}.opening-bottom a>span{font-size:24px;line-height:1}.process-split{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start}.process-photo{margin:0;overflow:hidden;background:#ddd9d0}.photo-window{position:relative;overflow:hidden;isolation:isolate}.process-photo img{display:block}.slide-crop img{position:absolute;max-width:none;height:auto}.natural-photo .photo-window{aspect-ratio:4/5}.natural-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.crop-mark .photo-window{aspect-ratio:251/107}.crop-mark img{width:382.47%;left:-258.56%;top:-317.76%}.crop-company .photo-window{aspect-ratio:360/540}.crop-company img{width:266.667%;left:-166.667%;top:0}.crop-scope .photo-window{aspect-ratio:248/372}.crop-scope img{width:387.097%;left:-163.306%;top:-9.946%}.crop-material .photo-window{aspect-ratio:281/267}.crop-material img{width:341.637%;left:-233.096%;top:-80.15%}.crop-fabric .photo-window{aspect-ratio:199/234}.crop-fabric img{width:482.412%;left:-276.884%;top:0}.crop-check .photo-window{aspect-ratio:208/234}.crop-check img{width:461.539%;left:-361.058%;top:0}.crop-factory .photo-window{aspect-ratio:409/305}.crop-factory img{width:234.719%;left:-134.719%;top:-77.049%}.company-photo{margin-top:0}.photo-caption{display:block;font-size:11px;letter-spacing:.15em;text-align:right;margin-top:15px;color:#7c766b}.support-rows{margin-top:40px}.support-rows article{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--process-rule)}.support-rows h3{font-size:18px;color:var(--process-rust);letter-spacing:-.045em;margin:0;line-height:1.7}.support-rows p{font-size:14px;line-height:1.9;margin:0;color:#747165}.process-scope{background:#222521;color:#f2f1ec;padding-top:80px;min-height:880px}.process-scope .process-label{color:#a7afa2}.scope-text{padding-top:20px}.process-bullets{padding:0;margin:43px 0 0;list-style:none}.process-bullets li{font-size:18px;line-height:1.7;position:relative;padding-left:30px;margin-bottom:23px;word-break:keep-all}.process-bullets li:before{content:'';width:13px;height:1px;background:var(--process-rust);position:absolute;left:0;top:15px}.process-scope .process-bullets li:before{background:#c97654}.scope-photos{position:relative;min-height:555px;margin-top:-35px}.scope-people{width:65%;position:relative;z-index:2}.scope-material{position:absolute;width:64%;right:-15px;bottom:0;z-index:3;border:10px solid #222521}.scope-material .natural-photo .photo-window{aspect-ratio:1}.process-category{padding-top:88px}.category-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;margin-bottom:28px}.category-heading p{max-width:540px}.category-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:88px}.category-grid article{border-top:1px solid var(--process-rule);position:relative;padding:34px 0 46px;display:grid;grid-template-columns:140px 1fr;align-items:baseline;gap:18px;min-height:178px}.category-index{position:absolute;right:0;top:12px;font-size:11px;color:#938d81}.category-grid h3{font-size:35px;color:var(--process-rust);margin:0}.category-grid p{font-size:16px;line-height:1.9;color:#716d61;margin:0}.process-steps{background:#242420;color:#f1f0e9;padding-top:80px;padding-bottom:120px}.process-steps .process-label{color:#aca99b}.steps-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.steps-heading{position:sticky;top:205px}.process-steps .process-copy{color:#aaa89c;max-width:420px}.steps-count{display:flex;gap:24px;align-items:baseline;margin-top:75px}.steps-count>span:first-child{font-family:Arial,sans-serif;font-size:130px;line-height:1;color:#d18361;font-weight:400;letter-spacing:-.09em;font-variant-numeric:tabular-nums}.steps-count>span:last-child{color:#8c8878;font-size:16px}.process-timeline{list-style:none;margin:0;padding:0}.timeline-step{display:grid;grid-template-columns:44px 1fr 24px;gap:24px;padding:44px 0 55px;border-top:1px solid #535044;min-height:215px;align-items:start;transition:color .45s,border-color .45s}.timeline-step h3{font-size:36px;margin:0 0 15px;color:#999889;transition:color .45s,transform .45s}.timeline-step p{color:#929082;font-size:16px;margin:0}.step-number{font-size:14px;color:#8b8879;line-height:1.8}.step-arrow{opacity:.2;font-size:25px}.timeline-step.is-active{border-top-color:#cd8969}.timeline-step.is-active h3{color:#f4f1e9;transform:translateX(8px)}.timeline-step.is-active .step-number,.timeline-step.is-active .step-arrow{color:#d08d6b;opacity:1}.process-management{background:#fff;padding-top:85px}.process-management .process-split{gap:70px}.management-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.management-photos>div:last-child{grid-column:1/-1}.management-photos>div:last-child .natural-photo .photo-window{aspect-ratio:409/305}.process-ending{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d7d5cc;margin-top:85px;padding-top:28px;gap:25px}.process-ending>span{font-size:12px;letter-spacing:.09em;color:#837e70}.process-ending>a{font-size:22px;letter-spacing:-.035em;display:flex;gap:50px}.process-ending>a span{color:var(--process-rust)}.editor-section-heading{font-size:18px;color:#334c3a;border-bottom:1px solid #dce1d9;padding:16px 0;margin:28px 0}.editor-section-heading:first-child{margin-top:0;padding-top:0}
@media(prefers-reduced-motion:no-preference){.motion-ready [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s ease var(--reveal-delay,0ms),transform 1s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-ready .process-photo .photo-window{clip-path:inset(8% 0 0 0);transition:clip-path 1.3s cubic-bezier(.2,.7,.2,1)}.motion-ready .process-photo.is-visible .photo-window{clip-path:inset(0 0 0 0)}.motion-ready .process-photo.natural-photo img{transform:scale(1.08);transition:transform 1.5s ease}.motion-ready .process-photo.is-visible.natural-photo img{transform:scale(1)}}
@media(max-width:1100px){.process-wrap{width:calc(100% - 72px)}.process-split,.steps-layout,.category-heading{gap:44px}.process-chapters{gap:22px}.process-panel{padding:65px 0 80px}.process-panel h2{font-size:34px}.support-rows article{grid-template-columns:110px 1fr;gap:15px}.scope-photos{min-height:475px}.category-grid{column-gap:45px}.category-grid article{grid-template-columns:110px 1fr}.category-grid h3{font-size:29px}.opening-grid{gap:30px}.steps-count>span:first-child{font-size:105px}}
@media(max-width:700px){.page-process .header .container{height:76px}.page-process .header nav{top:76px}.process-wrap{width:calc(100% - 40px)}.process-chapters{top:76px;justify-content:flex-start;overflow-x:auto;padding:15px 20px;gap:27px;scrollbar-width:none}.process-chapters::-webkit-scrollbar{display:none}.process-chapters a{font-size:13px;gap:6px}.process-panel{min-height:0;padding:48px 0 62px;scroll-margin-top:122px}.process-label{font-size:10px;margin-bottom:37px}.process-label>span:last-child{font-size:9px}.process-opening{min-height:calc(100svh - 151px);padding-top:28px}.process-opening .process-label{margin-bottom:40px}.opening-grid{grid-template-columns:1fr;gap:18px}.process-panel h1{font-size:43px;line-height:1.35;letter-spacing:-.07em;margin-bottom:22px}.process-panel h2{font-size:31px;margin-bottom:23px}.process-overline{font-size:10px;margin-bottom:18px}.process-copy,.process-lead{font-size:15px;line-height:1.9}.process-lead br{display:none}.opening-mark{max-width:165px;padding:0}.opening-bottom{margin-top:38px;align-items:start;gap:20px}.opening-bottom p{font-size:10px;max-width:150px}.opening-bottom a{font-size:9px;gap:12px}.opening-bottom a>span{font-size:18px}.process-split,.steps-layout,.category-heading{grid-template-columns:1fr;gap:30px}.support-rows{margin-top:25px}.support-rows article{grid-template-columns:103px 1fr;padding:18px 0;gap:15px}.support-rows h3{font-size:16px}.support-rows p{font-size:14px}.company-photo{max-width:360px;width:100%;justify-self:center}.scope-photos{min-height:435px;margin:0 auto;width:min(100%,380px)}.scope-people{width:65%}.scope-material{right:0;bottom:0;width:62%;border-width:7px}.process-bullets{margin-top:28px}.process-bullets li{font-size:16px;margin-bottom:19px;padding-left:25px}.scope-text{padding-top:0}.category-heading{gap:0;margin-bottom:0}.category-grid{grid-template-columns:1fr;gap:0}.category-grid article{min-height:120px;padding:28px 0;grid-template-columns:105px 1fr;gap:17px}.category-grid h3{font-size:28px}.category-grid p{font-size:15px}.category-index{font-size:10px;top:8px}.steps-heading{position:static}.steps-count{margin-top:24px;gap:14px}.steps-count>span:first-child{font-size:70px}.steps-count>span:last-child{font-size:14px}.timeline-step{min-height:160px;padding:32px 0;gap:14px;grid-template-columns:30px 1fr 24px}.timeline-step h3{font-size:29px}.timeline-step p{font-size:15px}.process-management .process-split{gap:28px}.management-photos{gap:8px}.process-ending{margin-top:42px;padding-top:24px;align-items:start;flex-direction:column}.process-ending>span{font-size:10px}.process-ending>a{font-size:22px;width:100%;justify-content:space-between}.steps-layout{gap:24px}}
@media(prefers-reduced-motion:reduce){.process-guide *, .timeline-step h3{transition:none!important;animation:none!important;scroll-behavior:auto!important}.process-guide [data-reveal]{opacity:1!important;transform:none!important}.photo-window{clip-path:none!important}}