/* Consistent editorial rhythm across every SORO case study. */
.portfolio-flow main{max-width:1280px;margin-inline:auto}.portfolio-flow .project-hero{gap:clamp(28px,5vw,60px);padding-block:28px 44px}.portfolio-flow .project-hero h1{font-size:clamp(37px,4.8vw,60px);line-height:1.1!important}
.portfolio-flow .flow-navigation{position:sticky;top:0;z-index:12;background:#fbf8f3f7;backdrop-filter:blur(14px);border-block:1px solid #dfd3e7;padding:12px 0!important}.portfolio-flow .flow-navigation a{white-space:nowrap}.portfolio-flow section[id]{scroll-margin-top:120px}
.portfolio-flow .project-section{padding-block:clamp(30px,4vw,48px);border-top:1px solid #e2d8e8}.portfolio-flow .project-story{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);gap:clamp(24px,4vw,60px)}.portfolio-flow .project-story p{max-width:65ch}.portfolio-flow .project-section h2{max-width:24ch;font-size:clamp(28px,3.2vw,40px)}
.portfolio-flow .consultation-method{margin-top:20px;border-top:1px solid #d8c7e3;padding-top:8px}.portfolio-flow .consultation-method summary{cursor:pointer;display:list-item;min-height:44px;padding:10px 0;font:600 15px/1.6 system-ui;color:#5b2c70}.portfolio-flow .consultation-method p,.portfolio-flow .consultation-method li{font-size:16px;line-height:1.7}.portfolio-flow .consultation-method ul{padding-left:22px;margin:12px 0 20px}
.portfolio-flow .quarter-legend{display:flex;align-items:center;gap:10px;font:500 14px/1.5 system-ui;color:#594367;margin:16px 0}.portfolio-flow .quarter-legend span,.quarter-legend-sample{display:inline-block;width:19px;height:19px;border:2px solid #7040a0;border-radius:4px;background:#d7c1ee;flex-shrink:0}.quarter-legend-sample{vertical-align:middle;margin-right:8px}.mq-movers-heading{line-height:1.5!important}
@media(max-width:800px){.portfolio-flow .project-story{grid-template-columns:1fr;gap:12px}.portfolio-flow .flow-navigation>span{display:none}}
@media(max-width:620px){.portfolio-flow .flow-navigation{flex-wrap:nowrap!important;overflow-x:auto;gap:8px!important}.portfolio-flow .flow-navigation a{flex-shrink:0}.portfolio-flow section[id]{scroll-margin-top:80px}.portfolio-flow .project-section h2{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}