.direction-herbarium{scroll-margin-top:var(--space-6)}.direction-herbarium-sheet{padding-block:var(--space-10)}.direction-herbarium-heading{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.direction-herbarium-grid{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.direction-tile{flex:0 0 calc((100% - 3 * var(--space-4)) / 4);min-width:0;min-height:256px;padding:var(--space-6);border-radius:var(--radius-image);background:var(--color-primary-soft);transition:background-color var(--duration-normal) var(--ease-standard);position:relative;overflow:hidden}.direction-tile-title{z-index:var(--layer-content);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-heading);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;display:block;position:relative}.direction-tile img{right:0;bottom:var(--space-2);object-fit:contain;pointer-events:none;width:100%;height:152px;transition:transform var(--duration-normal) var(--ease-standard);position:absolute}.direction-tile:hover,.direction-tile:focus-visible{color:var(--color-primary-ink);background:var(--color-accent-soft);text-decoration:none}.direction-tile-other,.direction-tile-other:hover,.direction-tile-other:focus-visible{background:var(--color-accent-soft)}.direction-tile:focus-visible{outline:var(--focus-width) solid var(--color-primary);outline-offset:var(--focus-offset)}.direction-tile:hover img,.direction-tile:focus-visible img{transform:translateY(-4px)rotate(-3deg)scale(1.04)}@media (width<=900px){.direction-tile{flex-basis:calc((100% - var(--space-4)) / 2);min-height:224px}}@media (width<=600px){.direction-herbarium-heading{align-items:flex-start;gap:var(--space-3);flex-direction:column}.direction-herbarium-grid{gap:var(--space-3)}.direction-tile{flex:0 0 calc((100% - 2 * var(--space-3)) / 3);gap:var(--space-2);padding:var(--space-3);flex-direction:column;min-height:0;display:flex}.direction-tile-title{font-size:var(--font-size-xs)}.direction-tile img{height:64px;margin-top:auto;position:static}}@media (prefers-reduced-motion:reduce){.direction-tile,.direction-tile img{transition:none}.direction-tile:hover img,.direction-tile:focus-visible img{transform:none}}