@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/projects/utah-home-values/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/projects/utah-home-values/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/projects/utah-home-values/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/projects/utah-home-values/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/projects/utah-home-values/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/projects/utah-home-values/assets/spline-sans-mono-latin-ext-wght-normal-Dh0aNLWd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/projects/utah-home-values/assets/spline-sans-mono-latin-wght-normal-DlaB5ohX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Outfit Variable", sans-serif;--font-header: "Space Grotesk Variable", sans-serif;--font-mono: "Spline Sans Mono Variable", monospace;--bg: #f2f6fb;--bg-gradient: #fffdf7;--text: #151923;--muted: #657083;--surface: #ffffff;--surface-soft: #f8fafc;--border: #d6deea;--accent: #1476a8;--accent-strong: #0d5e8a;--accent-soft: #e7f5fb;--warm: #be6b2d;--green: #4c7f52;--shadow: 0 22px 60px rgba(42, 56, 76, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at top,var(--bg-gradient) 0,transparent 800px),radial-gradient(circle at bottom,var(--bg) 0,var(--bg) 800px);color:var(--text);line-height:1.6}nav,footer,h1,h2,h3,h4{font-family:var(--font-header)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.container{width:min(1200px,calc(100% - 2rem));margin-inline:auto}.page-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}header{background:color-mix(in srgb,var(--surface),transparent 6%);border-bottom:1px solid var(--border);position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}nav>div{display:flex;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;line-height:1}.brand strong{display:inline-block;font-size:1rem}.logo-mark{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0}.logo-mark img{width:100%;height:100%;border-radius:7px}main{min-width:0;padding-block:3rem}footer{border-top:1px solid var(--border);color:var(--muted);padding-block:1.5rem 2rem;font-size:.95rem}footer a,.page-section a,.subheader-description a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.page-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.stack{display:grid;gap:1rem}.hero{display:grid;gap:2rem}.hero-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,360px);gap:2rem;align-items:start}.hero-split-main-page{align-items:center}.hero-main-title-row{display:block}.hero-image-frame-mobile{display:none}.hero h1{font-family:var(--font-header);font-size:clamp(2.3rem,5vw,4rem);line-height:1.05}.hero p,.page-section p,.copy-card p,.chart-heading p{color:var(--muted);max-width:78ch}.hero-image-frame{overflow:hidden;min-height:280px}.hero-image{width:100%;height:100%;object-fit:contain}.explorer-shell{display:grid;gap:1rem}.control-bar,.ranking-controls,.ranking-table-panel,.summary-panel,.copy-card,.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.control-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,27.5%);gap:1rem;padding:1rem}.custom-area-control{grid-column:1 / -1;display:grid;gap:.5rem}.custom-area-toggle{justify-self:end;display:inline-flex;align-items:center;gap:.55rem;border:0;background:transparent;color:var(--accent-strong);padding:0;font-weight:400;text-align:right}.custom-area-toggle:hover{text-decoration:underline;text-underline-offset:.18em}.custom-area-toggle-arrow{width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-.15rem);transition:transform .18s ease}.custom-area-toggle[aria-expanded=true] .custom-area-toggle-arrow{transform:rotate(225deg) translate(-.1rem,-.05rem)}.custom-area-disclosure{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .18s ease,visibility 0s linear .18s}.custom-area-disclosure.is-open{grid-template-rows:1fr;visibility:visible;transition-delay:0s}.custom-area-disclosure-inner{min-height:0;overflow:hidden}.custom-area-panel{display:grid;gap:.7rem;padding-top:.9rem}.custom-area-panel h2{font-size:1.15rem}.custom-area-textarea{width:100%;min-height:25rem;resize:vertical;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:.7rem .8rem;font-family:var(--font-mono);font-size:12px;line-height:1.45}.custom-area-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.custom-area-submit{min-height:42px;border:1px solid var(--accent-strong);border-radius:6px;background:var(--accent-strong);color:#fff;padding:.45rem .8rem;font-weight:400}.custom-area-submit:disabled{cursor:wait;opacity:.7}.custom-area-error{color:#a72b2b;font-weight:400}.control-group{display:grid;gap:.45rem}.control-label,.eyebrow{color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.control-label{font-family:var(--font-sans);line-height:1.2}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.geo-segmented{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented button{min-height:42px;border:0;border-radius:6px;background:transparent;color:#2f3d52;padding:.45rem .65rem}.segmented button.active{background:var(--accent-strong);color:#fff}input:focus,textarea:focus,button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),white 50%);outline-offset:2px}.geography-selector-control{display:grid;grid-template-columns:minmax(0,1fr) auto}.geography-selector-input{min-height:52px;border:1px solid var(--border);border-right:0;border-radius:8px 0 0 8px;background:var(--surface-soft);color:var(--text);padding:.65rem .8rem}.geography-selector-button{width:3rem;border:1px solid var(--border);border-left:0;border-radius:0 8px 8px 0;background:var(--surface-soft)}.geography-selector-arrow{display:inline-block;width:.65rem;height:.65rem;border-right:2px solid var(--accent-strong);border-bottom:2px solid var(--accent-strong);transform:rotate(45deg) translateY(-.2rem)}.geography-selector-popover{width:var(--trigger-width);overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.geography-selector-listbox{max-height:22rem;overflow-y:auto;padding:.35rem;padding-top:0}.geography-selector-heading{color:var(--muted);font-size:.76rem;font-weight:700;padding:.75rem .55rem .25rem}.geography-selector-option{width:100%;display:block;border:0;border-radius:6px;background:transparent;color:var(--text);padding:.5rem .55rem;text-align:left}.geography-selector-option[data-focused],.geography-selector-option[data-hovered],.geography-selector-option[data-selected]{background:var(--accent-soft);color:var(--accent-strong)}.geography-selector-empty{color:var(--muted);padding:.7rem .55rem}.summary-panel{padding:1.25rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}.data-status{color:var(--muted)}.summary-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.summary-tools{display:flex;align-items:stretch;justify-content:end;gap:.75rem}.value-control{min-width:360px}.summary-head h2{font-family:var(--font-header);font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.metric-value,.context-value,.stat-card strong,.chart-tooltip{font-family:var(--font-mono)}.summary-meta{margin-top:.45rem;color:var(--muted);font-family:var(--font-sans);font-size:.95rem}.information-card{display:flex;align-items:center;gap:10px;border-radius:8px;border:1px solid transparent;padding:9px 10px}.information-card-icon{flex:0 0 auto;width:40px;height:40px;margin-top:1px}.information-card-icon svg{display:block;width:100%;height:100%}.information-card-text{font-size:1rem;line-height:1.35}.information-card--warning{background:#fff8d9;border-color:#e3cf76;color:#65530f}.information-card--warning .information-card-icon svg{color:#bc8a00}.information-card--error{background:#ffe9e8;border-color:#e0a8a5;color:#7a2020}.information-card--error .information-card-icon svg{color:#b43535}.metric-section{display:grid;gap:.75rem}.metric-section-title{color:var(--text);font-family:var(--font-header);font-size:1.15rem;font-weight:700}.metric-grid,.context-grid{display:grid;gap:.75rem}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.context-card{display:grid;gap:.35rem;min-width:0;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,var(--surface-soft),#ffffff);padding:.9rem;text-align:center}.metric h4,.context-card h4{font-family:var(--font-header);font-size:.95rem;font-weight:700;color:var(--accent-strong)}.metric-value,.context-value{color:var(--text);font-size:clamp(1.3rem,2.125vw,1.8rem);font-weight:700;line-height:1.2;overflow-wrap:anywhere}.metric-comparison,.context-ci{color:var(--muted);font-family:var(--font-sans);font-size:.8rem;font-style:italic;font-weight:400}.chart-card{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:1rem}.chart-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.chart-heading h4{font-size:1.2rem}.chart-tooltip{border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--accent-strong);font-size:.9rem;font-weight:700;padding:.45rem .65rem;white-space:nowrap}.percentile-chart-frame{width:100%;height:320px;min-height:260px}.explorer-note,.context-unavailable,.subheader-description{color:var(--muted);font-size:.92rem}.rankings-shell{display:grid;gap:1rem}.rankings-intro,.about-intro{display:grid;gap:.35rem}.rankings-intro h1,.about-intro h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.rankings-intro p:last-child,.about-intro p:last-child,.ranking-table-heading p,.ranking-help{color:var(--muted)}.ranking-controls,.ranking-table-panel{padding:1rem}.ranking-controls{display:grid;gap:.75rem}.ranking-control-grid{display:grid;grid-template-columns:.5fr .5fr;gap:1rem}.rank-input-wrap{min-height:52px;display:flex;align-items:center;gap:.25rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--muted);font-family:var(--font-mono);padding-inline:.8rem}.rank-input-wrap:focus-within{outline:3px solid color-mix(in srgb,var(--accent),white 50%);outline-offset:2px}.rank-query-input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-family:var(--font-mono)}.ranking-help{font-size:.92rem}.ranking-error{color:#a73535}.ranking-table-panel{display:grid;gap:.8rem}.ranking-table-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem}.ranking-table-heading h2{font-size:1.4rem}.ranking-filter{flex:0 0 auto;font-family:var(--font-mono);font-size:.85rem;text-align:right}.ranking-table-scroll{overflow-x:auto}.ranking-table{width:100%;min-width:520px;border-collapse:collapse;table-layout:fixed}.ranking-table th,.ranking-table td{padding:.75rem .55rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.ranking-table thead th{color:var(--muted);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.ranking-table th:nth-child(1){width:4rem}.ranking-table th:nth-child(2){width:22%}.ranking-table th:nth-child(3){width:6rem}.ranking-table tbody th{color:var(--text);font-family:var(--font-header)}.ranking-place-link{text-decoration:underline;text-underline-offset:.18em}.ranking-place-link:hover{text-decoration-thickness:1px}.ranking-rank,.ranking-count,.rank-bar-label{font-family:var(--font-mono)}.ranking-rank,.ranking-count{color:var(--muted);font-size:.9rem}.ranking-table th:first-child,.ranking-table .ranking-rank{text-align:right}.ranking-table th:nth-child(3),.ranking-table .ranking-count{text-align:right}.rank-bar-wrap{--rank-position: 0%;--rank-marker-position: clamp( 3.1rem, var(--rank-position), calc(100% - 3.1rem) );position:relative;min-width:210px;height:2.15rem}.rank-bar{position:absolute;top:50%;right:0;left:0;height:.42rem;border-radius:999px;background:var(--border);transform:translateY(-50%)}.rank-bar-fill{display:block;width:var(--rank-position);height:100%;border-radius:inherit;background:var(--accent)}.rank-bar-marker{position:absolute;top:50%;left:var(--rank-marker-position);width:.8rem;height:.8rem;border:2px solid var(--surface);border-radius:50%;background:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong);transform:translate(-50%,-50%)}.rank-bar-label{position:absolute;top:50%;left:var(--rank-marker-position);border:1px solid var(--accent);border-radius:5px;background:var(--surface);color:var(--accent-strong);font-size:.76rem;font-weight:700;line-height:1;padding:.28rem .38rem;white-space:nowrap;transform:translate(-50%,-50%)}.page-section,.status-grid,.method-grid{display:grid;gap:1rem}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.copy-card{padding:1rem}.stat-card span{display:block;font-family:var(--font-header);color:var(--accent-strong);font-size:.95rem;font-weight:700;text-align:center}.stat-card strong{display:block;margin-top:.25rem;color:var(--text);font-size:clamp(1.3rem,2.125vw,1.8rem);text-align:center}.copy-card{display:grid;gap:.55rem}.copy-card-title{color:var(--accent-strong);font-size:1.15rem}.copy-card-full{grid-column:1 / -1}@media (max-width: 940px){.control-bar,.ranking-control-grid,.method-grid{grid-template-columns:minmax(0,1fr)}.metric-grid,.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(3){grid-column:1 / -1}.context-card:nth-child(3){grid-column:1 / -1}.status-grid{grid-template-columns:1fr}.chart-heading{display:grid}}@media (prefers-color-scheme: dark){:root{--bg: #0b1220;--bg-gradient: #1d2440;--text: #e5e7eb;--muted: #9ca3af;--surface: #121a2b;--surface-soft: #172238;--border: #243044;--accent: #60a5fa;--accent-strong: #60a5fa;--accent-soft: #172b45;--warm: #f59e0b;--green: #22c55e;--shadow: 0 22px 60px rgb(0 0 0 / .22)}header{background:color-mix(in srgb,var(--surface),transparent 5%)}.segmented,.geography-selector-input,.geography-selector-button,.custom-area-textarea,.metric,.context-card,.chart-card{background:color-mix(in srgb,var(--surface),var(--bg) 35%)}.segmented button{color:var(--text)}.segmented button.active{background:var(--accent);color:#0b1220}.custom-area-submit{color:#0b1220}.chart-tooltip{background:var(--surface)}.information-card--warning{background:#332a0d;border-color:#80671a;color:#f5dfa0}.information-card--warning .information-card-icon svg{color:#e5b93f}.information-card--error{background:#351719;border-color:#884448;color:#f5b4b0}.information-card--error .information-card-icon svg{color:#e36969}.ranking-error,.custom-area-error{color:#f5b4b0}}@media (max-width: 760px){.geo-segmented,.hero-split{grid-template-columns:1fr}.summary-head,.summary-tools{display:grid}.summary-tools{justify-content:stretch}.value-control{min-width:0}.hero-split-main-page{grid-template-columns:1fr}.hero-main-title-row{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;align-items:center;gap:1rem}.hero-image-frame-desktop{display:none}.hero-image-frame-mobile{display:block;width:100%;min-height:0;aspect-ratio:1 / 1;opacity:.92}.hero-split-main-page .hero-image{border-radius:18px}}@media (max-width: 640px){nav{min-height:64px}nav>div{gap:.7rem;font-size:.95rem}main{padding-block:2rem}.hero h1{font-size:clamp(2.25rem,14vw,3.3rem)}.metric-grid,.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-panel,.control-bar,.ranking-controls,.ranking-table-panel,.chart-card,.copy-card,.stat-card{padding:.85rem}.chart-tooltip{white-space:normal}}@media (max-width: 552px){.ranking-table{font-size:85%}.ranking-table thead th{font-size:.6375rem}.ranking-rank,.ranking-count{font-size:.765rem}.rank-bar-label{font-size:.646rem}}@media (max-width: 360px){.logo-mark{display:none}.hero-split-main-page h1{font-size:2rem}.hero-main-title-row{grid-template-columns:minmax(0,1fr) 5rem}}