/* Reference composition: editorial copy and a generous, quiet illustration panel. */
.web-method-system .method-section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7e7;padding:14px 0 20px;font-size:12px;color:#656565;margin-bottom:28px}
.web-method-system .method-section-top>span:last-child{color:#999;letter-spacing:.04em}
.web-method-system .chapter-grid{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:48px;align-items:center;margin:0 0 28px;min-height:0}
.web-method-system .method-position{display:block;color:#999;font-size:13px;letter-spacing:.05em;margin-bottom:24px}
.web-method-system .chapter-copy h2{font-size:clamp(32px,3.2vw,50px);line-height:1.12;letter-spacing:-.04em;margin-bottom:24px;overflow-wrap:break-word}
.web-method-system .chapter-copy .method-accent{color:#ff5a2b}
.web-method-system .chapter-copy>p{font-size:16px;line-height:1.6;max-width:390px;color:#777}
.web-method-system .disciplines{font-size:11px;border:0;padding:0;margin-top:24px;line-height:1.5}
.web-method-system .scene-visual{height:clamp(340px,31vw,510px);background:#f5f5f5;border-radius:24px;overflow:hidden;padding:16px;isolation:isolate}
.web-method-system .scene-bottom{justify-content:center;min-height:36px;padding-top:14px;gap:0}
.web-method-system .scene-dot{display:none}
.web-method-system .scene-bottom p{max-width:none;font-size:12px;line-height:1.4;text-align:center;color:#777}
.web-method-system .phases{gap:24px}
.web-method-system .phases small{display:inline;color:#999;font-size:10px}
.web-method-system .phases i{background:#777}
.web-method-system .phases>span{color:#888;padding-top:14px;font-size:12px}
@media(max-width:1000px){.web-method-system .chapter-grid{gap:28px;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}.web-method-system .scene-visual{height:340px;padding:8px}.web-method-system .chapter-copy h2{font-size:32px}}
@media(max-width:700px){
 .web-method-system .method-section-top{font-size:11px;padding:0 0 14px;margin-bottom:20px}
 .web-method-system .chapter-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin:0 0 20px}
 .web-method-system .method-position{font-size:11px;margin-bottom:14px}
 .web-method-system .chapter-copy h2{font-size:30px;line-height:1.14;margin-bottom:18px}
 .web-method-system .chapter-copy>p{font-size:15px;line-height:1.55}
 .web-method-system .disciplines{margin-top:16px;font-size:10px}
 .web-method-system .scene-visual{height:auto;aspect-ratio:3/2;border-radius:16px;padding:8px}
 .web-method-system .scene-bottom{padding-top:10px;min-height:0}
 .web-method-system .scene-bottom p{font-size:11px}
 .web-method-system .phases{gap:10px}
 .web-method-system .phases>span{font-size:10px;padding-top:10px}
 .web-method-system .phases small{display:block;font-size:9px;margin-bottom:4px}
}
.web-method-system .scene-focus-card{stroke:#dedede;stroke-width:1;fill:#fff}
.web-method-system .scene-focus-text{font-weight:400}
.web-method-system .scene-bottom{border-top:0}
.web-method-system .phases i{height:1px}
.web-method-system .phases>span.is-active{font-weight:400}
.web-method-system .phases>span.is-active small{color:#777}