.direction-card{aspect-ratio:384/340;display:flex;flex-direction:column;gap:clamp(10px,7.5px + .0052083333 * 100vw,15px);height:100%;justify-content:center;padding:20px clamp(15px,-2.5px + .0364583333 * 100vw,50px);position:relative;z-index:1}.direction-card:before{background-color:transparent;content:"";display:block;height:100%;inset:0;position:absolute;transition:background-color var(--ease);width:100%;z-index:-1}.direction-card__title{display:flex;gap:clamp(10px,7.5px + .0052083333 * 100vw,15px);-webkit-hyphens:manual;hyphens:manual;transition:color var(--ease);word-break:break-all}.direction-card__square{color:var(--key-color);font-size:clamp(10px,7.5px + .0052083333 * 100vw,15px)}.direction-card__text{letter-spacing:-.06em;transition:color var(--ease)}.direction-card__icon{display:none}.direction-card__image{inset:0;opacity:.3;position:absolute;transition:opacity var(--ease);z-index:-2}.direction-card:hover:before{background-color:var(--grey-80)}.direction-card:hover .direction-card__text,.direction-card:hover .direction-card__title{color:var(--white)}.direction-card:hover .direction-card__square{color:var(--key-color)}.direction-card:hover .direction-card__image{opacity:.45}@media(max-width:767px){.direction-card{aspect-ratio:auto;box-shadow:var(--shadow);gap:initial;padding:initial}.direction-card:before{background-color:var(--dark-90)}.direction-card__title{color:var(--white);padding:20px 15px}.direction-card__square{color:var(--key-color)}.direction-card__box{background-color:var(--white);display:flex;flex-direction:column;gap:4px;padding:10px 15px}.direction-card__icon{display:block;height:20px;margin-left:auto;width:20px}.direction-card__image{opacity:.45}.direction-card:hover .direction-card__text{color:var(--dark)}}