.trail-city-directory{padding:var(--space-xl);background-color:var(--gray-50)}.trail-city-directory__container{max-width:var(--container-md);margin:0 auto;text-align:center}.trail-city-directory__content{padding:var(--space-md)}.trail-city-directory__heading{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.trail-city-directory__description{font-size:var(--font-size-md);color:var(--gray-600);margin-bottom:var(--space-2xl)}.trail-city-directory__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--space-5xl),1fr));grid-gap:var(--space-md);gap:var(--space-md)}.trail-city-directory__tile{background-color:var(--white);border:var(--border-width-thin) solid var(--gray-300);border-radius:var(--radius-lg);padding:var(--space-md);text-decoration:none;color:var(--text-primary);font-weight:var(--font-weight-medium);transition:all .2s ease;box-shadow:var(--shadow-sm)}.trail-city-directory__tile:hover{transform:translateY(calc(-1 * var(--space-2xs)));box-shadow:var(--shadow-lg)}.trail-state-landing-page__dropdown-container{margin-top:var(--space-lg);display:flex;width:100%}.trail-state-landing-page__dropdown-container .route-city-dropdown{max-width:var(--space-5xl);width:100%}.state-landing-hero{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);border-radius:var(--radius-xl);overflow:hidden;height:clamp(250px,30vh,400px);width:100%}.state-landing-hero--1-img{grid-template-columns:1fr;grid-template-rows:1fr}.state-landing-hero--2-img{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.state-landing-hero__image-wrapper{position:relative;width:100%;height:100%;background-color:var(--gray-200)}.state-landing-hero__image-wrapper:first-child{grid-row:1/-1}.state-landing-hero--1-img .state-landing-hero__image-wrapper:first-child,.state-landing-hero--2-img .state-landing-hero__image-wrapper:first-child{grid-row:auto}.state-landing-hero__img{width:100%;height:100%;object-fit:cover}@media (max-width:767px){.state-landing-hero{grid-template-columns:1fr;grid-template-rows:1fr;height:clamp(200px,25vh,250px)}.state-landing-hero__image-wrapper:not(:first-child){display:none}.state-landing-hero--1-img .state-landing-hero__image-wrapper:first-child{display:block}}