.system-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 28px;padding:16px 0}.system-node{position:relative;border-top:2px solid #a2c5b8;padding:24px 0 16px;min-height:150px}.system-node .icon{width:42px;height:44px;color:var(--green);margin-bottom:17px}.node-count{font:700 17px Inter,sans-serif;color:var(--teal);margin-left:18px;vertical-align:top;display:inline-block;padding-top:13px}.system-node h3{font-size:29px;letter-spacing:-.7px}.node-arrow{position:absolute;right:-24px;top:55px;font-size:30px;color:var(--teal);font-style:normal}.system-node:nth-child(4) .node-arrow{display:none}.system-cycle{grid-column:1/-1;font-size:26px;color:var(--green);padding:8px 0 0;border-top:1px solid var(--line)}
.mini-system{display:flex;align-items:center;gap:8px;width:100%;padding:12px 0 20px;border-bottom:1px solid var(--line);margin-bottom:24px;justify-content:space-between}.mini-system>span{display:flex;gap:7px;align-items:center;color:#6d8278}.mini-system b{display:grid;place-items:center;border:1px solid #b7ccc0;border-radius:50%;width:25px;height:25px;font:700 13px Inter,sans-serif}.mini-system small{font:700 16px Inter,sans-serif;letter-spacing:-.4px}.mini-system .current{color:var(--green)}.mini-system .current b{background:var(--green);border-color:var(--green);color:white}.mini-system .past b{background:#d7e8df}.mini-system i{font:16px Lato,sans-serif;color:#8bb9a6}.system-detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:center}.system-detail figure{height:350px;border-radius:14px;overflow:hidden;position:relative}.system-detail figure img{width:100%;height:100%;object-fit:cover}.system-photo-label{position:absolute;bottom:0;left:0;right:0;background:#092327d9;padding:9px 18px;font-size:20px;color:white}.system-explain{position:relative}.stage-icon .icon{width:45px;height:47px;color:var(--teal);margin-bottom:14px}.stage-number{display:block;font:700 21px Inter,sans-serif;color:var(--green);margin-bottom:17px}.system-explain h3{font-size:40px;line-height:1.12;max-width:540px}.system-explain p{font-size:29px;line-height:1.25;margin-top:20px}.system-tool{font-size:25px;color:var(--green);margin-top:25px;border-left:3px solid var(--teal);padding-left:16px}.map-scene .heading{margin-bottom:20px}.map-scene h2{font-size:50px}.map-scene.detail .heading h2{font-size:38px}.map-scene.detail .heading{margin-bottom:0}
@media(min-width:1700px){.system-detail figure{height:480px}.system-explain h3{font-size:55px}.system-explain p{font-size:38px}.system-tool{font-size:32px}.mini-system small{font-size:22px}.mini-system b{width:32px;height:32px;font-size:16px}.system-node{min-height:200px}.system-node h3{font-size:39px}.system-node .icon{width:58px;height:60px}.system-cycle{font-size:33px}.map-scene h2{font-size:65px}}
@media(max-height:740px) and (min-width:1000px){.system-detail figure{height:300px}.system-detail-grid{gap:35px}.system-explain h3{font-size:36px}.system-explain p{font-size:27px}.stage-icon .icon{width:35px;height:37px;margin-bottom:8px}.system-tool{font-size:23px;margin-top:18px}.mini-system{margin-bottom:20px}.system-overview{gap:25px}.system-node{min-height:130px;padding-top:18px}.system-node h3{font-size:27px}}
@media(max-width:1000px){.mini-system small{display:none}.mini-system{justify-content:center;gap:12px}.system-detail-grid{gap:28px}.system-explain h3{font-size:34px}.system-explain p{font-size:27px}.system-tool{font-size:22px}.system-node h3{font-size:24px}.system-detail figure{height:310px}}
@media(max-width:700px){.system-overview{grid-template-columns:1fr 1fr;gap:20px}.system-node{min-height:135px}.system-node .icon{width:34px}.system-node h3{font-size:23px}.node-arrow{display:none}.system-cycle{font-size:23px}.system-detail-grid{grid-template-columns:1fr}.system-detail figure{height:260px}.map-scene h2,.map-scene.detail .heading h2{font-size:36px}.mini-system{gap:5px;justify-content:space-between}.mini-system b{width:22px;height:22px;font-size:12px}.mini-system i{font-size:12px}.system-explain h3{font-size:33px}.system-explain p{font-size:26px}.system-tool{font-size:23px}.system-photo-label{font-size:17px}}

/* Each stage connects an input, a tool and a concrete deliverable. */
.system-detail-grid{grid-template-columns:1fr 1.05fr;gap:38px;align-items:center}.system-detail figure{height:300px;border-radius:14px 14px 0 0}.system-evidence{border-radius:14px;overflow:hidden;border:1px solid #c6d5c7;background:#e6ebe1}.system-input{padding:16px 19px;display:flex;align-items:center;gap:16px;color:var(--green);min-height:77px}.system-input>.icon{width:37px;height:39px}.system-input>span{display:flex;flex-direction:column;gap:5px;flex:1}.system-input small,.system-operation small{font:700 16px Inter,sans-serif;color:#5b776b}.system-input b{font:700 23px Inter,sans-serif}.system-input i{font:32px Lato,sans-serif;color:var(--teal)}.stage-identification{display:flex;gap:15px;align-items:center;margin-bottom:16px}.stage-identification .stage-icon .icon{width:34px;height:37px;margin-bottom:0}.stage-identification .stage-number{margin-bottom:0;font-size:21px}.system-explain h3{font-size:39px;line-height:1.14}.system-explain p{font-size:28px;margin-top:16px}.system-operation{display:grid;grid-template-columns:1fr 28px 1fr;gap:12px;align-items:center;margin-top:23px}.system-operation small{display:block;margin-bottom:9px}.system-operation b{display:block;font:700 25px/1.16 Inter,sans-serif;letter-spacing:-.4px}.system-tool-node{padding:14px 16px;border:1px solid #accabd;border-radius:10px;background:#e4ede2}.system-output{padding:8px 0}.system-operation>i{font:30px Lato,sans-serif;color:var(--teal);text-align:center}.system-access{display:block;margin-top:17px;color:var(--green);font:23px/1.25 Lato,sans-serif}
@media(min-width:1700px){.system-detail figure{height:415px}.system-input{padding:20px 25px}.system-input b{font-size:30px}.system-input small,.system-operation small{font-size:21px}.system-input>.icon{width:45px;height:48px}.stage-identification .stage-number{font-size:27px}.stage-identification .stage-icon .icon{width:42px;height:45px}.system-explain h3{font-size:51px}.system-explain p{font-size:37px}.system-operation b{font-size:33px}.system-access{font-size:30px}.system-tool-node{padding:20px}.system-operation{gap:19px;margin-top:29px;grid-template-columns:1fr 35px 1fr}}
@media(max-height:740px) and (min-width:1000px){.system-detail figure{height:265px}.system-detail-grid{gap:30px}.stage-identification{margin-bottom:12px}.system-explain h3{font-size:35px}.system-explain p{font-size:26px;margin-top:13px}.system-operation{margin-top:18px;gap:10px}.system-operation b{font-size:23px}.system-tool-node{padding:12px}.system-access{font-size:21px;margin-top:14px}.system-input{padding:13px 16px;min-height:72px}.system-input b{font-size:22px}}
@media(max-width:1000px){.system-detail-grid{gap:25px}.system-input b{font-size:20px}.system-operation b{font-size:22px}.system-operation{gap:8px;grid-template-columns:1fr 20px 1fr}.system-explain h3{font-size:32px}.system-access{font-size:21px}.system-tool-node{padding:12px}}
@media(max-width:700px){.system-detail-grid{grid-template-columns:1fr}.system-detail figure{height:240px}.system-input b{font-size:22px}.system-explain h3{font-size:33px}.system-explain p{font-size:26px}.system-operation b{font-size:23px}.system-access{font-size:22px}.system-input{padding:14px}.system-operation{gap:10px;grid-template-columns:1fr 25px 1fr}}