.feature-tile{gap:var(--space-5);padding:var(--space-4) var(--space-6);color:var(--ink-2);transition:transform var(--dur-fast) var(--ease-hover);flex-direction:column;display:flex}.feature-tile__icon{width:2.5rem;height:2.5rem;color:var(--accent-2);opacity:0;transition:opacity var(--dur-hover) var(--ease-hover);align-self:center}.feature-tile__title{font-family:var(--sans);font-size:var(--text-xl);font-weight:var(--weight-heavy);line-height:var(--leading-normal);letter-spacing:var(--track-tile);text-align:center;white-space:pre-line;transition:transform var(--dur-hover) var(--ease-hover), color var(--dur-hover) var(--ease-hover)}.feature-tile__text{gap:var(--space-5);font-size:var(--text-lg);font-weight:var(--weight-heavy);line-height:var(--leading-normal);transition:transform var(--dur-fast) var(--ease-hover), color var(--dur-hover) var(--ease-hover);flex-direction:column;display:flex}@media (min-width:40rem){.feature-tile{padding:var(--space-4)}.feature-tile__text{font-size:var(--text-md)}}@media (hover:hover){.feature-tile:hover{transform:translateY(-.625rem)scale(1.02)}.feature-tile:hover .feature-tile__icon{opacity:1}.feature-tile:hover .feature-tile__title{color:var(--accent-2);transform:translateY(-1.1875rem)}.feature-tile:hover .feature-tile__text{color:var(--accent-2);transform:translateY(-1.875rem)}}.feature-tile--red .feature-tile__icon{color:var(--accent-red)}@media (hover:hover){.feature-tile--red:hover .feature-tile__title,.feature-tile--red:hover .feature-tile__text{color:var(--accent-red)}}
