@font-face{font-family:'EB Garamond';src:url('/office-atlas/garamond.woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Inter;src:url('/office-atlas/inter.woff2');font-weight:100 900;font-display:swap}


:root{
 --color-surface-paper:#FFFCF5;--color-surface-parchment:#F4F3F0;
 --color-ink-primary:#000;--color-ink-secondary:#1A1A1A;--color-ink-muted:#666;
 --color-rule-soft:#D9D9D4;--color-accent:#01314E;--color-accent-tint:#E6EEF4;
 --color-building:#C9C5BC;--color-district:#8A8780;
 --font-eb-garamond:'EB Garamond',Georgia,serif;--font-inter:Inter,Arial,sans-serif;
 --color-accent-strong:#00243C;--cream:#FFFCF5;--sheet:380px;
 --u:calc(100vw / 1440);--margin:calc(80 * var(--u));--header:calc(85 * var(--u))
}
*{box-sizing:border-box}
body{margin:0;background:var(--color-surface-paper);color:var(--color-ink-secondary);font:18px/1.35 var(--font-eb-garamond)}
[hidden]{display:none!important}


button,input,select,summary{font:500 13px/1.4 var(--font-inter);color:inherit;border-radius:0}
button{cursor:pointer;background:transparent;border:0;padding:0;text-align:left}
button:disabled{opacity:.35;cursor:default}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.label{display:block;margin:0;font:500 11px/1.4 var(--font-inter);text-transform:uppercase;letter-spacing:.09em;color:var(--color-ink-primary)}
.label.muted{color:var(--color-ink-muted)}
.note{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--color-ink-muted)}



.masthead{position:absolute;top:0;left:0;right:0;z-index:20;height:var(--header);display:flex;justify-content:space-between;align-items:center;gap:calc(24 * var(--u));padding:0 var(--margin);color:var(--color-accent)}

.masthead-brand{display:flex;align-items:baseline;gap:16px;min-width:0}
.wordmark{font:400 calc(22 * var(--u))/calc(22 * var(--u)) var(--font-eb-garamond);color:var(--color-accent)}
.descriptor{display:none}
.tabs{position:absolute;left:50%;top:0;display:flex;align-items:stretch;gap:calc(44 * var(--u));height:100%;transform:translateX(-50%)}
.tab{position:relative;display:flex;align-items:center}
.tab-button{position:relative;display:flex;align-items:center;gap:calc(8 * var(--u));height:100%;font:400 calc(12 * var(--u))/calc(18 * var(--u)) var(--font-inter);letter-spacing:calc(1.5 * var(--u));text-transform:uppercase;color:color-mix(in srgb,var(--color-accent) 78%,transparent);white-space:nowrap;transition:color .3s ease}
.tab-button:before{content:'';position:absolute;left:0;right:0;bottom:calc(50% - 12 * var(--u));height:calc(1 * var(--u));background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .22s cubic-bezier(.25,.1,.25,1)}
.tab-button:after{content:none}
.tab-button:hover,.tab-button[aria-expanded=true],.tab.filtered .tab-button{color:var(--color-accent)}
.tab-button:hover:before,.tab-button[aria-expanded=true]:before{transform:scaleX(1)}
.tab-value{font:400 15px/1 var(--font-eb-garamond);letter-spacing:0;text-transform:none;color:var(--color-accent)}
.tab-value:empty{display:none}

.masthead-cta{justify-self:end;display:inline-flex;align-items:center;gap:calc(8 * var(--u));min-height:calc(48 * var(--u));padding:0 calc(24 * var(--u));font:400 calc(12 * var(--u))/calc(18 * var(--u)) var(--font-inter);letter-spacing:calc(1.5 * var(--u));text-transform:uppercase;color:var(--color-accent);text-decoration:none;border:1px solid rgba(1,49,78,.35);outline:1px solid rgba(1,49,78,0);outline-offset:0;transition:color .4s ease,border-color .3s ease,background .3s ease,outline-color .3s ease,outline-offset .3s cubic-bezier(.25,.1,.25,1)}
.masthead-cta .arrow{display:inline-block;transition:transform .26s cubic-bezier(.25,.1,.25,1)}
.masthead-cta:hover{background:rgba(1,49,78,.06);border-color:rgba(1,49,78,.7);outline-color:rgba(1,49,78,.22);outline-offset:3px}
.masthead-cta:hover .arrow{transform:translateX(4px)}

.map-hint{position:absolute;left:var(--margin);right:var(--margin);bottom:calc(15 * var(--u));z-index:5;text-align:center;font:500 calc(11 * var(--u))/1.5 var(--font-inter);letter-spacing:calc(.33 * var(--u));text-transform:none;color:#6E6E6E;pointer-events:none}
.map-contact{position:absolute;right:var(--margin);bottom:calc(15 * var(--u));z-index:5;font:500 calc(11 * var(--u))/1.5 var(--font-inter);letter-spacing:calc(.33 * var(--u));color:#6E6E6E;text-decoration:none}
.map-contact:hover{color:var(--color-accent)}
.masthead-search input{padding:8px 0;border:0;border-bottom:1px solid var(--color-rule-soft);color:var(--color-ink-secondary);font:400 17px/1.3 var(--font-eb-garamond);background:transparent}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


.panel{position:absolute;top:calc(50% + 22px);left:50%;transform:translateX(-50%);width:320px;max-height:calc(100dvh - var(--header) - 40px);overflow-y:auto;scrollbar-width:thin;padding:18px 22px 22px;background:var(--color-surface-paper);color:var(--color-ink-secondary);box-shadow:0 14px 40px rgba(27,43,56,.18);border-top:2px solid var(--color-accent)}
.panel.wide{width:400px}
.panel .label+.toggles{margin-top:8px}
.panel .toggles+.label{margin-top:18px}
.view-toggles{margin-bottom:2px}

main{position:relative;height:100dvh}
input,select{width:100%;min-width:0;padding:9px 0;border:0;border-bottom:1px solid var(--color-rule-soft);background:transparent}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--color-ink-primary)}





.panel.submarkets-panel{position:fixed;top:calc(var(--header) - 8px);left:50%;transform:translateX(-50%);width:max-content;min-width:0;max-width:none;max-height:none;overflow:visible;padding:14px 40px 26px 34px}
.pick-all{display:block;font:400 15.5px/1.25 var(--font-eb-garamond);color:var(--color-ink-secondary);padding:0;margin:0 0 12px}
.pick-all:hover{color:var(--color-accent)}
.pick-all.on{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;pointer-events:none}
#submarkets{display:grid;grid-template-columns:repeat(3,max-content);gap:0 44px;align-items:start}
#submarkets .col{display:flex;flex-direction:column;gap:5px;margin:0}
#submarkets .region{display:block;width:auto;text-align:left;border:0;padding:0 0 4px;margin:0 0 4px;font:500 10px/1 var(--font-inter);letter-spacing:1.4px;text-transform:uppercase;color:color-mix(in srgb,var(--color-accent) 82%,transparent);border-bottom:1px solid var(--color-rule-soft)}
#submarkets .region:hover{color:var(--color-accent)}
#submarkets .row{display:block;width:auto;text-align:left;font:400 15.5px/1.25 var(--font-eb-garamond);color:var(--color-ink-secondary);padding:0;border:0;white-space:nowrap}
#submarkets .row .box,#submarkets .row .num{display:none}
#submarkets .row .name{display:inline}
#submarkets .row:hover{color:var(--color-accent)}
#submarkets .row:hover span:first-child{text-decoration:none}
#submarkets .row[aria-pressed=true]{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

.tab-switch .tab-button:before{content:none}
.tab-switch .box{display:inline-block;width:calc(12 * var(--u));height:calc(12 * var(--u));border:1px solid currentColor;border-radius:1px;position:relative;flex:none;transition:background .12s}
.tab-switch .tab-button[aria-checked=true]{color:var(--color-accent)}
.tab-switch .tab-button[aria-checked=true] .box{background:var(--color-accent);border-color:var(--color-accent)}
.tab-switch .tab-button[aria-checked=true] .box:after{content:'';position:absolute;left:28%;top:2%;width:25%;height:58%;border:solid var(--cream);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.tab-switch .tab-button:disabled{opacity:.6}

#panel-view .toggles>button{font:400 16px/1.25 var(--font-eb-garamond);color:var(--color-ink-secondary);padding:2px 0}
#panel-view .toggles>button:hover{color:var(--color-accent)}
#panel-view .toggles>button[aria-pressed=true]{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

#district-info{left:auto;right:14px}
[data-details=on] #selection.side-panel{top:calc(var(--header) + 8px)}
[data-details=on] #district-info:not([hidden])~#selection:not([hidden]){display:none}

.section-head .link{font:400 15px/1.3 var(--font-eb-garamond);color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.section-head .link.on{color:var(--color-ink-muted);text-decoration:none;pointer-events:none}
.panel .section-head+.toggles,.panel .section-head+.label{margin-top:10px}
.panel .toggles+.section-head,.panel .note+.section-head,.panel .range+.section-head,.panel .label+.label{margin-top:18px}
.panel .toggles>button[role=switch][aria-checked=true]{color:var(--color-accent);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:7px 0;border-bottom:1px solid var(--color-rule-soft);font:400 17px/1.25 var(--font-eb-garamond);color:var(--color-ink-secondary)}
.row .num{font-variant-numeric:tabular-nums;color:var(--color-ink-muted);font-size:16px}
.row:hover span:first-child{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.row[aria-pressed=true]{color:var(--color-accent)}
.row[aria-pressed=true] span:first-child{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.row[aria-pressed=true] .num{color:var(--color-accent)}


.toggles{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;margin-top:12px}
.toggles>button{font:500 12px/1.4 var(--font-inter);color:var(--color-ink-muted);padding:2px 0}
.toggles>button+button:before{content:'·';display:inline-block;margin:0 8px;color:var(--color-rule-soft);text-decoration:none}
.toggles>button:hover{color:var(--color-ink-primary)}
.toggles>button[aria-pressed=true]{color:var(--color-accent);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.toggles>button .c{display:inline-block;margin-left:5px;font-variant-numeric:tabular-nums;color:var(--color-ink-muted);font-weight:500}
.toggles.small{margin-top:0}
.toggles.small>button{font-size:11px;letter-spacing:.04em}
.section-head .toggles.small>button+button:before{margin:0 7px}

.range{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:12px;margin-top:10px;align-items:end}
.range label{display:block;font:500 10px/1.4 var(--font-inter);text-transform:uppercase;letter-spacing:.09em;color:var(--color-ink-muted)}
.range>span{padding-bottom:9px;color:var(--color-ink-muted)}
.range input{font:400 16px/1.3 var(--font-eb-garamond)}
input[type=number]{appearance:textfield}


#panel-results .section-head{align-items:center}
.count{margin:0;font:400 26px/1.1 var(--font-eb-garamond);color:var(--color-ink-primary);font-variant-numeric:tabular-nums}
.count-word{font-size:17px;color:var(--color-ink-muted)}
#reset{font-size:11px;letter-spacing:.04em;color:var(--color-ink-muted);text-decoration:underline;text-underline-offset:4px}
#reset:hover{color:var(--color-accent)}
#search-info:empty{display:none}
#results{max-height:calc(100dvh - var(--header) - 170px);overflow-y:auto;scrollbar-width:thin}
#results button{display:block;width:100%;padding:9px 0;border-bottom:1px solid var(--color-rule-soft);font:400 18px/1.2 var(--font-eb-garamond);color:var(--color-ink-secondary)}
#results button:hover{color:var(--color-accent)}
#results small{display:block;margin-top:3px;font:500 10px/1.5 var(--font-inter);letter-spacing:.03em;color:var(--color-ink-muted)}


details.quiet{margin-top:22px;padding-top:12px;border-top:1px solid var(--color-rule-soft)}
details.quiet summary{list-style:none;cursor:pointer;font:500 11px/1.4 var(--font-inter);letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-muted)}
details.quiet summary::-webkit-details-marker{display:none}
details.quiet summary:after{content:'+';float:right;font-weight:500}
details.quiet[open] summary:after{content:'–'}
details.quiet label{display:block;margin:14px 0 4px;font:500 10px/1.4 var(--font-inter);text-transform:uppercase;letter-spacing:.09em;color:var(--color-ink-muted)}
details.quiet .model-switch{margin-top:12px}
#coverage{font-size:13px}


#selection{position:absolute;top:var(--header);right:0;z-index:5;width:var(--sheet);overflow-y:auto;padding:26px 28px 32px;background:var(--color-surface-paper);border-left:1px solid var(--color-rule-soft);box-shadow:-12px 0 36px rgba(27,43,56,.08)}
#selection .back{font:500 11px/1.4 var(--font-inter);letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:28px}
#selection .back:hover{color:var(--color-accent)}
#selection #district{color:var(--color-accent)}
#address{margin:8px 0 6px;font-size:34px;font-weight:400;line-height:1.05;letter-spacing:-.4px;color:var(--color-ink-primary);overflow-wrap:anywhere}
#street-address{margin:0;font-size:20px;color:var(--color-ink-secondary)}
dl{margin:22px 0 0;border-top:1px solid var(--color-ink-primary)}
dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--color-rule-soft)}
dt{font:500 11px/1.4 var(--font-inter);letter-spacing:.04em;color:var(--color-ink-muted)}
dd{margin:0;font-size:21px;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-ink-primary)}
#selection .actions{margin-top:16px}
#selection .actions button{font-size:12px;letter-spacing:.02em}
#selection .note{font-size:13px}
#selection .hint{margin-top:18px}


#viewport{position:relative;height:100%;min-width:0;background:var(--color-surface-paper)}

.map-title{position:absolute;top:calc(var(--header) + 14px);left:32px;z-index:2;margin:0;pointer-events:none}
.map-title strong{font:400 26px/1 var(--font-eb-garamond);color:var(--color-ink-primary);text-shadow:0 0 6px var(--color-surface-paper),0 0 14px var(--color-surface-paper)}
#transit[aria-checked=true],#real[aria-checked=true],#details[aria-checked=true]{color:var(--color-accent);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
#map{position:absolute;inset:0}


.map-fade{position:absolute;left:0;right:0;z-index:4;pointer-events:none}
.map-fade-top{top:0;height:calc(112 * var(--u));background:linear-gradient(to bottom,var(--color-surface-paper) 0,var(--color-surface-paper) calc(58 * var(--u)),transparent 100%)}
.map-fade-bottom{bottom:0;height:calc(100 * var(--u));background:linear-gradient(to top,var(--color-surface-paper) 0,var(--color-surface-paper) calc(40 * var(--u)),transparent 100%)}
body.nofade .map-fade,body.present .map-fade{display:none}

#status{position:absolute;top:calc(var(--header) + 56px);left:24px;right:24px;font-size:18px;color:var(--color-ink-muted)}
#status.quiet:empty{display:none}

#map{opacity:0;transition:opacity .6s ease}
body.atlas-opening #map,body.atlas-ready #map{opacity:1}
#tooltip{position:absolute;z-index:3;pointer-events:none;max-width:290px;background:var(--color-surface-paper);border-top:2px solid var(--color-accent);padding:9px 12px 10px;font-size:21px;line-height:1.12;color:var(--color-ink-primary)}
#tooltip small{display:block;font:500 10px/1.5 var(--font-inter);letter-spacing:.03em;color:var(--color-ink-muted);margin-top:6px}
#tooltip .tooltip-address{display:block;font-size:17px;margin-top:4px;color:var(--color-ink-secondary)}
.maplibregl-ctrl-group{border-radius:0!important;box-shadow:none!important;background:var(--color-surface-paper)!important;border:1px solid var(--color-rule-soft)}
.maplibregl-ctrl-group button+button{border-top:1px solid var(--color-rule-soft)!important}
.maplibregl-ctrl-attrib{font:500 9px var(--font-inter)!important;background:transparent!important;color:var(--color-ink-muted)}
.maplibregl-ctrl-bottom-right{bottom:14px;right:10px}
#map canvas:focus{outline:2px solid var(--color-accent);outline-offset:-2px}


@media(max-width:1100px){
 .masthead{grid-template-columns:auto 1fr;gap:18px;padding:0 24px}
 .masthead-cta{display:none}
 .masthead-search{display:none}
 .tabs{gap:22px;overflow-x:auto;scrollbar-width:none;justify-self:end}
 .descriptor{display:none}
}
@media(max-width:760px),(orientation:portrait) and (max-width:1100px),(max-height:500px){ 
 :root{--header:64px;--u:1px;--margin:16px}
 .panel{position:fixed;top:var(--header);left:0;right:0;width:auto;transform:none;max-height:70dvh}
 .panel.wide{width:auto}
 #selection{width:100%}
}


[data-look=ink] #viewport{background:#0E1012}
[data-look=ink] .map-title strong{color:#EEE9DF;text-shadow:0 0 6px #0E1012,0 0 14px #0E1012}
[data-look=ink] #status{color:#8F979E}


.mapboxgl-ctrl-group{border-radius:0!important;box-shadow:none!important;background:var(--color-surface-paper)!important;border:1px solid var(--color-rule-soft)}
.mapboxgl-ctrl-group button+button{border-top:1px solid var(--color-rule-soft)!important}
.mapboxgl-ctrl-attrib{font:500 9px var(--font-inter)!important;background:transparent!important;color:var(--color-ink-muted)}
.mapboxgl-ctrl-bottom-right{bottom:14px;right:10px}

.mapboxgl-ctrl-logo{opacity:.35!important;transform:scale(.8);transform-origin:left bottom}
.mapboxgl-ctrl-bottom-left{bottom:6px;left:10px}
#tooltip .routes{display:flex;gap:3px;margin-top:6px}
#tooltip .routes i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font:700 10px/1 var(--font-inter);font-style:normal;color:#FFF}


.side-panel{position:absolute;top:calc(var(--header) + 8px);z-index:5;width:330px;max-height:calc(100% - var(--header) - 40px);overflow-y:auto;scrollbar-width:none;padding:14px 18px 18px;background:linear-gradient(rgba(255,252,245,.9),rgba(255,252,245,.9));transition:opacity .18s ease}
.side-left{left:14px}
.side-right{right:14px}
#district-info .map-title{position:static;margin:0 0 10px}
#district-info .map-title strong{font-size:30px;line-height:1.05;text-shadow:none}
.ledger-facts{margin:0;border-top:1px solid var(--color-ink-primary)}
.ledger-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;border-bottom:1px solid var(--color-rule-soft)}
.ledger-facts dt{font:500 11px/1.35 var(--font-inter);letter-spacing:.03em;color:var(--color-ink-muted)}
.ledger-facts dd{margin:0;font-size:18px;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-ink-primary)}
.panel-head{margin-top:16px;padding-bottom:6px}
.ledger-facts dd.bullets{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}
.ledger-facts dd.bullets i{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;font:700 11px/1 var(--font-inter);font-style:normal}
#selection.side-panel{bottom:auto;width:340px;border:0;box-shadow:none;padding:14px 18px 18px}
#selection .back{margin-bottom:14px}
#landmark-card h2{margin:8px 0 6px;font-size:30px;font-weight:400;line-height:1.05;color:var(--color-ink-primary)}
.landmark-note{margin-top:4px;color:var(--color-accent)}
#selection.preview .note:not(.landmark-note),#selection.preview .actions{display:none}

[data-details=off] #district-facts,[data-details=off] #district-transit,
[data-details=off] #selection #facts,[data-details=off] #selection .note:not(.landmark-note),
[data-details=off] #selection .actions,[data-details=off] #selection .back,[data-details=off] #selection #district,
[data-details=off] #landmark-card .note,[data-details=off] #landmark-card .label{display:none!important}
[data-details=off] .side-panel{padding:10px 16px 12px;width:auto;max-width:360px;background:rgba(255,252,245,.86)}
[data-details=off] #selection.side-panel{width:auto}
[data-details=off] #address{font-size:26px;margin:0}
[data-details=off] #street-address{font-size:17px;margin-top:4px}
[data-details=off] #landmark-card h2{font-size:26px;margin:0}
[data-details=off] #district-info .map-title{margin:0}


[data-details=off] #district-info{display:none!important}


body.present .masthead,body.present .map-hint,body.present .side-panel,body.present #tooltip,body.present .mapboxgl-ctrl-bottom-right,body.present #status{display:none}
#present-caption{position:absolute;left:0;bottom:0;padding:120px 160px 72px 80px;z-index:6;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity 1.4s ease,transform 1.4s cubic-bezier(.25,.1,.25,1);background:radial-gradient(ellipse at 30% 70%,rgba(255,252,245,.96) 0%,rgba(255,252,245,.9) 45%,rgba(255,252,245,0) 78%)}
#present-caption.on{opacity:1;transform:none}
#present-caption .label{margin:0 0 10px;font:500 12px/1 var(--font-inter);letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb,var(--color-accent) 70%,transparent)}
#present-caption h2{margin:0;font:400 44px/1.05 var(--font-eb-garamond);color:var(--color-accent)}
#present-count{margin:10px 0 0;font:400 20px/1.3 var(--font-eb-garamond);color:var(--color-ink-secondary)}
#present-list{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--color-rule-soft);font:400 17px/1.45 var(--font-eb-garamond);color:var(--color-ink-primary);columns:2;column-gap:36px;max-width:560px}


.ticks{display:flex;flex-direction:column;gap:6px;margin:10px 0 18px}
.ticks>button{display:inline-flex;align-items:baseline;gap:10px;padding:2px 0;font:400 16px/1.25 var(--font-eb-garamond);color:var(--color-ink-secondary);text-align:left}
.ticks>button small{font-size:13.5px;color:var(--color-ink-muted)}
.ticks>button .c{font:500 10.5px/1 var(--font-inter);letter-spacing:.5px;color:var(--color-ink-muted);margin-left:2px}
.ticks>button .box{display:inline-block;width:11px;height:11px;border:1px solid var(--color-ink-primary);border-radius:1px;position:relative;flex:none;transform:translateY(1px);transition:background .12s,border-color .12s}
.ticks>button:hover{color:var(--color-accent)}
.ticks>button>span.t{position:relative}
.ticks>button>span.t:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .22s cubic-bezier(.25,.1,.25,1)}
.ticks>button:hover>span.t:after{transform:scaleX(1)}
.ticks>button:hover .box{border-color:var(--color-accent)}
.ticks>button[aria-pressed=true]{color:var(--color-accent)}
.ticks>button[aria-pressed=true] .box{background:var(--color-accent);border-color:var(--color-accent)}
.ticks>button[aria-pressed=true] .box:after{content:'';position:absolute;left:3px;top:0;width:3px;height:6px;border:solid var(--cream);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.panel .label+.ticks{margin-top:8px}

.tab .tab-value{display:none}

.tab .panel{background:radial-gradient(ellipse at 50% 40%,rgba(255,252,245,.9) 0%,rgba(255,252,245,.78) 55%,rgba(255,252,245,0) 100%);box-shadow:none;border-top:0;padding:14px 34px 30px}

.loading{position:absolute;inset:0;z-index:22;pointer-events:none;transition:opacity .15s ease} 
.loading svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.loading path{fill:none;stroke:var(--color-accent);stroke-width:1;stroke-linejoin:round;stroke-linecap:round;opacity:.8}

.loading p{position:absolute;left:0;right:0;bottom:calc(12 * var(--u));margin:0;text-align:center;font:400 calc(18 * var(--u))/1.3 var(--font-eb-garamond);color:var(--color-ink-secondary)}
.loading p:after{content:'…';display:inline-block;width:1.2em;text-align:left;animation:dots 1.6s steps(4,end) infinite}
@keyframes dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
body.atlas-ready .loading{opacity:0}

body:not(.atlas-ready) .map-hint,body:not(.atlas-ready) .map-contact{opacity:0}
.map-hint,.map-contact{transition:opacity .8s ease}




.compose-grid{display:grid;grid-template-columns:max-content max-content max-content;column-gap:calc(56 * var(--u));align-items:start}
.compose-grid .label{margin:0 0 10px}
.compose-grid .col .label+.ticks{margin-top:0}
.markets-head{display:flex;align-items:baseline;gap:18px;margin:0 0 10px}
.markets-head .label{margin:0}
.col-markets .pick-all{margin:0;font-size:15px}
.compose-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:calc(10 * var(--u));padding-top:calc(14 * var(--u));border-top:1px solid var(--color-rule-soft)}
.compose-foot #reset{font:500 calc(11 * var(--u))/1.5 var(--font-inter);letter-spacing:calc(1.2 * var(--u));text-transform:uppercase;color:var(--color-ink-muted)}
.compose-foot #reset:hover{color:var(--color-accent)}
.reveal{display:inline-flex;align-items:center;gap:calc(8 * var(--u));min-height:calc(40 * var(--u));padding:0 calc(20 * var(--u));font:400 calc(12 * var(--u))/calc(18 * var(--u)) var(--font-inter);letter-spacing:calc(1.5 * var(--u));text-transform:uppercase;color:var(--color-accent);border:1px solid rgba(1,49,78,.5);transition:background .2s,border-color .2s}
.reveal .arrow{display:inline-block;transition:transform .26s cubic-bezier(.25,.1,.25,1)}
.reveal:hover{background:rgba(1,49,78,.06);border-color:var(--color-accent)}
.reveal:hover .arrow{transform:translateX(4px)}

.ticks>button[role=switch][aria-checked=true]{color:var(--color-accent);text-decoration:none}
.ticks>button[role=switch][aria-checked=true] .box{background:var(--color-accent);border-color:var(--color-accent)}
.ticks>button[role=switch][aria-checked=true] .box:after{content:'';position:absolute;left:3px;top:0;width:3px;height:6px;border:solid var(--cream);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}


.tabs .tab>.tab-button{display:none}

.map-hint{pointer-events:none}

.map-hint{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(32 * var(--u))}
.map-hint .word,.map-hint .push{position:relative;pointer-events:auto;font:400 calc(10 * var(--u))/calc(16 * var(--u)) var(--font-inter);letter-spacing:calc(1.2 * var(--u));text-transform:uppercase;color:var(--color-ink-muted);cursor:pointer;display:inline-flex;align-items:center;gap:calc(6 * var(--u))}
.map-hint .word:hover,.map-hint .push:hover,.map-hint .word[aria-expanded=true],.map-hint .toggle[aria-checked=true]{color:var(--color-ink-secondary)}
.map-hint .word:after{content:'';position:absolute;left:0;right:0;bottom:calc(-3 * var(--u));height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.map-hint .word:hover:after,.map-hint .word[aria-expanded=true]:after{transform:scaleX(1)}
.map-hint .toggle:after{content:none}
.map-hint .toggle .switch{position:relative;display:inline-block;width:calc(22 * var(--u));height:calc(12 * var(--u));border:1px solid currentColor;border-radius:calc(6 * var(--u));transition:background .18s}
.map-hint .toggle .knob{position:absolute;top:calc(1.5 * var(--u));left:calc(1.5 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:50%;background:currentColor;transition:transform .18s cubic-bezier(.25,.1,.25,1),background .18s}
.map-hint .toggle[aria-checked=true] .switch{background:var(--color-ink-secondary);border-color:var(--color-ink-secondary)}
.map-hint .toggle[aria-checked=true] .knob{transform:translateX(calc(10 * var(--u)));background:var(--color-surface-paper)}
.map-hint .push .glyph{font-size:calc(13 * var(--u));line-height:1;transition:transform .5s cubic-bezier(.25,.1,.25,1)}
.map-hint .push:active .glyph{transform:rotate(90deg)}
.map-hint .push:active{color:var(--color-ink-primary)}

.unfold{position:absolute;left:0;right:0;bottom:calc(44 * var(--u));z-index:6;display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u));padding:calc(40 * var(--u)) var(--margin) calc(12 * var(--u));pointer-events:none;background:linear-gradient(to top,var(--color-surface-paper) 0,rgba(255,252,245,.94) calc(100% - 40 * var(--u)),rgba(255,252,245,0) 100%)}
.unfold .row{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 calc(6 * var(--u));pointer-events:auto;max-width:100%}
.unfold .rg{font:500 calc(10 * var(--u))/1.5 var(--font-inter);letter-spacing:calc(1.5 * var(--u));text-transform:uppercase;color:var(--color-ink-muted);margin-right:calc(10 * var(--u))}
.unfold button{font:400 calc(15 * var(--u))/1.5 var(--font-eb-garamond);color:var(--color-ink-secondary);padding:0 calc(2 * var(--u))}
.unfold button small{font-size:calc(12.5 * var(--u));color:var(--color-ink-muted)}
.unfold button:hover{color:var(--color-accent)}
.unfold button[aria-pressed=true]{color:var(--color-accent);text-decoration:underline;text-underline-offset:calc(4 * var(--u));text-decoration-thickness:1px}
.unfold .dot{color:var(--color-ink-muted);font:400 calc(15 * var(--u))/1.5 var(--font-eb-garamond)}
body:not(.atlas-ready) .unfold{display:none}



[data-details=off] #selection.side-panel{left:auto;right:calc(var(--margin) - 24 * var(--u));top:calc(var(--header) - 6 * var(--u));width:calc(328 * var(--u));max-width:calc(100vw - 2 * var(--margin));padding:calc(8 * var(--u)) calc(24 * var(--u)) calc(20 * var(--u));text-align:left;
  
  background:radial-gradient(ellipse at 70% 30%,rgba(255,252,245,.96) 0%,rgba(255,252,245,.9) 55%,rgba(255,252,245,.0) 100%)}
[data-details=off] #address{font:400 calc(22 * var(--u))/1.15 var(--font-eb-garamond);color:var(--color-accent);margin:0}
[data-details=off] #street-address{font:400 calc(15 * var(--u))/1.3 var(--font-eb-garamond);color:var(--color-accent);margin-top:calc(3 * var(--u))}
[data-details=off] #selection .landmark-note{color:var(--color-accent);font-size:calc(14 * var(--u))}


.map-hint,.map-contact{color:var(--color-ink-secondary)}


body{--color-accent:#1A1A1A;--color-accent-strong:#000}
body .masthead,body .wordmark,body .masthead-cta{color:#1A1A1A}
body .masthead-cta{border-color:rgba(26,26,26,.4)}
body .masthead-cta:hover{background:rgba(26,26,26,.05);border-color:rgba(26,26,26,.8);outline-color:rgba(26,26,26,.2)}
body .reveal{border-color:rgba(26,26,26,.5)}
body .reveal:hover{background:rgba(26,26,26,.05);border-color:#1A1A1A}
body [data-details=off] #address,body [data-details=off] #street-address,body [data-details=off] #selection .landmark-note{color:#1A1A1A}
body .loading path{stroke:#1A1A1A} 


#district-caption{position:absolute;left:var(--cta-left,auto);top:calc(var(--header) + 2 * var(--u));z-index:5;width:max-content;max-width:calc(100vw - var(--cta-left,0px) - var(--margin));pointer-events:none;font:400 calc(22 * var(--u))/1.15 var(--font-eb-garamond);color:var(--color-ink-secondary);margin:0}
#district-caption .go{display:block;pointer-events:auto;margin-top:calc(8 * var(--u));font:400 calc(11 * var(--u))/calc(18 * var(--u)) var(--font-inter);letter-spacing:calc(1.5 * var(--u));text-transform:uppercase;color:var(--color-ink-secondary);text-decoration:underline;text-underline-offset:calc(5 * var(--u));text-decoration-thickness:1px;cursor:pointer}
#district-caption .go .arrow{display:inline-block;transition:transform .26s cubic-bezier(.25,.1,.25,1)}
#district-caption .go:hover .arrow{transform:translateX(4px)}


.back-map{position:absolute;left:var(--margin);top:calc(var(--header) + 2 * var(--u));z-index:5;font:400 calc(11 * var(--u))/calc(18 * var(--u)) var(--font-inter);letter-spacing:calc(1.5 * var(--u));text-transform:uppercase;color:var(--color-ink-secondary);text-decoration:underline;text-underline-offset:calc(5 * var(--u));text-decoration-thickness:1px;cursor:pointer}
.back-map .arrow{display:inline-block;transition:transform .26s cubic-bezier(.25,.1,.25,1)}
.back-map:hover .arrow{transform:translateX(-4px)}


.view-desk{position:absolute;left:var(--margin);top:calc(var(--header) + 40 * var(--u));z-index:7;width:calc(250 * var(--u));padding:0;font-size:14px}
.view-desk .cam{margin:6px 0 10px;font:400 13px/1.4 var(--font-inter);color:var(--color-ink-muted);white-space:pre-line}
.view-desk .slots{display:flex;flex-direction:column;border-top:1px solid var(--color-ink-primary)}
.view-desk .slot{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--color-rule-soft);font:400 15px/1.3 var(--font-eb-garamond)}
.view-desk .slot b{font-weight:400;width:44px}
.view-desk .slot .state{flex:1;color:var(--color-ink-muted);font-size:13px}
.view-desk .slot button,.view-desk .row button{font:500 10px/1.5 var(--font-inter);letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-secondary);text-decoration:underline;text-underline-offset:3px}
.view-desk .row{display:flex;gap:16px;margin-top:10px}


body.view-desk-on:after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;
  background-image:
    linear-gradient(to right,transparent calc(50% - 1px),#01314E calc(50% - 1px),#01314E calc(50% + 1px),transparent calc(50% + 1px)),
    linear-gradient(to bottom,transparent calc(50% - 1px),#01314E calc(50% - 1px),#01314E calc(50% + 1px),transparent calc(50% + 1px)),
    linear-gradient(to right,rgba(26,26,26,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(26,26,26,.28) 1px,transparent 1px),
    linear-gradient(to right,rgba(26,26,26,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(26,26,26,.1) 1px,transparent 1px);
  background-size:100% 100%,100% 100%,33.3333% 100%,100% 33.3333%,calc(50 * var(--u)) calc(50 * var(--u)),calc(50 * var(--u)) calc(50 * var(--u));
  background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat,repeat,repeat,repeat}


.unfold.left{left:var(--margin);right:auto;top:calc(var(--header) + 24 * var(--u));bottom:auto;padding:0;background:none;display:grid;grid-template-columns:max-content max-content;column-gap:calc(36 * var(--u));row-gap:calc(18 * var(--u));align-items:start;justify-items:start}
.unfold.left .row{display:flex;flex-direction:column;align-items:flex-start;gap:calc(2 * var(--u));justify-content:flex-start}
.unfold.left .row:first-child{grid-column:1 / span 2;row-gap:0}
.unfold.left .row:nth-child(2){grid-row:2 / span 2}
.unfold.left .rg{margin:0 0 calc(4 * var(--u))}
.unfold.left .dot{display:none}
.unfold.left button{font-size:calc(15.5 * var(--u));line-height:1.3;padding:0}
.view-desk .slot.district{margin-top:8px;border-top:1px solid var(--color-ink-primary);padding-top:8px}
.view-desk .slot.district b{width:auto;margin-right:6px}


.card-rows{margin:calc(12 * var(--u)) 0 0;padding:0;border-top:1px solid var(--color-ink-secondary)}
.card-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:calc(14 * var(--u));padding:calc(6 * var(--u)) 0;border-bottom:1px solid rgba(26,26,26,.18)}
.card-rows dt{font:500 calc(10 * var(--u))/1.5 var(--font-inter);letter-spacing:calc(1.2 * var(--u));text-transform:uppercase;color:var(--color-ink-muted);flex:none}
.card-rows dd{margin:0;font:400 calc(15 * var(--u))/1.3 var(--font-eb-garamond);color:var(--color-ink-secondary);text-align:right;font-variant-numeric:tabular-nums}
.card-rows dd small{display:block;font-size:calc(12.5 * var(--u));color:var(--color-ink-muted)}
.card-rows .stack{flex-direction:column;align-items:stretch;gap:calc(4 * var(--u))}
.card-rows .stack dd{text-align:left}
.card-rows .transit{display:flex;justify-content:space-between;align-items:baseline;gap:calc(10 * var(--u));flex-wrap:wrap}
.card-rows .transit>span:first-child{flex:1 1 auto}
.card-rows .transit .walk{font-size:calc(12.5 * var(--u));color:var(--color-ink-muted);flex:none}
.card-rows .lines{display:inline-flex;gap:3px;margin-left:calc(6 * var(--u));vertical-align:middle}
.card-rows .lines i{display:inline-grid;place-items:center;width:calc(15 * var(--u));height:calc(15 * var(--u));border-radius:50%;font:700 calc(9 * var(--u))/1 var(--font-inter);font-style:normal;color:#FFF}


.isolated-name{position:absolute;left:var(--margin);top:calc(var(--header) + 30 * var(--u));z-index:5;margin:0;font:400 calc(30 * var(--u))/1.1 var(--font-eb-garamond);color:var(--color-ink-secondary);pointer-events:none;max-width:calc(360 * var(--u))}


.isolated-bounds{position:absolute;left:var(--margin);bottom:calc(12 * var(--u));z-index:5;pointer-events:none;line-height:0} 
.isolated-bounds svg{display:block;height:auto;overflow:visible}
.isolated-bounds path{fill:none;stroke:var(--color-ink-secondary);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.isolated-bounds text{font:500 8px/1 var(--font-inter);letter-spacing:.6px;text-transform:uppercase;fill:var(--color-ink-muted);text-anchor:middle}


.map-fade-corner{position:absolute;left:0;bottom:0;width:calc(480 * var(--u));height:calc(360 * var(--u));z-index:4;pointer-events:none;opacity:0;transition:opacity .4s ease;
  background:radial-gradient(ellipse 100% 100% at 0% 100%,var(--color-surface-paper) 0%,var(--color-surface-paper) 58%,rgba(255,252,245,0) 100%)}
body.key-on .map-fade-corner{opacity:1}


.card-actions{display:flex;justify-content:space-between;align-items:center;gap:calc(16 * var(--u));margin:calc(10 * var(--u)) 0 0}
.card-more,.card-close{position:relative;display:inline-flex;align-items:center;gap:calc(6 * var(--u));padding:0;font:400 calc(10 * var(--u))/calc(16 * var(--u)) var(--font-inter);letter-spacing:calc(1.2 * var(--u));text-transform:uppercase;color:var(--color-ink-secondary);cursor:pointer}
.card-more .glyph{display:inline-block;width:calc(9 * var(--u));font-size:calc(13 * var(--u));line-height:1;text-align:center}
.card-more:after,.card-close:after{content:'';position:absolute;left:0;right:0;bottom:calc(-3 * var(--u));height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.card-more:hover:after,.card-more[aria-expanded=true]:after,.card-close:hover:after{transform:scaleX(1)}
.card-close{display:none}

[data-details=off] #selection.side-panel.open{background:rgba(255,252,245,.95);box-shadow:0 0 calc(24 * var(--u)) calc(16 * var(--u)) rgba(255,252,245,.95)}


@media(max-width:1100px){
 .masthead{padding:0 var(--margin)}
 .masthead-cta{display:inline-flex}
}
@media(max-width:760px),(orientation:portrait) and (max-width:1100px),(max-height:500px){ 
 .masthead-cta{min-height:34px;padding:0 14px;gap:6px;font-size:11px;letter-spacing:1.2px}
 
 .map-hint{bottom:calc(30px + env(safe-area-inset-bottom,0px));column-gap:40px}
 .map-hint .word,.map-hint .push{padding:8px 0;font-size:11px;line-height:16px;letter-spacing:1.1px;white-space:nowrap}
 .map-hint .word:after{bottom:5px}
 .map-hint .push .glyph{font-size:14px}
 .map-contact{left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom,0px));text-align:center;font-size:11px}
 .map-fade-bottom{height:140px;background:linear-gradient(to top,var(--color-surface-paper) 0,var(--color-surface-paper) 96px,transparent 100%)}
 
 .map-fade-corner{width:100%;height:250px;background:linear-gradient(to top,var(--color-surface-paper) 0,var(--color-surface-paper) 210px,rgba(255,252,245,0) 100%)}
 
 #district-caption{display:none!important}
 
 .unfold.left{left:0;right:0;top:var(--header);bottom:calc(96px + env(safe-area-inset-bottom,0px));overflow-y:auto;padding:6px var(--margin) 24px;background:var(--color-surface-paper);grid-template-columns:1fr 1fr;column-gap:18px;row-gap:16px;align-content:start}
 .unfold.left button{font-size:17px;line-height:1.5;text-align:left}
 
 .unfold.left .row:nth-child(2){grid-column:1;grid-row:2}
 .unfold.left .row:nth-child(3){grid-column:2;grid-row:2 / span 2}
 .unfold.left .row:nth-child(4){grid-column:1;grid-row:3}
 
 [data-details=off] #selection.side-panel{left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;max-height:72%;min-height:calc(108px + env(safe-area-inset-bottom,0px));z-index:8;padding:14px var(--margin) calc(14px + env(safe-area-inset-bottom,0px));background:var(--color-surface-paper);border-top:1px solid var(--color-ink-secondary)}
 [data-details=off] #selection.side-panel.open{background:var(--color-surface-paper);box-shadow:none}
 [data-details=off] #address{font-size:22px}
 [data-details=off] #street-address{font-size:15px}
 .card-actions{margin-top:6px}
 .card-more,.card-close{padding:8px 0;font-size:11px;line-height:16px;letter-spacing:1.1px}
 .card-more:after,.card-close:after{bottom:5px}
 .card-close{display:inline-flex;gap:6px}
 .card-rows{margin-top:4px}
}


.map-hint{gap:calc(48 * var(--u))}
.view-wrap{display:inline-flex}
.view-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8 * var(--u));display:flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(28 * var(--u));pointer-events:none;white-space:nowrap}
.view-menu .word{pointer-events:auto}
.view-menu .glyph:empty{display:none}
.view-menu .menu-rule{width:1px;height:calc(14 * var(--u));background:currentColor;opacity:.3}
@media(max-width:760px),(orientation:portrait) and (max-width:1100px),(max-height:500px){ 
 
 .view-menu{flex-wrap:wrap;column-gap:22px;row-gap:0;bottom:100%}
 .view-menu .word{padding:8px 0}
 .view-menu .word:after{bottom:5px}
 .view-menu .menu-rule{flex-basis:100%;width:auto;height:0;opacity:0}
}


.masthead .map-hint{position:absolute;left:var(--tabs-x,50%);right:auto;top:0;bottom:auto;height:100%;margin:0;transform:translateX(-50%);gap:calc(44 * var(--u))} 
.masthead .map-hint .word{font-size:calc(11 * var(--u));line-height:calc(18 * var(--u));letter-spacing:calc(1.4 * var(--u))}

.masthead .map-hint>.word,.masthead .map-hint>.view-wrap>.word{font-weight:500;color:var(--color-ink-secondary)}
.masthead .view-menu{top:calc(100% - 8 * var(--u));bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:max-content}
.map-fade-top{transition:height .2s ease}
body.view-open .map-fade-top{height:calc(150 * var(--u));background:linear-gradient(to bottom,var(--color-surface-paper) 0,var(--color-surface-paper) calc(116 * var(--u)),transparent 100%)}
@media(max-width:760px),(orientation:portrait) and (max-width:1100px),(max-height:500px){ 
 
 .masthead .map-hint{position:static;transform:none;height:auto;margin:0 auto;gap:22px}
 .masthead .map-hint .word{font-size:11px;line-height:16px;letter-spacing:1.1px;padding:8px 0}
 .masthead .view-menu{position:absolute;left:0;right:0;top:100%;transform:none;width:auto;padding:2px var(--margin) 8px;background:var(--color-surface-paper);pointer-events:auto}
 .map-fade-bottom{height:72px;background:linear-gradient(to top,var(--color-surface-paper) 0,var(--color-surface-paper) 36px,transparent 100%)}
 .map-fade-corner{height:200px;background:linear-gradient(to top,var(--color-surface-paper) 0,var(--color-surface-paper) 160px,rgba(255,252,245,0) 100%)}
 .unfold.left{bottom:calc(40px + env(safe-area-inset-bottom,0px))}
 body.view-open .map-fade-top{height:150px;background:linear-gradient(to bottom,var(--color-surface-paper) 0,var(--color-surface-paper) 128px,transparent 100%)}
}


.map-fade-bottom{height:calc(60 * var(--u));background:linear-gradient(to top,var(--color-surface-paper) 0,var(--color-surface-paper) calc(30 * var(--u)),transparent 100%)}


.card-note{margin:calc(8 * var(--u)) 0 0;font:400 calc(13.5 * var(--u))/1.35 var(--font-eb-garamond);color:var(--color-ink-muted);max-width:calc(280 * var(--u))}
.card-note a{color:var(--color-ink-secondary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media(max-width:760px),(orientation:portrait) and (max-width:1100px),(max-height:500px){ .card-note{font-size:13.5px;max-width:none} }