.masterplanSection{scroll-margin-top:76px;padding:clamp(72px,9vw,132px) clamp(20px,5vw,76px);background:#102e27;color:#f5efe4;overflow:hidden}.masterplanIntro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:7vw;align-items:end;max-width:1540px;margin:0 auto 34px}.masterplanIntro h2{max-width:850px;margin:.2em 0 0;font-size:clamp(38px,5vw,76px);line-height:.98;letter-spacing:-.045em}.masterplanIntro>p{margin:0;color:#c5d0ca;line-height:1.75}.masterplanShell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;max-width:1540px;min-height:720px;margin:auto;border:1px solid rgba(255,255,255,.13);background:#173b31;box-shadow:0 36px 80px rgba(0,0,0,.25)}.masterplanStage{position:relative;min-width:0;min-height:720px;overflow:hidden;background:linear-gradient(155deg,#dfddd0 0%,#aebea5 53%,#758c71 100%)}.masterplanFallback{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(.9);opacity:.22}.masterplanStage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}.masterplanStage canvas:active{cursor:grabbing}.masterplanHint{position:absolute;top:22px;left:24px;padding:10px 14px;border-radius:99px;background:rgba(16,46,39,.78);backdrop-filter:blur(12px);font-size:12px;letter-spacing:.04em}.masterplanHint span{display:inline-block;margin-right:7px;color:#e3a07b;font-size:18px}.masterplanViews{position:absolute;left:22px;bottom:22px;display:flex;max-width:calc(100% - 44px);gap:8px;padding:7px;border-radius:14px;background:rgba(16,46,39,.82);backdrop-filter:blur(14px);overflow-x:auto}.masterplanViews button,.masterplanTools button,.masterplanPanel button{min-height:42px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:transparent;color:#fff;padding:0 14px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.masterplanViews button:hover,.masterplanViews button:focus-visible,.masterplanTools button:hover,.masterplanTools button:focus-visible,.masterplanPanel button:hover,.masterplanPanel button:focus-visible{border-color:#e3a07b;background:#e3a07b;color:#102e27;outline:none}.masterplanTools{position:absolute;top:20px;right:20px;display:flex;gap:7px}.masterplanTools button{background:rgba(16,46,39,.82);backdrop-filter:blur(12px)}.masterplanTools button.active{background:#f5efe4;color:#173b31}.masterplanPanel{display:flex;flex-direction:column;padding:34px 28px;background:#f5efe4;color:#173b31}.masterplanPanel .panelKicker{margin:0 0 22px;color:#b76543;font-size:11px;letter-spacing:.14em;font-weight:700}.masterplanPanel h3{margin:0 0 16px;font-size:31px;line-height:1.03}.masterplanPanel>p:not(.panelKicker){margin:0;color:#62706a;line-height:1.6}.masterplanMeta{display:grid;gap:1px;margin:28px 0;background:#d8d8cf}.masterplanMeta div{display:flex;justify-content:space-between;gap:20px;padding:12px;background:#f5efe4;font-size:12px}.masterplanMeta span{color:#79847f}.masterplanPanel #masterplanIsolate{width:100%;background:#173b31}.masterplanIndex{margin-top:auto;padding-top:26px;border-top:1px solid #d8d8cf}.masterplanIndex>span{display:block;margin-bottom:11px;color:#7d8983;font-size:10px;letter-spacing:.12em}.masterplanIndex>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-height:218px;overflow-y:auto}.masterplanIndex button{min-height:33px;padding:4px;border-color:#ced1c9;color:#173b31;font-size:10px}.masterplanIndex button.active{border-color:#b76543;background:#b76543;color:#fff}.masterplanNotice{display:flex;gap:24px;max-width:1540px;margin:20px auto 0;padding:19px 22px;border:1px solid rgba(227,160,123,.35);background:rgba(0,0,0,.12)}.masterplanNotice b{flex:0 0 auto;color:#e3a07b;font-size:11px;letter-spacing:.12em}.masterplanNotice p{margin:0;color:#b8c5bf;font-size:12px;line-height:1.6}
@media(max-width:1050px){.masterplanShell{grid-template-columns:1fr;min-height:0}.masterplanStage{min-height:620px}.masterplanPanel{min-height:350px}.masterplanIndex{margin-top:28px}.masterplanIndex>div{grid-template-columns:repeat(6,1fr);max-height:none}.masterplanIntro{grid-template-columns:1fr;gap:20px}}
@media(max-width:680px){.masterplanSection{padding-left:14px;padding-right:14px}.masterplanStage{min-height:540px}.masterplanHint{top:14px;left:14px;max-width:210px;font-size:10px}.masterplanTools{top:64px;left:14px;right:auto;max-width:calc(100% - 28px);overflow-x:auto}.masterplanViews{left:12px;bottom:12px;max-width:calc(100% - 24px)}.masterplanViews button,.masterplanTools button{min-height:44px}.masterplanPanel{position:relative;min-height:390px;padding:28px 20px;border-radius:22px 22px 0 0}.masterplanIndex>div{grid-template-columns:repeat(4,1fr)}.masterplanNotice{display:block}.masterplanNotice b{display:block;margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.masterplanSection *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}