.detail-hero{grid-template-columns:.92fr 1.08fr;gap:3vw}.detail-hero h1{font-size:clamp(48px,5.4vw,78px)}
.system-scene{position:relative;min-width:0;margin-top:95px;margin-bottom:65px;border:1px solid #31524a;background:radial-gradient(ellipse at 50% 40%,#23493e,transparent 70%),#0b2525;box-shadow:0 35px 80px #0003;overflow:hidden}.scene-heading{padding:22px 24px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.12em;color:#a2b7a8;border-bottom:1px solid var(--line)}.scene-heading span:last-child{color:var(--lime)}.system-scene svg{display:block;width:100%;height:auto}.concept-land{fill:#1f443c;stroke:#547969;stroke-width:1}.concept-grid{fill:url(#city-grid)}.concept-building{fill:#244e45;stroke:#91b69a;stroke-width:1}.concept-roof{fill:#456c55;stroke:#91b69a}.concept-link{fill:none;stroke:#c8f45a;stroke-width:1.5;stroke-dasharray:5 7;animation:network-flow 28s linear infinite}.concept-point{fill:#c8f45a;stroke:#c8f45a33;stroke-width:12}.concept-label{fill:#eff2e8;font-family:var(--sans);font-size:14px;font-weight:600}.concept-small{fill:#9db7a6;font-family:var(--mono);font-size:9px}.concept-panel{fill:#0d2c2b;stroke:#c8f45a80}.concept-panel.accent{fill:#c8f45a;stroke:#c8f45a}.concept-dark{fill:#17392b;font-family:var(--sans);font-size:15px;font-weight:700}.scene-footer{padding:19px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:#91b09e;font:10px var(--mono)}.scene-footer a{color:var(--lime)}
.weather-photo.lamp-installation{height:650px;aspect-ratio:auto;background:#d8e7e8;isolation:isolate}.weather-photo.lamp-installation img{position:absolute;width:auto;max-width:none;height:100%;left:0;top:0;object-fit:initial}.weather-photo.lamp-installation figcaption{font-family:var(--sans);font-size:11px}.weather-main{grid-template-columns:.85fr 1fr}
.deployment-network{padding-top:110px;padding-bottom:115px;background:#0b2022;scroll-margin-top:80px}.network-head{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:45px}.network-head h2{font-size:clamp(34px,4vw,58px);line-height:1.2;margin:22px 0 0;font-weight:600}.network-head h2 em{color:var(--lime);font-style:normal}.network-head>p{max-width:355px;font-size:14px;line-height:1.9;color:#a7beb0}.network-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);border:1px solid #315149}.deployment-map{position:relative;background:radial-gradient(ellipse at center,#1f443c,transparent 75%),#0a2526;min-width:0;overflow:hidden}.deployment-map>svg{width:100%;height:100%;min-height:520px;display:block}.map-land{fill:#23483e;stroke:#66866c;stroke-width:1.5}.map-road{stroke:#638169;stroke-width:1;fill:none;opacity:.5}.map-bridge{stroke:#809985;stroke-width:2;fill:none;stroke-dasharray:5 4}.map-region{font:12px var(--sans);fill:#89a18c;letter-spacing:3px}.map-water{font:9px var(--mono);fill:#557d79;letter-spacing:4px}.map-mark{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;border-radius:50%;color:#eaf3e8}.map-mark:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#91b59f;border:2px solid #102d29;box-shadow:0 0 0 5px #a8d7ad16}.map-mark[aria-pressed=true]:before{background:var(--lime);box-shadow:0 0 0 7px #c8f45a25,0 0 28px #c8f45a55}.map-mark span{position:absolute;left:31px;top:9px;padding:5px 7px;background:#0a2325e8;border:1px solid #547363;font:10px var(--sans);white-space:nowrap}.map-mark[aria-pressed=true] span{border-color:var(--lime);color:var(--lime)}.map-mark.label-left span{left:auto;right:31px}.map-key{position:absolute;left:22px;top:20px;color:#a5bbab;font:9px var(--mono);letter-spacing:.1em}.map-note{position:absolute;left:22px;bottom:18px;color:#8aa799;font-size:10px;margin:0;max-width:85%;line-height:1.7}.network-detail{background:#122f2c;padding:28px;display:flex;flex-direction:column;min-width:0}.network-detail .section-kicker{font-size:9px}.network-detail h3{font-size:29px;margin:18px 0 10px;font-weight:600}.network-description{color:#a8c0b0;font-size:13px;line-height:1.9;margin:0 0 20px}.deployment-site-photo{margin:0;display:flex;align-items:center;justify-content:center;min-height:220px;flex:1;background:radial-gradient(circle,#315346,transparent 65%)}.deployment-site-photo img{display:block;max-width:100%;max-height:285px;object-fit:contain}.deployment-site-photo figcaption{font-size:10px;color:#9bb3a2;line-height:1.8;max-width:220px;text-align:center}.deployment-site-photo:has(img:not([hidden])){flex-direction:column;gap:12px}.network-detail [hidden]{display:none}.site-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.site-selector button{border:1px solid #3c5c4c;background:transparent;color:#a4bdac;padding:9px 13px;font:11px var(--sans);cursor:pointer}.site-selector button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#123328}.site-selector button:hover{border-color:var(--lime)}.network-source{color:#7d9e8c;font-size:10px;line-height:1.8;margin:18px 0 0}.detail-index{gap:27px}
@keyframes network-flow{to{stroke-dashoffset:-240}}
@media(max-width:1050px){.network-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.map-mark span{font-size:9px}.weather-photo.lamp-installation{height:560px}.scene-heading{padding:17px;font-size:8px}.scene-footer{padding:17px;font-size:9px}}
@media(max-width:760px){.detail-hero{grid-template-columns:1fr}.system-scene{margin:35px 0 25px;width:100%}.detail-hero h1{font-size:50px}.network-head{display:block}.network-head>p{max-width:100%;margin-top:24px}.deployment-network{padding-top:78px;padding-bottom:78px}.network-layout{grid-template-columns:1fr}.deployment-map>svg{min-height:0;aspect-ratio:700/580}.map-mark{width:38px;height:38px}.map-mark span{left:26px;font-size:8px;padding:4px;top:10px}.map-mark.label-left span{right:26px}.map-key{font-size:8px;left:15px;top:15px}.map-note{font-size:8px;left:15px;bottom:12px}.network-detail{padding:25px}.deployment-site-photo{min-height:220px}.deployment-site-photo img{max-height:240px}.weather-main{grid-template-columns:1fr}.weather-photo.lamp-installation{height:560px;width:min(100%,400px);justify-self:center}.network-detail h3{font-size:26px}}
@media(max-width:420px){.detail-hero h1{font-size:43px}.scene-heading{padding:14px;font-size:7px}.scene-footer{font-size:8px;line-height:1.8;padding:14px}.weather-photo.lamp-installation{height:500px}.map-mark span{font-size:7px}.map-key{font-size:7px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.concept-link{animation:none}}