.project-flow{padding:100px 0 70px;background:#fffaf0;color:#151515;overflow:hidden}.flow-heading{display:flex;justify-content:space-between;align-items:end;padding:0 6%;margin-bottom:42px;gap:24px}.flow-heading>div>p{font-size:13px;letter-spacing:.16em}.flow-heading h2{font-size:clamp(30px,4vw,54px);line-height:1.5;font-weight:500;margin:18px 0 0}.flow-controls{display:flex;gap:10px}.flow-controls button{border:1px solid #bbb;border-radius:50%;width:52px;height:52px;background:transparent;color:#111;font-size:23px;cursor:pointer;transition:background .2s,transform .2s}.flow-controls button:hover{background:#ff0033;transform:translateY(-3px)}.flow-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 6% 22px;margin:0;list-style:none;scrollbar-width:thin;scrollbar-color:#777 transparent}.flow-card{flex:0 0 clamp(310px,31vw,480px);position:relative;scroll-snap-align:center;background:#121212;color:white;border-radius:20px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column}.flow-number{text-align:center;padding:18px 0 34px}.flow-number span{display:block;font:19px/1.5 Arial,sans-serif}.flow-number b{display:block;font:400 94px/1.05 'Times New Roman',serif;letter-spacing:-.065em}.flow-copy{background:#252525;padding:44px 32px;flex:1;min-height:330px}.flow-copy h3{font-size:27px;font-weight:500;line-height:1.5;margin:0}.flow-copy .flow-en{color:#aaa;font:16px/1.5 Arial,sans-serif;margin:0 0 34px}.flow-copy p,.flow-copy li{font-size:16px;line-height:2}.flow-copy ul{padding-left:1.2em;margin:0}.flow-arrow{position:absolute;right:-36px;top:100px;z-index:1;background:#fffaf0;color:#171717;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:24px}.flow-hint{padding:0 6%;font-size:13px;color:#666;margin-top:18px}.flow-controls button:focus-visible,.flow-track:focus-visible{outline:3px solid #382321;outline-offset:4px}@media(max-width:600px){.project-flow{padding:64px 0 40px}.flow-heading{align-items:center}.flow-heading h2{font-size:29px}.flow-controls button{width:40px;height:40px}.flow-track{gap:20px}.flow-card{flex-basis:84vw;padding:18px;border-radius:16px}.flow-copy{padding:28px 23px;min-height:320px}.flow-copy h3{font-size:24px}.flow-number b{font-size:80px}.flow-arrow{right:-30px;width:40px;height:40px}.flow-heading>div>p{font-size:11px}}
/* Brand-specific collaboration journey */
.project-flow{background:linear-gradient(135deg,#fff0dc 0%,#fff0dc 55%,#fff0dc 100%);padding:88px 0 64px}.flow-heading h2{max-width:760px;font-size:clamp(28px,3.5vw,46px);font-weight:500;letter-spacing:.015em}.flow-heading>div>p{color:#382321}.flow-track{gap:20px;scrollbar-color:#b91c1c transparent}.flow-card{flex-basis:clamp(300px,29vw,420px);background:rgba(255,255,255,.9);color:#382321;border:1px solid #fff0dc;border-radius:8px 38px 8px 8px;padding:28px;box-shadow:0 12px 30px rgba(23,107,103,.045)}.flow-number{display:flex;align-items:center;gap:16px;text-align:left;padding:0 0 24px;border-bottom:1px solid #fff0dc}.flow-number b{font:500 24px/1 Arial,sans-serif;letter-spacing:0;background:#fff0dc;color:#382321;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.flow-number span{font-size:13px;line-height:1.7;color:#382321;font-family:inherit}.flow-copy{background:transparent;padding:27px 0 6px;min-height:300px}.flow-copy h3{font-size:24px;color:#382321}.flow-copy .flow-en{color:#b91c1c;font-size:11px;letter-spacing:.12em;margin:6px 0 24px}.flow-copy p,.flow-copy li{font-size:16px;line-height:1.95}.flow-copy ul{list-style:none;padding-left:0}.flow-copy li{position:relative;padding-left:20px;margin:8px 0}.flow-copy li::before{content:'';position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:#b91c1c}.flow-arrow{display:none}.flow-hint{color:#b91c1c}.flow-controls button{background:white;border-color:#fff0dc;color:#382321}@media(max-width:600px){.flow-card{flex-basis:86vw;padding:24px}.flow-heading h2{font-size:28px}.flow-heading{align-items:flex-start;flex-direction:column}.flow-copy{min-height:280px}.flow-number b{font-size:23px}.project-flow{padding:58px 0 38px}}