:root{--ink:#172b31;--muted:#607176;--teal:#086675;--paper:#f6f5f0;--line:#d8dfdc;--gold:#b1803c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;color:inherit;border-radius:4px;padding:10px 15px}button:hover,button:focus-visible{border-color:var(--teal);background:#e8efec}header{height:86px;padding:16px 3vw;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#fff}.identity{display:flex;align-items:center;gap:20px}.identity img{width:112px;max-height:54px;object-fit:contain}.identity strong{font-size:23px;letter-spacing:-.7px}.identity small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.divider{height:38px;border-left:1px solid var(--line)}.partners{margin-left:auto;display:flex;gap:22px;align-items:center}.partners img{height:46px;max-width:100px;object-fit:contain}nav{height:64px;display:flex;gap:16px;align-items:stretch;padding:0 3vw;border-bottom:1px solid var(--line)}nav>button{border:0;border-bottom:3px solid transparent;border-radius:0;font-size:12px;color:var(--muted);padding:12px 6px}nav button span{margin-left:9px;font-size:15px}nav button.active{border-bottom-color:var(--teal);color:var(--teal)}.navend{margin-left:auto;display:flex;align-items:center}.navend button{font-size:13px;background:var(--ink);color:white;border:0}main{height:calc(100dvh - 203px);min-height:560px}.page{display:none;height:100%;padding:30px 3vw 24px;animation:enter .6s ease}.page.active{display:flex}.intro{width:32%;padding:12px 32px 0 0;display:flex;flex-direction:column}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:1.7px;color:var(--teal);margin:0 0 18px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,2.7vw,55px);font-weight:normal;line-height:1.09;letter-spacing:-1.2px;margin:0 0 22px}.deck{font-size:16px;line-height:1.6;max-width:420px;color:var(--muted);margin:0 0 24px}.visual{width:68%;position:relative;overflow:hidden;border-radius:4px;background:#e6e5dc}.visual #renderstage,.visual #three{height:100%;width:100%;position:relative}#hero,.groundimage{width:100%;height:100%;object-fit:cover}#hero{object-position:50% 50%;animation:camera 25s ease-in-out infinite alternate}.imagecaption{position:absolute;bottom:15px;left:20px;font-size:11px;color:#fff;background:#172b31d9;padding:8px 11px;z-index:2;max-width:85%}.visualtag{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:1px;background:#fffef6e8;padding:10px;pointer-events:none}.visualtag span{margin:0 6px}.segmented{display:flex;gap:0;margin-bottom:24px}.segmented button{font-size:12px;border-radius:0;padding:11px}.segmented .active{background:var(--ink);color:white}h2{font-size:19px;font-weight:normal;margin:14px 0 10px}#component p{font-size:14px;color:var(--muted);line-height:1.6}.rule{display:block;width:40px;border-top:2px solid var(--gold)}.keynumbers{display:flex;gap:28px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.keynumbers b{font-family:Georgia,serif;font-size:32px;font-weight:normal;white-space:nowrap}.keynumbers b span{font-family:Arial;font-size:15px}.keynumbers small{display:block;color:var(--muted);margin-top:6px;font-size:11px}#threecanvas{width:100%;height:100%}canvas{display:block}.threetools{position:absolute;bottom:56px;left:20px;display:flex;gap:6px;flex-wrap:wrap}.threetools button{background:#fffef6e8;font-size:11px;padding:8px 10px}.topline{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.context{font-size:15px;line-height:1.6;text-align:right;margin:0}.context span{color:var(--muted);font-size:12px}#compare,#water{flex-direction:column}.comparison{display:grid;grid-template-columns:1fr 1fr .43fr;gap:20px;min-height:0;flex:1;padding-top:12px}figure{margin:0;display:flex;flex-direction:column;background:white;min-width:0;overflow:hidden}figure img{width:100%;height:0;flex:1;object-fit:contain;background:#fff}.maplabel{padding:15px 18px;border-top:3px solid #8a7964;font-size:17px}.maplabel.after{border-color:var(--teal)}.maplabel small{float:right;font-size:12px;color:var(--muted)}figcaption{font-size:11px;padding:12px 15px;color:var(--muted)}.comparison aside{padding:5px 0 0 8px}.metric{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:18px}.metric strong{font-family:Georgia,serif;font-weight:normal;font-size:62px;color:var(--teal)}.metric strong span{font-size:28px}.metric p{font-size:13px;line-height:1.5;margin:8px 0}.metric small{font-size:12px;color:var(--muted)}.note{font-size:11px;line-height:1.6;color:var(--muted)}.waterlayout{display:grid;grid-template-columns:1fr 250px;gap:36px;min-height:0;flex:1}.flow{display:flex;align-items:center;margin-top:20px;gap:10px}.flow article{flex:1;min-width:0;border-top:2px solid var(--teal);padding-top:13px}.flow i{font-size:10px;color:var(--gold);font-style:normal}.flow h2{font-size:17px;min-height:24px}.flow strong{font-family:Georgia,serif;font-size:clamp(24px,2.5vw,42px);font-weight:normal;white-space:nowrap}.flow em{font:13px Arial}.flow p{font-size:12px;color:var(--muted);line-height:1.6}.arrow{color:var(--teal);font-size:20px}.waternote{max-width:780px;margin:16px 0 20px}.chartwrap{border-top:1px solid var(--line);padding-top:10px}.charthead{display:flex;justify-content:space-between;align-items:center}.charthead h2{font-size:15px}.charthead b{font-size:12px;color:var(--teal)}#chart{height:clamp(110px,18vh,220px);width:100%;overflow:visible}input[type=range]{width:100%;accent-color:var(--teal)}.axis{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:6px}.lesson{border-left:1px solid var(--line);padding-left:25px;margin-top:12px}.lesson h2{font:25px/1.2 Georgia;margin-top:0}.lesson p{font-size:14px;line-height:1.6;color:var(--muted)}.lesson b{display:block;font:30px Georgia;margin-top:20px}.lesson small{font-size:11px;color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin-top:25px}.surfaceclaim{position:absolute;bottom:65px;left:25px;background:#fffef3ee;display:flex;align-items:center;padding:18px 24px;gap:20px}.surfaceclaim b{font:60px Georgia;color:var(--teal)}.surfaceclaim span{font-size:14px;line-height:1.5}#surfacebars{margin:0 0 15px}.surfacebar{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:15px}.surfacebar b{font-size:15px;white-space:nowrap}footer{height:53px;display:flex;gap:15px;align-items:center;padding:0 3vw;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer i{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:7px}footer button{font-size:11px;padding:7px 10px}#next{margin-left:auto;color:var(--teal)}#tourstatus{font-size:11px}dialog{border:0;border-radius:5px;padding:40px;max-width:700px;max-height:85vh;color:var(--ink);background:var(--paper);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#172b3180}dialog h2{font:30px Georgia}dialog p{font-size:14px;line-height:1.7}dialog a{color:var(--teal)}#close{float:right;font-size:12px}.focus header,.focus nav,.focus footer{opacity:0;pointer-events:none;height:0;padding:0;border:0;overflow:hidden}.focus main{height:100dvh}.focus .page{padding:28px}.focus .visual{border-radius:0}.focus:after{content:'ESC to leave focus view';position:fixed;bottom:7px;right:12px;font-size:9px;color:#607176;opacity:.6}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes camera{from{transform:scale(1)}to{transform:scale(1.035)}}@media(min-width:1700px){.intro{padding-right:55px}.deck{font-size:19px}#component p{font-size:17px}h2{font-size:23px}.flow p{font-size:15px}.flow h2{font-size:22px}.note{font-size:13px}.metric p{font-size:16px}.lesson p{font-size:17px}}@media(max-width:1050px){header{height:72px}.identity strong{font-size:19px}.partners img{height:35px}nav{gap:7px}nav button span{font-size:12px}main{height:auto;min-height:calc(100dvh - 190px)}.page.active{min-height:620px}.intro{width:38%;padding-right:20px}.visual{width:62%;min-height:540px}h1{font-size:31px}.deck{font-size:14px}.keynumbers{gap:15px}.keynumbers b{font-size:27px}.comparison{grid-template-columns:1fr 1fr}.comparison aside{grid-column:1/3;display:flex;gap:25px}.metric{flex:1}.metric strong{font-size:40px}figure{height:350px}.waterlayout{grid-template-columns:1fr}.lesson{display:none}.page{padding:24px 3vw}footer{height:auto;min-height:53px;flex-wrap:wrap}}@media(max-width:650px){header .partners{display:none}.identity img{width:72px}header{gap:8px}.identity{gap:10px}#film{margin-left:auto;font-size:11px;padding:7px}nav{overflow:auto;white-space:nowrap;gap:8px}nav>button{font-size:10px}nav button span{margin-left:3px}.navend{display:none}.page.active{flex-direction:column}.intro,.visual{width:100%}.intro{padding:0 0 20px}.visual{min-height:400px;height:52vh}.keynumbers{margin-top:15px}.comparison{display:flex;flex-direction:column}.comparison figure{min-height:350px}.comparison aside{display:flex}.topline{gap:15px}.context{font-size:11px}.context span{font-size:10px}.flow{flex-wrap:wrap}.flow article{min-width:40%}.flow .arrow{display:none}#chart{height:150px}.charthead{align-items:flex-start;gap:15px}footer>span:first-child{max-width:75%}.surfaceclaim b{font-size:45px}.focus .page{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Compact review screens must retain their footer without shrinking the science. */
main{min-height:0}.page{min-height:0}.gallerycontrols{position:absolute;top:56px;left:20px;right:20px;display:flex;gap:5px;flex-wrap:wrap;z-index:3}.gallerycontrols button{background:#fffef3ed;font-size:10px;padding:7px 9px}.gallerycontrols .active{background:var(--ink);color:white}.watercontrols{display:flex;align-items:center;gap:18px;margin-top:12px}.watercontrols button{font-size:12px;background:var(--ink);color:white}.storagegauge{height:5px;background:#d8dfdc;flex:1;position:relative}.storagegauge span{display:block;background:var(--teal);height:100%;width:76%;transition:width .2s}.watercontrols small{font-size:11px;color:var(--muted)}.citylink{font-size:11px;color:var(--teal);padding:10px;text-decoration:none;border:1px solid var(--line);border-radius:4px;white-space:nowrap}
@media(min-width:1051px) and (max-height:800px){.page{padding-top:22px;padding-bottom:16px}.intro{padding-top:3px}h1{font-size:34px;margin-bottom:16px}.deck{font-size:14px;line-height:1.5;margin-bottom:18px}.eyebrow{margin-bottom:12px}.segmented{margin-bottom:14px}#component p{font-size:12px;margin-bottom:12px}.keynumbers b{font-size:27px}.keynumbers{padding-top:12px}.comparison{gap:15px}.metric{padding-bottom:12px;margin-bottom:12px}.metric strong{font-size:48px}.metric p{font-size:12px}.flow{margin-top:6px}.flow p{margin-bottom:5px}.waternote{margin:12px 0}.lesson p{font-size:12px}.lesson b{font-size:25px;margin-top:14px}.lesson h2{font-size:23px}.chartwrap{padding-top:0}#chart{height:120px}.surfacebar{padding:8px 0}footer{font-size:9px}.visualtag{font-size:9px}}
.page{animation:none}
@media(min-width:1051px) and (max-height:800px){#water h1{margin-bottom:12px;font-size:31px}#water .eyebrow{margin-bottom:9px}.flow article{padding-top:7px}.flow h2{font-size:15px;margin:7px 0;min-height:18px}.flow strong{font-size:29px}.flow p{font-size:11px;line-height:1.4}.waternote{font-size:10px;line-height:1.4;margin:10px 0}.watercontrols{margin-top:8px}.watercontrols button{font-size:10px;padding:8px}.charthead h2{font-size:12px;margin:10px 0 5px}.charthead b{font-size:10px}#chart{height:82px}.lesson p.note{font-size:10px;line-height:1.4}.lesson p{margin:9px 0}.lesson b{margin-top:12px}.lesson hr{margin-top:14px}.axis{font-size:9px}}
#storm .intro{padding-right:30px}.stormvisual{background:#e9e8df;display:flex;justify-content:center;align-items:center}#floodframe{width:100%;height:100%;object-fit:contain}.rainline{border-top:1px solid var(--line);padding:17px 0}.rainline b{font-size:16px;color:var(--teal)}.rainline span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.stormvalues{display:flex;gap:22px;margin:12px 0 24px}.stormvalues small{display:block;font-size:10px;color:var(--muted);margin-bottom:10px}.stormvalues b{font:27px Georgia;white-space:nowrap}#stormplay{background:var(--ink);color:white;font-size:12px;align-self:flex-start}#stormseek{margin-top:20px}.depthlegend{display:flex;flex-wrap:wrap;gap:5px;font-size:10px;color:var(--muted);line-height:1.5;margin-top:auto}.depthlegend span{width:12px;height:12px;display:inline-block}.north{position:absolute;right:20px;top:20px;font-size:18px;background:#fff9;padding:10px}nav{gap:10px}nav>button span{font-size:13px}.navend .citylink{margin-right:8px;font-size:10px}.navend button{font-size:11px}
@media(max-width:1300px){nav{gap:8px}nav>button span{font-size:12px}nav>button{padding-left:3px;padding-right:3px}.citylink{display:none}}

.backdss{color:var(--teal);font-size:12px;white-space:nowrap;text-decoration:none}@media(max-width:1100px){.backdss{display:none}}