.trip-purpose-page { padding-bottom: 58px; }.trip-purpose-page__breadcrumbs { display: flex; gap: 9px; padding-top: 17px; color: var(--muted); font-size: 13px; }.trip-purpose-page__breadcrumbs a { color: var(--evergreen); text-decoration: none; }.trip-purpose-page__hero { padding-top: 42px; padding-bottom: 30px; }.trip-purpose-page__hero .eyebrow { margin: 0 0 8px; color: #5b8b58; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }.trip-purpose-page__hero h1 { max-width: 850px; margin: 0; color: var(--evergreen); font: 600 clamp(42px, 5vw, 64px)/.98 Newsreader, serif; letter-spacing: -.04em; }.trip-purpose-page__hero p:last-child { max-width: 650px; margin: 14px 0 0; color: var(--muted); font-size: 15px; line-height: 1.5; }.trip-purpose-page__switcher { display: flex; gap: 9px; margin-bottom: 42px; }.trip-purpose-page__switcher a { padding: 9px 13px; border: 1px solid #cddbc9; border-radius: 18px; color: var(--evergreen); font-size: 13px; font-weight: 700; text-decoration: none; }.trip-purpose-page__switcher a[aria-current="page"] { border-color: var(--evergreen); background: var(--evergreen); color: #fffefa; }.trip-purpose-page__content .section-heading { align-items: end; margin-bottom: 14px; }.trip-purpose-page__content .section-heading h2 { margin: 0; color: var(--evergreen); font: 600 28px/1.08 Newsreader, serif; }.trip-purpose-page__content .section-heading p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }.trip-purpose-page__content .section-heading a { color: var(--evergreen); font-size: 13px; font-weight: 700; text-decoration: none; }.trip-purpose-page__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.trip-purpose-card { display: grid; grid-template-columns: 38% minmax(0, 1fr); gap: 13px; min-height: 184px; padding: 13px; border: 1px solid #dfe5db; border-radius: 8px; background: var(--panel); color: var(--evergreen); text-decoration: none; transition: border-color .18s ease, transform .18s ease; }.trip-purpose-card:hover, .trip-purpose-card:focus-visible { border-color: #91ad91; outline: 0; transform: translateY(-2px); }.trip-purpose-card img { width: 100%; height: 145px; align-self: center; object-fit: contain; }.trip-purpose-card h3 { margin: 7px 0 0; font: 600 21px/1.1 Newsreader, serif; }.trip-purpose-card h3 span { color: #598062; font: 600 13px Manrope, sans-serif; }.trip-purpose-card p { margin: 6px 0 0; color: var(--muted); font-size: 13px; }.trip-purpose-card small { display: block; margin-top: 13px; color: var(--muted); font-size: 13px; line-height: 1.4; }.trip-purpose-card strong { display: block; margin-top: 8px; color: #3e785d; font: 600 21px/1 Newsreader, serif; }.trip-purpose-card strong.is-updating { font: 700 13px Manrope, sans-serif; }.trip-purpose-card b { display: block; margin-top: 13px; color: #3e785d; font-size: 13px; }.trip-purpose-page__empty { padding: 24px; border: 1px solid #dfe5db; border-radius: 8px; color: var(--muted); font-size: 15px; }.trip-purpose-page__seo { margin-top: 56px; }.trip-purpose-page__seo-copy { max-width: 900px; padding-top: 36px; border-top: 1px solid #dfe5db; }.trip-purpose-page__seo-copy h2 { margin: 0 0 22px; color: var(--evergreen); font: 600 34px/1.08 Newsreader, serif; }.trip-purpose-page__seo-copy h3 { margin: 27px 0 8px; color: var(--evergreen); font: 600 24px/1.15 Newsreader, serif; }.trip-purpose-page__seo-copy p { max-width: 850px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.72; }.trip-purpose-page__seo-copy p + h3 { margin-top: 29px; }@media (max-width: 900px) { .trip-purpose-page__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }@media (max-width: 650px) { .trip-purpose-page__hero { padding-top: 30px; }.trip-purpose-page__hero h1 { font-size: clamp(38px, 11vw, 52px); }.trip-purpose-page__switcher { flex-wrap: wrap; margin-bottom: 30px; }.trip-purpose-page__content .section-heading { align-items: start; gap: 8px; flex-direction: column; }.trip-purpose-page__grid { grid-template-columns: 1fr; }.trip-purpose-card { grid-template-columns: 35% minmax(0, 1fr); }.trip-purpose-page__seo-copy h2 { font-size: 30px; }.trip-purpose-page__seo-copy h3 { font-size: 22px; }.trip-purpose-page__seo-copy p { font-size: 15px; } }
