.metro-section{background:#f5f6f7}.metro-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:46px}.metro-section-heading h2{margin-bottom:0}.metro-section-heading>p{max-width:350px;color:var(--muted);line-height:1.8}.metro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.metro-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;min-height:420px;padding:32px 36px;background:var(--navy);color:#fff;border:1px solid #ffffff24;transition:transform .45s var(--ease),box-shadow .45s}.metro-card:focus-visible{outline:3px solid #7597b2;outline-offset:5px}.metro-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0d3b661a}.metro-san-antonio{background:linear-gradient(135deg,#102d46,#41616a)}.metro-dallas{background:linear-gradient(135deg,#092944,#304d73)}.metro-austin{background:linear-gradient(135deg,#163d48,#49716a)}.metro-houston{background:linear-gradient(135deg,#082743,#175b78)}.metro-card-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#d4e1eb}.metro-card-bottom{position:relative;z-index:1}.metro-card-bottom>p{font-size:14px;color:#d4e1eb;margin:0 0 12px}.metro-card h3{font-family:var(--serif);font-size:clamp(32px,3.3vw,52px);font-weight:400;line-height:1.1;margin:0 0 26px}.metro-card-action{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.06em;border-top:1px solid #ffffff36;padding-top:20px}.metro-card-action svg{width:24px;transition:transform .4s}.metro-card:hover .metro-card-action svg{transform:translateX(6px)}.metro-horizon{position:absolute;inset:17% -20% auto;height:66%;border:1px solid #ffffff20;border-radius:50%;transform:rotate(-17deg);z-index:-1}.metro-horizon:before,.metro-horizon:after{content:'';position:absolute;inset:24px;border:1px solid #ffffff14;border-radius:50%}.metro-horizon:after{inset:50px}.metro-hero{position:relative;overflow:hidden;color:#fff;padding-top:150px;padding-bottom:100px}.metro-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#dae5ec;margin-bottom:65px}.metro-breadcrumb a:hover{text-decoration:underline}.metro-hero-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center}.metro-hero h1{font-size:clamp(48px,6vw,88px);line-height:1.1;max-width:850px}.metro-hero h1>span{display:block;font-size:clamp(25px,3vw,42px);font-style:italic;font-weight:400;line-height:1.3;margin-top:22px;color:#d4e1eb}.metro-lead{max-width:650px;font-size:18px;line-height:1.85;color:#e0e9ee;margin:28px 0}.metro-hero-mark{position:relative;isolation:isolate;min-height:340px;display:grid;place-items:center}.metro-hero-mark>span{font-family:var(--serif);font-size:clamp(70px,10vw,150px);font-weight:400;color:#ffffff24}.metro-places{background:#f5f6f7}.metro-places-note{color:var(--muted);max-width:650px;line-height:1.8}.metro-place-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px;margin-top:38px}.metro-place-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font-size:20px}.metro-place-list svg{width:24px;flex-shrink:0}.metro-place-list a:hover{color:var(--navy)}.metro-next{display:flex;justify-content:space-between;align-items:center;gap:35px}.metro-next h2{margin-bottom:16px}.metro-next .button-row{flex-wrap:wrap;max-width:530px}.metro-next p{color:var(--muted)}
@media(max-width:900px){.metro-hero-layout{grid-template-columns:1fr}.metro-hero-mark{display:none}.metro-card{min-height:360px;padding:26px}.metro-next{display:block}.metro-next .button-row{margin-top:30px}.metro-section-heading{align-items:flex-start;gap:25px}}
@media(max-width:600px){.metro-grid,.metro-place-list{grid-template-columns:1fr}.metro-section-heading{display:block}.metro-section-heading>p,.metro-section-heading>.text-link{margin-top:24px}.metro-card{min-height:330px}.metro-hero{padding-top:125px;padding-bottom:65px}.metro-breadcrumb{margin-bottom:40px}.metro-hero h1{font-size:46px}.metro-lead{font-size:16px}.metro-place-list a{font-size:18px}.metro-next .button{width:100%;justify-content:space-between}}
.metro-menu-links{display:flex;flex-direction:column;gap:12px;margin-top:18px}.metro-menu-links a{font-size:14px!important;line-height:1.5}.metro-menu-links a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.metro-card,.metro-card-action svg{transition:none}.metro-card:hover{transform:none}}
