.lh3-intro { padding-top: 54px; }
.lh3-intro-copy h1 { max-width: 850px; font-size: clamp(46px, 5.2vw, 78px); line-height: 1.04; }
.lh3-intro-copy p { max-width: 710px; font-size: 18px; line-height: 1.58; }
.lh3-search { width: 100%; margin-top: 24px; }
.lh3-search-city strong { display: flex; align-items: center; gap: 7px; margin-top: 4px; color: #202a24; font-size: 14px; font-weight: 750; white-space: nowrap; }
.lh3-search-city strong i { color: #2f765f; font-size: 13px; }
.lh3-city-photo { position: relative; height: 250px; margin-top: 22px; margin-bottom: 48px; overflow: hidden; border-radius: 24px; background: #dce8e1; }
.lh3-city-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 54%; }
.lh3-city-photo::after { content: ''; position: absolute; inset: 30% 0 0; background: linear-gradient(transparent, rgba(5, 27, 18, .7)); pointer-events: none; }
.lh3-city-photo figcaption { position: absolute; z-index: 1; left: 28px; bottom: 21px; display: grid; gap: 5px; color: #fff; font-size: 23px; font-weight: 750; }
.lh3-city-photo small { font-size: 11px; font-weight: 500; }
.lh3-city-photo a { color: inherit; text-decoration: underline; }
.lh3-destinations { background: #f3f7f4; }
.lh3-destination { padding: 7px; border: 1px solid #e0ebe3; border-radius: 22px; background: #fff; transition: box-shadow .2s ease, transform .2s ease; }
.lh3-destination:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(23, 54, 34, .1); }
.lh3-destination-photo { aspect-ratio: 1.55 / 1; border-radius: 16px; }
.lh3-destination-copy { padding: 16px 10px 11px; }
.lh3-destination-copy h3 { font-size: 18px; }
.lh3-story { background: #122a21; }
.lh3-story-copy .lh3-eyebrow { color: #a7dfba; }
.lh3-story-copy p { color: #d4e2d9; }
.lh3-story-copy a:hover { background: #e2f3e6; }
@media (max-width: 760px) { .lh3-intro { padding-top: 32px; } .lh3-intro-copy h1 { font-size: clamp(38px, 8vw, 56px); } .lh3-search { margin-top: 20px; } .lh3-city-photo { height: 210px; margin-top: 16px; margin-bottom: 30px; border-radius: 18px; } }
@media (max-width: 480px) { .lh3-intro-copy p { font-size: 15px; } .lh3-city-photo { height: 185px; } .lh3-city-photo figcaption { left: 16px; bottom: 15px; font-size: 18px; } }