/* Local vector illustrations keep the category set sharp and consistent. */
.next-stop-section { background: #fff; padding: 64px 24px; }
.next-stop-inner { max-width: 1160px; margin: auto; }
.next-stop-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.next-stop-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #648277; font-size: 10px; font-weight: 700; letter-spacing: 2px; }
.next-stop-eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: #739d88; }
.next-stop-heading h2 { margin: 14px 0 12px; color: #21473c; font-size: clamp(28px,3.4vw,40px); font-weight: 650; line-height: 1.17; letter-spacing: -1.3px; }
.next-stop-heading p { margin: 0; color: #7b8983; font-size: 14px; line-height: 1.7; }
.next-stop-browse { display: inline-flex; align-items: center; gap: 18px; padding: 11px 0; color: #315a4b; font-size: 12px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.next-stop-browse > span { font-size: 21px; }
.next-stop-browse:hover { color: #1e5359; text-decoration: underline; }
.next-stop-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.destination-card { --tile:#f9eee3; --ink:#976b3f; --halo:#eedac2; display:block; position:relative; overflow:hidden; min-width:0; min-height:192px; padding:24px; border:1px solid transparent; border-radius:18px; background:var(--tile); color:var(--ink); text-decoration:none; isolation:isolate; transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease; }
.destination-card::before { content:''; position:absolute; z-index:-1; width:130px; height:130px; border-radius:50%; background:var(--halo); opacity:.33; right:-65px; top:-65px; transition:transform 260ms ease; }
.destination-card--rose { --tile:#faedef; --ink:#a45e73; --halo:#ebc7d3; }
.destination-card--lilac { --tile:#f1eef9; --ink:#80709f; --halo:#d9cdec; }
.destination-card--sky { --tile:#edf4fa; --ink:#557f9b; --halo:#c6deed; }
.destination-card--sand { --tile:#f5f0e8; --ink:#927756; --halo:#e2d3b9; }
.destination-card--sage { --tile:#edf3eb; --ink:#6f8963; --halo:#cfdcc6; }
.destination-card--mint { --tile:#eaf5f0; --ink:#568773; --halo:#c6e2d4; }
.destination-card--all { --tile:#214c40; --ink:#d0e6d7; --halo:#6b9980; }
.destination-icon { width:49px; height:49px; display:grid; place-items:center; border:1px solid #ffffffc2; border-radius:14px; background:#ffffff78; margin-bottom:25px; }
.destination-icon svg { width:26px; height:26px; }
.destination-card h3 { color:#33483e; font-size:16px; font-weight:650; line-height:1.4; margin:0 0 7px; letter-spacing:-.25px; }
.destination-card p { color:#7b867e; font-size:12px; line-height:1.6; margin:0; }
.destination-card--all .destination-icon { background:#ffffff12; border-color:#ffffff26; }
.destination-card--all h3 { color:#f2f8f4; }
.destination-card--all p { color:#b6cebf; }
.destination-card:focus-visible,.next-stop-browse:focus-visible { outline:3px solid #54886d; outline-offset:4px; }
@media (hover:hover) and (pointer:fine) {
 .destination-card:hover { transform:translateY(-4px); color:var(--ink); box-shadow:0 12px 22px #214c3910; text-decoration:none; border-color:var(--halo); }
 .destination-card:hover::before { transform:scale(1.25); }
}
.destination-card:active { transform:scale(.985); }
[data-theme="dark"] .next-stop-section { background:#101c19; }
[data-theme="dark"] .next-stop-heading h2 { color:#d7eee1; }
[data-theme="dark"] .next-stop-heading p { color:#a7bdb0; }
[data-theme="dark"] .next-stop-eyebrow,[data-theme="dark"] .next-stop-browse { color:#9cc5ae; }
[data-theme="dark"] .destination-card { background:#1b2c25; border-color:#2c4237; }
[data-theme="dark"] .destination-card::before { opacity:.09; }
[data-theme="dark"] .destination-icon { background:#ffffff09; border-color:#ffffff12; color:var(--halo); }
[data-theme="dark"] .destination-card h3 { color:#dcebe1; }
[data-theme="dark"] .destination-card p { color:#a2b5a9; }
[data-theme="dark"] .destination-card--all { background:#284c3d; }
@media (max-width:900px) { .next-stop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) {
 .next-stop-section { padding:40px 20px; }
 .next-stop-heading { flex-direction:column; align-items:flex-start; gap:12px; margin-bottom:23px; }
 .next-stop-heading h2 { letter-spacing:-.8px; }
 .next-stop-heading p { font-size:13px; }
 .next-stop-grid { gap:12px; }
 .destination-card { padding:18px 15px; min-height:180px; border-radius:15px; }
 .destination-icon { width:42px; height:42px; margin-bottom:22px; }
 .destination-icon svg { width:23px; height:23px; }
 .destination-card h3 { font-size:14px; }
 .destination-card p { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) { .destination-card,.destination-card::before { transition:none; } .destination-card:hover,.destination-card:active,.destination-card:hover::before { transform:none; } }