.trail-state-directory__intro{text-align:center;margin-bottom:var(--space-2xl)}.trail-state-directory__heading{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);color:var(--text-primary)}.trail-state-directory__description{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:0}.trail-state-directory__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--space-5xl),1fr));grid-gap:var(--space-lg);gap:var(--space-lg);list-style:none;padding:0;margin:0}.trail-state-directory__tile{background-color:var(--white);border:var(--border-width-thin) solid var(--gray-300);border-radius:var(--radius-lg);padding:var(--space-xl);text-decoration:none;color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;box-shadow:var(--shadow-sm);text-align:center;display:flex;align-items:center;justify-content:center;min-height:var(--space-6xl)}.trail-state-directory__tile:hover{transform:translateY(calc(-1 * var(--space-2xs)));box-shadow:var(--shadow-lg);border-color:var(--blue-500);color:var(--blue-600)}@media (max-width:767px){.trail-state-directory__heading{font-size:var(--font-size-2xl)}.trail-state-directory__description{font-size:var(--font-size-md)}.trail-state-directory__tiles{grid-template-columns:repeat(auto-fill,minmax(var(--space-4xl),1fr));gap:var(--space-md)}.trail-state-directory__tile{padding:var(--space-lg);font-size:var(--font-size-md);min-height:var(--space-5xl)}}@media (max-width:639px){.trail-state-directory__tiles{grid-template-columns:1fr;gap:var(--space-sm)}.trail-state-directory__tile{padding:var(--space-md);min-height:var(--space-4xl)}}