/* Shared city hub components. Loaded after the archived city styles. */
.alta-design-sync .city-hub-page .hero {display:block;min-height:0;padding:0!important}
.alta-design-sync .city-hub-page .hero::after {display:none}
.alta-design-sync .city-hub-page .hero__inner {padding-top:20px;padding-bottom:150px}
.alta-design-sync .city-hub-page .hero .breadcrumbs {width:100%;margin:0;padding:0;background:transparent}
.alta-design-sync .city-hub-page .hero .breadcrumbs ol,
.alta-design-sync .city-hub-page .hero .breadcrumbs a,
.alta-design-sync .city-hub-page .hero .breadcrumbs span,
.alta-design-sync .city-hub-page .hero .breadcrumbs li+li::before {color:#fff}
.alta-design-sync .city-hub-page .city-hero-copy {padding-top:150px}
.alta-design-sync .city-hub-page .hero .button:first-child {transition:background-color .3s,color .3s,border-color .3s}
.alta-design-sync .city-hub-page .hero .button:first-child:hover,
.alta-design-sync .city-hub-page .hero .button:first-child:focus-visible {background:#fff;color:#16181d;border-color:#fff}
.alta-design-sync .city-hub-page .section--split-intro .split>div {padding-left:0}
.alta-design-sync .city-hub-page .section--split-intro .split>div::before {display:none}
.alta-design-sync .city-hub-page .section--split-intro h2 {display:table;max-width:100%}
.alta-design-sync .city-hub-page .section--split-intro h2::after {width:100%;margin-left:0}
.alta-design-sync .city-hub-page .city-rooms .card {border-radius:10px}
.alta-design-sync .city-hub-page .city-rooms h3 {font-size:28px}
.alta-design-sync .city-hub-page .city-rooms p {font-size:16px;font-weight:300}
.alta-design-sync .city-hub-page .city-rooms h2::after {width:192px;max-width:100%}
.alta-design-sync .city-hub-page .city-eyebrow {font-size:12px;text-transform:uppercase;letter-spacing:.25em;color:var(--city-gold-dark);margin-bottom:20px}
.alta-design-sync .city-hub-page .city-construction {background:#eee9df}
.city-slider-layout {display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:64px;align-items:start}
.city-slider-copy h2 {margin:0 0 32px;font-size:48px;line-height:1.05}
.city-slider-controls {display:flex;gap:12px}
.city-slider-controls button {width:52px;height:52px;border:1px solid #b3955b;border-radius:50%;background:transparent;color:#16181d;font-size:26px;cursor:pointer;transition:background .25s,color .25s}
.city-slider-controls button:hover:not(:disabled) {background:#b3955b;color:#fff}
.city-slider-controls button:disabled {opacity:.3;cursor:default}
.city-slider-status {font-size:12px;color:#676f7e;margin-top:16px}
.city-slider-viewport {overflow:hidden;min-width:0;touch-action:pan-y}
.city-slider-track {display:flex;gap:16px;transition:transform .45s ease;align-items:stretch}
.city-slide {flex:0 0 calc((100% - 32px)/3);min-width:0;background:#fff;border-radius:10px;overflow:hidden}
.city-slide-photo {position:relative;aspect-ratio:3/4;overflow:hidden;background:#16181d}
.city-slide-photo::after {content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 80%)}
.city-slide-photo img {width:100%;height:100%;object-fit:cover;transition:transform .7s}
.city-slide:hover img {transform:scale(1.05)}
.alta-design-sync .city-hub-page .city-slide-photo h3 {position:absolute;z-index:1;bottom:0;left:0;right:0;padding:20px;margin:0;color:#fff;font-size:28px;line-height:1.1}
.city-slide-body {padding:20px}
.alta-design-sync .city-hub-page .city-slide-body p {font-size:14px;line-height:1.8;font-weight:300;color:var(--city-muted)}
.city-finish-rows {display:grid;gap:80px}
.city-finish-row .prose {max-width:none}
.alta-design-sync .city-hub-page .city-finish-row h3 {font-size:40px;line-height:1.1;display:table;padding-bottom:22px;border-bottom:2px solid var(--city-gold)}
.alta-design-sync .city-hub-page .city-finish-row img {height:460px;border-radius:10px}
.city-finish-row--reverse .prose {grid-column:2;grid-row:1}
.city-finish-row--reverse img {grid-column:1;grid-row:1}
.alta-design-sync .city-hub-page .city-feature {padding-top:80px;padding-bottom:80px}
.city-feature .split {position:relative;isolation:isolate;gap:64px}
.city-feature .split::before {content:"";position:absolute;inset:40px -40px;z-index:-1;background:#eee9df;border-radius:10px}
.alta-design-sync .city-hub-page .city-feature .split>img {height:100%;min-height:480px;align-self:stretch;border-radius:10px}
.city-feature .prose {padding:80px 0;max-width:none}
.alta-design-sync .city-hub-page .city-process {background:var(--city-warm)}
.city-process-grid {position:relative;display:grid;grid-template-columns:repeat(var(--step-count),minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.city-process-grid::before {content:"";position:absolute;top:40px;left:10%;right:10%;height:1px;background:#d9c9a8}
.city-process-grid li {position:relative;text-align:center}
.city-process-number {position:relative;z-index:1;display:grid;place-items:center;width:80px;height:80px;margin:0 auto 24px;border:1px solid #d9c9a8;border-radius:50%;background:var(--city-warm);color:#b3955b;font:400 26px Georgia,serif}
.alta-design-sync .city-hub-page .city-process h3 {font-size:28px;line-height:1.15}
.alta-design-sync .city-hub-page .city-process p {font-size:14px;line-height:1.8;font-weight:300;color:var(--city-muted)}
.city-tab-list {display:flex;gap:32px;border-bottom:1px solid #ded9d0;margin-bottom:48px;overflow:auto}
.city-tab-list button {flex:0 0 auto;max-width:420px;border:0;border-bottom:2px solid transparent;padding:16px 0;background:transparent;color:#676f7e;font:500 14px/1.5 var(--alta-body,Montserrat,sans-serif);cursor:pointer}
.city-tab-list button[aria-selected="true"] {border-bottom-color:#b3955b;color:#b3955b}
.city-tab-list button:hover {color:#16181d}
.city-tab-panel[hidden] {display:none}
.alta-design-sync .city-hub-page .city-tab-panel {max-width:960px;margin-left:0}
.alta-design-sync .city-hub-page .city-tab-panel h2::after {margin-left:0}
.alta-design-sync .city-hub-page .city-faq {background:#f7f4ef}
.city-faq .site-container {max-width:896px}
.alta-design-sync .city-hub-page .city-faq .intro {margin-bottom:64px}
.alta-design-sync .city-hub-page .city-faq h2::after {display:none}
.alta-design-sync .city-hub-page .city-faq .faq-list summary {font:600 18px/1.6 var(--alta-body,Montserrat,sans-serif)}
.alta-design-sync .city-hub-page .city-faq .faq-list summary::after {font-size:26px;font-weight:300}
.city-hub-page button:focus-visible,.city-slider-viewport:focus-visible,.city-tab-panel:focus-visible {outline:2px solid #b3955b;outline-offset:5px}
@media(max-width:1100px){.city-slider-layout{grid-template-columns:minmax(0,1fr);gap:32px}.city-slider-copy h2{max-width:680px}.city-process-grid{gap:16px}.city-process-grid h3{overflow-wrap:anywhere}.city-tab-list{gap:24px}.city-feature .split::before{left:-16px;right:-16px}}
@media(max-width:900px){.city-process-grid{grid-template-columns:1fr 1fr;gap:40px}.city-process-grid::before{display:none}.city-finish-row--reverse .prose,.city-finish-row--reverse img{grid-column:auto;grid-row:auto}.city-feature .split{gap:0}.city-feature .prose{padding:40px 24px}.city-feature .split::before{inset:40px 0 0}.alta-design-sync .city-hub-page .city-feature .split>img{height:360px;min-height:0;margin-bottom:0}.city-tab-list button{max-width:250px}}
@media(max-width:620px){.city-slide{flex-basis:100%}.city-slider-copy h2{font-size:40px}.city-finish-rows{gap:48px}.alta-design-sync .city-hub-page .city-finish-row img{height:330px}.city-process-grid{grid-template-columns:1fr}.city-tab-list{gap:20px}.city-tab-list button{max-width:200px}.alta-design-sync .city-hub-page .city-faq .faq-list p{padding-right:0}.alta-design-sync .city-hub-page .city-finish-row h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.city-slider-track,.city-slide-photo img,.city-slider-controls button,.alta-design-sync .city-hub-page .hero .button:first-child{transition:none}}