/* PC design tokens, measured from the 736 px reference at a 1440 px canvas. */
.city-preview{--city-gold:#b58d4d;--city-ivory:#faf8f4;--city-cream:#f3ebdf;--city-max:1256px;min-width:1024px;background:var(--city-ivory);color:#282721;font:400 18px/1.5 var(--sans)}
.city-preview h1,.city-preview main h2,.city-preview main h3{font-family:var(--serif);font-weight:500}.city-preview main h2{margin:0;font-size:34px;line-height:1.2}.city-header{position:absolute;z-index:2;inset:0 0 auto;height:84px;width:calc(100% - 12.8%);margin:auto;display:flex;align-items:center;justify-content:space-between}.city-brand strong{display:block;font:600 32px/1 var(--serif)}.city-brand small{display:block;font-size:9px;letter-spacing:1.2px;margin-top:7px}.city-header nav{display:flex;gap:34px;font-size:11px;letter-spacing:.7px;font-weight:600}.city-account{display:flex;gap:20px;font-size:11px;letter-spacing:1px}.city-account a{display:grid;place-items:center;height:43px;width:115px}.city-account .join{background:var(--city-gold);color:white}.city-account .login{width:94px;border:1px solid #b9aa96}.city-hero{height:40.08vw;position:relative;background:#f1e9dd}.hero-art{position:absolute;inset:0;width:100%;height:100%;background:url(assets/chicago-hero-hd.png) right center/cover no-repeat}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f3ece2 0%,#f3ece2 31%,rgba(243,236,226,.97) 39%,rgba(243,236,226,.5) 48%,transparent 63%)}.hero-copy{position:relative;padding-top:9.8vw;margin-left:6.4%;width:38%}.city-preview .eyebrow{font-size:13px;letter-spacing:4.3px;font-weight:600;margin:0 0 13px}.city-preview h1{font-size:60px;letter-spacing:.8px;line-height:1.02;margin:0}.city-rule{display:block;width:52px;height:2px;background:#c6a76d;margin:23px 0}.hero-copy>p:not(.eyebrow){max-width:520px;line-height:1.48;margin:0 0 29px}.city-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 29px;height:55px;background:linear-gradient(100deg,#b58a46,#bd995a);color:#fff;font:600 13px var(--sans);letter-spacing:1.3px}.city-button span{font-size:29px;font-weight:400;line-height:1}.city-style{text-align:center;padding:45px 6.4% 42px}.city-style .eyebrow{font-size:12px;margin-bottom:13px}.city-preview .city-style h2{font-size:44px}.city-style .city-rule{margin:22px auto 26px}.style-body{max-width:910px;margin:auto}.style-body p{margin:0;line-height:1.55;color:#62605b}.dynamic-preview{min-height:var(--preview-height);display:grid;place-items:center;padding:42px 6.4%}.cream{background:var(--city-cream)}.ivory{background:var(--city-ivory)}.dynamic-preview>div{width:100%;height:100%;min-height:calc(var(--preview-height) - 84px);border:1px dashed #dcd4c6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999183;text-align:center}.dynamic-preview p{font-size:12px;letter-spacing:3px;margin:0 0 13px}.dynamic-preview span{font-size:13px;line-height:1.8;color:#aba396}.city-across{display:grid;grid-template-columns:49.3% 50.7%;min-height:32.5vw;background:#f8f4ed}.across-art{position:relative;min-width:0}.across-copy{padding:24px 6.5% 36px 5.7%}.city-preview .across-copy h2{font-size:30px;white-space:nowrap}.area-list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr;margin-top:48px}.area-list article{padding:0 15px 0 14px;min-height:110px}.area-list article:nth-child(n+4){border-left:1px solid #cebfa7;padding-left:44px}.city-preview .area-list h3{font-size:22px;margin:0 0 8px}.area-list h3 span{color:var(--city-gold);margin-left:12px}.area-list p{font-size:18px;color:#716d65;margin:0}.city-terms{display:grid;grid-template-columns:46.5% 53.5%;background:var(--city-cream);min-height:28.1vw}.terms-copy{padding:53px 40px 46px 13.75%}.city-preview .terms-copy h2{font-size:36px;white-space:nowrap}.terms-copy p{font-size:18px;line-height:1.5;margin-bottom:29px}.terms-copy .city-rule{margin:25px 0 29px}.terms-art{position:relative;min-width:0}.city-explore{text-align:center;padding:27px 6.4% 30px}.city-preview .city-explore h2{font-size:29px;margin-bottom:17px}.city-explore nav{display:grid;grid-template-columns:repeat(4,1fr)}.city-explore a{font:500 21px var(--serif);padding:18px 8px}.city-explore a+a{border-left:1px solid #d4c1a3}.city-explore span{color:var(--city-gold);margin-left:20px}.city-final{text-align:center;padding:30px 6.4% 26px;background:var(--city-cream)}.city-preview .city-final h2{font-size:29px}.city-final p{font-size:15px;margin:15px 0}.city-final .city-button{height:51px}.city-preview footer{font-family:var(--sans)}
@media(min-width:1024px) and (max-width:1300px){.city-preview{font-size:16px}.city-preview h1{font-size:48px}.city-header nav{gap:23px;font-size:9px}.city-brand strong{font-size:27px}.city-account{gap:12px}.city-account a{width:96px}.hero-copy>p:not(.eyebrow){margin-bottom:22px}.city-button{height:48px;font-size:11px;padding:0 24px}.city-preview .across-copy h2{font-size:25px}.area-list{margin-top:36px}.area-list article{min-height:95px}.area-list article:nth-child(n+4){padding-left:27px}.city-preview .area-list h3{font-size:18px}.area-list p,.terms-copy p{font-size:16px}.city-preview .terms-copy h2{font-size:29px}.terms-copy{padding-top:36px;padding-bottom:32px}.city-preview .city-explore h2,.city-preview .city-final h2{font-size:26px}}
/* Original HD images; the approved hero wash remains unchanged. */
.hero-wash{background:linear-gradient(90deg,#f3ece2 0%,#f3ece2 43%,rgba(243,236,226,.82) 47%,rgba(243,236,226,.3) 56%,transparent 65%)}
.city-hero::after{content:"";position:absolute;inset:0 0 auto;height:6vw;background:linear-gradient(90deg,#f3ece2,#e6dbce 60%,#d7cdc3);pointer-events:none}
.city-header{z-index:3}

.across-art img,.terms-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.across-art img{object-position:43% center}.terms-art img{object-position:50% center}
/* Fit the new standalone hero below the existing header band, preserving faces. */
.hero-art{top:6vw;height:calc(100% - 6vw)}