.commute-preview{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.commute-preview>div:first-child p:not(.eyebrow){max-width:550px}
.commute-preview .button{display:inline-block;margin-top:14px}
.commute-preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.commute-preview-cards article{background:#f6f3ee;border:1px solid #e2ddd5;border-radius:18px;padding:24px}
.commute-preview-cards span{font-size:10px;font-weight:700;letter-spacing:.12em;color:#9a2b18}
.commute-preview-cards h3{font-size:19px;margin:24px 0 12px}
.commute-preview-cards p{font-size:13px;margin:0}
.commute-page{background:#f6f3ee;color:#181d25}
.commute-page .neighborhood-breadcrumb{background:#fff}
.commute-hero{padding:190px 6vw 100px;min-height:610px;background:linear-gradient(90deg,rgba(15,31,31,.82),rgba(15,31,31,.22) 80%),url("assets/uptown-metra-bus.jpg") center 52%/cover;color:#fff}
.commute-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.045em;max-width:900px;margin:18px 0}
.commute-hero>p:last-child{font-size:18px;line-height:1.75;max-width:720px;color:#fff}
.commute-wrap{padding:0 6vw 70px}
.commute-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:-44px 0 28px;position:relative}
.commute-stats>div{background:#fff;border:1px solid #e4dfd6;border-radius:18px;padding:22px 26px;box-shadow:0 10px 26px #15221c13}
.commute-stats strong{display:block;font-size:31px;line-height:1.2;color:#263c32}
.commute-stats span{font-size:13px;color:#575c62}
.commute-page section:not(.commute-hero){padding:50px 0 14px;scroll-margin-top:100px}
.commute-page section h2{font-size:clamp(29px,3vw,43px);line-height:1.2;letter-spacing:-.035em;margin:0 0 14px}
.commute-page section h3{font-size:20px;line-height:1.3}
.commute-page .intro{max-width:820px;color:#575c62;line-height:1.8}
.commute-page .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.commute-page .card{padding:28px;background:#fff;border:1px solid #e4dfd6;border-radius:18px}
.commute-page .card p,.commute-page .card li{font-size:14px;line-height:1.8;color:#575c62}
.commute-page .card .tag{display:inline-block;padding:6px 11px;border-radius:999px;background:#edf1ee;color:#263c32;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.commute-page .card.paid .tag{background:#f4eae6;color:#9a2b18}
.commute-page .card ul{padding-left:20px}
.commute-page .table-wrap{overflow-x:auto;margin-top:24px;background:#fff;border:1px solid #e4dfd6;border-radius:18px}
.commute-page table{width:100%;border-collapse:collapse;min-width:600px}
.commute-page th,.commute-page td{text-align:left;padding:16px 20px;border-bottom:1px solid #e9e4dd;font-size:13px}
.commute-page th{background:#edf1ee;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.commute-page tr:last-child td{border-bottom:0}
.commute-page .bars{display:grid;gap:14px;margin-top:25px}
.commute-page .bar-row{display:grid;grid-template-columns:225px 1fr 95px;gap:18px;align-items:center;font-size:14px}
.commute-page .bar-track{height:12px;border-radius:99px;background:#dddcd7;overflow:hidden}
.commute-page .bar-fill{height:100%;border-radius:99px;background:#263c32}
.commute-page .bar-row .t{text-align:right;font-weight:700;color:#263c32}
.commute-parking-title{margin-top:42px}
.commute-page .callout{padding:20px 24px;margin-top:24px;background:#e8eeea;border-left:4px solid #263c32;border-radius:14px;font-size:14px;line-height:1.8}
.commute-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:65px 0 30px;padding:36px;background:#263c32;border-radius:20px;color:white}
.commute-cta h2{font-size:30px;margin:8px 0}
.commute-cta p{color:white;margin:0}
.commute-sources{font-size:12px;line-height:1.7;color:#575c62}
.commute-sources a{color:#9a2b18}
@media(max-width:1050px){.commute-preview{grid-template-columns:1fr}.commute-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.commute-preview-cards,.commute-stats,.commute-page .grid{grid-template-columns:1fr}.commute-hero{padding:55px 6vw 80px}.commute-wrap{padding-bottom:45px}.commute-page .bar-row{grid-template-columns:1fr 70px;gap:6px}.commute-page .bar-track{grid-column:1/-1;grid-row:2}.commute-cta{display:block}.commute-cta .button{display:inline-block;margin-top:22px}}
.commute-immersive .review-bar{display:none}
.commute-immersive .site-header{position:fixed;top:0;left:0;width:100%;z-index:1100;background:rgba(21,35,43,.28);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff30;transition:background .2s}
.commute-immersive .site-header:not(.is-scrolled) a,.commute-immersive .site-header:not(.is-scrolled) .menu{color:#fff;border-color:#ffffff70}
.commute-immersive .site-header:not(.is-scrolled) .brand img{filter:brightness(0) invert(1)}
.commute-immersive .site-header.is-scrolled{background:rgba(250,249,246,.97)}
.neighborhood-page .commute-page{padding-top:0}
.commute-page>.neighborhood-breadcrumb{position:absolute;top:100px;left:0;z-index:2;color:#fff}
.commute-page>.neighborhood-breadcrumb a{color:#fff}
.commute-immersive .commute-hero{border-radius:0;margin:0;min-height:640px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:185px}
@media(max-width:1200px){.commute-immersive .site-header nav{background:#faf9f6}.commute-immersive .site-header nav a{color:#161922!important}}
@media(max-width:650px){.commute-page>.neighborhood-breadcrumb{top:95px}.commute-immersive .commute-hero{padding:175px 6vw 75px;min-height:650px;background-position:57% center}}
body.commute-immersive main.commute-page>section.commute-hero{margin:0!important;border:0!important;border-radius:0!important;width:100%;}
body.commute-immersive main.commute-page>.neighborhood-breadcrumb{background:transparent;color:#fff;padding:18px 6vw}
body.commute-immersive main.commute-page>.neighborhood-breadcrumb a{color:#fff}