@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#e9ede3;font-synthesis:none;--muted:#a5b3a7;--line:#34453c;--accent:#e7b775;--paper:#efeee4;--ink:#293a30;background:#172622;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover{filter:brightness(1.15)}svg{flex-shrink:0;width:20px;height:20px}button svg{pointer-events:none}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:88px;padding:0 34px;display:flex}.brand{letter-spacing:1.6px;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:13px;font-weight:750;text-decoration:none;display:flex}.brand-symbol{color:var(--accent)}.brand-symbol svg{width:34px;height:36px}.brand small{letter-spacing:2px;color:var(--muted);margin-top:6px;font:9px DM Sans,sans-serif;display:block}.header-note{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.live-dot{background:#9abc86;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.text-button{align-items:center;gap:10px;font-size:12px;display:flex}.text-button svg{width:17px;height:17px}.workspace{grid-template-columns:252px minmax(400px,1fr) 258px;height:calc(100svh - 193px);min-height:640px;max-height:1100px;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;padding:29px 22px 20px 28px;display:flex}.section-eyebrow{letter-spacing:1.6px;color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;font-weight:600;display:flex}.section-eyebrow svg{width:19px;height:19px}h1{letter-spacing:-1.2px;margin:27px 0 13px;font-family:Manrope,sans-serif;font-size:32px;font-weight:500;line-height:1.18}.intro{color:var(--muted);margin:0 0 26px;font-size:12px;line-height:1.7}.method-list{flex-direction:column;gap:7px;display:flex}.method{text-align:left;border:1px solid #0000;border-radius:5px;align-items:center;gap:11px;width:100%;min-height:61px;padding:12px 10px;transition:background .15s;display:flex}.method-number{color:#89988c;font-variant-numeric:tabular-nums;align-self:center;font-size:10px}.method-copy{flex:1}.method small{letter-spacing:1.2px;color:#a2b09f;margin-bottom:5px;font-size:8px;font-weight:500;display:block}.method strong{font-size:13px;font-weight:500}.method-arrow{color:#a2b09f;opacity:0;font-size:16px}.method:hover{background:#25382c}.method[aria-pressed=true]{background:#354332;border-color:#5b6147}.method[aria-pressed=true] .method-number,.method[aria-pressed=true] small,.method[aria-pressed=true] .method-arrow{color:#e7bc80}.method[aria-pressed=true] .method-arrow{opacity:1}.sidebar-foot{color:#8f9e91;align-items:center;gap:10px;margin-top:auto;padding-top:26px;font-size:10px;line-height:1.6;display:flex}.sidebar-foot p{flex:1;margin:0}.tiny-strata svg{width:25px;height:25px}.exhibit{background:radial-gradient(at 52% 44%,#3c5040 0%,#263d31 43%,#1d3129 83%);min-height:600px;position:relative;overflow:hidden}.exhibit-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:26px;right:26px}.exhibit-tag{color:#bec8b6;letter-spacing:1.2px;align-items:center;gap:9px;font-size:8px;display:flex}.tag-divider{background:#52614f;width:1px;height:10px;margin:0 3px}.view-badge{color:#bac6b2;letter-spacing:1.1px;border:1px solid #64746166;border-radius:3px;padding:7px 9px;font-size:8px}#viewport{position:absolute;inset:60px 0 111px}#viewport canvas{touch-action:none;display:block;position:absolute;inset:0}.scene-vignette{pointer-events:none;z-index:1;background:linear-gradient(#0000 70%,#1d31291c);position:absolute;inset:0}.scene-title{pointer-events:none;z-index:2;position:absolute;top:72px;left:29px}.eyebrow{letter-spacing:1.7px;color:var(--muted);font-size:9px;font-weight:600}.scene-title .eyebrow{text-transform:uppercase;color:var(--accent);font-size:8px}.scene-title h2{letter-spacing:-1.1px;margin:8px 0;font:500 36px/1.2 Manrope,sans-serif}.scene-title p{color:#b4c1ac;margin:0;font-size:11px}.camera-tools{z-index:3;background:#21362dcc;border:1px solid #73836c40;border-radius:5px;flex-direction:column;align-items:center;padding:4px;display:flex;position:absolute;top:120px;right:19px}.icon-button{color:#bdc7b6;justify-content:center;align-items:center;width:33px;height:34px;display:inline-flex}.icon-button svg{width:17px;height:17px}.camera-tools>span{background:#52644d;width:19px;height:1px;margin:3px}.scene-bottom{z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:85px;left:27px;right:24px}.orbit-hint{color:#adbaa7;align-items:center;gap:8px;font-size:9px;display:flex}.orbit-hint svg{width:15px;height:15px}.orbit-hint i{color:#687c62;font-style:normal}.subtle-button{color:#bac6b1;align-items:center;gap:5px;font-size:9px;display:flex}.subtle-button svg{width:13px;height:13px}.hazard-strip{z-index:3;background:#1b2e27b8;border-top:1px solid #57704960;align-items:center;gap:16px;min-height:67px;padding:13px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.hazard-label{letter-spacing:1px;color:#adbaa7;max-width:84px;font-size:8px;line-height:1.6}.hazard-buttons{gap:4px;display:flex}.hazard-buttons button{border:1px solid #52634a;border-radius:4px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:flex}.hazard-buttons svg{width:14px;height:14px}.hazard-buttons button[aria-pressed=true]{color:#f3d2a4;background:#536044;border-color:#8b9161}.hazard-buttons button[data-hazard=flood][aria-pressed=true]{color:#c0e8e8;background:#365c60}.hazard-buttons button[data-hazard=rockfall][aria-pressed=true]{color:#ffd1a4;background:#66503b}.scenario-status{color:#a9b69c;max-width:115px;margin-left:auto;font-size:9px;line-height:1.5}.scene-label{white-space:nowrap;color:#d3dcc8;letter-spacing:.3px;pointer-events:none;background:#1a2e25dd;border:1px solid #b2c69b47;border-radius:3px;padding:6px 8px;font-size:8px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 15px #0c181728}.scene-label i{background:#b6c3a17a;width:1px;height:22px;position:absolute;top:100%;left:50%}.scene-label i:after{content:"";background:#d7c795;border-radius:50%;width:5px;height:5px;position:absolute;bottom:0;left:-2px}#scene-labels{pointer-events:none;z-index:2;position:absolute;inset:0}.details{background:var(--paper);color:var(--ink);flex-direction:column;padding:30px 25px 23px;display:flex}.details .section-eyebrow{color:#73806d}.details h3{letter-spacing:-.8px;margin:33px 0 16px;font:500 25px/1.3 Manrope,sans-serif}.details>p{color:#64705f;margin:0;font-size:12px;line-height:1.85}.facts{flex-direction:column;gap:20px;margin:25px 0 22px;display:flex}.facts dt{letter-spacing:1.3px;color:#7d8875;margin-bottom:7px;font-size:8px}.facts dd{color:#344932;margin:0;font-size:12px}.stage-note{border-top:1px solid #d4d6c8;padding-top:20px}.stage-note .eyebrow{color:#7c886d;font-size:8px;line-height:1.7}.stage-note p{color:#52614c;margin:10px 0;font-size:12px;line-height:1.8}.source-link{color:#3c5738;margin-top:19px;font-size:10px;text-decoration:none}.source-link:hover{text-decoration:underline}.scale-note{color:#85907b;margin-top:auto;padding-top:23px;font-size:9px;line-height:1.7}.hazard-note{background:#e8d8bc;border-left:2px solid #b98441;margin-top:14px;padding:11px;font-size:11px}.hazard-note strong{font-weight:600}.hazard-note p{color:#705b3c;margin:6px 0 0;line-height:1.6}.timeline{border-top:1px solid var(--line);background:#182923;align-items:center;gap:25px;min-height:105px;padding:20px 29px;display:flex}.timeline-heading{flex-shrink:0;width:221px}.timeline-heading .eyebrow{color:#d1bb90;font-size:8px;display:block}.timeline-heading>span:last-child{color:#899d88;margin-top:9px;font-size:10px;display:block}.stages{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.stage{text-align:left;color:#91a28d;white-space:nowrap;flex:1;align-items:center;gap:10px;padding:8px 0;font-size:11px;display:flex}.stage-dot{border:1px solid #5c7155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:9px;display:flex}.stage-dot svg{width:13px;height:13px}.stage-line{background:#3e5338;flex:1;min-width:8px;height:1px}.stage.active{color:#ecc58c}.stage.active .stage-dot{color:#1e3327;background:#e7bd7f;border-color:#e7bd7f}.playback{border-left:1px solid var(--line);align-items:center;gap:14px;padding-left:24px;display:flex}.play-button{color:#23382b;background:#e9bf80;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.play-button svg{width:16px;height:16px}#speed-toggle{width:22px;font-size:11px}dialog{color:#354b36;background:#eeede2;border:1px solid #9fa88c;border-radius:9px;width:calc(100% - 36px);max-width:610px;max-height:85svh;padding:38px;box-shadow:0 24px 100px #0005}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#081811ba}dialog .eyebrow{color:#6b7e5d}dialog h2{letter-spacing:-1.5px;margin:20px 0;font:500 38px/1.2 Manrope,sans-serif}dialog h3{margin-top:23px;font-size:14px}dialog p,dialog li{color:#5f6f55;font-size:13px;line-height:1.8}dialog ul{padding-left:18px}dialog li{margin:6px 0}dialog a:hover{color:#233b21}.dialog-close{color:#56684b;position:absolute;top:17px;right:17px}.dialog-credit{border-top:1px solid #d1d5c4;margin-top:25px;padding-top:18px;font-size:10px!important}#graphics-error{color:#e7d5b9;z-index:4;background:#1c322dee;border:1px solid #bf9e69;padding:20px;font-size:13px;line-height:1.7;position:absolute;inset:40% 12% auto}[hidden]{display:none!important}@media (width>=1600px){.workspace{grid-template-columns:290px minmax(400px,1fr) 300px}.sidebar{padding-left:35px;padding-right:28px}.details{padding:32px}.timeline-heading{width:259px}.method{min-height:70px}.method strong{font-size:14px}.intro,.details>p,.stage-note p{font-size:13px}.scene-title h2{font-size:43px}.scene-title{top:78px;left:35px}}@media (width<=1250px){.workspace{grid-template-columns:221px minmax(360px,1fr) 226px}.sidebar{padding-left:21px;padding-right:15px}.details{padding-left:20px;padding-right:20px}.scenario-status{display:none}.hazard-strip{gap:10px;padding-left:18px;padding-right:18px}.hazard-buttons button{padding:8px}.timeline{gap:18px;padding-left:21px;padding-right:21px}.timeline-heading{width:182px}.stage{gap:7px;font-size:10px}.playback{gap:10px;padding-left:15px}.scene-title h2{font-size:31px}.method{gap:8px}.scene-title p{max-width:240px;line-height:1.6}.view-badge{display:none}}@media (width<=1040px){.workspace{grid-template-columns:205px minmax(350px,1fr);height:auto;max-height:none}.details{grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:35px;padding:24px 30px;display:grid}.details .section-eyebrow{grid-column:1/-1}.details h3{margin:18px 0 12px}.details>p{grid-area:3/1}.facts{flex-direction:row;grid-area:2/2/4;align-items:center;gap:25px;margin:15px 0}.stage-note{grid-column:1/3;margin-top:20px}.hazard-note{grid-column:1/3}.scale-note{text-align:right;padding-top:15px}.exhibit{min-height:660px}.sidebar{padding-top:27px}.header-note{display:none}.timeline{flex-wrap:wrap;position:relative}.timeline-heading{flex:1;width:auto}.stages{flex-basis:100%;order:3;margin-top:5px}.playback{border:0}.stage{font-size:12px}.scenario-status{display:block}.timeline{min-height:150px}.scene-title h2{font-size:37px}.details .source-link{margin-top:17px}}@media (width<=680px){.topbar{height:75px;padding:0 19px}.brand{letter-spacing:1.2px;gap:9px;font-size:10px}.brand small{letter-spacing:1.1px;font-size:7px}.brand-symbol svg{width:28px}.text-button{gap:6px;font-size:10px}.text-button svg{width:15px}.workspace{flex-direction:column;display:flex}.sidebar{border-right:0;padding:20px 0 0}.sidebar .section-eyebrow{padding:0 20px}.sidebar h1{margin:16px 20px 9px;font-size:26px}.sidebar h1 br{display:none}.intro{margin:0 20px 18px;font-size:11px}.method-list{scrollbar-width:thin;scrollbar-color:#657958 transparent;flex-direction:row;gap:7px;padding:0 20px 18px;overflow-x:auto}.method{border-color:#354d3c;width:172px;min-width:172px;min-height:57px;padding:10px 12px}.method strong{font-size:12px}.method small{font-size:7px}.method-arrow,.sidebar-foot{display:none}.exhibit{border-top:1px solid var(--line);height:550px;min-height:550px}.exhibit-top{top:21px;left:20px;right:20px}.scene-title{top:58px;left:21px}.scene-title h2{font-size:32px}.scene-title p{font-size:10px}.camera-tools{top:75px;right:13px}#viewport{inset:102px -20px 103px}.scene-label{padding:5px;font-size:7px}.scene-bottom{bottom:82px;left:20px;right:18px}.orbit-hint{gap:5px;font-size:8px}.hazard-strip{gap:8px;min-height:66px;padding:11px 17px}.hazard-label{max-width:66px;font-size:7px}.hazard-buttons{gap:5px}.hazard-buttons button{gap:4px;padding:8px;font-size:9px}.hazard-buttons svg{width:12px;height:12px}.scenario-status{display:none}.details{padding:24px;display:flex}.details h3{max-width:none;font-size:24px}.details>p{font-size:12px}.facts{align-items:flex-start;gap:30px;margin:23px 0 4px;display:flex}.stage-note{margin-top:20px;padding-top:17px}.scale-note{text-align:left;margin-top:2px;padding-top:15px}.source-link{align-self:flex-start}.timeline{gap:16px;min-height:160px;padding:19px 22px}.timeline-heading>span:last-child{font-size:9px}.timeline-heading .eyebrow{letter-spacing:1.2px;font-size:7px}.playback{gap:7px;padding:0}.play-button{width:32px;height:32px}.stages{align-items:flex-start;gap:7px}.stage{white-space:normal;flex-direction:column;align-items:flex-start;gap:10px;font-size:10px;line-height:1.5;position:relative}.stage-dot{width:27px;height:27px}.stage-line{position:absolute;top:21px;left:36px;right:2px}.stage>span:last-of-type{max-width:92px}dialog{padding:29px 24px}dialog h2{font-size:31px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (width<=680px){#app{flex-direction:column;display:flex}.workspace{display:contents}.topbar{order:0}.sidebar{order:1}.exhibit{flex-shrink:0;order:2}.timeline{order:3}.details{order:4}}.exhibit.inspecting .scene-title{background:#1a2d25e8;border:1px solid #52634a66;border-radius:4px;padding:10px 13px}.exhibit.inspecting .scene-title h2{letter-spacing:-.4px;margin:4px 0 0;font-size:18px}.exhibit.inspecting .scene-title p{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hazard-strip{background:#192d26f5;padding:12px 20px;display:block}.hazard-selection{align-items:center;gap:12px;min-width:0;display:flex}.hazard-label{flex-shrink:0;max-width:76px}.hazard-buttons{scrollbar-width:thin;scrollbar-color:#657958 transparent;min-width:0;padding:3px 2px 6px;overflow-x:auto}.hazard-buttons button{white-space:nowrap;flex-shrink:0;min-height:36px;padding:8px 10px}#incident-controls{border-top:1px solid #4a604947;margin-top:5px;padding-top:9px}.incident-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}#scenario-status{color:#f0ca93;font-size:10px;font-weight:600;line-height:1.5}#focus-incident{white-space:nowrap;min-height:28px}#incident-narrative{color:#c5cfbd;min-height:30px;margin:3px 0 8px;font-size:10px;line-height:1.5}.incident-timeline{align-items:center;gap:10px;display:flex}.incident-button{white-space:nowrap;border:1px solid #697557;border-radius:4px;align-items:center;gap:5px;min-height:30px;padding:5px 8px;font-size:10px;display:inline-flex}.incident-button svg{width:12px;height:12px}#incident-time{accent-color:#e7b775;cursor:pointer;width:100%;min-width:30px;height:25px;margin:0}#incident-time:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#incident-clock{white-space:nowrap;font-variant-numeric:tabular-nums;color:#b5c1aa;min-width:45px;font-size:9px}.incident-phases{justify-content:space-between;gap:4px;margin-top:3px;display:flex}.incident-phases button{color:#b6c1a9;border-bottom:2px solid #0000;min-height:28px;padding:6px 0;font-size:9px}.incident-phases button[aria-pressed=true]{color:#f4cb92;border-color:#d9ab6c}.hazard-active #viewport{bottom:259px}.hazard-active .scene-bottom{bottom:236px}.hazard-note a{margin-top:8px;font-size:10px;display:inline-block}.details{overflow-y:auto}@media (width<=1250px){.hazard-strip{padding:11px 16px}.hazard-selection{gap:8px}.hazard-label{max-width:66px;font-size:7px}.hazard-buttons button{padding:8px;font-size:9px}.hazard-buttons svg{width:12px}.hazard-active #viewport{bottom:266px}.hazard-active .scene-bottom{bottom:242px}}@media (width<=680px){.hazard-strip{padding:10px 16px}.hazard-selection{align-items:center}.hazard-buttons{gap:5px}.hazard-buttons button{min-height:40px}.hazard-active #viewport{inset:102px -20px 270px}.incident-phases button,.incident-button{min-height:36px}#incident-time{height:36px}#incident-narrative{min-height:30px;font-size:10px}#focus-incident{min-height:32px}#incident-controls{padding-top:5px}.hazard-selection{display:block}.hazard-label{letter-spacing:1.1px;max-width:none;margin-bottom:5px;font-size:7px;display:block}.hazard-buttons{flex-wrap:wrap;gap:5px;padding:0;overflow:visible}.hazard-buttons button{min-height:36px;padding:7px 8px}.exhibit{height:612px;min-height:612px}.exhibit.hazard-active{height:752px;min-height:752px}#viewport{bottom:165px}.scene-bottom{bottom:144px}.hazard-active #viewport{bottom:332px}.hazard-active .scene-bottom{bottom:308px}}