/* Four-phase roadmap above a pair of complementary work areas. */
.cooperation-detail-brand-partnership{padding:126px 0 111px;--bp-ink:#294653;--bp-muted:#627983;--bp-line:#c4d4da;--bp-red:#992e2b}
.partnership-concepts.bp-roadmap{width:calc(100% - 120px);max-width:1180px;margin:auto;color:var(--bp-ink)}
.bp-roadmap .bp-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:31px}
.bp-roadmap .bp-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.15em;color:var(--bp-red);margin:0 0 12px}
.cooperation-detail .bp-roadmap h1{max-width:780px;font-size:clamp(28px,2.7vw,40px);font-weight:500;line-height:1.25;letter-spacing:-.025em;text-wrap:balance;margin:0}
.cooperation-detail .bp-roadmap h1>span{display:inline-block}
.bp-roadmap .bp-intro-note{max-width:220px;font-size:12px;line-height:1.8;color:var(--bp-muted);margin:0 0 2px}
.bp-roadmap .bp-icon{display:block;width:25px;height:25px;color:var(--bp-red);flex:none}
.bp-roadmap .bp-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0 0 31px;list-style:none;position:relative}
.bp-roadmap .bp-route:before{content:'';position:absolute;height:1px;top:19px;left:20px;right:20px;background:var(--bp-line)}
.bp-roadmap .bp-stop{min-width:0;padding:0 25px 0 0;position:relative}
.bp-roadmap .bp-stop:last-child{padding-right:0}
.bp-roadmap .bp-stop-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.bp-roadmap .bp-step-number{position:relative;display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--bp-line);background:var(--ops-paper);border-radius:50%;font-size:14px;font-family:TLBUrbanist,sans-serif;color:var(--bp-red)}
.bp-roadmap .bp-stop-top .bp-icon{box-sizing:content-box;padding:4px 9px;background:var(--ops-paper);width:21px;height:21px}
.bp-roadmap .bp-stop:first-child .bp-step-number{background:var(--bp-red);border-color:var(--bp-red);color:#fff}
.cooperation-detail .bp-roadmap .bp-stop h2{font-size:21px;font-weight:500;line-height:1.3;margin:0 0 9px}
.bp-roadmap .bp-stop p{font-size:12px;line-height:1.75;margin:0;color:var(--bp-muted);max-width:235px}
.bp-roadmap .bp-work-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 13px}
.cooperation-detail .bp-roadmap .bp-work-heading h2{font-size:16px;font-weight:500;line-height:1.5;margin:0}
.bp-roadmap .bp-work-heading>span{color:var(--bp-muted);font-size:9px;letter-spacing:.12em}
.bp-roadmap .bp-partners{display:grid;grid-template-columns:1fr 1fr;background:#ffffffab;border-top:2px solid #9bafb7}
.bp-roadmap .bp-partner{padding:23px 28px 21px;position:relative}
.bp-roadmap .bp-tlb{border-left:1px solid var(--bp-line);background:#e9eff1}
.bp-roadmap .bp-tlb:before{content:'';position:absolute;left:-1px;right:0;top:-2px;height:2px;background:var(--bp-red)}
.bp-roadmap .bp-partner-title{display:flex;align-items:center;gap:15px;margin-bottom:14px}
.bp-roadmap .bp-partner-title>.bp-icon{width:31px;height:31px}
.bp-roadmap .bp-role-label{font-size:9px;letter-spacing:.12em;line-height:1.5;color:var(--bp-muted);margin:0 0 4px}
.bp-roadmap .bp-tlb .bp-role-label{color:var(--bp-red)}
.cooperation-detail .bp-roadmap .bp-partner h3{font-size:26px;font-weight:500;line-height:1.25;letter-spacing:-.02em;margin:0}
.bp-roadmap .bp-partner ul{padding:0 0 0 46px;margin:0;list-style:none;display:grid;gap:7px}
.bp-roadmap .bp-partner li{font-size:13px;color:var(--bp-muted);line-height:1.5;position:relative;padding-left:13px}
.bp-roadmap .bp-partner li:before{content:'';position:absolute;left:0;top:.67em;width:4px;height:4px;background:#9bafb7;border-radius:50%}
.bp-roadmap .bp-budget{font-size:12px;color:var(--bp-red);line-height:1.5;margin:13px 0 0 46px}
.bp-roadmap .bp-base{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0 0}
.bp-roadmap .bp-base-copy{display:flex;align-items:center;gap:13px;color:var(--bp-muted)}
.bp-roadmap .bp-base-copy>.bp-icon{width:24px;height:24px;color:var(--bp-muted)}
.bp-roadmap .bp-base-copy strong{display:block;color:var(--bp-ink);font-size:12px;font-weight:500;line-height:1.5}
.bp-roadmap .bp-base-copy p{font-size:11px;line-height:1.7;margin:3px 0 0}
.bp-roadmap .bp-contact{min-height:42px;padding:11px 25px;font-size:12px;border-radius:3px;white-space:nowrap;box-shadow:none}
.bp-roadmap .bp-contact>span{display:none}
.cooperation-detail-brand-partnership .ops-bottom{display:none}
@media(min-width:761px) and (max-height:800px){
 .cooperation-detail-brand-partnership{padding-top:116px;padding-bottom:101px}.bp-roadmap .bp-intro{margin-bottom:23px}.cooperation-detail .bp-roadmap h1{font-size:30px}.bp-roadmap .bp-route{margin-bottom:23px}.bp-roadmap .bp-stop-top{margin-bottom:13px}.bp-roadmap .bp-partner{padding-top:18px;padding-bottom:18px}.bp-roadmap .bp-base{padding-top:18px}
}
@media(min-width:761px) and (max-width:1080px){
 .partnership-concepts.bp-roadmap{width:calc(100% - 70px)}.bp-roadmap .bp-intro{display:block}.bp-roadmap .bp-intro-note{max-width:none;margin-top:10px}.bp-roadmap .bp-stop{padding-right:20px}.cooperation-detail .bp-roadmap .bp-stop h2{font-size:19px}.bp-roadmap .bp-partner{padding-left:20px;padding-right:20px}.cooperation-detail .bp-roadmap .bp-partner h3{font-size:22px}
}
@media(max-width:760px){
 .cooperation-detail-brand-partnership{padding:105px 0 108px}.partnership-concepts.bp-roadmap{width:calc(100% - 44px)}
 .bp-roadmap .bp-intro{display:block;margin-bottom:26px}.cooperation-detail .bp-roadmap h1{font-size:29px;line-height:1.23;letter-spacing:-.025em}.bp-roadmap .bp-eyebrow{font-size:9px;margin-bottom:12px}.bp-roadmap .bp-intro-note{max-width:350px;margin-top:12px;font-size:12px;line-height:1.7}
 .bp-roadmap .bp-route{grid-template-columns:1fr 1fr;gap:25px 23px;margin-bottom:29px}.bp-roadmap .bp-route:before{display:none}.bp-roadmap .bp-stop,.bp-roadmap .bp-stop:last-child{padding:0}.bp-roadmap .bp-stop-top{margin:0 0 11px;border-top:1px solid var(--bp-line);padding-top:11px}.bp-roadmap .bp-step-number{font-size:13px;width:33px;height:33px}.bp-roadmap .bp-stop-top .bp-icon{width:20px;height:20px;padding:0}.cooperation-detail .bp-roadmap .bp-stop h2{font-size:19px;line-height:1.25;margin-bottom:8px}.bp-roadmap .bp-stop p{font-size:12px;line-height:1.6}
 .bp-roadmap .bp-work-heading{display:block;margin-bottom:12px}.cooperation-detail .bp-roadmap .bp-work-heading h2{font-size:16px}.bp-roadmap .bp-work-heading>span{display:none}.bp-roadmap .bp-partners{grid-template-columns:1fr}.bp-roadmap .bp-partner{padding:23px 20px}.bp-roadmap .bp-tlb{border-left:0;border-top:1px solid var(--bp-line)}.bp-roadmap .bp-tlb:before{top:-1px;left:0;height:1px}.cooperation-detail .bp-roadmap .bp-partner h3{font-size:24px}.bp-roadmap .bp-partner-title{gap:12px}.bp-roadmap .bp-partner-title>.bp-icon{width:27px;height:27px}.bp-roadmap .bp-partner ul{padding-left:39px}.bp-roadmap .bp-budget{margin-left:39px;font-size:12px}.bp-roadmap .bp-base{align-items:stretch;flex-direction:column;gap:20px;padding-top:22px}.bp-roadmap .bp-base-copy{align-items:flex-start}.bp-roadmap .bp-base-copy p{font-size:12px}.bp-roadmap .bp-contact{display:flex;justify-content:center;width:100%;font-size:13px;min-height:44px}
}

/* Selected palette applies to proposal details; the overview keeps its approved photo layout. */
#site[data-cooperation-style=b] .cooperation-detail{--ops-paper:#f1f5f6;--ops-soft:#e7eef1;--ops-ink:#294653;--ops-muted:#627983;--ops-line:#d3e0e5;background:var(--ops-paper)}
#site[data-cooperation-style=c] .cooperation-detail{--ops-paper:#eef1e8;--ops-soft:#e3e9db;--ops-ink:#3b5646;--ops-muted:#6e7d63;--ops-line:#d4ddce;background:var(--ops-paper)}
#site[data-cooperation-style=b] .cooperation-detail .ops-plan,#site[data-cooperation-style=b] .cooperation-detail .ops-role-grid article{border:1px solid #cbdce2;border-radius:10px;background:#fff}
#site[data-cooperation-style=c] .cooperation-detail .ops-plan,#site[data-cooperation-style=c] .cooperation-detail .ops-role-grid article{background:#fffef8;border-color:#c6d3bf;border-radius:0}
#site[data-cooperation-style=c] .cooperation-detail .ops-process li:before{background:#6c8a60}
#site[data-cooperation-style=b] .cooperation-detail .ops-package-monthly{background:#f0f5f7}
#site[data-cooperation-style=c] .cooperation-detail .ops-package-monthly{background:#e8efdf}
#site[data-cooperation-style=c] .pc-shared-picker button[aria-pressed=true] span{background:#506a46}
#site[data-cooperation-style=b] .pc-shared-picker button[aria-pressed=true] span{background:#315b6f}
#site[data-cooperation-style=b] .cooperation-detail .ops-simple-shell{background:#f8fbfc;border-color:#d3e0e5;border-radius:10px}
#site[data-cooperation-style=c] .cooperation-detail .ops-simple-shell{background:#fffef8;border-color:#d4ddce}
#site[data-cooperation-style=c] .cooperation-detail:not(.cooperation-detail-operations) .ops-process-three{grid-template-columns:1fr;gap:0}
#site[data-cooperation-style=c] .cooperation-detail:not(.cooperation-detail-operations) .ops-process-three li{display:grid;grid-template-columns:38px minmax(150px,.5fr) 1fr;align-items:center;gap:12px;padding:19px 0;border-top:1px solid #d4ddce}
#site[data-cooperation-style=c] .cooperation-detail:not(.cooperation-detail-operations) .ops-process-three li:before{display:none}
#site[data-cooperation-style=c] .cooperation-detail:not(.cooperation-detail-operations) .ops-process-three p{margin:0}
@media(max-width:760px){#site[data-cooperation-style=c] .cooperation-detail:not(.cooperation-detail-operations) .ops-process-three li{grid-template-columns:28px 1fr;gap:7px 12px}#site[data-cooperation-style=c] .cooperation-detail:not(.cooperation-detail-operations) .ops-process-three p{grid-column:2}}