html,body{width:100%;height:100%;margin:0;overflow:hidden;background:linear-gradient(#a7dce7,#cbe4e4 18%,#dce5df 38%,#ecd2bb 72%,#e5c4a7);color:#2f302c;font-family:Inter,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,system-ui,sans-serif}html[data-mode=front-page],body[data-mode=front-page]{height:auto;min-height:100%;overflow:auto;background:#f4f4f2}#scene-canvas{display:block;width:100vw;height:100vh}#scene-canvas[data-hidden=true]{display:none}.front-page-shell{min-height:100vh;padding:26px 46px 56px;box-sizing:border-box;color:#2f302c;background:#f4f4f2}.front-page-header{display:grid;grid-template-columns:minmax(0,470px) 1fr;align-items:baseline;gap:88px}.front-page-title,.front-page-nav a,.front-page-region a{color:inherit;text-decoration:none}.front-page-title{font-size:30px;font-weight:620;line-height:1;letter-spacing:0;text-transform:uppercase}.front-page-nav{display:flex;gap:48px;color:#2f302c8c;font-size:25px;font-weight:560;line-height:1;letter-spacing:0}.front-page-nav a:hover,.front-page-region a:hover{color:#2f302c}.front-page-main{margin-top:84px}.front-page-city-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:96px 160px;max-width:1320px}.front-page-region h2{margin:0 0 20px;color:#2f302cad;font-size:21px;font-weight:680;line-height:1.1;letter-spacing:.06em;text-transform:uppercase}.front-page-region ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.front-page-region li{margin:0}.front-page-region a{color:#2f302cb8;font-size:30px;font-weight:580;line-height:1.14;letter-spacing:0}.front-page-city-context{color:#2f302c3d;font-weight:520}.front-page-about{max-width:520px;margin-top:100px;color:#2f302c6b;font-size:18px;font-weight:520;line-height:1.35;letter-spacing:0}#status{position:fixed;left:16px;top:112px;max-width:min(460px,calc(100vw - 32px));padding:8px 10px;color:#2f302c;background:#f5f0e5cc;border:1px solid rgba(70,68,58,.18);border-radius:4px;font-size:12px;line-height:1.35;pointer-events:none}.scene-overlay{position:fixed;z-index:4;top:18px;left:24px;right:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;color:#2f302c;pointer-events:none;text-shadow:0 1px 0 rgba(255,250,236,.42),0 14px 34px rgba(72,51,34,.18)}.scene-heading{display:grid;gap:9px;justify-items:start}.scene-title{margin:0;max-width:min(720px,calc(100vw - 330px));text-align:left;font-family:inherit;font-size:56px;font-weight:560;line-height:.98;letter-spacing:0}.scene-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 24px;min-width:0;margin:0;text-align:right}.scene-stat{display:grid;gap:2px;min-width:84px}.scene-stat-label{color:#2f302ca3;font-size:10px;font-weight:650;line-height:1;text-transform:uppercase;letter-spacing:.08em}.scene-stat-value{margin:0;color:#2f302c;font-size:20px;font-weight:620;line-height:1}.scene-insights{grid-column:2;justify-self:end;display:grid;gap:8px;width:min(330px,42vw);margin-top:4px}.scene-trend{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.scene-trend[data-empty],.scene-class-legend[data-empty],.city-label-layer[data-empty],.city-label[data-hidden]{display:none}.scene-trend svg{display:block;width:100%;height:auto;overflow:visible}.trend-axis{fill:none;stroke:#2f302c47;stroke-width:1.2}.trend-axis-label{fill:#2f302c8f;font-size:9px;font-weight:620;letter-spacing:0}.trend-current-marker{stroke:#2f302c38;stroke-width:1;stroke-dasharray:3 4}.trend-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.trend-line-urbanArea{stroke-width:2.1;opacity:.9}.trend-dot{stroke:#f5f1e5e6;stroke-width:2}.trend-series-label{font-size:9px;font-weight:700;letter-spacing:.01em}.scene-class-legend{display:flex;justify-content:flex-start;gap:8px 12px;color:#2f302cbd;font-size:10px;font-weight:650;line-height:1;text-transform:uppercase;letter-spacing:.04em}.scene-class-legend-item{display:inline-flex;align-items:center;gap:5px}.scene-class-legend-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 1px #fffaec80}.city-label-layer{position:fixed;inset:0;z-index:2;pointer-events:none}.city-label{position:absolute;left:0;top:0;padding:4px 7px 5px;border:1px solid rgba(47,48,44,.16);border-radius:999px;color:#2f302c;background:#f1eee5ad;box-shadow:0 8px 22px #372d241f;font-size:11px;font-weight:700;line-height:1;letter-spacing:0;text-shadow:0 1px 0 rgba(255,250,236,.44);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);will-change:transform}.city-label:after{content:"";position:absolute;left:50%;bottom:-5px;width:5px;height:5px;border-radius:50%;background:#2f302c;transform:translate(-50%)}#status[data-error=true]{color:#681f1f;background:#ffede8eb}#year-controls{position:fixed;z-index:5;left:50%;bottom:22px;width:min(720px,calc(100vw - 40px));transform:translate(-50%)}#status[data-hidden=true],#year-controls[data-hidden=true]{display:none}.year-control-bar{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:end;padding:2px 0 0;--year-progress: 0%;color:#2f302c;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 1px 0 rgba(255,250,236,.35),0 10px 26px rgba(62,48,38,.16)}.year-play{position:relative;display:grid;place-items:center;width:44px;height:44px;border:2px solid #2f302c;border-radius:999px;color:#2f302c;background:transparent;box-shadow:none;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.year-play:hover{background:#2f302c14;transform:translateY(-1px)}.year-play:disabled,.year-slider:disabled{cursor:progress;opacity:.62}.year-play-icon{width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor}.year-play.is-playing .year-play-icon{display:grid;grid-template-columns:4px 4px;gap:4px;width:12px;height:14px;margin-left:0;border:0}.year-play.is-playing .year-play-icon:before,.year-play.is-playing .year-play-icon:after{content:"";display:block;border-radius:1px;background:currentColor}.year-timeline{position:relative;display:grid;grid-template-rows:18px 18px 28px;gap:4px;min-width:0}.year-current{position:relative;left:clamp(22px,var(--year-progress),calc(100% - 22px));width:max-content;color:#2f302c;font-size:16px;font-weight:650;line-height:1;letter-spacing:0;transform:translate(-50%);transition:left .18s ease}.year-endpoints{display:flex;justify-content:space-between;color:#2f302c9e;font-size:11px;font-weight:620;line-height:1.1}.year-slider{--track-height: 4px;width:100%;height:28px;margin:0;appearance:none;background:transparent;cursor:pointer}.year-slider::-webkit-slider-runnable-track{height:var(--track-height);border-radius:999px;background:linear-gradient(90deg,#2f302c 0%,#2f302c var(--year-progress),rgba(47,48,44,.22) var(--year-progress),rgba(47,48,44,.22) 100%);box-shadow:0 1px #fffbee66,0 8px 20px #41312414}.year-slider::-moz-range-track{height:var(--track-height);border-radius:999px;background:#2f302c38}.year-slider::-moz-range-progress{height:var(--track-height);border-radius:999px;background:#2f302c}.year-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;appearance:none;border:3px solid rgba(238,232,220,.92);border-radius:999px;background:#2f302c;box-shadow:0 5px 18px #2f302c3d}.year-slider::-moz-range-thumb{width:14px;height:14px;border:3px solid rgba(238,232,220,.92);border-radius:999px;background:#2f302c;box-shadow:0 5px 18px #2f302c3d}@media(max-width:860px){.front-page-shell{padding:22px 24px 42px}.front-page-header{grid-template-columns:1fr;gap:26px}.front-page-title{font-size:24px}.front-page-nav{gap:32px;font-size:22px}.front-page-main{margin-top:58px}.front-page-city-grid{grid-template-columns:1fr;gap:58px}.front-page-region a{font-size:25px}.front-page-about{margin-top:66px;font-size:16px}}@media(max-width:760px){.scene-overlay{top:14px;left:14px;right:14px;grid-template-columns:1fr;gap:14px 18px}.scene-title{max-width:100%;font-size:34px}.scene-stats{justify-content:flex-start;text-align:left}.scene-insights{grid-column:1;justify-self:start;width:min(330px,calc(100vw - 28px));margin-top:0}.scene-trend{padding:7px 8px 6px}.scene-class-legend{justify-content:flex-start;font-size:9px}.scene-stat-value{font-size:18px}#status{top:130px}#year-controls{width:min(520px,calc(100vw - 24px));bottom:12px}.year-control-bar{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:0}.year-play{width:40px;height:40px}.year-current{font-size:15px}}