/* Four distinct editorial scenes, one per stage. */
#process{background:#e3e7de;padding:75px 0}
#process .section-top{gap:55px;margin-bottom:38px}
#process .section-top h2{font-size:clamp(39px,3.9vw,58px);max-width:790px;line-height:1.08}
#process .section-top .lead{font-size:15px;max-width:350px}
.process-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.process-card{min-width:0;background:#f7f4ed;border-radius:26px;overflow:hidden;display:flex;flex-direction:column}
.process-card-visual{position:relative;aspect-ratio:1.85;overflow:hidden;background:#c5c9bd}
.process-card-visual img{display:block;width:100%;height:100%;object-fit:cover}
.process-card-number{position:absolute;left:23px;top:22px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f7f4edf2;color:#30564b;font-size:12px;letter-spacing:.04em}
.process-card-copy{padding:28px 30px 30px;display:flex;flex:1;flex-direction:column}
#process .process-card h3{font-size:27px;font-weight:400;line-height:1.2;letter-spacing:-.03em;margin:0 0 14px;color:#2f4c40}
#process .process-card-copy>p{font-size:14px;line-height:1.75;color:#59685f;margin:0 0 24px}
.process-card-result{border-top:1px solid #d8ddd2;padding-top:18px;margin-top:auto}
.process-card-result>span{font-size:9px;letter-spacing:.13em;color:#607c6d}
#process .process-card-result p{font-size:13px;line-height:1.65;color:#3c5547;margin:10px 0 0}
.process-visual-note{font-size:10px;line-height:1.6;color:#6a786b;margin-top:17px}
.process-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #bdc6b8;margin-top:32px;padding-top:27px}
.process-footer p{font-size:12px;line-height:1.7;color:#617164;max-width:620px}
.process-footer .btn{font-size:12px;min-height:52px;gap:25px;padding:16px 20px;flex-shrink:0}
@media(max-width:1000px){#process .section-top{gap:30px}.process-cards{gap:22px}.process-card-copy{padding:24px}.process-footer{gap:25px}#process .process-card h3{font-size:24px}}
@media(max-width:720px){#process{padding:55px 0}#process .section-top{gap:22px;margin-bottom:28px}#process .section-top h2{font-size:39px}.process-cards{grid-template-columns:1fr;gap:24px}.process-card{border-radius:23px}.process-card-visual{aspect-ratio:1.55}.process-card-copy{padding:25px 23px}#process .process-card h3{font-size:26px}.process-card-number{left:19px;top:18px;width:35px;height:35px}.process-footer{flex-direction:column;align-items:start;gap:22px;margin-top:28px;padding-top:25px}.process-footer .btn{font-size:12px;max-width:100%;width:100%}}
